@font-face {
font-family: "helvetica-neue-condensed-black";
src: url("https://candyfonts.com/wp-data/2019/04/06/51368/HelveticaNeueCondensedBlack.ttf") format("woff"), url("https://candyfonts.com/wp-data/2019/04/06/51368/HelveticaNeueCondensedBlack.ttf") format("opentype"), url("https://candyfonts.com/wp-data/2019/04/06/51368/HelveticaNeueCondensedBlack.ttf") format("truetype");
}
@font-face {
font-family: 'Lato-Regular';
src: url("../fonts/lato-regular/Lato-Regular.eot");
src: url("../fonts/lato-regular/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular/Lato-Regular.svg#Lato-Regular") format("svg"), url("../fonts/lato-regular/Lato-Regular.ttf") format("truetype"), url("../fonts/lato-regular/Lato-Regular.woff") format("woff"), url("../fonts/lato-regular/Lato-Regular.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato-Medium';
src: url("../fonts/lato-medium/Lato-Medium.eot");
src: url("../fonts/lato-medium/Lato-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-medium/Lato-Medium.otf") format("otf"), url("../fonts/lato-medium/Lato-Medium.svg#Lato-Medium") format("svg"), url("../fonts/lato-medium/Lato-Medium.ttf") format("truetype"), url("../fonts/lato-medium/Lato-Medium.woff") format("woff"), url("../fonts/lato-medium/Lato-Medium.woff2") format("woff2");
}
@font-face {
font-family: 'Lato-Bold';
src: url("../fonts/lato-bold/Lato-Bold.eot");
src: url("../fonts/lato-bold/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-bold/Lato-Bold.otf") format("otf"), url("../fonts/lato-bold/Lato-Bold.svg#Lato-Bold") format("svg"), url("../fonts/lato-bold/Lato-Bold.ttf") format("truetype"), url("../fonts/lato-bold/Lato-Bold.woff") format("woff"), url("../fonts/lato-bold/Lato-Bold.woff2") format("woff2");
}
@font-face {
font-family: 'Montserrat-Regular';
src: url("../fonts/montserrat-regular/Montserrat-Regular.eot");
src: url("../fonts/montserrat-regular/Montserrat-Regular.eot?#iefix") format("embedd1d-opentype"), url("../fonts/montserrat-regular/Montserrat-Regular.svg#Montserrat-Regular") format("svg"), url("../fonts/montserrat-regular/Montserrat-Regular.ttf") format("truetype"), url("../fonts/montserrat-regular/Montserrat-Regular.woff") format("woff"), url("../fonts/montserrat-regular/Montserrat-Regular.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat-Medium';
src: url("../fonts/montserrat-medium/Montserrat-Medium.eot");
src: url("../fonts/montserrat-medium/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-medium/Montserrat-Medium.svg#Montserrat-Medium") format("svg"), url("../fonts/montserrat-medium/Montserrat-Medium.ttf") format("truetype"), url("../fonts/montserrat-medium/Montserrat-Medium.woff") format("woff"), url("../fonts/montserrat-medium/Montserrat-Medium.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat-Bold';
src: url("../fonts/montserrat-bold/Montserrat-Bold.eot");
src: url("../fonts/montserrat-bold/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-bold/Montserrat-Bold.svg#Montserrat-Bold") format("svg"), url("../fonts/montserrat-bold/Montserrat-Bold.ttf") format("truetype"), url("../fonts/montserrat-bold/Montserrat-Bold.woff") format("woff"), url("../fonts/montserrat-bold/Montserrat-Bold.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
.font-lato-regular {
font-family: "Lato-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.font-lato-medium {
font-family: "Lato-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.font-lato-bold, nav.navbar .navbar-collapse .navbar-nav a.nav-link, .page-wrapper.page-joinus .accordion-button.collapsed, .page-wrapper.page-joinus .accordion-button:not(.collapsed) {
font-family: "Lato-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.font-montserrat-regular {
font-family: "Montserrat-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.font-montserrat-medium {
font-family: "Montserrat-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.font-montserrat-bold, .secondary-titles {
font-family: "Montserrat-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.line-titles, .header-content h1:after, .secondary-titles:after {
position: absolute;
height: 3px;
width: 140px;
left: calc(50% - 70px);
content: "";
border-radius: 100px;
}
.h_20 {
height: 20px;
}
.h_25 {
height: 25px;
}
.h_28 {
height: 28px;
}
.h_30 {
height: 30px;
}
.h_35 {
height: 35px;
}
.h_40 {
height: 40px;
}
.h_45 {
height: 45px;
}
.h_50 {
height: 50px;
}
.h_55 {
height: 55px;
}
.h_60 {
height: 60px;
}
.h_70 {
height: 70px;
}
.h_80 {
height: 80px;
}
.h_90 {
height: 90px;
}
.h_100 {
height: 100px;
}
.h_110 {
height: 110px;
}
.h_120 {
height: 120px;
}
.w_60 {
width: 60px;
}
.w_62 {
width: 62px;
}
.w_65 {
width: 65px;
}
.w_80 {
width: 80px;
}
.w_100 {
width: 100px;
}
.w-60 {
width: 60% !important;
}
.w-70 {
width: 70%;
}
.w-80 {
width: 80% !important;
}
a {
color: #E4252B;
}
a:hover {
color: #c80000;
text-decoration: none;
}
img .cover {
object-fit: cover;
height: 100%;
width: 100%;
}
.border {
border-color: #cecece !important;
border-radius: 2px;
}
.form-check-input:checked {
background-color: #c80000;
border-color: #c80000;
}
.form-check-input:focus {
box-shadow: none;
border-color: #cecece;
}
.btn-primary {
background-color: #c80000;
border-color: #af0000;
padding: 0.5rem 1rem;
font-weight: 600;
border-radius: 0px !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:focus-visible, .btn-primary:active {
background-color: #be0000;
border-color: #af0000;
}
.btn-primary:focus {
box-shadow: 0 0 0 0.25rem #f6d1d1;
}
.btn-primary a {
color: #ffffff;
text-decoration: none;
}
.btn-secondary {
background-color: #666666;
padding-left: 4rem;
padding-right: 4rem;
font-weight: 600;
border-radius: 10px;
}
.btn-secondary a {
color: #ffffff;
text-decoration: none;
}
.btn-secondary:hover {
background-color: #595959;
}
.form-control:focus {
box-shadow: 0 0 0 0.25rem #6666661a;
border-color: #b9b9b9 !important;
}
nav.navbar {
background-color: transparent;
z-index: 9;
margin-top: -1px;
overflow: hidden;
z-index: 9999;
transition: all 0.1s;
}
*/ nav.navbar.menu-secondary {
position: static;
background-color: #666666;
margin-top: 0;
padding-top: 10px;
padding-bottom: 10px;
}
nav.navbar .navbar-collapse .navbar-nav a.nav-link {
color: #333333;
transition: all 0.5s;
font-size: 17px;
}
nav.navbar .navbar-collapse .navbar-nav a.nav-link.active, nav.navbar .navbar-collapse .navbar-nav a.nav-link:hover {
color: #ffffff;
}
nav.navbar .navbar-collapse .navbar-nav a.nav-link.active span, nav.navbar .navbar-collapse .navbar-nav a.nav-link:hover span {
position: relative;
display: inline-block;
}
nav.navbar .navbar-collapse .navbar-nav a.nav-link.active span:after, nav.navbar .navbar-collapse .navbar-nav a.nav-link:hover span:after {
position: absolute;
bottom: -3px;
height: 3px;
width: 40px;
left: calc(50% - 20px);
content: "";
/* border-radius: 100px;
opacity: 0.8; */
}
nav.navbar.sticky {
background-color: #E4252B;
margin-top: 0;
position: fixed;
top: 0;
width: 100%;
/*box-shadow: 0 2px 2px #00000042;*/
padding-top: 10px;
padding-bottom: 10px;
}
nav.navbar.sticky + .page-privacy-policy {
padding-top: 60px;
}
.header-title {
background-size: cover !important;
position: relative;
object-fit: cover;
width: 100%;
display: block !important;
}
.header-title:before {
/*Ds edit 241022*/
/*background-color: rgba(0, 0, 0, 0.5);*/
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
content: '';
z-index: 1;
left: 0;
top: 0;
position: absolute;
}
.header-title-home:before {
/* background-color: rgba(0, 0, 0, 0.5);*/
width: 100%;
height: 100%;
content: '';
z-index: 1;
left: 0;
top: 0;
position: absolute;
}
.header-content .text-center {
/* z-index: 99; */
z-index: 1;
}
.header-content h1 {
font-family: "Montserrat-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
position: relative;
margin-bottom: 0px !important;
font-size: calc(1.375rem + 1.5vw);
}
.header-title .header-content {
z-index: 2;
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
color: #fff;
text-align: center;
}
.header-title-home .header-content {
z-index: 2;
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
color: #fff;
text-align: center;
}
.header-title-about .header-content {
z-index: 2;
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
color: #fff;
text-align: center;
}
.secondary-titles {
text-align: center;
position: relative;
font-size: calc(1.1rem + 0.6vw) !important;
/* text-transform: uppercase; */
/* margin-top: 40px; */
}
.page-wrapper .home-section-service img.icon {
height: 50px;
margin-bottom: 10px;
}
.page-wrapper .home-section-service .info-box {
margin-top: 18px;
}
.page-wrapper .home-section-service h4 {
margin-bottom: 30px;
}
.page-wrapper .valued-clients, .page-wrapper .partner-ship {
width: 77%;
margin: 0 auto;
}
.page-wrapper .valued-clients .carousel-inner, .page-wrapper .partner-ship .carousel-inner {
max-width: 90%;
float: none;
margin: 0px auto;
}
.page-wrapper .valued-clients .carousel-control-next, .page-wrapper .valued-clients .carousel-control-prev, .page-wrapper .partner-ship .carousel-control-next, .page-wrapper .partner-ship .carousel-control-prev {
opacity: 0.69;
transition: all 0.5s;
width: 60px;
}
.page-wrapper .valued-clients .carousel-control-next:hover, .page-wrapper .valued-clients .carousel-control-prev:hover, .page-wrapper .partner-ship .carousel-control-next:hover, .page-wrapper .partner-ship .carousel-control-prev:hover {
opacity: 0.92;
}
.page-wrapper .valued-clients .carousel-control-next .carousel-control-next-icon, .page-wrapper .valued-clients .carousel-control-prev .carousel-control-next-icon, .page-wrapper .partner-ship .carousel-control-next .carousel-control-next-icon, .page-wrapper .partner-ship .carousel-control-prev .carousel-control-next-icon {
width: 60px !important;
height: 60px !important;
background-image: url(../images/next.png);
background-repeat: no-repeat;
}
.page-wrapper .valued-clients .carousel-control-next .carousel-control-prev-icon, .page-wrapper .valued-clients .carousel-control-prev .carousel-control-prev-icon, .page-wrapper .partner-ship .carousel-control-next .carousel-control-prev-icon, .page-wrapper .partner-ship .carousel-control-prev .carousel-control-prev-icon {
width: 60px;
width: 60px !important;
height: 60px !important;
background-image: url(../images/prev.png);
background-repeat: no-repeat;
}
.clients-say .carousel-inner, .page-wrapper .meet-team .carousel-inner {
margin-top: 0px;
height: 368px;
display: flex;
align-items: center;
}
.clients-say .carousel-inner .carousel-item .carousel-caption, .page-wrapper .meet-team .carousel-inner .carousel-item .carousel-caption {
position: static;
width: 49%;
color: #212529;
margin: 0px;
float: left;
text-align: left;
/*
position: relative;
width: 100%;
min-height: 100vh;
margin: 0 auto;
overflow: hidden;
&::after;
content: '';
position: absolute;
background-color: blue;
padding-bottom: 141.42136%;
width: 100%;
bottom: 0;
left: 0;
transform: rotate(65.5deg) ;
transform-origin: left bottom;*/
}
.clients-say .carousel-inner .carousel-item .carousel-caption p:last-child, .page-wrapper .meet-team .carousel-inner .carousel-item .carousel-caption p:last-child {
margin-bottom: 15px;
}
.clients-say .carousel-dark .carousel-indicators, .clients-say .carousel.slide .carousel-indicators, .page-wrapper .meet-team .carousel-dark .carousel-indicators, .page-wrapper .meet-team .carousel.slide .carousel-indicators {
margin-bottom: -33px;
}
.clients-say .carousel-dark .carousel-indicators button[data-bs-target], .clients-say .carousel.slide .carousel-indicators button[data-bs-target], .page-wrapper .meet-team .carousel-dark .carousel-indicators button[data-bs-target], .page-wrapper .meet-team .carousel.slide .carousel-indicators button[data-bs-target] {
height: 15px;
width: 15px;
margin: 0 8px;
background-color: transparent;
border: 1px solid #333333;
background: #333333;
opacity: 1;
border-radius: 100px;
}
.clients-say .carousel-dark .carousel-indicators button[data-bs-target].active, .clients-say .carousel.slide .carousel-indicators button[data-bs-target].active, .page-wrapper .meet-team .carousel-dark .carousel-indicators button[data-bs-target].active, .page-wrapper .meet-team .carousel.slide .carousel-indicators button[data-bs-target].active {
background-color: #E4252B;
border: 1px solid #E4252B;
}
.page-wrapper .meet-team .carousel-inner {
height: auto;
}
.page-wrapper.page-affiliates img {
margin-bottom: 0px;
border-radius: 4px;
}
.page-wrapper.page-affiliates .cont-info {
padding-left: 2rem;
}
.page-wrapper.page-affiliates .cont-info img {
margin-bottom: 15px;
}
.page-wrapper.page-affiliates .container section .mt-4.align-items-center {
margin-top: 35px !important;
}
.page-wrapper.page-joinus h4.title-job {
margin-top: 28px;
margin-bottom: 20px;
border-radius: 2px;
font-weight: 500;
}
.page-wrapper.page-joinus h6.font-lato-medium {
margin-bottom: 20px !important;
}
.page-wrapper.page-joinus .accordion {
margin-top: 35px;
}
.page-wrapper.page-joinus .row.align-items-center {
margin-top: 48px !important;
}
.page-wrapper.page-joinus .gg-shape-triangle {
position: relative;
transform: scale(var(--ggs, 1));
width: 22px;
height: 17px;
border-left: 3px solid transparent;
border-bottom: 3px solid;
}
.page-wrapper.page-joinus .gg-shape-triangle, .page-wrapper.page-joinus .gg-shape-triangle:before {
display: block;
box-sizing: border-box;
border-right: 3px solid transparent;
}
.page-wrapper.page-joinus .gg-shape-triangle::before {
content: "";
position: absolute;
width: 20px;
height: 20px;
border-left: 3px solid;
border-top: 3px solid;
border-bottom: 3px solid transparent;
transform: rotate(45deg) skew(10deg, 10deg);
left: -2px;
bottom: -13px;
}
.page-wrapper.page-joinus .accordion-button {
/*@extend.font-lato-medium;*/
}
.page-wrapper.page-joinus .accordion-button:after {
background-image: url(../images/arrow-solid.png);
background-repeat: no-repeat;
width: 18px;
height: 10px;
background-size: 18px;
transition: transform 0.5s ease-in-out;
display: none;
}
.page-wrapper.page-joinus .accordion-button:hover {
background-color: #f1f1f1;
}
.page-wrapper.page-joinus .accordion-button:not(.collapsed) {
background-color: #c5c5c5;
color: #212529;
box-shadow: none;
}
.page-wrapper.page-joinus .accordion-button:not(.collapsed)::after {
background-image: url(../images/arrow-solid.png);
background-repeat: no-repeat;
}
.page-wrapper.page-joinus .accordion-button:focus {
border-color: transparent;
box-shadow: none;
}
.page-wrapper.page-joinus .accordion-item {
border-color: #bfbfbf;
/*overflow: scroll;*/
position: relative;
}
.page-wrapper.page-joinus .accordion-item h2.accordion-header {
position: sticky;
top: 0;
word-break: break-word;
display: block;
z-index: 9;
}
.page-wrapper.page-joinus .accordion-item .accordion-body {
padding: 1.5rem 1.25rem;
}
.page-wrapper.page-contactus {
/*width: 60%;*/
margin: 0 auto;
}
.page-wrapper.page-contactus .btn-primary {
padding-top: 15px;
padding-bottom: 15px;
border-radius: 10px;
}
.page-wrapper.page-contactus .form-check {
padding-left: 1.8em;
}
.page-wrapper.page-contactus .form-check .form-check-input {
width: 1.3em;
height: 1.3em;
margin-left: -1.8em;
}
.page-wrapper.page-contactus .form-check .form-check-input[type=checkbox] {
border-radius: 2px;
}
.page-wrapper.page-privacy-policy {
width: 75%;
margin: 0px auto 60px !important;
padding: 0px;
}
.page-wrapper.page-aboutus .ace-one .align-items-center {
margin-top: 15px;
}
.page-wrapper.page-aboutus .meet-team .carousel.slide {
padding-bottom: 28px;
}
.page-wrapper.page-aboutus .meet-team .carousel.slide .carousel-indicators {
margin-bottom: 0;
}
.page-wrapper section#odoo-contact {
margin-top: 0px !important;
/* height: 900px;*/
height: 685px;
/*ds height:848px*/
/*margin-bottom: -37px*/
}
.page-wrapper section#odoo-contact .container {
max-height: 100% !important;
max-width: 100% !important;
}
/*Ds edit 101422*/
.page-wrapper section#odoo-contact iframe {
/*width: 1000px;*/
width: 100%;
}
footer.footer {
/* margin-top: 50px; */
padding: 0px 0;
color: #333333;
background: #F5F5F5;
margin: 0px 0px 0px 0px;
}
footer.footer h6 {
margin: 10px 0px 15px 0px;
}
footer.footer p {
margin-bottom: 0;
}
footer.footer .footer-widget-social ul {
list-style: none;
padding: 0px !important;
}
footer.footer .footer-widget-social ul li {
display: inline-block;
margin-right: 6px;
}
footer.footer .footer-widget-social ul li img {
height: 38px;
}
footer.footer a {
color: #333333;
text-decoration: none;
/*font-weight: 600;*/
}
footer.footer a:hover {
text-decoration: none;
}
footer.footer .fw-bolder {
font-size: 17px;
}
@media (min-width: 992px) and (max-width: 1200px) {
.dis-rel .col-lg-8, .dvslide .col-lg-8 {
flex: 0 0 auto;
width: 100%;
}
.page-wrapper.page-contactus {
width: 100%;
}
.page-wrapper.page-contactus section#odoo-contact {
margin-top: 20px !important;
height: 500px;
/*height: 835px; 572px*/
}
.page-wrapper.page-contactus section#odoo-contact .container {
max-height: 100% !important;
max-width: 100% !important;
}
/*
.page-wrapper.page-contactus section#odoo-contact iframe {
width: 100%
/*width: 1000px;
}
*/
}
@media (max-width: 991px) {
.bg-blog {
background: url(../images/photos/top-banner-blog.jpg) no-repeat 0 0px !important;
background-size: cover;
height: 250px !important;
}
.div-girl {
bottom: -10px;
}
.m-girl {
margin: 0 auto;
width: 50%;
margin-bottom: 0px;
}
.mr-to30 {
padding-top: 0px !important;
padding-bottom: 30px !important;
}
.txt-mfix {
text-align: left !important;
}
.wipad {
padding: 0px 20px 0px 20px !important;
}
/*.header-title-home .header-content {
top: 15%!important;
}*/
.py-5 {
padding-bottom: 2rem !important;
}
.bicon img {
margin: 0px 0px 20px 0px !important;
}
/*YoEdit
[class*="col-"] {
margin-bottom: 0px !important;
margin-top: 0px !important;
}*/
.txt-right {
text-align: left !important;
color: #333333;
}
.txt-posit {
/*position: absolute;*/
width: 80%;
margin-top: -30px;
padding-left: 70px !important;
}
.oth-page {
height: 45% !important;
}
.bgr-ge {
background: #fff !important;
}
.w-70 {
width: 95% !important;
}
#navbar #logo {
width: 220px !important;
}
.clients-say .image-center {
height: 300px;
margin-top: 0px !important;
}
.carousel-item-ourclients {
background: none !important;
}
.clients-say .image-center {
float: left !important;
}
.dvslide {
position: relative;
height: 90vh !important;
}
.container-slide-story {
/* min-height: 400px!important; */
position: relative !important;
top: 0px !important;
}
.categor_bg1, .categor_bg2, .categor_bg3, .categor_bg5 {
/* min-height: 200px!important; */
background-size: auto;
}
.page-wrapper .valued-clients, .page-wrapper .partner-ship {
/* width: 90%; */
width: 97%;
}
}
/*Ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.mr-left {
margin-left: 0px !important;
}
.hovereffect img {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(0px);
-webkit-filter: blur(0px);
opacity: 1 !important;
}
.subtitle1 h3 {
border-top: none !important;
}
.bgr-map {
background: url(../images/photos/enabler-map.png)no-repeat !important;
height: 400px !important;
background-size: cover !important;
}
.p-about {
padding: 20px !important;
margin: 0px 0px !important;
}
.bicon img {
width: 120px !important;
height: 120px !important;
}
section {
padding-top: 60px !important;
}
.py-5 {
padding-bottom: 5rem !important;
}
.card-body {
padding: 1rem 1.2rem 1rem 1.2rem !important;
}/*
.h4, h4 {
font-size: inherit!important;
}*/
.wcert-70 img {
margin: 0px 0px 20px 0px !important;
}
.cont-sers {
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important;
}
.bor-colr1 {
margin-bottom: 0px !important;
}
.btn-danger {
margin: 0px 0px 10px 0px !important;
}
.hbg-100 {
/*min-height: 425px!important;*/
height: auto !important;
}
.card-text-center {
padding: 15px 20px 15px 20px !important;
}
.m-disab {
display: none !important;
}
.hei-20 {
bottom: auto !important;
position: relative !important;
padding: 30px 0px 30px 0px !important;
}
.cont-blog {
height: 100% !important;
/*height: 76% !important;*/
}
.s-blog {
padding-bottom: 0px !important;
}
.pd-50 {
padding: 0px 0px 0px 0px !important;
}
.card-body {
padding: 1rem 1.5rem !important;
}
.pad-enab {
margin-top: 0px !important;
}
.s-service h2 {
font-size: calc(1rem + 0.2vw) !important;
}
/*
.header-title {
height: auto !important;
/*height: 100%!important;
}*/
.height-100 {
height: auto !important;
/* height: 100%!important;*/
}
.bgr-mapct br {
display: none !important;
}
.slide-story br {
display: none !important;
}
.slideyo img {
/*margin: 0px -8px !important;
width: 120px!important;*/
max-width: none !important;
}
.slick-prev, .slick-next {
top: 38% !important;
}
.clientssay {
width: 100% !important;
}
.dslide {
height: 160px !important;
}
.w-25per {
height: 80px !important;
}
.bgr-our {
margin-top: 20px !important;
}
.carousel-control-next {
right: -2% !important;
}
.carousel-control-prev {
left: -2% !important;
}
.bgr-our .image-center {
display: none !important;
}
.bgr-ipad {
background: url(../images/ace-logo.png)500px 0px !important;
background-repeat: no-repeat !important;
}
.container, .container-md, .container-sm {
max-width: 95%;
}
.page-wrapper section#odoo-contact {
margin-top: 0px !important;
/*Ds Edit height: 1080px;*/
/* height: 878px;*/
height: 526px;
}
.page-wrapper section#odoo-contact .container {
max-height: 100% !important;
max-width: 100% !important;
}
.page-wrapper section#odoo-contact iframe {
width: 100%;
}
.page-wrapper.page-joinus .w-80, .page-wrapper.page-joinus .w-75 {
width: 100% !important;
}
.page-wrapper.page-joinus .row.align-items-center {
margin-top: 40px !important;
}
}
@media (min-width: 768px) {
.hidden-lg {
display: none;
}
}
@media (max-width: 811px) {
.page-wrapper section#odoo-contact {
height: 526px;
/*height: 950px;*/
}
}
@media (max-width: 811px) {
.page-wrapper section #odoo-contact {
height: 994px;
}
}
/* `md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) {
.mr-left {
margin-left: 0px;
}
.ecommerce-nablers br {
display: none;
}
ecommerce-nablers .bg-blog {
background: url(../images/blog/blog-img1.jpg) no-repeat 0 !important;
background-size: cover;
height: 250px !important;
}
.hovereffect img {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(0px);
-webkit-filter: blur(0px);
opacity: 1 !important;
}
.mr-faqs {
margin: 30px 0px 40px 0px !important;
}
.categ .txt1 {
font-size: calc(1.3rem + 0.2vw) !important;
}
.img-left1 {
margin: 0px 15px 10px 0px !important;
}
.img-left1, .img-left {
width: 100% !important;
}
.txt-red {
position: relative !important;
width: 100% !important;
}
.ace-advantage h4 {
margin-bottom: 0px !important;
}
.work-ace {
padding: 10px 0px !important;
}
.txt-work, .txt-work-left {
position: relative !important;
padding: 40px 30px 30px 40px !important;
width: 100% !important;
}
.m-girl {
margin: 0 auto;
width: 50%;
margin: 0 auto;
width: 50% !important;
margin-bottom: 0px;
}
.text-home {
top: 50%;
position: absolute !important;
}
.dis-map {
display: none;
}
.w70p {
width: 100% !important;
}
.cont-sers {
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important;
}
.txt-right2 {
padding: 10px 0px 10px 0px !important;
text-align: left;
}
.bgr-map {
background: url(../images/photos/map-phone.png) no-repeat !important;
height: 526px !important;
background-size: cover !important;
}
.p-about {
padding: 0px !important;
margin: 0px !important;
}
.subtitle1 h3 {
border-top: none !important;
}
section {
padding-top: 30px !important;
}
.txt-posit {
/*top: -22vh!important;
/*top: -7vh!important;*/
text-align: center !important;
/*width: 95%!important;*/
margin: 0 auto !important;
}
.txt-posit-about {
text-align: center !important;
width: 95% !important;
margin: 0 auto !important;
}
.card-text-center {
text-align: center !important;
padding: 0px 10px 0px 10px !important;
}
.s-blog {
padding-bottom: 30px !important;
}
.slideblog img {
margin: 0px 0px 0px 0px !important;
}
.hei-20 {
padding: 10px 0px 0px 0px !important;
position: relative !important;
}
.mb-center {
text-align: center !important
}
.bgr-serv h3 {
border-top: none !important;
}
.py-21 {
padding-top: 2rem !important;
}
.bgr-serv h4 {
text-align: center !important;
}
.txt-left {
text-align: center;
}
.pad-enab {
padding: 0px 15px 30px 15px !important;
margin-top: 20px !important;
}
.card-text p {
text-align: left !important;
}
.wcert-70 {
width: 100% !important;
}
.wcert-70 img {
margin: 10px 0px 20px 0px !important;
}
.ace-become img {
width: 100% !important;
}
.h-100 {
height: auto !important;
}
.pd-50 {
padding: 0px 0px 0px 0px !important;
}
.s-service {
padding: 0px 30px 20px 30px !important;
}
.txt-posit, .txt-posit-about {
padding-left: 0px !important;
/*padding-top: 12vh!important;*/
}
.txt-posit h1, .txt-posit-about h1 {
font-size: calc(1.6rem + .6vw) !important;
margin-bottom: 10px !important;
}
.txt-posit h4, .txt-posit-about h4 {
font-size: calc(1.2rem + .6vw) !important
}
.cl-video {
display: none !important;
}
/* ds .header-title {
height: 100%!important;
}*/
.bgr-services h4 {
margin-bottom: 0px !important;
}
.bgr-services br {
display: block !important;
}
.h-350 {
height: 250px !important;
}
.nav-link span {
color: #333 !important;
}
.slick-dots button {
height: 12px !important;
width: 8% !important;
}
.container-slide-story {
padding: 30px 0px 0px 0px !important;
min-height: auto !important;
}
.slick-list {
/* overflow: scroll!important;
left: 0px!important; */
width: 100%;
}
.bgr-cright {
margin-top: 20px !important
}
.bgr-mapct {
margin-top: 0px !important;
}
.font-social {
font-size: calc(2.2rem + .5vw) !important;
margin: 0px 10px !important;
}
footer.footer .footer-widget-social ul li {
margin: 0px !important;
}
footer.footer .footer-widget-social ul {
padding-left: 0px !important;
}
.sect-contact {
font-size: calc(1.5rem + .6vw) !important;
}
.sect-contact br {
display: block !important;
}
.title-ourstory {
margin-top: 30px !important;
}
.po-hpage br {
display: block !important;
}
.container-slide-story h2 {
padding: 0px 20px 10px 0px !important;
}
.slick-slide {
margin: 0px 10px 0px 10px !important
}
.about-sl img {
width: 140px !important;
}
.slideyo img {
margin: 0px 20px 0px 0px !important;
/*width: 100px!important;*/
/*max-width: none!important;*/
}
.slick-dots button {
width: 25% !important;
}
.mgr-50 {
margin-top: 0px !important;
}
.sp-top {
margin-top: 10px !important;
}
.bgr-our {
margin-top: 30px !important;
}
.mr0 {
margin-top: 0px !important;
}
.set-career {
margin-top: 0px !important;
}
.pd-aiates {
margin-top: 0px !important;
}
.dslide {
height: 80px !important;
}
.carousel-control-next {
right: 0% !important;
}
.carousel-control-prev {
left: 0% !important;
}
.clients-say {
margin-bottom: 30px !important;
margin-top: 0px !important;
}
.bgr-clients {
padding: 30px 0px 10px 0px !important;
}
/* .header-title {
top: 72px!important;
} */
.pd-lhome {
padding: 20px 10px !important;
}
.mbottom {
margin-bottom: 50px !important;
}
.secondary-titles {
margin-bottom: 5px !important;
font-size: calc(1.6rem + .6vw) !important;
margin-top: 10px;
}
.set-jopen {
margin-top: 0px;
}
.div-img {
height: 435px !important;
}
.bgr-our .image-center {
padding-bottom: 30px !important;
height: auto !important;
}
.pd-about {
padding: 0px !important;
margin-bottom: 0px !important;
/* text-align: center; */
}
nav.scrolled a span {
color: #333 !important;
}
.nav-link {
color: #333 !important;
margin: 10px 0px !important;
}
.navbar-nav a {
padding: 15px !important;
}
.white-clr {
padding: 0px 10px;
}
.bgr-cright br {
display: block !important;
}
.box-service {
margin: 20px 0px !important;
padding: 20px 20px !important;
}
.bgr-mapct img {
/* float: left; */
float: none !important;
/*margin-right: 20px;*/
margin-right: 0px !important;
}
.dvslide {
height: auto !important;
}
.bgr-menu {
background: white;
}
/* .bg-dark {
background: url(../images/photos/top-banner-homeiphone.jpg)!important;
} */
/* .h1,
h1 {
font-size: calc(2.375rem + 1.5vw);
} */
.po-abs {
top: -5vh !important;
background: transparent !important;
}
.slide-story img {
width: 150px;
margin: 0px 20px;
}
.modal-right {
padding-bottom: 20px !important;
}
label {
width: 100% !important;
bottom: 1vh !important;
margin-bottom: 15px !important;
}
label.second {
left: 38% !important;
}
label.third {
left: 68% !important;
}
#navbar {
/* overflow: hidden; */
transition: 0.4s;
/* position: fixed; */
overflow: unset !important;
width: 100%;
top: 0;
z-index: 9999;
}
.w-70, .w-75, .w-80 {
width: 100% !important;
}
.hidden-sm {
display: none;
}
.hidden-lg {
display: inline-block;
}
/*
nav.navbar {
position: static;
/* background-color: #666666;
margin-top: 0;
padding-top: 10px;
padding-bottom: 10px;
}
nav.navbar .logo img {
height: 42px;
}
nav.navbar .container {
display: block;
}*/
nav.navbar .container .d-inline-block, nav.navbar .container .d-block {
display: block !important;
}
nav.navbar .container .d-inline-block button.navbar-toggler, nav.navbar .container .d-block button.navbar-toggler {
top: -40px;
right: 0;
}
nav.navbar .navbar-collapse {
color: #ffffff;
position: absolute;
left: 0px;
right: 0px;
top: 70px;
overflow: hidden scroll;
z-index: 999;
-webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
-moz-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
padding: 30px;
background: #fff;
}
nav.navbar .navbar-collapse .navbar-nav a.nav-link {
color: inherit;
text-align: center;
padding-top: 13px;
padding-bottom: 13px;
}
nav.navbar .navbar-collapse .navbar-nav a.nav-link.active, nav.navbar .navbar-collapse .navbar-nav a.nav-link:hover {
color: inherit;
}
nav.navbar .navbar-collapse .navbar-nav a.nav-link:last-child {
border-bottom: none;
}
nav.navbar.sticky {
/*position: sticky;*/
position: static;
}
nav.navbar.sticky + .page-privacy-policy {
padding-top: 0px;
}
nav.navbar.sticky .navbar-collapse.show {
display: block;
/*position:fixed;*/
z-index: 99999999;
}
nav.navbar button.navbar-toggler {
border-color: #fff;
height: 2.5rem;
transition: none;
background: #E4252B;
position: absolute;
right: 20px;
}
nav.navbar button.navbar-toggler:focus {
box-shadow: none;
}
nav.navbar button.navbar-toggler .navbar-toggler-icon {
background-image: none;
position: relative;
margin-top: -8px;
display: inline-block;
width: 1.3em;
height: 0.5em;
margin-right: 0.1em;
border-top: 0.1em solid #fff;
border-bottom: 0.1em solid #fff;
}
nav.navbar button.navbar-toggler .navbar-toggler-icon:before {
content: "";
position: absolute;
top: 0.68em;
left: 0px;
width: 100%;
border-top: 0.1em solid #fff;
}
/* .page-wrapper {
.valued-clients, .partner-ship{margin-bottom: 40px;margin-top: 60px;overflow: hidden;
.carousel-inner{margin: 0px auto;max-width: calc(100% - 60px);overflow: visible;
.justify-content-around{
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5);
&>div{
flex: 0 0 auto;width: 50%;max-width: 9999px;text-align: center;margin-top: 10px;margin-bottom: 10px;
.h_8 0{height: 45px;}
.h_70{height: 35px;}
.h_60{height: 33px;}
.h_50, .h_30{height: 26px;}
.h_30{height: 18px;}
}
}
}
.carousel-control-prev,.carousel-control-next {width: 12px;background-color:$bg-white;opacity:1;
.carousel-control-prev-icon{margin-left: 0px;border-top: 11px solid transparent;border-right: 9px solid #818181;border-bottom: 11px solid transparent;}
.carousel-control-next-icon{margin-right: 0px; border-top: 11px solid transparent;border-left: 9px solid #818181;border-bottom: 11px solid transparent;}
}
}
}*/
.page-wrapper section {
margin-top: 0px !important;
}
.our-history {
padding-top: 30px !important;
margin-top: 0px !important;
}
.page-wrapper .container.w-75 {
width: 100% !important;
}
.page-wrapper .home-section-service h4 {
margin-bottom: 0;
}
.page-wrapper .valued-clients, .page-wrapper .partner-ship {
margin-bottom: 40px;
margin-top: 60px;
}
.page-wrapper .valued-clients .secondary-titles.mb-5, .page-wrapper .partner-ship .secondary-titles.mb-5 {
margin-bottom: 28px !important;
}
.page-wrapper .valued-clients img.h_30, .page-wrapper .valued-clients img.h_28, .page-wrapper .valued-clients img.h_25, .page-wrapper .partner-ship img.h_30, .page-wrapper .partner-ship img.h_28, .page-wrapper .partner-ship img.h_25 {
height: 15px;
}
.page-wrapper .valued-clients img.h_35, .page-wrapper .partner-ship img.h_35 {
height: 20px;
}
.page-wrapper .valued-clients img.h_40, .page-wrapper .partner-ship img.h_40 {
height: 22px;
}
.page-wrapper .valued-clients img.h_45, .page-wrapper .partner-ship img.h_45 {
height: 23px;
}
.page-wrapper .valued-clients img.h_50, .page-wrapper .valued-clients img.h_55, .page-wrapper .partner-ship img.h_50, .page-wrapper .partner-ship img.h_55 {
height: 28px;
}
.page-wrapper .valued-clients img.h_60, .page-wrapper .partner-ship img.h_60 {
height: 30px;
}
.page-wrapper .valued-clients .carousel-control-prev, .page-wrapper .valued-clients .carousel-control-next, .page-wrapper .partner-ship .carousel-control-prev, .page-wrapper .partner-ship .carousel-control-next {
width: 20px;
background-color: #ffffff;
opacity: 1;
}
.page-wrapper .valued-clients .carousel-control-prev .carousel-control-prev-icon, .page-wrapper .valued-clients .carousel-control-next .carousel-control-prev-icon, .page-wrapper .partner-ship .carousel-control-prev .carousel-control-prev-icon, .page-wrapper .partner-ship .carousel-control-next .carousel-control-prev-icon {
/* margin-left: 55px; */
width: 20px !important;
height: 20px !important;
}
.w-25per {
height: 40px !important;
}
.page-wrapper .valued-clients .carousel-control-prev .carousel-control-next-icon, .page-wrapper .valued-clients .carousel-control-next .carousel-control-next-icon, .page-wrapper .partner-ship .carousel-control-prev .carousel-control-next-icon, .page-wrapper .partner-ship .carousel-control-next .carousel-control-next-icon {
width: 20px !important;
height: 20px !important;
}
.page-wrapper .clients-say {
margin-top: 40px;
margin-bottom: 30px;
}
.page-wrapper .clients-say .carousel-inner {
height: auto;
margin-top: 28px;
display: block;
align-items: normal;
}
.page-wrapper .clients-say .carousel-inner .carousel-item .carousel-caption {
width: 100%;
margin: 0px auto 0;
padding-top: 15px;
}
.page-wrapper .clients-say .carousel-inner .carousel-item .h_80 {
height: 60px;
}
.page-wrapper .clients-say .carousel-dark .carousel-indicators button[data-bs-target], .page-wrapper .clients-say .carousel.slide .carousel-indicators button[data-bs-target], .page-wrapper .meet-team .carousel-dark .carousel-indicators button[data-bs-target], .page-wrapper .meet-team .carousel.slide .carousel-indicators button[data-bs-target] {
margin: 0 8px;
}
.page-wrapper.page-affiliates {
margin-bottom: 30px;
}
.page-wrapper.page-affiliates .mt-5, .page-wrapper.page-affiliates .mt-4 {
margin-top: 30px !important;
}
.page-wrapper.page-affiliates .mt-5.align-items-center, .page-wrapper.page-affiliates .mt-4.align-items-center {
margin-bottom: 40px;
}
.page-wrapper.page-affiliates img {
margin-bottom: 20px;
}
.page-wrapper.page-affiliates .cont-info img {
margin-bottom: 10px;
}
.page-wrapper.page-affiliates .cont-info {
padding-left: calc(var(--bs-gutter-x) * .5);
}
.page-wrapper.page-affiliates .cont-info button.btn.mt-3 {
margin-top: 0 !important;
width: 100%;
}
.page-wrapper.page-joinus {
margin-bottom: 30px;
}
.page-wrapper.page-joinus .w-75 {
width: 100% !important;
}
.page-wrapper.page-joinus h6.font-lato-medium {
margin-bottom: 20px !important;
}
.page-wrapper.page-joinus h4.title-job {
margin-top: 20px;
margin-bottom: 10px;
}
.page-wrapper.page-joinus .accordion {
margin-top: 0px;
}
.page-wrapper.page-joinus .accordion-item {
max-height: 680px;
overflow: scroll;
}
.page-wrapper.page-joinus .row.align-items-center {
margin-top: 30px !important;
margin-bottom: 28px !important;
}
.page-wrapper.page-joinus .hidden-lg {
display: block !important;
}
.page-wrapper.page-contactus {
width: 100%;
}
.page-wrapper.page-contactus .w-75 {
width: 100% !important;
}
.page-wrapper.page-privacy-policy {
width: 100%;
margin: 20px auto 40px;
}
.page-wrapper.page-aboutus .ace-one {
margin-top: 0px !important;
}
.page-wrapper.page-aboutus .ace-one .col-sm-12 .align-items-center {
margin-top: 0px;
}
.page-wrapper.page-aboutus .ace-one .col-sm-12:last-child .align-items-center {
margin-top: 20px;
}
.page-wrapper section#odoo-contact {
margin-top: 5px !important;
height: 930px;
}
.page-wrapper section#odoo-contact .container {
max-height: 100% !important;
max-width: 100% !important;
}
.page-wrapper section#odoo-contact iframe {
width: 100%;
}
footer.footer {
margin-top: 0px;
}
footer.footer h6 {
margin-bottom: 10px;
}
footer.footer div.col-12 p:last-child {
margin-bottom: 20px;
}
}
@media (max-width: 575px) {
.sp-address, .sp-address-icon {
float: none !important
}
.page-wrapper.page-joinus img.w-75 {
width: 50% !important;
}
.page-wrapper.page-affiliates .cont-info {
text-align: center;
margin-bottom: 30px;
}
.page-wrapper section#odoo-contact {
margin-top: 5px !important;
height: 960px;
}
footer.footer {
text-align: center;
}
}
@media (max-width: 457px) {
.page-wrapper section#odoo-contact {
height: 985px;
}
}
@media (max-width: 448px) {
.page-wrapper section#odoo-contact {
/*Ds edit 930px*/
/*height: 960px;*/
height: 750px;
}
.page-wrapper .valued-clients img.h_30, .page-wrapper .valued-clients img.h_28, .page-wrapper .valued-clients img.h_25, .page-wrapper .partner-ship img.h_30, .page-wrapper .partner-ship img.h_28, .page-wrapper .partner-ship img.h_25 {
height: 14px;
}
.page-wrapper .valued-clients img.h_35, .page-wrapper .partner-ship img.h_35 {
height: 17px;
}
.page-wrapper .valued-clients img.h_40, .page-wrapper .partner-ship img.h_40 {
height: 18px;
}
.page-wrapper .valued-clients img.h_45, .page-wrapper .partner-ship img.h_45 {
height: 21px;
}
.page-wrapper .valued-clients img.h_50, .page-wrapper .valued-clients img.h_55, .page-wrapper .partner-ship img.h_50, .page-wrapper .partner-ship img.h_55 {
height: 22px;
}
.page-wrapper .valued-clients img.h_60, .page-wrapper .partner-ship img.h_60 {
height: 26px;
}
}
@media (max-width: 382px) {
.page-wrapper section#odoo-contact {
/*height: 1036px; 732px;*/
height: 748px;
}
}
@media (max-width: 320px) {
.page-wrapper section#odoo-contact {
height: 1092px;
}
}
/*Edit 0602*/
* {
box-sizing: border-box;
}
@media screen and (max-width: 580px) {
#navbar {
padding: 0px 0px !important;
}
#navbar a {
float: none;
/* display: block; */
text-align: center;
color: #333333;
}
.navbar-nav {
background: #fff !important;
}
#navbar-right {
float: none;
}
}
/*Edit 06102022*/
.bgr-ourst {
background: url("../images/photos/bgr-ourstory.jpg") no-repeat;
min-height: 600px;
}
.cate_content {
padding: 60px 80px 40px 80px !important;
}
.categor_bg1 {
background: url(../images/distribution_img1.jpg) center center no-repeat;
background-size: cover !important;
min-height: 495px;
}
.categor_bg2 {
background: url(../images/service1.jpg) center center no-repeat;
background-size: cover !important;
min-height: 495px;
}
.bgr-enabler-map {
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
width: 100%
}
.categor_bg5 {
background: url(../images/service3.jpg) center center no-repeat;
background-size: cover !important;
min-height: 495px;
}
.categor_bg6 {
background: url(../images/distribution_img6.jpg) top center repeat-x;
}
.cate_content {
padding: 60px 80px 40px 80px !important;
background: #F5F5F5;
}
.categor .row {
--bs-gutter-x: 0px !important;
margin-right: calc(var(--bs-gutter-x) * -.5) !important;
margin-left: calc(var(--bs-gutter-x) * -.5) !important;
}
.bg-blog {
background: url(../images/photos/top-banner-blog-detail350.jpg) no-repeat 0 0px;
background-size: cover;
height: 350px;
}
@media (min-width: 1200px) {
.mr-left {
margin-left: 30px !important;
margin-bottom: 30px !important;
}
.m-girl {
margin-left: 40px;
margin-bottom: -10px;
}
.w70p {
width: 50% !important;
margin: 0 auto;
}
.d-cter {
width: 54%;
margin: 0 auto;
}
.txt-posit h1, .txt-posit-about h1 {
font-size: calc(1.475rem + 1.5vw);
padding-bottom: 10px;
text-align: left
}
.txt-posit h4, .txt-posit-about h4 {
font-size: calc(1.3rem + 0.5vw) !important;
text-align: left;
font-family: "Montserrat-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.title-ourstory {
margin-top: 50px !important;
}
.slideyo img {
margin: 0 0rem 0 0 !important;
/*width: 130px!important;*/
/*max-width: none!important;*/
}
.about-sl img {
margin: 0 2rem 0 0 !important;
/*width: 160px!important;*/
max-width: none !important;
}
nav.navbar .navbar-collapse .navbar-nav a.nav-link {
padding: 0px 10px;
}
.mgr-50 {
margin: 0px 20px 20px 20px !important
}
label {
display: inline-block;
}
label {
bottom: 30px !important;
}
.container-slide-story {
min-height: 380px;
top: 370px !important;
}
.dvslide {
height: 780px !important;
}
.box-service h2 {
font-size: 1.8rem !important;
font-weight: bold;
font-family: "Montserrat-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.lgo-partner {
/* width: 160px!important; */
width: 100% !important;
}
.cont-story {
width: 60%;
margin: 0 auto;
position: absolute;
}
.h3, h3 {
font-weight: 600;
}
}
@media (max-width: 767px) {
.cont-advantage {
padding: 30px 20px 0px 30px !important;
}
.bgr-contact {
padding: 0px 0px 80px 0px !important;
}
.bgr-grey {
background: #F5F5F5 url("../images/photos/homepage-banner.jpg");
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
min-height: 450px;
}
.subtitle h3 {
border-top: none !important;
padding-top: 0px !important;
}
.categor_bg3 {
background: url(../images/bgr-about.jpg) center center no-repeat;
background-size: cover !important;
}
.s-service h2 {
padding: 0px 0px 5px 0px !important;
}
.txt-right {
padding: 10px 0px 10px 0px !important;
text-align: center !important;
}
.m-disab {
display: none !important
}
.pdd-lfright {
padding: 0px 10px !important;
}
blockquote br {
display: none !important;
}
.btn-black {
font-size: inherit !important;
}
.red-colour a {
font-size: calc(1.2rem + 0.6vw) !important;
padding-top: 30px;
}
.bgr-services {
padding: 20px 40px 10px 40px !important;
}
.txt-padd {
padding: 0px 10px !important;
}
.box-our {
width: 100% !important;
}
.header-title .header-content {
top: 60% !important;
}
.header-title-about .header-content {
top: 50% !important;
}
.slide-story {
padding: 0px 10px !important;
}
.slide-story p {
padding: 0px 20px;
}
#navbar {
padding: 0px 0px !important;
}
#nablockquote .dsplay br {
display: block !important;
}
blockquote {
font-size: calc(1rem + 0.3vw) !important;
padding: 20px 15px !important;
margin-top: 20px !important;
margin-bottom: 25px !important;
}
/* .container-slide-story {
top: -50px!important;
} */
#navbar a {
color: #333333 !important;
padding: 10px 0px;
}
.navbar-nav {
background: #fff !important;
color: #333333;
/* height: 42vh; */
vertical-align: middle;
/* padding-top: 5vh; */
}
.circle1-hp, .circle2-hp {
display: none;
}
.page-wrapper .clients-say .carousel-inner .carousel-item .carousel-caption {
width: 100% !important;
}
.categor_bg1, .categor_bg2, .categor_bg3, .categor_bg5 {
min-height: 200px !important;
background-size: auto;
}
}
@media(min-width: 768px) and(max-width:992px) {
.container-slide-story {
min-height: 380px;
top: 350px !important;
}
.dvslide {
height: 60vh !important;
}
.container-slide-story {
top: -14px !important;
position: relative !important;
}
.categor_bg1, .categor_bg2, .categor_bg3, .categor_bg5 {
min-height: 100px !important;
}
}
@media (max-width: 992px) {
.div-img {
height: 537px;
}
.mgr-50 {
margin: 20px 0px 0px 0px;
}
.box-service {
margin: 0px 0px 0px 0px !important;
}
.clients-say .carousel-inner {
height: auto !important;
}
.clients-say .carousel-inner .carousel-item .carousel-caption, .page-wrapper .meet-team .carousel-inner .carousel-item .carousel-caption {
width: 100% !important;
}
.cate_content {
padding: 40px !important;
}
}
nav.scrolled {
color: #fff;
}
nav.scrolled a span {
color: #fff;
}
nav.scrolled2 a span {
color: #fff;
}
nav.scrolled2 {
color: #fff;
}
.white-clr {
color: #fff;
}
.bgr-clients-white {
background: #fff;
margin-top: 30px;
}
/*
.carousel-indicators {
bottom: 25px !important;
padding: 0px 0px 20px 0px;
}*/
.clients-say .carousel-inner {
/* height: 40vh!important;*/
/* height: 450px; */
background: #F5F5F5;
}
.bgr-cright {
background: #333333;
color: #fff;
text-align: center;
padding: 10px 0px;
margin: 20px 0px 0px 0px;
}
.bgr-mapct {
background: url(../images/photos/map.png) no-repeat;
background-position: 0px 18px;
min-height: 230px;
padding: 20px 0px 0px 0px;
}
.po-hpage {
position: relative
}
.po-abs {
position: absolute;
top: -30vh;
background: #E4252B;
color: #fff;
padding: 5px 20px 0px 20px;
}
.circle1-hp {
position: absolute;
top: -20vh;
left: 25%;
width: 320px;
height: 320px;
border-radius: 160px;
padding: 70px 40px;
text-align: center
}
.circle2-hp {
position: absolute;
left: 35%;
top: 15vh;
width: 260px;
height: 260px;
border-radius: 130px;
padding: 42px 40px;
;
text-align: center
}
.co-red {
color: #E4252B
}
.h3, h3 {
margin-bottom: 0.7rem !important;
line-height: 1.2;
}
.txt-padd {
padding: 0px 10px;
}
.mgr-btom {
margin-bottom: 10px !important
}
.over-hidn {
overflow: hidden
}
.wleft {
width: 100%;
float: left;
}
.footer-widget-social img {
margin-right: 10px;
}
/* @media only screen and (max-width: 992px) {
} */
.carousel-item-ourclients {
/*border:solid 20px #fff;*/
border-top: none;
/* background: #F5F5F5;*/
padding: 20px 20px;
background: url(../images/bgr-clients.png) no-repeat left;
height: 100%;
}
.txt-left {
text-align: left;
}
.txt-left p {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
nav.navbar .logo {
background: url(../images/acecom-logo-red-white.png) no-repeat;
height: 50px;
}
nav.navbar .logo2 {
background: transparent !important;
}
/* ds
.lgo-partner {
width: 160px;
}*/
.h-lgclients {
margin: 0px 0px 0px 0px;
}
.mr-bclients {
margin: 20px 0px;
}
.w-25per {
/* width: 25%; */
width: 20%;
margin: 0px 10px 0px 10px;
height: 100px;
text-align: center
}
.bgr-slidest {
background: #F5F5F5;
}
/*slide
.slide__overlay {
position: absolute;
bottom: 0;
left: 0;
height: 100%;
min-height: 810px;
transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
will-change: transform, opacity;
transform: translate3d(-20%, 0, 0);
opacity: 0;
}
svg {
display: block;
overflow: visible;
}
.slide.active .slide__overlay, .slide.active .slide__text {
opacity: 1;
transform: translateX(0);
}
.slide:nth-child(1) .slide__overlay-path {
fill: #FFE4E4;
}
.slide__overlay path {
opacity: 0.8;
}
.slider {
z-index: 1;
position: relative;
height: 100%;
}2*/
.pd30 {
padding: 30px 15px;
margin-bottom: 30px;
}
.bclor {
color: blue;
background: yellow
}
/*DSYo Edit 2023
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
padding-right: var(--bs-gutter-x, .75rem) !important;
padding-left: var(--bs-gutter-x, .75rem) !important;
}*/
.txt-mobile {
color: #333333 !important
}
/*Edit 12062022*/
.w-story {
width: 80%;
margin: 0 auto;
}
.d-img {
top: -40px;
position: relative;
}
blockquote .dsplay br {
display: normal;
}
.bgr-services {
/* background: #333333;
color: #fff;*/
padding: 20px 0px;
}
.bgr-services br {
display: none;
}
.bgr-services h4 {
margin-bottom: 50px;
}
.box-service {
padding: 30px;
margin: 30px 0px;
text-align: center;
}
.dis-right {
position: absolute;
right: 0;
}
.dis-rel {
position: relative
}
@media (min-width: 992px) and (max-width: 1200px) {
.pad-enab {
margin-top: 30px;
padding: 30px 20px 20px 30px !important;
text-align: center;
}
.clients-say .carousel-inner .carousel-item .carousel-caption, .page-wrapper .meet-team .carousel-inner .carousel-item .carousel-caption {
width: 65% !important;
}
.dvslide {
height: 755px !important;
}
.slideyo img {
margin: 0px -10px !important;
width: 120px !important;
max-width: none !important;
}
.slick-next {
right: 42% !important;
}
.slick-prev {
left: 42% !important;
}
.container-slide-story {
min-height: 380px;
top: 350px !important;
}
.dis-right {
position: absolute;
left: 0;
}
}
@media (max-width: 1200px) {
.dis-right {
position: inherit !important;
}
.dis-rel .col-lg-6 {
flex: 0 0 auto;
width: 98%;
}
}
.h4, h4 {
margin-bottom: 30px;
}
.clients-fr img {
float: right !important;
}
.categor {
background: #fff;
margin-top: 0px !important;
}
.clients-say h2 {
margin-bottom: 0px;
margin-top: 10px;
text-align: left;
font-size: 22px;
font-weight: bold;
color: #E4252B;
padding: 5px 0px 0px 0px;
}
.clients-say .image-center {
height: 220px;
margin-top: 60px;
}
.lgo-partner img {
margin: 0px !important;
}
.carousel-caption p {
margin-bottom: 10px;
}
.btn-danger {
color: #fff;
background-color: #E4252B !important;
border-radius: 0px !important;
padding: 10px 30px !important;
margin: 10px 0px 10px 0px;
font-size: calc(1rem + .2vw) !important;
}
.btn-danger:hover {
color: #fff;
}
.clients-say {
padding: 50px 0px 40px 0px;
margin-bottom: 0px;
}
.sect-contact {
text-transform: none;
text-align: center;
font-size: calc(1.6rem + .6vw);
font-family: "Montserrat-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0px 10px;
}
.sect-contact br {
display: none;
}
.bgr-drk {
background: #333333;
border: none !important;
padding: 13px 20px !important;
}
.pd-lhome {
padding: 20px 50px
}
.pd-lhome h1 {
margin-bottom: 8px !important;
}
.pd-lhome h4 {
margin-bottom: 0px !important;
font-size: calc(1.65rem+.3vw);
}
.prev-icon1 {
width: 60px !important;
height: 100% !important;
background: #D9D9D9;
background-repeat: no-repeat;
opacity: 0.1;
background-image: url(../images/prev.png);
background-repeat: no-repeat;
vertical-align: middle;
}
.prev-icon1:hover {
opacity: 1;
}
.bgr-gr {
background: #F5F5F5;
margin-bottom: 50px !important;
}
.bgr-gr h2 {
font-size: calc(1.3rem + .3vw);
}
.div-img {
position: relative;
width: 100%;
height: 400px;
padding: 0px 0px;
}
.d-img {
position: absolute;
top: -40px;
margin-bottom: 50px;
}
.mbottom {
margin-bottom: 80px
}
.mr-20 {
margin-top: 20px;
}
.txt-quote {
font-size: calc(3.3rem + .3vw);
}
.nav-link span {
color: #fff;
}
/* .page-wrapper .valued-clients .carousel-control-next,
.page-wrapper .partner-ship .carousel-control-next {
right: -40px;
} */
/* .page-wrapper .valued-clients .carousel-control-prev,
.page-wrapper .partner-ship .carousel-control-prev {
left: -40px;
} */
.slick-arrow {
width: 100%;
float: left;
height: 30px !important;
background: transparent;
}
.carousel-control-next {
right: 0%;
position: absolute;
}
.carousel-control-prev {
left: 0%;
position: absolute;
}
.slid-prev {
width: 60px;
width: 60px !important;
height: 60px !important;
background-image: url(../images/prev.png);
background-repeat: no-repeat;
}
.slid-next {
opacity: 0.69;
transition: all 0.5s;
width: 60px;
width: 60px !important;
height: 60px !important;
background-image: url(../images/next.png);
background-repeat: no-repeat;
}
.header {
background-size: cover !important;
position: relative;
object-fit: cover;
/* height: 95%; */
width: 100%;
display: block !important;
}
.wr-50 {
width: 50px;
}
.wr-120 {
width: 120px;
}
.wr-180 {
width: 180px
}
.box-our {
padding: 20px 20px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
border-radius: 10px !important;
text-align: center !important;
}
.our-stor {
width: 100%;
}
.bgr-our {
/* background: #F5F5F5;*/
margin-top: 50px;
padding: 0px 50px 0px 50px;
}
.bgr-our .image-center {
height: 300px;
/* margin-top: 50px; */
margin-left: 20px;
float: right;
}
.pd-about {
padding-top: 10px;
padding-bottom: 30px;
margin-bottom: 35px;
}
.bgr-ipad {
color: #333;
}
.dslide {
height: 200px;
}
.sp-top {
margin-top: 80px
}
.pdd-lfright {
padding: 0px 30px;
}
.title-ourstory {
margin-top: 40px;
}
.our-history {
padding-top: 50px;
}
.carousel-caption {
padding: 0.5rem 0 !important
}
.sl-become {
margin: 0px 20px !important;
}
.slick-slide {
margin: 0px 10px;
}
.slick-slide img {
width: 100% !important;
margin-left: 0px;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
/* margin: 0 auto;
margin: 0px 20px;*/
/* margin-bottom: 30px;*/
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
left: 0px;
padding: 0;
width: 100%;
margin: 10px 0px;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before, .slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
/* height: 100%; */
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-next {
opacity: 1;
position: absolute !important;
right: 0%;
top: 45%;
width: 61px !important;
height: 61px !important;
background-image: url(../svg/next-arrow.svg);
background-repeat: no-repeat;
border: none !important;
margin-top: 0px;
z-index: 99;
}
.slick-next:hover {
background-image: url(../svg/next-arrow-hover.svg);
}
.slick-prev {
opacity: 1;
position: absolute !important;
left: 0%;
top: 45%;
z-index: 1000;
width: 61px !important;
height: 61px !important;
background-image: url(../svg/prev-arrow.svg);
background-repeat: no-repeat;
border: none !important;
margin-top: 0px;
}
.slick-prev:hover {
background-image: url(../svg/prev-arrow-hover.svg);
}
img {
max-width: 100%;
}
.dvslide h2 {
text-align: left;
}
.page-joinus h2 {
text-align: center;
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
.ct-timeline.right {
left: -11% !important;
}
}
/*Button*/
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99;
border: none;
outline: none;
background-color: #E4252B;
color: white;
cursor: pointer;
/* width: 8vh;
height: 8vh; */
border-radius: 0px;
font-weight: 600;
text-align: center;
padding: 15px;
}
#myBtn:hover {
background-color: #E4252B;
}
.font-social {
font-size: calc(1.325rem + .5vw);
margin-right: 5px;
}
/*Button slides*/
.valued-clients {
margin-bottom: 50px;
}
.slick-dots ul {
padding-left: 0 !important;
}
.slick-dots li {
display: inline;
border-radius: 30px !important;
}
.slick-dots button {
width: 30%;
margin-right: 20px;
border: none;
background: #fff;
height: 15px;
}
.slick-active button {
background: #E4252B;
}
.m-20 {
margin-bottom: 20px;
}
/* Code for Firefox selection*/ ::-moz-selection {
color: #fff;
background: #E4252B;
}
::selection {
color: #fff;
background: #E4252B;
}
.about-sl img {
margin: 0 2rem 0 0 !important;
width: 140px !important;
max-width: none !important;
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.dvslide {
height: 105vh !important;
}
}
/*scroll actived*/
.txt-line span:after, .txt-line:hover span:after {
position: absolute;
bottom: -3px;
height: 3px;
width: 40px;
left: calc(50% - 20px);
content: "";
/* border-radius: 100px;*/
opacity: 1;
background: #fff !important;
}
.bgr-privacy {
background: url(../images/photos/privacy-policy-service.jpg) no-repeat;
background-size: cover
}
.h-350 {
height: 350px;
}
/*DS Update 03-10*/
.card {
border-radius: 0rem !important;
border: none !important;
}
.bicon img {
height: 80px;
align-items: center;
margin: 0px 0px 15px 0px;
}
.number {
width: 40px;
height: 40px;
padding: 8px 0px;
border-radius: 80px;
background: #E4252B;
color: #fff;
text-align: center;
font-weight: 500
}
.bgr-clients {
/*background: #E4252B;*/
margin-top: 0px;
background: url(../images/photos/bgr-ourclients.jpg);
background-size: cover;
}
.ecommerce-nablers {
color: #fff;
/*margin-bottom: 30px !important;*/
}
.bgr-clients h3 {
color: #fff;
margin-bottom: 0px
}
section {
padding-top: 80px;
}
.video_banner {
position: relative;
}
.we_are_wrapper {
width: 100%;
position: absolute;
top: 55%;
transform: translate(0, -50%);
z-index: 2;
}
.r-fixed {
position: fixed;
bottom: 0px;
}
.hei-80 {
height: 85vh;
}
.hei-20 {
z-index: 1;
bottom: 0;
position: absolute;
width: 100%;
padding: 0px 0px 0px 0px;
background: #fff;
}
.d80 {
width: 90%;
margin: 0 auto;
}
.txt-right {
text-align: right;
color: #333333;
}
.pb16 {
display: none !important;
}
.test1 {
background: blue;
}
.oe_structure {
background: red !important;
}
.s-service {
padding: 0px 50px 50px 50px;
}
.s-service h2 {
padding: 0px 0px 10px 0px;
text-align: left;
font-weight: 600;
font-size: calc(0.8rem + 0.6vw) !important;
}
.bgr-title {
background: #F5F5F5 url(../images/bgr-services.png) top no-repeat;
background-size: cover;
}
.subtitle h4 {
margin-bottom: 20px !important;
}
.subtitle h3 {
border-top: 2px solid #333;
padding-top: 20px;
}
.subtitle1 h3 {
border-top: 2px solid #fff;
padding-top: 20px;
}
.bor-colr1 {
border-bottom: 10px solid #00BCC8 !important;
margin-bottom: 30px;
}
.bor-colr2 {
border-bottom: 10px solid #0A22FF !important;
}
.bor-colr3 {
border-bottom: 10px solid #FFA800 !important;
}
.bor-colr4 {
border-bottom: 10px solid #AC00C8 !important;
}
.bor-colr5 {
border-bottom: 10px solid #94C800 !important;
}
.bor-colr6 {
border-bottom: 10px solid #FF5C00 !important;
}
.pd-50 {
padding: 0px 0px 0px 50px;
}
/* ds .bg-dark {
background: url("../images/photos/homepage-banner.jpg");
background-position: bottom;
background-repeat: no-repeat;
background-color: #fff!important;
background-size: cover;
}*/
.wcert-70 {
width: 70%;
margin: 0 auto !important;
}
.wcert-70 img {
margin: 35px 0px 35px 0px;
}
/*Image hover*/
.hovereffect {
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.hovereffect .overlay {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.hovereffect img {
display: block;
position: relative;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
/*filter: grayscale(1);
-webkit-filter: grayscale(1);*/
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(0px);
-webkit-filter: blur(0px);
opacity: 0.6;
}
.hovereffect:hover img {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(0px);
-webkit-filter: blur(0px);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
opacity: 1;
}
/*End image hover*/
.ace-become {
background: #F5F5F5;
padding: 50px 20px 0px 20px;
}
.ace-become h4 {
margin-bottom: 20px !important;
}
.pad-enab {
margin-top: 30px;
padding: 0px 40px 30px 50px;
text-align: left;
}
.page-wrapper section#odoo-contact .pt16 {
display: none !important
}
.card-text-center {
text-align: center !important;
padding: 10px 30px 30px 30px;
}
.card-body {
padding: 0rem 2rem 2rem 2rem;
}
/* display this row with flex and use wrap (= respect columns' widths) */
.cont-sers {
height: 100%;
padding-top: 20px !important;
padding-bottom: 10px !important;
/* margin: 0px 20px 0px 20px;*/
}
.row-flex {
display: flex;
flex-wrap: wrap;
}
.pyo-5 {
padding-top: 3rem !important;
padding-bottom: 1rem !important;
}
.py-21 {
padding-top: 3rem;
padding-bottom: 0rem !important
}
.tleft {
text-align: left;
}
.s-blog {
background: #F5F5F5;
padding-bottom: 100px;
/*padding: 50px 20px 0px 20px;*/
}
.s-blog2 {
background: #F5F5F5;
padding-bottom: 60px;
/* padding: 50px 20px 0px 20px; */
}
.cont-blog {
height: 100%;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
}
.cont-blog a {
color: #333333;
text-decoration: none;
padding: 0px !important;
margin: 0px !important;
}
.cont-blog a:hover {
color: #E4252B;
text-decoration: none;
cursor: pointer;
}
.hbg-100 {
height: 100%;
}
/*Arrow Down*/
.hover-blog {
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.hover-blog .overlay {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.hover-blog img {
display: block;
position: relative;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.hover-blog:hover img {
cursor: pointer;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(0px);
-webkit-filter: blur(0px);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.partner-ship h4 {
margin-bottom: 0px !important;
}
.bg-aboutus {
background: url(../images/photos/aboutus-banner.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-color: #fff !important;
background-size: cover;
}
.txt-posit-about {
width: 65%;
padding-left: 100px;
text-align: left !important;
}
.txt-posit {
/*position: absolute;top: 30vh;*/
text-align: left !important;
width: 65%;
padding-left: 100px;
}
.pd-botm {
margin-bottom: 20px;
}
.p-about {
padding: 30px;
margin: 30px 0px;
text-align: center;
}
.bgr-enabler {
background: url(../images/photos/bgr-enabler.png);
background-position: bottom;
background-repeat: no-repeat;
background-color: #fff !important;
background-size: cover;
padding-top: 30px;
}
.pd-30 {
padding: 10px 0px 0px 0px;
}
.bgr-map {
background: url(../images/photos/enabler-map.png)right no-repeat;
height: 460px;
}
.wb-70 {
width: 70%;
margin: 0 auto;
}
.txt-about h4 {
font-size: calc(0.4rem + 0.6vw) !important;
margin-bottom: 50px !important;
padding-top: 5px !important;
}
.fright {
width: 100%;
float: right;
}
.l-about li {
font-size: 30px;
}
.oth-page {
height: 100%;
}
.bg-affliates {
background: url(../images/photos/affiliates-banner.jpg);
}
.bg-careers {
background: url(../images/photos/careers-banner.jpg);
}
.bg-contactus {
background: url(../images/photos/contactus-banner.jpg);
}
.bgr-pro {
background-position: bottom;
background-repeat: no-repeat;
background-color: #fff !important;
background-size: cover !important;
}
.cont-about {
height: 100%;
padding: 20px 0px 20px 0px;
}
.cont-sers2 {
height: 100%;
padding: 20px 0px 20px 0px;
}
.txt-mfix {
text-align: right;
}
.bgr-contact {
background: #E4252B;
padding: 20px 0px 80px 0px;
background: url(../images/photos/bgr-contact.jpg);
background-size: cover;
}
.mr-30 {
margin-bottom: 30px !important;
}
/*faq*/
.fag-num span {
z-index: 7000;
padding: 20px 10px;
margin: 0px 20px 0px 0px;
position: relative;
left: 3px;
}
.accordion-button:not(.collapsed) {
color: #333333 !important;
background-color: #FBFBFB;
}
.fag-num span:not(.collapsed)::before {
color: yellow
}
.accordion-button:not(.collapsed) span {
color: #E4252B !important;
}
.faqs .accordion-button span {
color: #fff;
}
.mr-to30 {
padding: 30px 0px 0px 0px;
}
.bgr-faqs {
background: #F5F5F5 url(../images/photos/bgr-fags.jpg)top no-repeat;
margin-top: 0px;
background-size: cover;
height: auto;
}
.mr-faqs {
margin: 50px 0px 80px 0px;
}
.ace-advantage {
background: #efefef;
}
.ace-advantage h5 {
color: #E4252B !important;
margin-bottom: 15px;
padding: 0px !important;
font-weight: bold;
}
.advantage li {
margin: 0px !important;
padding: 0px !important;
}
.page-wrapper.page-joinus .accordion-button span {
color: #fff;
}
.page-wrapper.page-joinus .accordion-button:not(.collapsed) {
background-color: #e7f1ff !important;
}
.page-wrapper.page-joinus .accordion-button:hover {
background-color: transparent;
}
/* iPhone landscape and iPad portrait */
@media (min-width: 768px) and (max-width: 991.98px) {
.txt-posit {
top: -10vh !important;
width: 100%;
}
}
@media screen and (max-width: 767.98px) and (orientation: portrait) {
.header-title-home .header-content {
z-index: 2;
position: relative !important;
}
.txt-posit {
width: 100%;
/*padding-top: 70%!important*/
}
}
@media screen and (max-width: 667px) and (orientation: landscape) {
.txt-posit, .txt-posit-about {
top: -17vh !important;
}
.dsp-video {
display: none;
}
.hei-20 {
position: relative !important;
bottom: auto !important;
}
.bgr-grey {
min-height: 319px;
}
.text-home {
/* top: 40%; */
position: relative !important;
}
.header-title-home .header-content {
width: 100% !important;
position: relative;
}
.txt-posit {
text-align: center !important;
width: 85% !important;
margin: 0 auto !important;
top: 115px;
position: absolute !important;
}
}
@media screen and (max-width: 767.98px) and (orientation: landscape) {
.justify-content-between {
justify-content: normal !important;
}
.pad-enab {
padding: 0px 30px 10px 40px !important;
}
.pyo-5 {
padding-bottom: 3rem !important;
padding-top: 3rem !important;
}
.cont-sers {
margin: 20px 0px 0px 0px !important;
}
.card-text-center {
padding: 0px 10px 0px 10px !important;
}
.header-title-home .header-content {
width: 100% !important;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.oth-page {
height: 100% !important;
}
.hei-20 {
position: relative !important;
bottom: auto !important;
}
/*
.header-title-home .header-content {
top: 20%!important;
position: relative;
}*/
.cl-video {
display: block !important;
}
.txt-posit, .txt-posit-about {
top: -54vh;
}
}
/*1180 @media only screen and (min-width: 820px) and (max-width: 1180px) {*/
@media only screen and (min-width: 820px) and (min-height: 1180px) {
.m-disab {
display: none !important;
}
.hei-20 {
position: relative;
}
}
@media (min-width: 991px) and (max-width:1180px) {
.m-girl {
bottom: 0;
position: absolute;
margin: 0 auto;
width: 100%;
}
.h3, h3 {
font-size: calc(1rem + .6vw) !important;
}
.m-disab {
display: none !important;
}
.hbg-100 {
height: auto !important;
}
.hei-20 {
position: relative;
}
}
@media (max-width: 768px) and (min-height:1180px) {
.hbg-100 {
height: 100 !important;
}
}
@media only screen and (max-width: 768px) and (min-height: 1180px) {
.hei-20 {
position: relative;
}
.hbg-100 {
height: auto !important;
}
.header-title-home .header-content {
top: 20vh;
}
.txt-posit {
width: 79%;
}
}
.h-home {
position: absolute;
}
.text-home {
position: relative;
}
.clients-say section {
margin-bottom: 30px
}
.pds {
padding: 30px 15px 40px 15px;
margin-bottom: 0px;
}
.pd-advantage {
margin-bottom: 15px;
}
.ace-advantage h4 {
margin-bottom: 30px;
}
.cont-advantage {
height: 100%;
padding-top: 35px;
padding-bottom: 20px;
margin: 0px;
}
.div-girl {
position: relative;
}
.work-ace {
position: relative;
padding: 30px 0px;
}
.work-ace h1, .work-ace h2 {
margin: 0px;
color: #E4252B;
text-transform: uppercase;
font-family: "Montserrat-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.work-ace h2 {
margin-bottom: 20px;
}
.st-work {
padding: 30px 0px 30px 0px;
background: #F5F5F5;
}
.txt-work {
position: absolute;
background: #fff;
right: 0px;
padding: 60px 50px 60px 60px;
width: 46%;
}
.cl-video {
display: none !important;
}
.ten {
background: green;
}
.three {
background: red;
}
#mouse-scroll .mouse {
height: 60px;
width: 60px;
border-radius: 30px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
border: 2px solid #fff;
top: 170px;
}
.mrg-top {
margin-top: 0px !important;
}
.div-relt {
position: relative
}
.bgrhome section {
padding-top: 0px !important;
}
.page {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: -100vw;
overflow-y: auto;
z-index: 0;
background-color: hsl(0, 0%, 100%);
}
.page:target {
left: 0vw;
z-index: 1;
}
.flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.cblog {
/* centering text just for view */
display: none;
}
#loadMore {
width: 200px;
color: #fff !important;
display: block;
text-align: center;
margin: 30px 0px 0px 0px !important;
padding: 10px;
border: 1px solid transparent;
background-color: #E4252B;
transition: .3s;
text-decoration: none;
}
#loadMore:hover {
color: #E4252B;
background-color: #fff;
border: 1px solid #E4252B;
}
.hidden {
display: none !important;
}
.noContent {
color: #000 !important;
background-color: transparent !important;
pointer-events: none;
}
.lftbar {
text-decoration: none;
color: #333333;
}
.line-bar {
margin: 0px 0px;
border-bottom: 1px solid #bebebe;
padding: 10px 0px;
}
.b-back {
background: #333333;
color: #fff;
}
.nb {
display: none;
padding: 5px;
background-color: #C2F9FF;
border: 1px solid #000;
}
.bgr-blog {
background: #F5F5F5 url("../images/photos/homepage-banner.jpg");
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
min-height: 450px;
}
/* .work-ace h1 {
color: #fff;
}*/
.txt-red {
position: absolute;
background: #E4252B;
color: #fff !important;
left: 0px;
padding: 60px 50px 60px 60px;
width: 46%;
}
.mgr-btom-30 {
margin-bottom: 30px !important;
}
/*slide*/
.main .container .glider-contain .glider-prev, .main .container .glider-contain .glider-next {
font-size: 1.5rem;
background: #454545;
color: #ffffff;
margin-top: 1rem;
width: 3rem;
height: 3rem;
line-height: 3rem;
border-radius: 50%;
}
/*bgrred*/
.bgred {
background: #E4252B;
margin-bottom: 20px;
padding: 20px !important;
font-size: calc(0.675rem + 1.5vw) !important;
font-family: "Montserrat-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.mr10 {
margin-top: 0px !important;
}
.txt-white {
color: #fff;
text-align: center;
padding: 0px 0px;
}
.img-left {
float: left;
margin: 0px 15px 15px 0px;
width: 50%;
}
.img-left1 {
float: left;
margin: 0px 15px 0px 0px;
width: 50%;
}
.st-detail {
padding: 0px 0px 10px 0px;
background: #F5F5F5;
}
@media screen and (max-width: 767.98px) and (orientation: portrait) {
.cl-video {
display: none !important;
visibility: hidden !important;
}
.dsp-video {
display: none !important;
visibility: hidden !important;
}
}
@media (min-width: 991px) {
.dsp-video {
display: block !important;
}
}
.categ:hover {
background: #fff;
box-shadow: 0px 5px 40px rgb(0 0 0 / 11%);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.categ {
background: #F5F5F5;
padding: 0px 20px 0px 30px;
}
.bgr-why-work {
background: #F5F5F5;
margin-top: 0px;
background-size: cover;
}
.bgr-why-work h3 {
color: #333333;
margin-bottom: 0px;
font-size: calc(1.4rem + 0.6vw) !important;
}
.bgr-why-work h4 {
margin-bottom: 30px;
}
.wcert-100 {
width: 100%;
margin: 0 auto !important;
}
.categ .txt1 {
font-size: calc(0.5rem + .6vw);
font-weight: 600;
}
.txt-work-left {
position: absolute;
background: #fff;
left: 0px;
padding: 60px 50px 60px 60px;
width: 40%;
}
.faqs {
margin-top: 30px;
}
/*
p {
padding-left: 0px!important;
}*/
.page-wrapper section#odoo-contact .form-control {
width: 96% !important;
}
@media (min-width: 1200px) and (min-width: 1366px) {
.page-wrapper.page-contactus section#odoo-contact {
height: 500px
}
}
/*
@media (min-width: 1366px) and (max-width: 1400px) {
.page-wrapper.page-contactus section#odoo-contact {
height: 686px!important;
}
}*/
.bg-blogs {
background: url(../images/photos/top-banner-blog.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-color: #fff !important;
background-size: cover;
}
.bg-cree {
background: url(../images/photos/careers-banner.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-color: #fff !important;
background-size: cover
}
.bg-ctact {
background: url(../images/photos/contactus-banner.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-color: #fff !important;
background-size: cover
}
.bg-affi {
background: url(../images/photos/affiliates-banner.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-color: #fff !important;
background-size: cover;
}
/* DSYo
body,
html {
height: 100%
}
[class*="col-"] {
margin-bottom: 10px !important;
margin-top: 0px !important;
}
*/