body {
margin: 0;
padding: 0;
overflow-x: hidden;
font-family: "Montserrat", sans-serif;
color: #1B1D1D;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: black;
} body.open {
overflow: hidden;
} p {
font-weight: 400;
} a:hover {
color: #003C8C;
} ::selection {
background: #003C8C;
color: #FFF;
} p, a, h1, h2, h4, h3 {
color: #1B1D1D;
} ul {
margin: 0;
padding: 0;
} li {
list-style: none;
} img {
max-width: 100%;
} a:hover, a:focus {
text-decoration: none;
outline: none;
box-shadow: none;
} .btn:focus, button:focus, button:active:focus, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
outline: none;
box-shadow: none;
} table {
width: 100%;
} .form-control {
box-shadow: none;
outline: 0;
} .form-control:focus {
box-shadow: none;
} .m0 {
margin: 0 !important;
} .ml0 {
margin-left: 0 !important;
} .mr0 {
margin-right: 0 !important;
} .mt0 {
margin-top: 0 !important;
} .mb0 {
margin-bottom: 0 !important;
} .p0 {
padding: 0 !important;
} .pl0 {
padding-left: 0 !important;
} .pr0 {
padding-right: 0 !important;
} .pt0 {
padding-top: 0 !important;
} .pb0 {
padding-bottom: 0 !important;
}
@media (max-width: 767px) { .mbp0 {
padding: 0 !important;
} .mbm0 {
margin: 0 !important;
} .mbpr0 {
padding-right: 0 !important;
} .mbpl0 {
padding-left: 0 !important;
} .mbpb0 {
padding-bottom: 0 !important;
} .mbpt0 {
padding-top: 0 !important;
}
} .pt20 {
padding-top: 20px;
} .pb20 {
padding-bottom: 20px;
} .pt30 {
padding-top: 30px;
} .pb30 {
padding-bottom: 30px;
} .pt40 {
padding-top: 40px;
} .pb40 {
padding-bottom: 40px;
} .pt50 {
padding-top: 50px;
} .pb50 {
padding-bottom: 50px;
} .pt60 {
padding-top: 60px;
} .pb60 {
padding-bottom: 60px;
} .pt75 {
padding-top: 75px;
} .pb75 {
padding-bottom: 75px;
} .pt90 {
padding-top: 90px;
} .pb90 {
padding-bottom: 90px;
} .pt95 {
padding-top: 95px;
} .pb95 {
padding-bottom: 95px;
} .pt120 {
padding-top: 120px;
} .pb120 {
padding-bottom: 120px;
} .pt150 {
padding-top: 150px;
} .pb150 {
padding-bottom: 150px;
} .mt10 {
margin-top: 10px;
} .mb10 {
margin-bottom: 10px;
} .mt20 {
margin-top: 20px;
} .mb20 {
margin-bottom: 20px;
} .mt30 {
margin-top: 30px;
} .mb30 {
margin-bottom: 30px;
} .mt40 {
margin-top: 40px;
} .mb40 {
margin-bottom: 40px;
} .mt50 {
margin-top: 50px;
} .mb50 {
margin-bottom: 50px;
} .mt60 {
margin-top: 60px;
} .mb60 {
margin-bottom: 60px;
} .mt75 {
margin-top: 75px;
} .mb75 {
margin-bottom: 75px;
} .mt90 {
margin-top: 90px;
} .mb90 {
margin-bottom: 90px;
} .mt95 {
margin-top: 95px;
} .mb95 {
margin-bottom: 95px;
} .clear:after {
content: '';
overflow: hidden;
clear: both;
display: block;
} .Overlay {
position: fixed;
width: 100%;
height: 100vh;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -51;
background: rgba(14, 14, 14, 0.419608);
opacity: 0;
visibility: hidden;
} .Overlay.ShowIt {
display: block;
} .site-error:after, .modal .modal-dialog .catering_modal .modal_images:before {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
content: '';
} .map-popup:after, .GalleryTwo__item-wrap {
content: '';
display: block;
overflow: hidden;
clear: both;
} .Loader, .Loader:after, .BG, .modal .founder-image__img, .img-preloader, .img-preloader:after, .site-error, .modal .chairman_image .chairman_image_wrapper .modal_images, .modal .modal-dialog .modal-content .modal_images, .modal .modal-dialog .catering_modal .modal_images, .asOurconcern.asCsrList, .heaven_paralux, .GalleryTwo__item-wrap__single__bg__bg {
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-color: #f1f1f1;
} .GalleryTwo__item-wrap__single__bg__bg a {
position: absolute;
height: 100%;
width: 100%;
display: block;
z-index: 2;
left: 0;
right: 0;
top: 0;
bottom: 0;
} header:after, .InnerBanner:after, .BrandPromise .BrandPromise_left:after, .BrandPromise .BrandPromiseRight:after, .BrandPromise .brand_middle:after, .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .link-btn, .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .image:after, .video_section a .ball_button:after, .gallery .image_gallery_wrapper .image_single_item_wrapper a, .map a, .asOurconcern .feature_single_iteam .feature_single_iteam_wrapp .image:after, .asOurconcern.ConcernMainPage .feature_single_iteam .feature_single_iteam_wrapp a, .asOurconcern.asCsrList .feature_single_iteam .feature_single_iteam_wrapp a, .heaven_paralux:after, .heaven_paralux.asCareer:after, .GalleryTwo__item-wrap__single__bg__bg {
position: absolute;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
} .banner-loader {
position: relative;
} .banner-loader .container {
position: relative;
z-index: 5;
} .banner-loader:before {
content: '';
position: absolute;
background: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/images/static/blur.jpg);
z-index: 2;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
transition: opacity .4s ease;
} .banner-loader.Loaded:before {
opacity: 0;
} .Loader {
position: relative;
} .Loader:after {
content: '';
height: 100%;
width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
background-image: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/images/static/blur-background.jpg);
transition: .5s ease;
} .Loader.loaded:after {
opacity: 0;
} .modify-img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .modify-img.no-pos {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
height: 100%;
width: 100%;
} .pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
} .pace-inactive .pace-progress {
display: none;
} .pace .pace-progress {
position: fixed;
top: 0;
right: 100%;
width: 100%;
height: 2px;
z-index: 9999;
background: #003C8C;
} .pace-done .custom-loader img {
display: none;
} .map-popup {
width: 320px;
} .map-popup img {
float: left;
width: 120px;
} .map-popup .texts {
float: right;
width: calc(100% - 131px);
} .gm-style .gm-style-iw-c {
border-radius: 0 !important;
} .capitalize {
text-transform: capitalize !important;
} .uppercase {
text-transform: uppercase !important;
} .dcLink {
position: relative;
padding-bottom: 4px;
transition: color .8s ease;
display: inline-block;
text-transform: capitalize;
} .dcLink:after {
content: '';
background: #1B1D1D;
height: 2px;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
} .dcLink:before {
content: '';
background: #003C8C;
height: 2px;
width: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: 1;
transition: width 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} .dcLink:hover {
color: #003C8C !important;
} .dcLink:hover:before {
width: 100%;
} .dcLink:focus {
color: #1b1d1d;
} .dcLink:focus:hover {
color: #003C8C;
} .dcBtn {
font-family: "Montserrat", sans-serif;
font-size: 14px;
padding: 7px 15px;
background: transparent;
border-top: 1px solid white;
border-bottom: 1px solid white;
position: relative;
transition-duration: .7s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
text-transform: uppercase;
font-weight: 500;
overflow: hidden;
display: inline-block;
margin: 30px 0 0;
color: white;
} .dcBtn span {
z-index: 2;
position: relative;
color: white;
font-weight: 500;
} .dcBtn:before {
content: '';
position: absolute;
transition: inherit;
z-index: -1;
right: 0;
height: 0;
width: 100%;
top: 0;
border: 1px solid white;
border-top: none !important;
border-bottom: none !important;
} .dcBtn:after {
content: '';
position: absolute;
transition: inherit;
z-index: -1;
left: 0;
height: 0;
width: 100%;
bottom: 0;
height: 0;
} .dcBtn:hover {
transition-delay: .5s;
color: black !important;
} .dcBtn:hover span {
font-weight: 600;
transition-duration: .7s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
} .dcBtn:hover:after {
background: white;
transition-delay: .35s;
height: 100%;
} .dcBtn:hover::before {
transition-delay: 0s;
height: 100%;
} .dcBtnTwo {
margin-top: 50px;
display: flex;
flex-direction: row;
transition-duration: .7s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
} .dcBtnTwo span {
font-size: 12px;
font-weight: 500;
line-height: 17px;
color: #003C8C;
overflow: hidden;
text-transform: uppercase;
transition-duration: .7s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
} .dcBtnTwo span:last-child {
margin-left: 15px;
} .dcBtnTwo span img {
transition-duration: .7s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
transform: translateX(-25px);
} .dcBtnTwo:hover img {
transform: translateX(0);
} .Title {
font-size: 35px;
line-height: 32px;
color: #1b1d1d;
font-family: "Montserrat", sans-serif;
margin: 0;
text-transform: uppercase;
font-weight: 300;
position: relative;
padding-bottom: 10px;
} .Title:after {
background: #E5001F;
height: 3px;
position: absolute;
width: 50px;
content: "";
left: 50%;
transform: translateX(-50%);
bottom: -5px;
} .desTitle {
margin: 0;
border-bottom: 1px solid #CECECE;
text-transform: uppercase;
height: 60px;
}
@media (min-width: 769px) { .Flex {
display: flex;
}
} .Select select {
display: none;
} .nice-select {
width: 100%;
border-radius: 0;
border-color: #CECECE;
color: #656565;
font-weight: 500;
} .nice-select .list {
width: 100%;
margin-top: 1px;
border-radius: 0;
} .nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #003C8C;
} .form-message-container.error_wrapper .form-message-body {
position: fixed;
background: #fff;
left: 50%;
top: 50%;
width: 430px;
max-width: 99%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 40px 60px;
-webkit-box-shadow: -1px 0 61px -7px #000;
-moz-box-shadow: -1px 0 61px -7px #000;
box-shadow: -1px 0 61px -7px #000;
-webkit-animation: alartSlideTop .2s;
-moz-animation: alartSlideTop .2s;
-o-animation: alartSlideTop .2s;
animation: alartSlideTop .2s;
z-index: 9999;
} .form-message-container .cross-popup {
position: absolute;
top: 0;
right: 0;
z-index: 1;
cursor: pointer;
display: block;
padding: 20px;
} .form-message-container.error_wrapper span {
margin-left: 50px;
display: block;
position: relative;
} .form-message-container.error_wrapper span:before {
position: absolute;
content: '';
width: 41px;
height: 41px;
top: 0;
left: -70px;
background-image: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/images/static/alert-icon.png);
} .form-message-container.error_wrapper span p {
color: #6D6E71;
} .form-message-container.error_wrapper span ul {
color: #000;
list-style: none;
margin-bottom: 40px;
} .hide.form-message-container {
display: none !important;
}
@-webkit-keyframes alartSlideTop {
0% {
-webkit-transform: translate(-50%, -70%);
transform: translate(-50%, -70%);
opacity: 0;
}
100% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
}
}
@-moz-keyframes alartSlideTop {
0% {
-moz-transform: translate(-50%, -70%);
transform: translate(-50%, -70%);
opacity: 0;
}
100% {
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
}
}
@-o-keyframes alartSlideTop {
0% {
-o-transform: translate(-50%, -70%);
transform: translate(-50%, -70%);
opacity: 0;
}
100% {
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
}
}
@keyframes alartSlideTop {
0% {
-webkit-transform: translate(-50%, -70%);
-moz-transform: translate(-50%, -70%);
-o-transform: translate(-50%, -70%);
transform: translate(-50%, -70%);
opacity: 0;
}
100% {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
}
} .form-message-container.success_wrapper .form-message-body {
position: fixed;
z-index: 990;
background: #ffffff;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 45px 58px;
-webkit-box-shadow: -1px 0 61px -7px #000;
-moz-box-shadow: -1px 0 61px -7px #000;
box-shadow: -1px 0 61px -7px #000;
-webkit-animation: alartSlideTop .2s;
-moz-animation: alartSlideTop .2s;
-o-animation: alartSlideTop .2s;
animation: alartSlideTop .2s;
} .form-message-container.success_wrapper .form-message-body span {
margin-bottom: 0px;
display: block;
margin-bottom: 0px;
padding: 40px 32px;
font-size: 17px;
} .form-message-container.success_wrapper .form-message-body .ok-class {
left: 0;
right: 0;
margin: auto;
} .form-primary.all-text-white {
color: #fff;
} .form-message-container .cross-popup {
position: absolute;
top: 0;
right: 0;
z-index: 1;
cursor: pointer;
display: block;
padding: 20px;
} .success_container_contact-form {
color: #FFF;
} .ok-class {
bottom: 30px;
left: 26%;
border: 3px solid #6D6E71;
width: 100px;
text-align: center;
height: 36px;
line-height: 31px;
font-weight: bold;
color: #6D6E71;
text-transform: uppercase;
cursor: pointer;
} .ok-class:hover {
background: #6D6E71;
color: #FFF;
} .form-overlay.doit {
position: fixed;
left: 0;
right: 0;
height: 100%;
z-index: 90;
background-color: rgba(0, 0, 0, 0.7);
background-image: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/images/static/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center;
background-size: 30px;
} .success_wrapper_contact-form .form-message-body {
position: relative;
} .success_wrapper_contact-form .form-message-body:after {
content: '';
position: absolute;
left: 0;
top: 17px;
height: 60px;
width: 60px;
background: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/images/static/thumbs-up.svg);
background-size: contain;
right: 0;
margin: auto;
background-repeat: no-repeat;
} .form-message-container.success_wrapper .form-message-body span {
color: #6D6E71 !important;
} .modal {
background: #FFF;
} .modal .modal-body {
padding: 0;
} .modal .modal-title {
margin: 0;
line-height: 1.42857143;
position: fixed;
background: #FFF;
right: 30px;
left: 12px;
padding-bottom: 20px;
padding-top: 25px;
top: 0;
z-index: 3;
padding-left: 10px;
} .modal .modal-header {
padding: 0;
border: 0;
} .modal .close {
transition: opacity .2s ease;
} .modal .close img {
height: 20px;
margin-bottom: 0 !important;
} .modal .modal-dialog {
margin: 0 auto;
width: 100%;
} .modal .modal-dialog .modal-content {
min-height: 100vh;
padding: 0px;
box-shadow: none;
border-radius: 0;
border: none;
} .modal .modal-dialog .modal-content img {
margin-bottom: 16px;
} .modal .modal-dialog .modal-content h2 {
margin-top: 0;
} .modal .modal-dialog .modal-content p {
line-height: 26px;
font-size: 15px;
} .modal .modal-dialog .modal-title .Title {
text-align: left;
} .modal .modal-dialog .modal-title p {
margin-top: 15px;
font-size: 15px;
font-weight: 300;
color: #404747;
} .modal .modal-dialog .modal-title img {
margin-bottom: 22px;
} .modal .modal-dialog .modalContent {
margin-top: 150px;
} .modal .founder-image__img {
padding-top: 108.11%;
} .modal.DirectorPopup {
padding-right: 0 !important;
} .modal.DirectorPopup .modal-dialog .modal-content {
min-height: unset;
overflow: auto;
} .modal.DirectorPopup .modal-dialog .modal-content .founder-image {
position: fixed;
top: 153px;
width: 30%;
} .modal.DirectorPopup .close {
position: fixed;
right: 12px;
top: 29px;
z-index: 9;
} .modal .dcBtn {
margin-top: 20px;
padding: 11px 70px;
letter-spacing: 1px;
} .modal .mCSB_scrollTools {
width: 8px;
} .modal .mCSB_inside > .mCSB_container {
margin-right: 0;
} .lg-backdrop {
background-color: rgba(0, 0, 0, 0.831373) !important;
} .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.27) !important;
}
@media (max-width: 768px) { .modal .modal-dialog .modal-content {
padding: 15px 10px;
} .dcForm .dcBtn {
width: 100% !important;
} .modal .dcBtn {
width: 100%;
margin-top: 20px;
text-align: center;
} #Fwidth {
padding: 0;
} .modal .modal-title {
right: 27px;
left: 25px;
padding-left: 0;
} .modal.DirectorPopup .modal-dialog .modal-content .founder-image {
position: relative;
top: 0;
width: 100%;
padding: 0;
margin-bottom: 30px;
margin-top: 135px;
} .modal.DirectorPopup .close {
position: fixed;
top: 9px;
right: 15px;
} .modal.DirectorPopup .modal-dialog .modalContent {
margin-top: 140px;
} .modal .mCSB_scrollTools .mCSB_draggerContainer {
right: -11px;
} .modal .mCSB_inside > .mCSB_container {
margin-right: 3px;
}
} .nice-select {
height: 48px;
line-height: 48px;
text-transform: capitalize;
font-size: 16px;
} .nice-select:after {
width: 5px;
content: "\f0d7";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
font-size: 16px;
transform: none;
border: none;
margin-top: 0;
right: 16px;
top: 0px;
transition: none;
} .nice-select.open:after {
right: 15px;
top: 41px;
transform: rotate(-179deg);
} .lg-actions .lg-next:before {
content: "\f105";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
} .lg-actions .lg-prev:after {
content: "\f104";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
} .slick-slide:focus {
outline: none;
} .slick-dots li button:before {
font-size: 11px;
} .MobileTab {
display: none;
}
@media (max-width: 768px) { .MobileTab {
display: block;
} .TabMenus {
display: none;
}
} .textUp span {
opacity: 0;
transform: translateY(15px);
display: inline-block;
transition: all .5s ease;
visibility: hidden;
} .textUp span:nth-child(1) {
transition-delay: 0.04s;
} .textUp span:nth-child(2) {
transition-delay: 0.08s;
} .textUp span:nth-child(3) {
transition-delay: 0.12s;
} .textUp span:nth-child(4) {
transition-delay: 0.16s;
} .textUp span:nth-child(5) {
transition-delay: 0.2s;
} .textUp span:nth-child(6) {
transition-delay: 0.24s;
} .textUp span:nth-child(7) {
transition-delay: 0.28s;
} .textUp span:nth-child(8) {
transition-delay: 0.32s;
} .textUp span:nth-child(9) {
transition-delay: 0.36s;
} .textUp span:nth-child(10) {
transition-delay: 0.4s;
} .textUp span:nth-child(11) {
transition-delay: 0.44s;
} .textUp span:nth-child(12) {
transition-delay: 0.48s;
} .textUp span:nth-child(13) {
transition-delay: 0.52s;
} .textUp span:nth-child(14) {
transition-delay: 0.56s;
} .textUp span:nth-child(15) {
transition-delay: 0.6s;
} .textUp span:nth-child(16) {
transition-delay: 0.64s;
} .textUp span:nth-child(17) {
transition-delay: 0.68s;
} .textUp span:nth-child(18) {
transition-delay: 0.72s;
} .textUp span:nth-child(19) {
transition-delay: 0.76s;
} .textUp span:nth-child(20) {
transition-delay: 0.8s;
} .textUp span:nth-child(21) {
transition-delay: 0.84s;
} .textUp span:nth-child(22) {
transition-delay: 0.88s;
} .textUp span:nth-child(23) {
transition-delay: 0.92s;
} .textUp span:nth-child(24) {
transition-delay: 0.96s;
} .textUp span:nth-child(25) {
transition-delay: 1s;
} .textUp span:nth-child(26) {
transition-delay: 1.04s;
} .textUp span:nth-child(27) {
transition-delay: 1.08s;
} .textUp span:nth-child(28) {
transition-delay: 1.12s;
} .textUp span:nth-child(29) {
transition-delay: 1.16s;
} .textUp span:nth-child(30) {
transition-delay: 1.2s;
} .textUp.anim-active span {
opacity: 1;
transform: none;
visibility: visible;
} .fadeUp {
transform: translateY(25px);
transition: all .5s ease;
opacity: 0;
visibility: hidden;
} .fadeUp.anim-active {
transform: none;
opacity: 1;
visibility: visible;
} .box-slide-left {
position: relative;
transform: translateX(25%);
transition: all .8s ease;
} .box-slide-left:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
background: #FFF;
top: 0;
bottom: 0;
left: 0;
transition: all .6s ease;
transition-delay: .2s;
} .box-slide-left:before {
content: '';
} .box-slide-left.anim-active {
transform: none;
} .box-slide-left.anim-active:after {
width: 0;
} .box-slide-right {
position: relative;
transform: translateX(-25%);
transition: all .8s ease;
} .box-slide-right:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
background: #FFF;
top: 0;
bottom: 0;
right: 0;
transition: all .6s ease;
transition-delay: .2s;
} .box-slide-right:before {
content: '';
} .box-slide-right.anim-active {
transform: none;
} .box-slide-right.anim-active:after {
width: 0;
} .fadeRight {
visibility: hidden;
} .fadeRight span {
opacity: 0;
display: inline-block;
transition: opacity .9s ease;
} .fadeRight span:nth-child(1) {
transition-delay: 0.07s;
} .fadeRight span:nth-child(2) {
transition-delay: 0.14s;
} .fadeRight span:nth-child(3) {
transition-delay: 0.21s;
} .fadeRight span:nth-child(4) {
transition-delay: 0.28s;
} .fadeRight span:nth-child(5) {
transition-delay: 0.35s;
} .fadeRight span:nth-child(6) {
transition-delay: 0.42s;
} .fadeRight span:nth-child(7) {
transition-delay: 0.49s;
} .fadeRight span:nth-child(8) {
transition-delay: 0.56s;
} .fadeRight span:nth-child(9) {
transition-delay: 0.63s;
} .fadeRight span:nth-child(10) {
transition-delay: 0.7s;
} .fadeRight span:nth-child(11) {
transition-delay: 0.77s;
} .fadeRight span:nth-child(12) {
transition-delay: 0.84s;
} .fadeRight span:nth-child(13) {
transition-delay: 0.91s;
} .fadeRight span:nth-child(14) {
transition-delay: 0.98s;
} .fadeRight span:nth-child(15) {
transition-delay: 1.05s;
} .fadeRight span:nth-child(16) {
transition-delay: 1.12s;
} .fadeRight span:nth-child(17) {
transition-delay: 1.19s;
} .fadeRight span:nth-child(18) {
transition-delay: 1.26s;
} .fadeRight span:nth-child(19) {
transition-delay: 1.33s;
} .fadeRight span:nth-child(20) {
transition-delay: 1.4s;
} .fadeRight span:nth-child(21) {
transition-delay: 1.47s;
} .fadeRight span:nth-child(22) {
transition-delay: 1.54s;
} .fadeRight span:nth-child(23) {
transition-delay: 1.61s;
} .fadeRight span:nth-child(24) {
transition-delay: 1.68s;
} .fadeRight span:nth-child(25) {
transition-delay: 1.75s;
} .fadeRight span:nth-child(26) {
transition-delay: 1.82s;
} .fadeRight span:nth-child(27) {
transition-delay: 1.89s;
} .fadeRight span:nth-child(28) {
transition-delay: 1.96s;
} .fadeRight span:nth-child(29) {
transition-delay: 2.03s;
} .fadeRight span:nth-child(30) {
transition-delay: 2.1s;
} .fadeRight span:nth-child(31) {
transition-delay: 2.17s;
} .fadeRight span:nth-child(32) {
transition-delay: 2.24s;
} .fadeRight span:nth-child(33) {
transition-delay: 2.31s;
} .fadeRight span:nth-child(34) {
transition-delay: 2.38s;
} .fadeRight span:nth-child(35) {
transition-delay: 2.45s;
} .fadeRight span:nth-child(36) {
transition-delay: 2.52s;
} .fadeRight span:nth-child(37) {
transition-delay: 2.59s;
} .fadeRight span:nth-child(38) {
transition-delay: 2.66s;
} .fadeRight span:nth-child(39) {
transition-delay: 2.73s;
} .fadeRight span:nth-child(40) {
transition-delay: 2.8s;
} .fadeRight span:nth-child(41) {
transition-delay: 2.87s;
} .fadeRight span:nth-child(42) {
transition-delay: 2.94s;
} .fadeRight span:nth-child(43) {
transition-delay: 3.01s;
} .fadeRight span:nth-child(44) {
transition-delay: 3.08s;
} .fadeRight span:nth-child(45) {
transition-delay: 3.15s;
} .fadeRight span:nth-child(46) {
transition-delay: 3.22s;
} .fadeRight span:nth-child(47) {
transition-delay: 3.29s;
} .fadeRight span:nth-child(48) {
transition-delay: 3.36s;
} .fadeRight span:nth-child(49) {
transition-delay: 3.43s;
} .fadeRight span:nth-child(50) {
transition-delay: 3.5s;
} .fadeRight.anim-active {
visibility: visible;
} .fadeRight.anim-active span {
opacity: 1;
} .fadeRightWord {
visibility: hidden;
} .fadeRightWord span {
opacity: 0;
display: inline-block;
transition: opacity .9s ease;
} .fadeRightWord span:nth-child(1) {
transition-delay: 0.07s;
} .fadeRightWord span:nth-child(2) {
transition-delay: 0.14s;
} .fadeRightWord span:nth-child(3) {
transition-delay: 0.21s;
} .fadeRightWord span:nth-child(4) {
transition-delay: 0.28s;
} .fadeRightWord span:nth-child(5) {
transition-delay: 0.35s;
} .fadeRightWord span:nth-child(6) {
transition-delay: 0.42s;
} .fadeRightWord span:nth-child(7) {
transition-delay: 0.49s;
} .fadeRightWord span:nth-child(8) {
transition-delay: 0.56s;
} .fadeRightWord span:nth-child(9) {
transition-delay: 0.63s;
} .fadeRightWord span:nth-child(10) {
transition-delay: 0.7s;
} .fadeRightWord span:nth-child(11) {
transition-delay: 0.77s;
} .fadeRightWord span:nth-child(12) {
transition-delay: 0.84s;
} .fadeRightWord span:nth-child(13) {
transition-delay: 0.91s;
} .fadeRightWord span:nth-child(14) {
transition-delay: 0.98s;
} .fadeRightWord span:nth-child(15) {
transition-delay: 1.05s;
} .fadeRightWord span:nth-child(16) {
transition-delay: 1.12s;
} .fadeRightWord span:nth-child(17) {
transition-delay: 1.19s;
} .fadeRightWord span:nth-child(18) {
transition-delay: 1.26s;
} .fadeRightWord span:nth-child(19) {
transition-delay: 1.33s;
} .fadeRightWord span:nth-child(20) {
transition-delay: 1.4s;
} .fadeRightWord span:nth-child(21) {
transition-delay: 1.47s;
} .fadeRightWord span:nth-child(22) {
transition-delay: 1.54s;
} .fadeRightWord span:nth-child(23) {
transition-delay: 1.61s;
} .fadeRightWord span:nth-child(24) {
transition-delay: 1.68s;
} .fadeRightWord span:nth-child(25) {
transition-delay: 1.75s;
} .fadeRightWord span:nth-child(26) {
transition-delay: 1.82s;
} .fadeRightWord span:nth-child(27) {
transition-delay: 1.89s;
} .fadeRightWord span:nth-child(28) {
transition-delay: 1.96s;
} .fadeRightWord span:nth-child(29) {
transition-delay: 2.03s;
} .fadeRightWord span:nth-child(30) {
transition-delay: 2.1s;
} .fadeRightWord span:nth-child(31) {
transition-delay: 2.17s;
} .fadeRightWord span:nth-child(32) {
transition-delay: 2.24s;
} .fadeRightWord span:nth-child(33) {
transition-delay: 2.31s;
} .fadeRightWord span:nth-child(34) {
transition-delay: 2.38s;
} .fadeRightWord span:nth-child(35) {
transition-delay: 2.45s;
} .fadeRightWord span:nth-child(36) {
transition-delay: 2.52s;
} .fadeRightWord span:nth-child(37) {
transition-delay: 2.59s;
} .fadeRightWord span:nth-child(38) {
transition-delay: 2.66s;
} .fadeRightWord span:nth-child(39) {
transition-delay: 2.73s;
} .fadeRightWord span:nth-child(40) {
transition-delay: 2.8s;
} .fadeRightWord span:nth-child(41) {
transition-delay: 2.87s;
} .fadeRightWord span:nth-child(42) {
transition-delay: 2.94s;
} .fadeRightWord span:nth-child(43) {
transition-delay: 3.01s;
} .fadeRightWord span:nth-child(44) {
transition-delay: 3.08s;
} .fadeRightWord span:nth-child(45) {
transition-delay: 3.15s;
} .fadeRightWord span:nth-child(46) {
transition-delay: 3.22s;
} .fadeRightWord span:nth-child(47) {
transition-delay: 3.29s;
} .fadeRightWord span:nth-child(48) {
transition-delay: 3.36s;
} .fadeRightWord span:nth-child(49) {
transition-delay: 3.43s;
} .fadeRightWord span:nth-child(50) {
transition-delay: 3.5s;
} .fadeRightWord.anim-active {
visibility: visible;
} .fadeRightWord.anim-active span {
opacity: 1;
} .opUp {
transform: translateY(20%);
position: relative;
transition: opacity 1s ease, transform .7s ease;
opacity: 0;
visibility: hidden;
} .opUp.anim-active {
transform: none;
opacity: 1;
visibility: visible;
} .opUp.anim-active:after {
opacity: 0;
} .justFade {
opacity: 0;
transition: opacity .3s ease .2s;
} .justFade.anim-active {
opacity: 1;
} .anim-parent .fadeUp:nth-of-type(1) {
transition-delay: 0.05s;
} .anim-parent .fadeUp:nth-of-type(2) {
transition-delay: 0.1s;
} .anim-parent .fadeUp:nth-of-type(3) {
transition-delay: 0.15s;
} .anim-parent .fadeUp:nth-of-type(4) {
transition-delay: 0.2s;
} .anim-parent .fadeUp:nth-of-type(5) {
transition-delay: 0.25s;
} .anim-parent .fadeUp:nth-of-type(6) {
transition-delay: 0.3s;
} .anim-parent .fadeUp:nth-of-type(7) {
transition-delay: 0.35s;
} .anim-parent .fadeUp:nth-of-type(8) {
transition-delay: 0.4s;
} .anim-parent .fadeUp:nth-of-type(9) {
transition-delay: 0.45s;
} .anim-parent .fadeUp:nth-of-type(10) {
transition-delay: 0.5s;
} .anim-parent .fadeUp:nth-of-type(11) {
transition-delay: 0.55s;
} .anim-parent .fadeUp:nth-of-type(12) {
transition-delay: 0.6s;
} .anim-parent .fadeUp:nth-of-type(13) {
transition-delay: 0.65s;
} .anim-parent .fadeUp:nth-of-type(14) {
transition-delay: 0.7s;
} .anim-parent .fadeUp:nth-of-type(15) {
transition-delay: 0.75s;
} .anim-parent .fadeUp:nth-of-type(16) {
transition-delay: 0.8s;
} .anim-parent .fadeUp:nth-of-type(17) {
transition-delay: 0.85s;
} .anim-parent .fadeUp:nth-of-type(18) {
transition-delay: 0.9s;
} .anim-parent .fadeUp:nth-of-type(19) {
transition-delay: 0.95s;
} .anim-parent .fadeUp:nth-of-type(20) {
transition-delay: 1s;
} .anim-parent .fadeUp:nth-of-type(21) {
transition-delay: 1.05s;
} .anim-parent .fadeUp:nth-of-type(22) {
transition-delay: 1.1s;
} .anim-parent .fadeUp:nth-of-type(23) {
transition-delay: 1.15s;
} .anim-parent .fadeUp:nth-of-type(24) {
transition-delay: 1.2s;
} .anim-parent .fadeUp:nth-of-type(25) {
transition-delay: 1.25s;
} .anim-parent .fadeUp:nth-of-type(26) {
transition-delay: 1.3s;
} .anim-parent .fadeUp:nth-of-type(27) {
transition-delay: 1.35s;
} .anim-parent .fadeUp:nth-of-type(28) {
transition-delay: 1.4s;
} .anim-parent .fadeUp:nth-of-type(29) {
transition-delay: 1.45s;
} .anim-parent .fadeUp:nth-of-type(30) {
transition-delay: 1.5s;
} .img-preloader {
position: relative;
} .img-preloader:after {
content: '';
height: 100%;
width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
background-image: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/images/static/blur-background.jpg);
transition: .5s ease;
} .img-preloader.OfIt:after {
opacity: 0;
} .site-error {
height: 80vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-direction: column;
position: relative;
} .site-error:after {
background: rgba(0, 0, 0, 0.701961);
} .site-error_content {
color: #FFF;
z-index: 9;
font-size: 30px;
} .site-error .promo__item__about__title {
display: block;
} .site-error .promo__item__about__explore {
font-size: 16px;
color: #FFF;
text-decoration: underline;
} html[data-direction="down"] header {
transition-delay: 3s;
transform: translate3d(0, -140%, 0);
transition: 0.7s all ease;
background: rgba(0, 0, 0, 0.8);
z-index: 99999;
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.12);
transition: 1s all ease;
height: 100px;
} html[data-direction="down"] header.open {
transform: unset !important;
position: fixed;
top: 0;
} header {
position: absolute;
left: 0;
right: 0;
top: 0;
padding-top: 20px;
z-index: 99999 !important;
} header .row {
display: flex;
align-items: center;
} header .row .header_logo {
z-index: 99;
} header .row .header_logo .logo {
transition: 1s all ease;
opacity: 1;
} header .row .header_logo .logo img {
height: 55px;
} header .row .header_info {
display: flex;
justify-content: flex-end;
z-index: 99;
} header .row .header_info ul li {
display: inline-block;
margin-right: 30px;
} header .row .header_info ul li:last-child {
margin-right: 0;
} header .row .header_info ul li a {
font-weight: 300;
line-height: 28px;
color: white;
transition-duration: .4s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
text-transform: uppercase;
} header .row .header_info ul li a:hover {
color: rgba(255, 255, 255, 0.4);
} header .row .header_info .location {
transition: 1s all ease;
opacity: 1;
} header .row .header_info .location.open {
opacity: 0;
} header .row .header_info .location ul li {
display: inline-block;
margin-right: 30px;
} header .row .header_info .location ul li:nth-child(1) {
position: relative;
} header .row .header_info .location ul li:nth-child(1):after {
content: '';
position: absolute;
top: 50%;
right: -30px;
transform: translateY(-50%);
width: 1px;
height: 15px;
background: #FFFFFF;
} header .row .header_info .location ul li:nth-child(2) {
margin-left: 30px;
} header .row .header_info .location ul li a {
font-weight: 600;
} header .row .header_info .phone {
margin-right: 0px;
transition: 1s all ease;
opacity: 1;
} header .row .header_info .phone.open {
opacity: 0;
} header .row .header_info .phone ul li {
margin-left: 30px;
} header .row .header_menu1 {
display: flex;
justify-content: flex-end;
} header .row .header_menu1 .menu {
display: flex;
align-items: center;
justify-content: flex-end;
cursor: pointer;
} header .row .header_menu1 .menu p {
font-weight: 300;
line-height: 28px;
font-size: 12px;
color: white;
transition-duration: .4s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
text-transform: uppercase;
margin: 0 30px 0 0;
z-index: 99;
} header .row .header_menu1 .menu .humburger {
width: 100px;
height: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
cursor: pointer;
transition: 0.5s all ease-in;
z-index: 999999;
} header .row .header_menu1 .menu .humburger .line {
height: 1px;
width: 100%;
background: transparent;
display: flex;
transition: 0.5s all ease-in;
position: relative;
z-index: 2;
margin-top: -1px;
} header .row .header_menu1 .menu .humburger .line:nth-of-type(3) {
visibility: hidden;
opacity: 0;
transition: none;
display: none;
} header .row .header_menu1 .menu .humburger .line:after {
content: "";
position: absolute;
height: 100%;
right: 0;
top: 0;
width: 100px;
z-index: 1;
background: #FFFFFF;
transition: 0.5s all ease-in;
} header .row .header_menu1 .menu .humburger.open .line {
background: transparent;
width: 100%;
left: 25px;
transition: 0.76s all ease;
} header .row .header_menu1 .menu .humburger.open .line:after {
right: 0px;
} header .row .header_menu1 .menu .humburger.open .line:nth-of-type(1) {
transform: rotate(45deg);
margin-top: 0px;
} header .row .header_menu1 .menu .humburger.open .line:nth-of-type(1):after {
width: 40px;
left: 44px;
} header .row .header_menu1 .menu .humburger.open .line:nth-of-type(2) {
transform: rotate(-45deg);
margin-top: 0;
} header .row .header_menu1 .menu .humburger.open .line:nth-of-type(2):after {
width: 40px;
left: 37px;
top: 7px;
} header .row .header_menu1 .menu .humburger.open .line:nth-of-type(3) {
visibility: hidden;
opacity: 0;
transition: none;
} header .row .header_menu1 .menu:hover p {
color: rgba(255, 255, 255, 0.4);
} header .row .header_menu1 .menu:hover .humburger .line:nth-of-type(1):after {
width: 40px;
right: 0;
top: 0;
} header .row .header_menu1 .menu:hover .humburger .line:nth-of-type(2):after {
width: 40px;
} header .row .header_menu1 .menu:hover .humburger .line:nth-of-type(3):after {
width: 35%;
right: 0;
top: 0;
} header .row .header_menu {
display: flex;
justify-content: flex-end;
} header .row .header_menu .menu {
display: flex;
align-items: center;
justify-content: flex-end;
max-width: 150px;
cursor: pointer;
} header .row .header_menu .menu p {
font-weight: 300;
line-height: 28px;
font-size: 14px;
color: white;
transition-duration: .4s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
text-transform: uppercase;
margin: 0 30px 0 0;
z-index: 99;
} header .row .header_menu .menu .humburger {
width: 30px;
height: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
cursor: pointer;
transition: 0.5s all ease-in;
z-index: 999999;
} header .row .header_menu .menu .humburger .line {
height: 1px;
width: 100%;
background: transparent;
display: flex;
transition: 0.5s all ease-in;
position: relative;
z-index: 2;
margin-top: -1px;
} header .row .header_menu .menu .humburger .line:after {
content: "";
position: absolute;
height: 100%;
right: 0;
top: 0;
width: 100%;
z-index: 1;
background: #FFFFFF;
transition: 0.5s all ease-in;
} header .row .header_menu .menu .humburger.open .line {
background: white;
width: 70%;
} header .row .header_menu .menu .humburger.open .line:nth-of-type(1) {
transform: rotate(45deg);
margin-top: 5px;
} header .row .header_menu .menu .humburger.open .line:nth-of-type(2) {
transform: rotate(-45deg);
margin-top: -5px;
} header .row .header_menu .menu .humburger.open .line:nth-of-type(3) {
visibility: hidden;
opacity: 0;
transition: none;
} header .row .header_menu .menu:hover p {
color: rgba(255, 255, 255, 0.4);
} header .row .header_menu .menu:hover .humburger .line:nth-of-type(2):after {
width: 70%;
right: 0;
top: 0;
} header .row .header_menu .menu:hover .humburger .line:nth-of-type(3):after {
width: 35%;
right: 0;
top: 0;
} header.open .header_menu .menu p {
opacity: 0;
} header.ShowIt {
transform: translate3d(0, 0, 0);
position: fixed;
width: 100%;
left: 0;
right: 0;
height: 100px;
top: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 99999;
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.12);
transition: 1s all ease;
} header.ShowIt.open {
transition: 1s background-color ease;
background-color: transparent;
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.12);
transform: translate3d(0, 0, 0);
position: fixed;
width: 100%;
left: 0;
right: 0;
} header.ShowIt.open #click_menu p {
opacity: 0;
} header.ShowIt.open:hover {
background: transparent;
} header.ShowIt.active {
transition: 1s background-color ease;
background-color: transparent;
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.12);
transform: translate3d(0, 0, 0);
position: fixed;
width: 100%;
left: 0;
right: 0;
} header.ShowIt.active #click_menu p {
opacity: 0;
} header.ShowIt.active:hover {
background: transparent;
} header.ShowIt:hover {
background: black;
} .menuIteam .menu-vert-loader {
z-index: 9990 !important;
} .menuIteam .menu-vert-loader .vert-loader-bar.bar-1 {
transition-delay: 90ms;
} .menuIteam .menu-vert-loader .vert-loader-bar.bar-2 {
transition-delay: 120ms;
} .menuIteam .menu-vert-loader .vert-loader-bar.bar-3 {
transition-delay: 160ms;
} .menuIteam .menu-vert-loader .vert-loader-bar.bar-4 {
transition-delay: 180ms;
} .menuIteam .menu-vert-loader .vert-loader-bar.bar-5 {
transition-delay: 220ms;
} .menuIteam nav {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: transparent;
transform: translate(0, -130%);
transition: 1.2s all ease;
height: 100vh;
z-index: 9999;
} .menuIteam nav .main_nav_list {
transition: 0.8s all ease;
position: relative !important;
top: -100%;
opacity: 0;
visibility: hidden;
transition-delay: 0.4s;
} .menuIteam nav .menu {
transition: 0.8s all ease;
position: relative !important;
top: -100%;
opacity: 0;
visibility: hidden;
transition-delay: 0.4s;
} .menuIteam nav.open {
transform: translate(0, 0);
transition: 0.7s all ease;
} .menuIteam nav.open .main_nav_list {
opacity: 1;
visibility: visible;
top: 0;
} .menuIteam nav.open .menu {
opacity: 1;
visibility: visible;
top: 0;
} .menuIteam nav .container {
height: 100%;
} .menuIteam nav .container .row {
height: 100%;
display: flex;
} .menuIteam nav .container .row ul {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-content: center;
align-items: baseline;
list-style: none;
} .menuIteam nav .container .row ul li {
margin-bottom: 18px;
} .menuIteam nav .container .row ul li:last-child {
margin-bottom: 0;
} .menuIteam nav .container .row ul li a {
font-family: "Montserrat", sans-serif;
color: white;
font-weight: 500;
line-height: 25px;
font-size: 30px;
text-transform: uppercase;
transition-duration: .4s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
} .menuIteam nav .container .row ul li a:hover {
color: rgba(255, 255, 255, 0.4);
} .menuIteam nav .container .row .nav_left {
display: flex;
align-items: flex-end;
} .menuIteam nav .container .row .nav_left .company_info .contact_info {
position: unset;
display: block;
} .menuIteam nav .container .row .nav_left .company_info .contact_info li {
margin: 0 0 15px;
} .menuIteam nav .container .row .nav_left .company_info .contact_info li a {
font-weight: bold;
font-size: 14px;
line-height: 25px;
} .menuIteam nav .container .row .nav_left .company_info .contact_info li:last-child {
margin-bottom: 40px;
} .menuIteam nav .container .row .nav_left .company_info .address {
margin-bottom: 40px;
} .menuIteam nav .container .row .nav_left .company_info .address p {
font-weight: 400;
font-size: 14px;
line-height: 25px;
color: white;
margin: 0;
} .menuIteam nav .container .row .nav_left .company_info .address p strong {
font-weight: bold;
font-size: 14px;
line-height: 25px;
} .menuIteam nav .container .row .nav_left .company_info .menu_footer p {
color: white;
font-weight: 300;
font-size: 12px;
line-height: 28px;
} .menuIteam nav .container .row .nav_right {
margin-left: -15px;
display: flex;
align-items: center;
} .skew {
clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
} .vertical {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
} .skewback {
clip-path: polygon(0 0, -100% 0, 100% 100%, 0 100%);
}
@keyframes slide-down {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
} .whatsappSticky {
position: fixed;
bottom: 20px;
left: 65px;
z-index: 9;
background: #003C8C;
font-size: 30px;
color: white;
width: 50px;
height: 50px;
border-radius: 50%;
align-items: center;
justify-content: center;
font-weight: 400;
transition: 1s all ease;
opacity: 1 !important;
visibility: visible !important;
display: flex !important;
} .whatsappSticky.Hotlink {
font-size: 10px;
line-height: 5px;
flex-direction: column;
align-items: center;
justify-content: center;
bottom: 90px;
} .whatsappSticky.Hotlink svg {
margin-top: 0 !important;
height: 15px !important;
margin-right: 0 !important;
margin-bottom: 6px;
} .whatsappSticky.show {
opacity: 1;
visibility: visible;
display: flex !important;
} .whatsappSticky:hover {
color: white;
background: black;
} .footer_social_sticky {
position: fixed;
right: 0;
z-index: 15;
top: 50%;
transform: translateY(-50%);
z-index: 99;
} .footer_social_sticky li {
z-index: 1;
} .footer_social_sticky li a {
background: #003C8C;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: 1s all ease;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
} .footer_social_sticky li a i {
color: white;
font-size: 18px;
color: white;
font-weight: 400;
transition: 1s all ease;
} .footer_social_sticky li a:hover {
background: black;
} .footer_social_sticky li a:hover i {
color: white;
} .footer_social_sticky li:last-child a {
border-bottom: none;
} .clickMen {
position: fixed;
z-index: 1;
bottom: 20px;
right: 65px;
transition: 0.7s all ease;
opacity: 0;
visibility: hidden;
} .clickMen.show {
opacity: 1;
visibility: visible;
} .clickMen.show:before {
content: '';
position: absolute;
height: calc(100% + 30px);
width: calc(100% + 30px);
border: 1px solid #003C8C;
left: -15px;
top: -15px;
border-radius: 50%;
animation: zoomIt ease infinite;
animation-duration: 2.5s;
opacity: 0;
} .clickMen.show:after {
content: '';
position: absolute;
height: calc(100% + 30px);
width: calc(100% + 30px);
border: 1px solid #003C8C;
left: -15px;
top: -15px;
border-radius: 50%;
animation: zoomItNd ease infinite;
opacity: 0;
animation-duration: 2.5s;
animation-delay: .3s;
}
@keyframes zoomIt {
0% {
opacity: 1;
transform: scale(0.5);
}
50% {
transform: scale(1.09);
}
80% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes zoomItNd {
0% {
opacity: 1;
transform: scale(0.5);
}
50% {
transform: scale(1.09);
}
80% {
opacity: 0;
}
100% {
opacity: 0;
}
} .lg-backdrop.in {
z-index: 999999 !important;
} .lg-outer {
z-index: 999999 !important;
} .lg-outer .lg {
z-index: 999999 !important;
} .main-menu {
height: 0px;
padding: 0;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 999999 !important;
transition: all 0.7s cubic-bezier(0.4, 0, 0, 1);
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
} .main-menu.menu-is-open {
transform: none !important;
} .main-menu .logo {
position: absolute;
top: 40px;
left: 98px;
z-index: 5;
} .main-menu .main-menu__contact {
height: fit-content;
} .main-menu .main-menu__contact__drop {
width: 152px;
height: 40px;
background-color: #222222;
border-radius: 20px;
align-items: center;
justify-content: center;
display: flex;
cursor: pointer;
} .main-menu .main-menu__contact__drop p {
font-size: 20px;
color: #ffffff;
} .main-menu .main-menu__contact__drop p svg {
margin-left: 10px;
} .main-menu .main-menu__contact__list {
background-color: #F2EEE8;
padding: 0px 30px 0 30px;
width: 260px;
display: none;
height: 0;
overflow: hidden;
} .main-menu .main-menu__contact__list a {
color: red;
font-size: 16px;
line-height: 24px;
text-transform: none;
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 23px;
} .main-menu .main-menu__contact__list a span {
display: inline-flex;
height: 24px;
width: 24px;
background: #222;
border-radius: 50%;
align-items: center;
justify-content: center;
} .main-menu .main-menu__contact__list a:hover span:after {
height: 0;
width: 0;
} .main-menu .main-menu__contact__list ul li {
display: flex;
padding-bottom: 17px;
margin-bottom: 18px;
border-bottom: 1px solid rgba(178, 168, 159, 0.2);
flex-wrap: wrap;
} .main-menu .main-menu__contact__list ul li a {
color: red;
font-size: 16px;
line-height: 20px;
display: flex;
width: 100%;
margin: 0;
padding: 0;
text-transform: lowercase;
} .main-menu .main-menu__contact__list ul li a:hover {
letter-spacing: 1px;
color: red;
} .main-menu .main-menu__contact__list ul li span {
font-size: 12px;
line-height: 24px;
color: #B2A89F;
width: 100%;
padding-bottom: 2px;
} .main-menu .main-menu__contact__list ul li:nth-last-of-type(1) {
padding: 0;
margin: 0;
border: none;
} .main-menu .main-menu__logo svg {
transition: all .3s ease;
height: auto;
} .main-menu .main-menu__menu {
display: flex;
justify-content: flex-end;
align-items: center;
} .main-menu .main-menu__menu p {
margin-top: 1px;
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
color: #FFFEFB;
line-height: 24px;
letter-spacing: 2px;
transition: all 0.6s cubic-bezier(0.4, 0, 0, 1) 0s;
} .main-menu .main-menu__menu__inner {
padding: 0px 0 5px 0;
cursor: pointer;
height: fit-content;
transition: padding .4s ease;
display: flex;
align-items: center;
justify-content: center;
} .main-menu .main-menu__menu__inner p:hover {
opacity: .5;
} .main-menu .main-menu__menu__inner .wrap {
display: flex;
justify-content: space-between;
flex-direction: column;
height: 22px;
margin-left: 20px;
width: 30px;
} .main-menu .main-menu__menu__inner .wrap:hover .line {
width: 20px;
color: red;
} .main-menu .main-menu__menu__inner .wrap:hover .line:nth-of-type(2) {
width: 25px;
} .main-menu .main-menu__menu__inner .wrap:hover .line:nth-of-type(1) {
width: 15px;
} .main-menu .main-menu__menu__inner .wrap:hover .line:nth-of-type(3) {
width: 15px;
} .main-menu .main-menu__menu__inner .line {
height: 2px;
background-color: white;
border-radius: 5px;
transform-origin: left;
transition: width 0.6s cubic-bezier(0.4, 0, 0, 1) 0s;
width: 30px;
} .main-menu .main-menu__items {
position: fixed;
height: 100vh;
width: 100vw;
z-index: 999;
top: 0;
left: 0;
display: none;
opacity: 0;
background-color: transparent;
} .main-menu .main-menu__items .d-flex {
display: flex;
width: 100%;
} .main-menu .main-menu__items .all-items {
overflow: scroll;
height: 100vh;
} .main-menu .main-menu__items .shadows {
position: absolute;
bottom: -40%;
right: -35%;
z-index: 4;
transform: translateX(100%);
} .main-menu .main-menu__items .shadows-left {
width: fit-content;
position: absolute;
bottom: 0;
left: -130px;
z-index: 4;
}
@media (max-width: 991px) { .main-menu .main-menu__items { } .main-menu .main-menu__items .col-sm-7 {
margin-left: auto;
} .main-menu .main-menu__items .menu-col {
padding-left: 40px;
}
} .main-menu .main-menu__items__img {
position: relative;
height: 100vh;
overflow: hidden;
background: #fff;
} .main-menu .main-menu__items__img li {
position: absolute;
height: 100%;
top: 0;
right: 0;
bottom: 0;
width: 100%;
} .main-menu .main-menu__items__img li img {
transition: all .9s ease;
opacity: 0;
height: 100%;
width: 100%;
} .main-menu .main-menu__items__img li.active {
opacity: 1;
z-index: 3;
} .main-menu .main-menu__items__img li.active img {
opacity: 1;
} .main-menu .main-menu__items__list {
background-color: #2D2D2D;
min-height: 100%;
padding-top: 100px;
transform: translateY(40px);
opacity: 0;
} .main-menu .main-menu__items__list .menu-close {
height: 55px;
width: 55px;
position: absolute;
top: 30px;
right: 30px;
border: 3px solid #F7F3F0;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
cursor: pointer;
z-index: 4;
} .main-menu .main-menu__items__list .menu-close:after {
background-color: #F7F3F0;
border-radius: 50%;
} .main-menu .main-menu__items__list .menu-close svg {
position: relative;
z-index: 99;
} .main-menu .main-menu__items__list .menu-close svg line {
transition: all 0.6s cubic-bezier(0.4, 0, 0, 1);
} .main-menu .main-menu__items__list .menu-close:hover svg line {
transition: all 0.6s cubic-bezier(0.4, 0, 0, 1);
} .main-menu .main-menu__items__list ul li a {
font-size: 24px;
line-height: 28px;
font-weight: 400;
text-transform: none;
color: #F7F3F0;
position: relative;
padding-bottom: 6px;
display: inline-block;
margin-bottom: 12px;
} .main-menu .main-menu__items__list ul li a:before {
content: '';
position: absolute;
left: 0;
height: 1px;
background-color: #F7F3F0;
bottom: 0;
width: 0;
transition: 0.7s all ease;
} .main-menu .main-menu__items__list ul li a:hover {
color: #F7F3F0 !important;
} .main-menu .main-menu__items__list ul li a:hover:before {
width: 100%;
} .main-menu .main-menu__items__list ul li.active a {
color: #F7F3F0 !important;
pointer-events: none;
} .main-menu .main-menu__items__list ul li.active a:before {
width: 100%;
}
@media (max-width: 991px) { .main-menu .main-menu__items__list .desktop {
display: none;
}
} .main-menu .main-menu__items__list .mobile {
padding-top: 80px;
}
@media (min-width: 992px) { .main-menu .main-menu__items__list .mobile {
display: none;
}
} .main-menu .main-menu__items__list__bottom {
padding: 40px 15px;
}
@media (max-width: 991px) { .main-menu .main-menu__items__list__bottom {
padding-left: 40px;
} .main-menu .main-menu__items__list__bottom .address {
display: none;
}
} .main-menu .main-menu__items__list__bottom .address {
margin-bottom: 30px;
} .main-menu .main-menu__items__list__bottom .address h5 {
display: flex;
align-items: center;
font-size: 14px;
line-height: 24px;
color: #F7F3F0 !important;
font-weight: 400;
margin: 0 0 5px 0;
} .main-menu .main-menu__items__list__bottom p {
display: flex;
align-items: center;
font-size: 12px;
line-height: 20px;
color: rgba(255, 255, 255, 0.6) !important;
font-weight: 300;
margin: 0 0 5px 0;
} .main-menu .main-menu__items__list__bottom p a {
font-size: 12px;
line-height: 20px;
color: rgba(255, 255, 255, 0.6) !important;
font-weight: 300;
} .testimonial {
background: #1B1B1B;
} .testimonial .slick-list {
margin: 0 0 0 15px;
} .testimonial .Title {
text-align: center;
color: white;
margin-bottom: 80px;
} .testimonial .testimonial_single {
display: flex !important;
padding: 0 !important;
} .testimonial .testimonial_single .testimonial_single_left {
width: 100%;
} .testimonial .testimonial_single .testimonial_single_left .avatar {
padding-top: 100%;
} .testimonial .testimonial_single .testimonial_single_right {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-left: -40px;
} .testimonial .testimonial_single .testimonial_single_right .black_content {
background: black;
display: flex;
justify-content: center;
align-items: center;
height: calc(100% - 40px);
padding: 30px;
} .testimonial .testimonial_single .testimonial_single_right .black_content .content p {
font-size: 14px;
font-weight: 400;
line-height: 25px;
color: white;
} .testimonial .testimonial_single .testimonial_single_right .black_content .content p.client {
margin-top: 35px;
font-size: 14px;
font-weight: 400;
line-height: 25px;
} .testimonial .navigation_arrow {
margin-top: 18px;
} .testimonial .navigation_arrow ul {
display: flex;
} .testimonial .navigation_arrow ul li {
width: 60px;
cursor: pointer;
position: relative;
display: flex !important;
justify-content: flex-start;
} .testimonial .navigation_arrow ul li:nth-of-type(odd) {
margin-right: 7.5px;
} .testimonial .navigation_arrow ul li:nth-of-type(odd):hover:after {
width: 0;
} .testimonial .navigation_arrow ul li:nth-of-type(even) {
margin-left: 7.5px;
justify-content: flex-end;
} .testimonial .navigation_arrow ul li:nth-of-type(even) img {
float: right;
} .testimonial .navigation_arrow ul li:nth-of-type(even):after {
right: unset;
left: 0;
} .testimonial .navigation_arrow ul li:nth-of-type(even):hover:after {
width: 0;
} .testimonial .navigation_arrow ul li:after {
content: "";
position: absolute;
background: #1B1B1B;
height: 100%;
width: 15px;
top: 0;
right: 0;
transition: 0.7s all ease;
} .testimonial .slick-slide:nth-of-type(even) {
margin-top: 0px;
} .testimonial .slick-dotted.slick-slider {
margin-bottom: 0;
} .testimonial .slick-dots {
padding: 0;
position: relative;
display: flex !important;
width: calc(75% - 30px);
float: right;
margin-top: 90px;
margin-right: 15px;
} .testimonial .slick-dots li {
position: relative;
display: inline-block;
width: 100%;
height: 1px;
margin: 0 0px 0 0;
padding: 0;
cursor: pointer;
background: transparent;
transition: 0.7s all ease;
} .testimonial .slick-dots li:last-child {
margin-right: 0;
} .testimonial .slick-dots li button {
position: absolute;
top: 1px;
left: 0;
display: inline-block;
width: 100%;
height: 1px;
margin: 0 0px 0 0;
padding: 0;
cursor: pointer;
background: white;
transition: 0.7s all ease;
} .testimonial .slick-dots li button:before {
content: "";
display: inline-block;
width: 20%;
height: 1px;
margin: 0 0px 0 0;
padding: 0;
cursor: pointer;
background: white;
transition: 0.7s all ease;
} .testimonial .slick-dots li.slick-active {
transition: 0.7s all ease;
} .testimonial .slick-dots li.slick-active button {
height: 3px;
top: 0px;
} .testimonial .slick-dots li:hover {
background: #FFFFFF;
height: 3px;
}
@media (max-width: 767px) { .testimonial .testimonial .slick-list {
margin: 0 !important;
} .testimonial .testimonial .testimonial_single {
display: flex !important;
flex-direction: column;
padding: 0 15px !important;
} .testimonial .testimonial .testimonial_single_right {
margin-left: 0 !important;
padding: 0;
} .testimonial .testimonial .testimonial_single_right .black_content {
height: 100%;
padding: 30px;
} .testimonial .testimonial .navigation_arrow {
margin-top: 40px !important;
}
} .awards {
background: #F2F2F2;
} .awards .Title {
margin-bottom: 80px;
text-align: center;
} .awards .Title:after {
background: #003C8C;
} .awards__single {
box-shadow: 0px 6px 30px 0 rgba(0,0,0,0.1);
background-color: #FFFFFF;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
margin-left:20px;
margin-right: 20px;
} .awards__single__inner {
position: relative;
padding-top: calc(100 / 200 * 100%); } .awards__single__inner img {
transition: all 1s ease;
transform: scale(1.01);
width: 250px;
height: 250px;
margin: auto;
object-fit: contain;
} .awards__single__inner:hover img {
transition: all 1s ease;
transform: scale(1.05);
} .footer {
padding: 120px 0 50px;
background: black;
} .footer .footer_left_one .footer_menu li {
margin-bottom: 15px;
} .footer .footer_left_one .footer_menu li:last-child {
margin-bottom: 0;
} .footer .footer_left_one .footer_menu li a {
color: #C1C1C0;
font-size: 12px;
font-weight: 500;
line-height: 28px;
text-transform: uppercase;
transition: 1s all ease;
} .footer .footer_left_one .footer_menu li a:hover {
color: rgba(255, 255, 255, 0.4);
} .footer .footer_left_one p {
margin-top: 40px;
color: #C1C1C0;
font-size: 12px;
font-weight: 300;
line-height: 28px;
} .footer .footer_left_one p a {
color: #C1C1C0;
font-size: 12px;
font-weight: 300;
line-height: 28px;
text-transform: capitalize;
transition: 1s all ease;
} .footer .footer_left_one p a:hover {
color: rgba(255, 255, 255, 0.4);
} .footer .footer_text p {
margin: 0 !important;
color: #C1C1C0;
font-size: 12px;
font-weight: 300;
line-height: 28px;
} .footer .footer_text a {
color: #C1C1C0;
font-size: 12px;
font-weight: 300;
line-height: 28px;
transition: 1s all ease;
} .footer .footer_text a:hover {
text-decoration: underline;
color: rgba(255, 255, 255, 0.4);
} .footer .fotter_social .footer_social_list {
float: right;
} .footer .fotter_social .footer_social_list li {
display: inline-block;
margin-left: 30px;
position: relative;
} .footer .fotter_social .footer_social_list li a {
height: 38px;
width: 38px;
border-radius: 50%;
background: white;
display: flex;
justify-content: center;
align-items: center;
transition: 1s all ease;
} .footer .fotter_social .footer_social_list li a i {
color: black;
font-size: 20px;
line-height: 20px;
transition: 500ms all ease;
} .footer .fotter_social .footer_social_list li a:hover {
background: #003C8C;
} .footer .fotter_social .footer_social_list li a:hover i {
color: white;
} .footer .mobileflex {
margin-top: 100px;
}
@media (max-width: 767px) { .whatsappSticky {
left: 15px;
} .footer_social_sticky li a {
height: 40px;
width: 40px;
} .clickMen {
right: 15px;
} header {
height: 100px;
} header:after {
content: "";
background: #FFFFFF;
position: absolute;
left: 15px;
right: 0;
height: 1px;
z-index: 999999;
width: calc(100% - 30px);
bottom: 0;
} header .row .header_logo {
z-index: 999999;
width: 50%;
} header .row .header_logo img {
height: 30px;
} header .row .header_info {
display: none;
} header .header_menu {
width: 50%;
} header .row .header_menu .menu {
max-width: unset;
} .menuIteam nav .container .row ul li a {
line-height: 0.9375rem;
font-size: 1.2em;
} .menuIteam nav .container .row {
flex-direction: column;
display: flex;
justify-content: center;
} .menuIteam nav .container .row .nav_left {
display: flex;
justify-content: start;
align-items: flex-end;
order: 1;
margin-top: 40px;
height: 30%;
} .menuIteam nav .container .row .nav_right {
margin-left: 0;
display: flex;
margin-top: 0;
padding-left: 15px !important;
order: 0;
height: 100%;
} .footer {
padding: 80px 0 60px;
} .footer .footer_left_one {
padding-left: 15px !important;
margin-bottom: 40px;
} .footer .footer_left_one .footer_menu li {
margin-bottom: 15px;
} .footer .footer_left_one .privacy {
display: none;
} .footer .mobileflex {
margin-top: 40px;
display: flex;
flex-direction: column;
} .footer .mobileflex .last-order {
order: 3;
} .footer .mobileflex .footer_text {
padding-left: 15px !important;
order: 2;
} .footer .mobileflex .fotter_social {
margin-bottom: 40px;
order: 1;
} .footer .mobileflex .fotter_social .footer_social_list {
float: left;
} .footer .mobileflex .fotter_social .footer_social_list li {
margin-left: 0;
margin-right: 15px;
}
}
@media (min-width: 360px) { .menuIteam nav .container .row .nav_left .company_info .contact_info li {
margin: 0 0 5px;
} .menuIteam nav .container .row .nav_left .company_info .contact_info li:last-child {
margin-bottom: 20px;
}
}
@media (max-width: 320px) { .menuIteam nav .container .row .nav_left .company_info .contact_info li {
margin: 0 0 10px;
} .menuIteam nav .container .row .nav_left .company_info .address {
margin-bottom: 20px;
} .menuIteam nav .container .row ul li {
margin-bottom: 5px;
} .menuIteam nav .container .row ul li a {
line-height: 0;
font-size: 0.8em;
}
} .vert-loader {
position: fixed;
display: flex !important;
height: 0;
width: 100%;
top: 0;
left: 0;
z-index: 99999999;
transition: height 1s;
} .vert-loader.show .vert-loader-bar {
height: 100%;
} .vert-loader.active {
height: 100%;
} .vert-loader .vert-loader-bar {
background-color: #1B1B1B;
width: -webkit-calc(100% / 6);
width: calc(100% / 6);
height: 0;
-webkit-transition: height 0.3s;
transition: height 0.7s;
} .vert-loader .vert-loader-bar.bar-0 {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .vert-loader .vert-loader-bar.bar-1 {
-webkit-transition-delay: 30ms;
transition-delay: 60ms;
} .vert-loader .vert-loader-bar.bar-2 {
-webkit-transition-delay: 60ms;
transition-delay: 90ms;
} .vert-loader .vert-loader-bar.bar-3 {
-webkit-transition-delay: 90ms;
transition-delay: 120ms;
} .vert-loader .vert-loader-bar.bar-4 {
-webkit-transition-delay: 120ms;
transition-delay: 150ms;
} .vert-loader .vert-loader-bar.bar-5 {
-webkit-transition-delay: 150ms;
transition-delay: 180ms;
} .menu-vert-loader {
position: fixed;
display: flex !important;
height: 0;
width: 100%;
top: 0;
left: 0;
z-index: 99999999;
transition: height 1s;
} .menu-vert-loader.show .vert-loader-bar {
height: 100%;
} .menu-vert-loader.active {
height: 100%;
} .menu-vert-loader .vert-loader-bar {
background-color: #000;
width: -webkit-calc(100% / 6);
width: calc(100% / 6);
height: 0;
-webkit-transition: height 0.3s;
transition: height 0.7s;
} .menu-vert-loader .vert-loader-bar.bar-0 {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .menu-vert-loader .vert-loader-bar.bar-1 {
-webkit-transition-delay: 30ms;
transition-delay: 60ms;
} .menu-vert-loader .vert-loader-bar.bar-2 {
-webkit-transition-delay: 60ms;
transition-delay: 90ms;
} .menu-vert-loader .vert-loader-bar.bar-3 {
-webkit-transition-delay: 90ms;
transition-delay: 120ms;
} .menu-vert-loader .vert-loader-bar.bar-4 {
-webkit-transition-delay: 120ms;
transition-delay: 150ms;
} .menu-vert-loader .vert-loader-bar.bar-5 {
-webkit-transition-delay: 150ms;
transition-delay: 180ms;
}
@media (min-width: 1920px) { .custom-logo-link img {
height: 75px;
}
} input[type=submit] {
background: transparent;
border: 1px solid;
border-radius: 0;
padding: 10px 56px;
font-size: 12px;
line-height: 17px;
font-weight: 500;
text-transform: uppercase;
color: #003C8C;
border-color: #003C8C;
margin: 0 auto;
} .nice-select.disabled {
content: "";
background: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/images/static/blur.jpg);
opacity: 0;
} .nice-select.disabled:hover:before {
opacity: 1;
}
@media (min-width: 1920px) { header.ShowIt {
height: 120px !important;
}
} .wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
display: flex;
} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: red !important;
display: flex !important;
} .lg-outer.lg-thumb-open .lg-thumb-outer {
display: none !important;
} .wpcf7 .ajax-loader {
position: absolute;
top: 50%;
transform: translateY(-50%);
} .splitted-text-animation {
visibility: hidden;
transition: all 1.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
} .splitted-text-animation .word,
.splitted-text-animation .word-wrap {
padding: 40px 5px 15px;
margin: -40px -5px -15px;
margin-right: -15px;
padding-right: 15px;
} .splitted-text-animation.inview::after {
visibility: visible !important;
} .splitted-text-animation.inview .splitted-word,
.splitted-text-animation.inview .word-wrap {
visibility: visible;
transition: all 1.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
transition-delay: calc(var(--line-index) * 200ms);
transform: translateY(0);
} .word {
overflow: hidden;
display: inline-block;
vertical-align: top;
will-change: transform;
} .word-wrap {
overflow: hidden;
display: inline-block;
vertical-align: top;
transition: none;
will-change: transform;
transform: translateY(100%);
} .text-container {
width: 440px;
} .hidden_scrol {
overflow: hidden;
} .wpcf7-spinner {
position: absolute;
}
@media (max-width: 992px) and (min-width: 768px) { .footer_social_sticky {
top: 70%;
}
}
@media (min-width: 1024px) { .menuIteam nav .container .row .nav_left {
padding-bottom: 20px !important;
}
}
@media (max-width: 767px) { .menuIteam nav .container .row ul li {
margin-bottom: 10px !important;
} .menuIteam nav .container .row ul li a {
font-size: 13px !important;
} .menuIteam nav .container .row .nav_left {
margin-top: 0 !important;
} .menuIteam nav .container .row .nav_left .company_info .address {
margin-bottom: 10px;
} .menuIteam nav {
height: calc(var(--vh, 1vh) * 100);
} .modal.csrModal .Title {
margin-bottom: 30px !important;
} .modal.csrModal .col-md-7 {
padding-left: 15px !important;
padding-right: 15px !important;
} .modal .modal-dialog .modal-content .list {
margin-top: 50px;
margin-bottom: 50px;
}
}  .modal-backdrop {
z-index: 99999;
} .modal-open .modal {
padding: 0 !important;
} .modal {
background: transparent;
overflow-x: hidden !important;
overflow-y: hidden !important;
z-index: 999999;  } .modal form .Flex {
justify-content: center;
align-items: center;
} .modal form input[type=submit] {
margin: 0;
} .modal form .form-group {
margin-bottom: 60px;
} .modal form .form-group.fixdtextarea textarea {
min-height: 34px;
height: 40px !important;
overflow: hidden;
margin-top: -6px;
} .modal form .form-group .form-control {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #707070;
padding-left: 25px;
border-radius: 0;
color: #000000;
padding-bottom: 15px;
font-size: 12px;
font-weight: 500;
line-height: 28px;
text-transform: uppercase;
} .modal form .form-group .form-control::placeholder {
font-size: 12px;
font-weight: 500;
line-height: 28px;
color: #000000;
text-transform: uppercase;
} .modal form .form-group textarea {
min-height: 120px;
} .modal form .form-group input[type="file"] {
margin: 0 30px 0 0;
border: 1px solid #003C8C;
border-radius: 0 !important;
height: 40px;
padding: 0 20px;
line-height: 40px;
font-size: 14px;
font-weight: 400;
color: rgba(0, 0, 0, 0.5);
background: transparent;
cursor: pointer;
position: relative !important;
transition: 0.7s all ease;
max-width: 200px;
} .modal form .form-group input[type="file"]:focus {
outline: none;
outline-color: transparent;
} .modal form .form-group input[type="file"]::-webkit-file-upload-button {
visibility: hidden;
} .modal form .form-group input[type="file"]::after {
font-family: "Montserrat", sans-serif;
content: 'ATTACH RESUME';
white-space: pre-wrap !important;
color: #003C8C;
display: inline-block;
border: none;
border-radius: 3px;
padding: 0;
transition: 0.7s all ease;
outline: none;
cursor: pointer;
line-height: 40px;
position: absolute;
left: 15px;
font-size: 12px;
font-weight: 500;
text-align: center;
width: 100%;
background: #F6F6F6;
background-image: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/images/static/attacticon.svg);
background-repeat: no-repeat;
background-position: 15px;
} .modal form .form-group input[type="file"]:hover::before {
border-color: black;
} .modal form .form-group input[type="file"]:active {
outline: 0;
} .modal form .form-group input[type="file"]:active::before {
background: transparent;
} .modal form .form-group .dcBtnTwo {
background: transparent;
border: 1px solid;
border-radius: 0;
padding: 12px 30px 12px 60px;
font-size: 12px;
line-height: 17px;
font-weight: 500;
text-transform: uppercase;
color: #003C8C;
border-color: #003C8C;
margin: 0 auto;
} .modal.csrModal form .form-group {
margin-bottom: 60px;
} .modal.csrModal form .form-group.fixdtextarea textarea {
min-height: 34px;
height: 40px !important;
overflow: hidden;
margin-top: -6px;
} .modal.csrModal form .form-group .form-control {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #707070;
padding-left: 25px;
background: transparent;
border-radius: 0;
color: #000000;
padding-bottom: 15px;
font-size: 12px;
font-weight: 500;
line-height: 28px;
text-transform: uppercase;
} .modal.csrModal form .form-group .form-control::placeholder {
font-size: 12px;
font-weight: 500;
line-height: 28px;
color: #000000;
text-transform: uppercase;
} .modal.csrModal form .form-group textarea {
min-height: 120px;
} .modal.csrModal form .form-group .dcBtnTwo {
background: transparent;
border: 1px solid;
border-radius: 0;
padding: 12px 30px 12px 60px;
font-size: 12px;
line-height: 17px;
font-weight: 500;
text-transform: uppercase;
color: #003C8C;
border-color: #003C8C;
margin: 0 auto;
} .modal.csrModal .modal-content {
background: #F2F2F2 !important;
} .modal.csrModal .Title {
margin-bottom: 90px;
} .modal.csrModal .Title:after {
background: #003C8C;
} .modal.csrModal .col-md-7 {
padding-left: 75px;
} .modal.csrModal .content_wrapper {
padding-bottom: 50px;
position: relative;
display: flex;
} .modal.csrModal p {
font-size: 14px;
color: #000000;
line-height: 25px;
margin-bottom: 25px;
} .modal.csrModal p:last-child {
margin-bottom: 0;
} .modal.csrModal p strong {
font-size: 25px;
font-weight: 400;
line-height: 30px;
color: #000000;
margin-bottom: 35px;
} .modal.csrModal .list {
margin-top: 60px;
} .modal.csrModal .modal-header {
height: 100px;
border: none !important;
} .modal.csrModal .close img {
height: auto;
} .modal.csrModal .modal-body {
overflow-x: hidden;
overflow-y: scroll;
height: 85vh;
padding: 40px 0 0 !important;
} .modal.csrModal .modal-body::-webkit-scrollbar {
display: none;
} .modal.csrModal .modal-body .chairman_image_wrapper {
position: unset !important;
top: unset !important;
left: unset !important;
width: 100%;
} .modal.csrModal .modal-body .modal_images {
padding-top: 140.75% !important;
} .modal table, .modal td, .modal th, .modal td {
border: 1px solid gray;
} .modal table tr {
text-align: center;
} .modal table tr th {
line-height: 26px;
font-size: 16px;
color: #555555;
text-transform: uppercase;
padding: 15px;
} .modal table tr td {
line-height: 26px;
font-size: 16px;
color: #555555;
text-transform: uppercase;
padding: 5px;
} .modal .mb30 {
margin-bottom: 30px;
} .modal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
display: none;
} .modal .chairman_image .chairman_image_wrapper {
margin-bottom: 25px !important;
position: fixed !important;
top: 140px !important;
right: 70px;
width: 30%;
} .modal .chairman_image .chairman_image_wrapper .modal_images {
padding-top: 110.62% !important;
} .modal .chairman {
margin-bottom: 5px !important;
} .modal .mCSB_scrollTools .mCSB_draggerRail {
display: none;
} .modal .modal-body {
height: 95vh;
overflow: hidden;
padding: 45px 0 80px !important;
} .modal .modal-title {
margin: 0;
line-height: 1.42857143;
position: fixed;
background: #231F20;
right: 30px;
left: 12px;
padding-bottom: 20px;
padding-top: 25px;
top: 0;
z-index: 3;
padding-left: 10px;
} .modal .modal-header {
padding: 0;
border: 0;
position: relative;
border-bottom: 1px solid #555555;
} .modal .close {
transition: opacity .2s ease;
position: absolute;
right: 0;
top: 30px;
opacity: 1;
} .modal .close img {
height: 20px;
margin-bottom: 0 !important;
} .modal .close:focus, .modal .close:hover {
opacity: 0.5;
} .modal .modal-dialog {
margin: 0 auto;
width: 100%;
} .modal .modal-dialog .modal-content {
background: white;
min-height: 100vh;
padding: 0px;
box-shadow: none;
border-radius: 0;
border: none;
} .modal .modal-dialog .modal-content img {
margin-bottom: 16px;
} .modal .modal-dialog .modal-content h2 {
text-align: left;
color: #555555;
margin-top: 30px;
} .modal .modal-dialog .modal-content p {
color: #1B1B1B;
line-height: 25px;
font-size: 14px;
font-weight: 400;
} .modal .modal-dialog .modal-content .list {
margin-top: 50px;
} .modal .modal-dialog .modal-content .list li {
position: relative;
color: #1B1B1B;
line-height: 25px;
font-size: 14px;
font-weight: 400;
margin: 0 0 10px;
padding-left: 45px;
} .modal .modal-dialog .modal-content .list li:last-child {
margin: 0 0 10px;
} .modal .modal-dialog .modal-content .list li:after {
height: 1px;
content: "";
position: absolute;
left: 0;
top: 10px;
background: #C1C1C0;
width: 30px;
} .modal .modal-dialog .modal-content .modal_images {
padding-top: 41.24%;
margin-bottom: 25px;
} .modal .modal-dialog .modal-title .Title {
text-align: left;
} .modal .modal-dialog .modal-title p {
margin-top: 15px;
font-size: 15px;
font-weight: 300;
color: #555555;
} .modal .modal-dialog .modal-title img {
margin-bottom: 22px;
} .modal .modal-dialog .modalContent {
margin-top: 150px;
} .modal .modal-dialog .modal_width {
width: 90%;
margin: auto;
} .modal .modal-dialog .catering_modal .catering_content {
padding-right: 90px !important;
} .modal .modal-dialog .catering_modal .mBtn {
padding: 0;
border: 0;
color: #FFDD00;
font-size: 16px;
font-weight: 500;
text-decoration: underline;
} .modal .modal-dialog .catering_modal .mBtn:hover {
background: transparent;
border: 0;
color: #FFDD00;
} .modal .modal-dialog .catering_modal .mBtn:hover:after {
width: 0;
} .modal .modal-dialog .catering_modal p {
font-size: 16px;
font-weight: 400;
color: #555555;
margin-bottom: 25px;
} .modal .modal-dialog .catering_modal .list p {
font-size: 18px !important;
font-weight: 500 !important;
color: #555555 !important;
} .modal .modal-dialog .catering_modal .list p span {
color: #555555;
font-weight: 300;
} .modal .modal-dialog .catering_modal .modal_images {
padding-top: 80% !important;
position: relative;
} .modal .modal-dialog .catering_modal .modal_images:before {
background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
} .modal .mCSB_scrollTools {
width: 8px;
} .modal .mCSB_inside > .mCSB_container {
margin-right: 0;
} .modal .slick-arrow {
width: 40px;
z-index: 99;
border: 1px solid white !important;
height: 40px;
border-radius: 50%;
} .modal .slick-prev {
left: 15px;
} .modal .slick-next {
right: 15px;
} .modal .slick-prev:before {
content: "\f104";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #FFFFFF;
font-size: 25px;
position: absolute;
top: 5px;
left: 13px;
bottom: 0;
margin: auto;
} .modal .slick-next:before {
content: "\f105";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #FFFFFF;
font-size: 25px;
position: absolute;
top: 5px;
right: 13px;
bottom: 0;
margin: auto;
}  @media (min-width: 1440px) { .modal .container {
width: 90%;
margin: auto;
}
}
@media (width: 1440px) { .modal .chairman_image .chairman_image_wrapper {
right: 85px !important;
}
}
@media (min-width: 1365px) { .modal .chairman_image .chairman_image_wrapper {
right: 110px;
}
}
@media (max-width: 1280px) { .modal .chairman_image .chairman_image_wrapper {
right: 70px;
}
}
@media (max-width: 995px) { .modal .modal-dialog .modal-content img {
height: 30px;
} .modal .modal-dialog .catering_modal .modal_prev {
left: 15px;
} .modal .modal-dialog .catering_modal .modal_next {
right: 15px;
} .modal .catering_slider {
padding-top: 25px !important;
} .modal .chairman_image .chairman_image_wrapper {
margin-bottom: 25px !important;
position: unset !important;
top: unset !important;
right: unset !important;
width: 100%;
padding: 0;
} .chairman_modal .content_wrapper {
display: flex;
flex-direction: column-reverse;
} .chairman_modal .chairman_image {
padding: 0;
}
}
@media (max-width: 767px) { .modal table {
display: block;
overflow-y: scroll;
} .modal .modal-dialog .modal-content h2 {
text-align: left;
color: #555555;
margin-top: 25px !important;
} .modal .close {
top: 25px;
margin: 0;
} .modal .close img {
height: 20px !important;
} .modal .modal-body {
height: 95vh;
overflow: hidden;
padding: 30px 0 80px !important;
} .modal .slick-arrow {
width: 30px;
z-index: 99;
border: 1px solid white !important;
height: 30px;
border-radius: 50%;
} .modal .slick-prev:before {
font-size: 18px;
position: absolute;
top: 5px;
left: 10px;
} .modal .slick-next:before {
font-size: 18px;
position: absolute;
top: 5px;
right: 10px;
} .modal form .Flex input[type="file"] {
margin: 0 0 30px !important;
display: initial;
width: auto;
}
} @font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-ExtraLight.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-ExtraLight.woff) format("woff");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-ExtraLightItalic.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-ExtraLightItalic.woff) format("woff");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-Light.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-Italic.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-Italic.woff) format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-Medium.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-MediumItalic.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-MediumItalic.woff) format("woff");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-Regular.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-LightItalic.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-LightItalic.woff) format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-SemiBold.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-SemiBoldItalic.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-SemiBoldItalic.woff) format("woff");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-Thin.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-Thin.woff) format("woff");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-ThinItalic.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-ThinItalic.woff) format("woff");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-Black.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-BlackItalic.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-BlackItalic.woff) format("woff");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-Bold.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-BoldItalic.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-BoldItalic.woff) format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-ExtraBold.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-ExtraBold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-ExtraBoldItalic.woff2) format("woff2"), url(//jcxbd.com/wp-content/themes/jcx_theme/assets/fonts/Montserrat-ExtraBoldItalic.woff) format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
} header {
padding-top: 25px;
height: 90px;
} header:after {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0));
content: "";
} #view_port {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
} .reveal {
visibility: hidden;
position: relative;
overflow: hidden;
} .scroll-container {
position: absolute;
overflow: hidden;
width: 100%;
} .InnerBanner {
overflow: hidden;
width: 100%;
position: relative;
} .InnerBanner__img {
padding-top: 36.60%;
} .InnerBanner:after {
content: "";
z-index: 1;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
} .InnerBanner .container {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
display: flex;
justify-content: center;
} .InnerBanner .container .row {
width: 100%;
display: flex;
height: 100%;
align-items: center;
justify-content: center;
text-align: center;
} .InnerBanner__Title h1 {
color: #FFFFFF;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-weight: 400;
margin: 0;
line-height: 17px;
} .InnerBanner__Title p {
font-weight: 300;
line-height: 70px;
font-size: 70px;
text-transform: uppercase;
color: #FFFFFF;
} .InnerBanner__Title a {
font-size: 16px;
font-weight: 400;
color: #ffffff;
text-transform: capitalize;
margin-bottom: 20px;
transition: color .3s ease;
text-decoration: underline;
display: block;
} .InnerBanner__Title a i {
margin-right: 13px;
} .InnerBanner__Title a:hover {
color: #003C8C;
} .our_legacy {
background: #000000;
} .our_legacy .Title {
margin-bottom: 80px;
color: #FFFFFF;
} .our_legacy .Title:after {
background: #E5001F;
} .our_legacy .our_legacy_left .content_wrapper {
margin-bottom: 50px;
} .our_legacy .our_legacy_left .content_wrapper .content p {
font-size: 14px;
font-weight: 400;
line-height: 25px;
color: #FFFFFF;
margin: 0 0 25px;
} .our_legacy .our_legacy_left .content_wrapper .content p:last-child {
margin-bottom: 0;
} .our_legacy .our_legacy_left .content_wrapper .dcBtnTwo {
margin-top: 50px;
display: flex;
flex-direction: row;
transition-duration: .4s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
} .our_legacy .our_legacy_left .content_wrapper .dcBtnTwo span {
font-size: 12px;
font-weight: 500;
line-height: 17px;
color: #003C8C;
overflow: hidden;
text-transform: uppercase;
transition-duration: .4s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
} .our_legacy .our_legacy_left .content_wrapper .dcBtnTwo span:last-child {
margin-left: 15px;
} .our_legacy .our_legacy_left .content_wrapper .dcBtnTwo span img {
transition-duration: .4s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
transform: translateX(-25px);
} .our_legacy .our_legacy_left .content_wrapper .dcBtnTwo:hover img {
transform: translateX(0);
} .our_legacy .our_legacy_left .image_wrapper {
padding-top: 71.93%;
position: relative;
} .our_legacy .our_legacy_right .first_col {
display: flex;
justify-content: flex-start;
align-items: flex-end;
flex-direction: row;
position: relative;
overflow: hidden;
margin-bottom: 30px;
} .our_legacy .our_legacy_right .first_col .image_one {
width: calc(50% - 15px);
margin-right: 15px;
position: relative;
} .our_legacy .our_legacy_right .first_col .image_one .image_bg {
padding-top: 129.63% !important;
} .our_legacy .our_legacy_right .first_col .image_two {
width: calc(50% - 15px);
margin-left: 15px;
overflow: hidden;
float: left;
position: relative;
right: 0;
} .our_legacy .our_legacy_right .first_col .image_two .image_bg {
padding-top: 179.63% !important;
} .our_legacy .our_legacy_right .second_col .image_wrapper {
position: relative;
padding-top: 61.40%;
} .BrandPromise {
margin: 0 auto;
position: relative;
overflow: hidden;
height: 70vh;
} .BrandPromise .container-fluid {
height: 100%;
} .BrandPromise .row {
display: flex;
height: 100%;
} .BrandPromise .BrandPromise_left {
cursor: pointer;
transition: 1s all ease;
padding-top: 63.87%;
position: relative;
} .BrandPromise .BrandPromise_left:after {
content: "";
transition: 1s all ease;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
} .BrandPromise .BrandPromise_left .layer {
position: absolute;
top: 45%;
width: 365px;
transition: 0.8s all ease;
left: 50%;
transform: translate(-50%, 0);
text-align: center;
z-index: 2;
} .BrandPromise .BrandPromise_left .layer h3 {
color: #FFFFFF;
line-height: 17px;
font-weight: 600;
text-transform: uppercase;
font-size: 20px;
margin-bottom: 50px;
transition: 0.8s all ease;
} .BrandPromise .BrandPromise_left .layer p {
font-size: 14px;
font-weight: 400;
line-height: 15px;
color: #FFFFFF;
opacity: 0;
margin: 0;
transition: 0.8s all ease;
} .BrandPromise .BrandPromise_left .image {
overflow: hidden;
} .BrandPromise .BrandPromise_left:hover {
width: 60%;
} .BrandPromise .BrandPromise_left:hover:after {
opacity: 1;
} .BrandPromise .BrandPromise_left:hover .layer {
bottom: unset;
transform: translate(-50%, -50%);
top: 50%;
} .BrandPromise .BrandPromise_left:hover .layer P {
opacity: 1;
} .BrandPromise .BrandPromiseRight {
cursor: pointer;
transition: 1s all ease;
position: relative;
} .BrandPromise .BrandPromiseRight .layer {
position: absolute;
top: 45%;
width: 365px;
transition: 0.8s all ease;
left: 50%;
transform: translate(-50%, 0);
text-align: center;
z-index: 2;
transition: 0.8s all ease;
} .BrandPromise .BrandPromiseRight .layer h3 {
color: #FFFFFF;
line-height: 17px;
font-weight: 600;
text-transform: uppercase;
font-size: 20px;
margin-bottom: 50px;
transition: 0.8s all ease;
} .BrandPromise .BrandPromiseRight .layer p {
font-size: 14px;
font-weight: 400;
line-height: 15px;
color: #FFFFFF;
margin: 0;
transition: 0.8s all ease;
opacity: 0;
} .BrandPromise .BrandPromiseRight .image {
padding-top: 63.87%;
} .BrandPromise .BrandPromiseRight:after {
content: "";
transition: 1s all ease;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
} .BrandPromise .BrandPromiseRight:hover {
width: 60%;
} .BrandPromise .BrandPromiseRight:hover:after {
opacity: 1;
} .BrandPromise .BrandPromiseRight:hover .layer {
bottom: unset;
transform: translate(-50%, -50%);
top: 50%;
} .BrandPromise .BrandPromiseRight:hover .layer p {
opacity: 1;
} .BrandPromise .brand_middle {
cursor: pointer;
transition: 1s all ease;
position: relative;
} .BrandPromise .brand_middle .layer {
position: absolute;
top: 45%;
width: 365px;
left: 50%;
transform: translate(-50%, 0);
text-align: center;
z-index: 2;
transition: 0.8s all ease;
} .BrandPromise .brand_middle .layer h3 {
color: #FFFFFF;
line-height: 17px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 50px;
font-size: 20px;
transition: 0.8s all ease;
} .BrandPromise .brand_middle .layer p {
font-size: 14px;
font-weight: 400;
line-height: 15px;
transition: 0.8s all ease;
color: #FFFFFF;
margin: 0;
opacity: 0;
} .BrandPromise .brand_middle .image {
padding-top: 63.87%;
} .BrandPromise .brand_middle:after {
content: "";
transition: 1s all ease;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
} .BrandPromise .brand_middle:hover {
width: 60%;
} .BrandPromise .brand_middle:hover .layer {
bottom: unset;
transform: translate(-50%, -50%);
top: 50%;
} .BrandPromise .brand_middle:hover .layer P {
opacity: 1;
} .BrandPromise .brand_middle:hover:after {
opacity: 1;
} .green_living {
background: white;
} .green_living .row {
display: flex;
} .green_living .row .MobileTitle {
display: none;
} .green_living .row .MobileTitle .Title {
margin-bottom: 90px;
} .green_living .row .MobileTitle .Title:after {
left: 0;
transform: none;
background: #003C8C;
} .green_living .row .green_living_left {
padding-right: 70px;
} .green_living .row .green_living_left .Title {
margin-bottom: 90px;
} .green_living .row .green_living_left .Title:after {
left: 0;
transform: none;
background: #003C8C;
} .green_living .row .green_living_left p {
color: #1B1B1B;
line-height: 25px;
font-size: 14px;
font-weight: 400;
} .green_living .row .green_living_left .list {
margin-top: 50px;
} .green_living .row .green_living_left .list li {
position: relative;
color: #1B1B1B;
line-height: 25px;
font-size: 14px;
font-weight: 400;
margin: 0 0 10px;
padding-left: 45px;
} .green_living .row .green_living_left .list li:last-child {
margin: 0 0 10px;
} .green_living .row .green_living_left .list li:after {
height: 1px;
content: "";
position: absolute;
left: 0;
top: 10px;
background: #C1C1C0;
width: 30px;
} .green_living .row .green_living_right .image {
padding-top: 77.78%;
} .green_living.management_director {
background: #1B1B1B;
} .green_living.management_director .Title {
color: #FFFFFF;
margin: 0 !important;
} .green_living.management_director .Title:after {
display: none !important;
} .green_living.management_director .md_designation {
font-size: 14px;
font-weight: 400;
line-height: 25px;
color: white !important;
position: relative;
margin-bottom: 80px;
} .green_living.management_director .md_designation:after {
background: #E5001F;
height: 3px;
position: absolute;
width: 50px;
content: "";
left: 0;
transform: translateX(0);
bottom: -5px;
} .green_living.management_director p {
color: #FFFFFF !important;
} .asManagingDirector {
position: relative;
background: #1B1B1B;
} .asManagingDirector.asDirector {
background: #C1C1C0;
} .asManagingDirector .floatbd {
position: absolute;
top: 130px;
left: 40%;
transform: translateX(-50%);
} .asManagingDirector .green_living_left {
padding-left: 70px;
display: flex;
flex-direction: column;
justify-content: center;
} .asManagingDirector .green_living_left p {
color: white !important;
} .asManagingDirector .green_living_left .deg {
margin-top: 80px;
} .asManagingDirector .green_living_left .deg .name {
text-transform: uppercase;
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
line-height: 25px;
margin: 0 0 5px;
} .asManagingDirector .green_living_left .deg p {
color: white;
text-transform: capitalize;
margin: 0;
} .Products {
padding: 40px 0 40px;
background: black;
position: relative;
z-index: 8;
} .Products__short .nice-select {
height: 48px;
line-height: 48px;
text-transform: capitalize;
font-size: 16px;
} .Products__short .nice-select:after {
width: 5px;
content: "\f0d7";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
font-size: 16px;
transform: none;
border: none;
margin-top: 0;
right: 16px;
top: 0px;
transition: none;
} .Products__short .nice-select.open:after {
right: 15px;
top: 41px;
transform: rotate(-179deg);
} .Products__short .nice-select .option:hover {
background: #003C8C;
color: #FFF;
} .Products__short .col-md-6 {
height: 48px;
} .Products__short .col-md-4 {
height: 45px;
} .Products .nice-select {
height: 35px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
color: white;
line-height: 28px;
width: 100%;
border-radius: 0;
border-color: #707070 !important;
border-bottom: 1px solid;
background: black;
border-top: none;
border-left: none;
border-right: none;
padding-left: 25px;
} .Products .nice-select:after {
content: "+";
color: #707070;
font-size: 25px;
} .Products .nice-select.open {
padding-left: 25px;
} .Products .nice-select.open:after {
right: 7px;
top: 1px;
transform: rotate(45deg);
} .Products .nice-select .option.selected.focus, .Products .nice-select .option:hover, .Products .nice-select .option.focus {
background: #003C8C;
} .Products .nice-select .list {
background: rgba(0, 0, 0, 0.9);
} .asProduct_list {
padding: 100px 0 60px;
background: #F2F2F2;
} .asProduct_list .feature_single_iteam {
margin-bottom: 60px;
} .asProduct_list .feature_single_iteam:nth-of-type(3n - 1) {
margin-top: 0px;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp {
position: relative;
cursor: pointer;
overflow: hidden; } .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .link-btn {
z-index: 10;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .image {
padding-top: 135.14%;
position: relative;
margin-bottom: 30px;
overflow: hidden;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .image:after {
content: "";
background: rgba(0, 0, 0, 0.1);
transition: all 1s ease;
opacity: 1;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .image img {
transition: all 1s ease;
transform: scale(1.01);
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .hover_content {
position: absolute;
text-align: center;
top: 0;
padding: 20px 25px 0;
z-index: 1;
transform: translateY(100%);
transition: all 1s ease;
opacity: 0;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .hover_content p {
font-size: 14px;
font-weight: 400;
line-height: 15px;
color: #FFFFFF;
text-transform: none;
margin: 0;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .hover_content h4 {
font-size: 20px;
line-height: 17px;
font-weight: 700;
color: #FFFFFF;
text-transform: none;
border-bottom: 1px solid #C1C1C0;
padding: 0 0 10px 0;
margin: 0 0 20px 0;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .hover_content ul {
margin: 0 0 0 15px;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .hover_content ul li {
list-style: square;
color: #fff;
text-align: left;
margin-bottom: 10px;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .hover_content a {
display: table;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .sold {
background: #ED1B2C;
height: 60px;
width: 60px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
right: 40px;
text-transform: uppercase;
text-align: center;
z-index: 9;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .sold p {
font-size: 12px;
font-weight: 600;
line-height: 17px;
color: white;
margin: 0;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .content {
min-height: 70px;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .content p {
font-size: 12px;
font-weight: 400;
color: #1B1B1B;
margin: 0 0 5px;
line-height: 17px;
transition-duration: 1s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .content p:last-child {
margin: 0;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .content h3 {
font-size: 20px;
font-weight: bold;
color: #1B1B1B;
margin: 0 0 5px;
line-height: 17px;
text-transform: uppercase;
transition-duration: 1s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp .content .page_link {
position: unset;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp:hover .content h3, .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp:hover .content p {
color: #003C8C;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp:hover .image:after {
background: rgba(0, 0, 0, 0.7);
opacity: 1;
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp:hover .image img {
transform: scale(1.05);
filter: contrast(150%) brightness(100%);
} .asProduct_list .feature_single_iteam .feature_single_iteam_wrapp:hover .hover_content {
transform: translateY(0%);
opacity: 1;
} .planetext {
background: #000000;
} .planetext.forBlog {
background: white;
} .planetext.forBlog p {
font-size: 25px;
font-weight: 400;
line-height: 30px;
margin: 0;
color: #FFFFFF !important;
} .planetext.forBlog blockquote {
display: inline-block;
width: 100%;
vertical-align: top;
margin: 10px 0;
position: relative;
padding: 6px 0 0 30px;
border: none;
font-size: 26px;
font-weight: 300;
line-height: 1.3em;
letter-spacing: .01em;
text-transform: none;
quotes: none;
} .planetext .plantext_left {
color: #FFFFFF !important;
margin-bottom: 60px;
} .planetext .plantext_left p {
font-size: 25px;
font-weight: 400;
line-height: 30px;
color: white !important;
margin: 0;
} .planetext .normal_text {
color: #FFFFFF !important;
} .planetext .normal_text p {
font-size: 14px;
font-weight: 400;
line-height: 25px;
color: white !important;
margin: 0 0 25px;
} .planetext .normal_text p:last-child {
margin: 0;
} .planetext .normal_text .address h3 {
font-size: 20px;
font-weight: bold;
line-height: 17px;
color: white !important;
margin: 0 0 40px;
text-transform: uppercase;
} .planetext .normal_text .address a {
font-size: 16px;
font-weight: bold;
line-height: 25px;
color: white !important;
} .planetext .normal_text .address a:last-child {
margin: 0;
} .planetext .normal_text .phone h3 {
font-size: 20px;
font-weight: bold;
line-height: 17px;
color: white;
margin: 0 0 40px;
text-transform: uppercase;
} .planetext .normal_text .phone a {
font-size: 16px;
font-weight: bold;
line-height: 25px;
color: white;
margin-bottom: 30px;
display: inline-block;
} .planetext .normal_text .phone a:last-child {
margin-top: 16px;
} .planetext .normal_text .phone p {
margin: 0 0 0px;
} .planetext .normal_text .work h3 {
font-size: 20px;
font-weight: bold;
line-height: 17px;
color: white;
margin: 0 0 40px;
text-transform: uppercase;
} .planetext .normal_text .work .time {
margin-bottom: 30px;
} .planetext .normal_text .work .time p {
margin: 0 0 0px;
} .planetext .normal_text .work .time strong {
font-size: 16px;
font-weight: 600;
line-height: 25px;
color: white;
display: flex;
align-items: center;
} .planetext .normal_text .work .time strong .line {
height: 1px;
width: 100%;
display: block;
margin: 0 30px;
background: #FFFFFF;
} .planetext .normal_text .work .time:last-child {
margin-bottom: 0;
} .planetext .image_bg_wrapper .image {
position: relative;
padding-top: 111.89%;
} .planetext .concern_list li {
padding-bottom: 30px;
border-bottom: 1px solid #FFFFFF;
transition: 0.5s all cubic-bezier(0.25, 0.74, 0.22, 0.99);
margin-bottom: 40px;
} .planetext .concern_list li a {
font-size: 20px;
font-weight: 600;
line-height: 17px;
color: white;
text-transform: uppercase;
transition: 0.5s all cubic-bezier(0.25, 0.74, 0.22, 0.99);
} .planetext .concern_list li a:hover {
color: #003C8C;
} .planetext .concern_list li:hover {
border-bottom: 1px solid #003C8C;
} .planetext .column {
width: 50%;
} .planetext .column:last-child {
padding-left: 30px;
} .at_a_glance {
background: white;
} .at_a_glance .Title {
margin-bottom: 80px;
} .at_a_glance .Title:after {
background: #003C8C;
} .at_a_glance .Flex {
align-items: flex-start;
display: flex;
} .at_a_glance .at_a_glance_left .image_wrapper {
position: relative;
padding-top: 138.30%;
} .at_a_glance .at_a_glance_right table {
border: none;
} .at_a_glance .at_a_glance_right table tr {
margin-bottom: 40px;
display: flex;
align-items: flex-start;
} .at_a_glance .at_a_glance_right table tr:last-child {
margin-bottom: 0;
} .at_a_glance .at_a_glance_right table tr td {
height: 100%;
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
line-height: 25px;
color: #191B1D;
} .at_a_glance .at_a_glance_right table tr td img {
height: 30px;
margin-top: -2px;
} .at_a_glance .at_a_glance_right table tr td:first-child {
width: 15%;
} .at_a_glance .at_a_glance_right table tr td:nth-of-type(2) {
font-size: 14px;
font-weight: bold;
line-height: 25px;
color: #003C8C;
width: 40%;
display: flex;
justify-content: space-between;
} .at_a_glance .at_a_glance_right table tr td:last-child {
padding-left: 25px;
width: 45%;
} .ebook {
background: #000000;
padding: 75px 0;
} .ebook .dcBtn {
padding: 10px 40px;
border: 1px solid white;
} .ebook .dcBtn img {
transition: 1s all ease;
margin-right: 10px;
} .ebook .dcBtn:hover {
color: black !important;
} .ebook .dcBtn:hover span {
color: black !important;
transition-delay: 0.5s;
} .ebook .dcBtn:hover img {
filter: invert(1);
transition-delay: 0.5s;
} .feature_animaties {
background: #F2F2F2;
padding-bottom: 70px !important;
} .feature_animaties .Title {
margin-bottom: 80px;
} .feature_animaties .Title:after {
background: #003C8C;
} .feature_animaties .Flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
} .feature_animaties .flex_box {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 80px;
} .feature_animaties .flex_box img {
margin-bottom: 10px;
height: 65px;
} .feature_animaties .flex_box p {
color: #1B1B1B;
line-height: 25px;
font-size: 14px;
font-weight: bold;
margin: 0;
white-space: pre-line;
text-align: center;
} .video_section {
padding-top: 36.60%;
position: relative;
} .video_section a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
transition: 1s all ease;
} .video_section a .ball_button {
position: absolute;
height: 80px;
width: 80px;
border-radius: 50%;
display: inline-grid;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(2px);
transition: 1s all ease;
} .video_section a .ball_button:before {
content: '';
position: absolute;
height: calc(100% + 30px);
width: calc(100% + 30px);
border: none;
background: rgba(255, 255, 255, 0.1);
left: -15px;
top: -15px;
border-radius: 50%;
opacity: 0;
transition: 0.6s all ease;
} .video_section a .ball_button:after {
content: "";
z-index: 0;
background-color: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(2px);
overflow: hidden;
border-radius: 50%;
transition: 0.6s all ease;
} .video_section a .ball_button img {
transition: 1s all ease;
transform: scale(1 0.1);
position: relative;
z-index: 1;
} .video_section a .ball_button:hover:before {
animation: zoomIt ease-in-out 1;
animation-duration: 0.6s;
animation-duration: 0.7s;
animation-direction: alternate;
} .video_section a .ball_button:hover:after {
opacity: 0;
}
@keyframes zoomIt {
0% {
opacity: 1;
transform: scale(1);
}
50% {
transform: scale(1.09);
}
80% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes zoomItNd {
0% {
opacity: 1;
transform: scale(0.5);
}
50% {
transform: scale(1.09);
}
80% {
opacity: 0;
}
100% {
opacity: 0;
}
} .gallery {
background: white;
padding-bottom: 0 !important;
} .gallery .Title {
margin-bottom: 110px;
} .gallery .Title:after {
background: #003C8C;
} .gallery .image_gallery_wrapper .image_single_item_wrapper {
overflow: hidden;
} .gallery .image_gallery_wrapper .image_single_item_wrapper a {
z-index: 10;
} .gallery .image_gallery_wrapper .image_single_item_wrapper .image {
padding-top: 109.89%;
position: relative;
overflow: hidden;
} .gallery .image_gallery_wrapper .image_single_item_wrapper .image img {
z-index: 9;
transition: 1s all ease;
transform: scale(1.01);
} .gallery .image_gallery_wrapper .image_single_item_wrapper:hover .image img {
transform: scale(1.06);
} .enquery_form {
background: white;
} .enquery_form .Title {
margin-bottom: 80px;
} .enquery_form .Title:after {
background: #003C8C;
} .enquery_form .form_wrapper form .form-group {
margin-bottom: 60px;
} .enquery_form .form_wrapper form .form-group.fixdtextarea textarea {
min-height: 34px;
height: 40px !important;
overflow: hidden;
margin-top: -6px;
} .enquery_form .form_wrapper form .form-group .form-control {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #707070;
padding-left: 25px;
border-radius: 0;
color: #000000;
padding-bottom: 15px;
font-size: 12px;
font-weight: 500;
line-height: 28px;
text-transform: uppercase;
} .enquery_form .form_wrapper form .form-group .form-control::placeholder {
font-size: 12px;
font-weight: 500;
line-height: 28px;
color: rgba(0, 0, 0, 0.7);
text-transform: uppercase;
} .enquery_form .form_wrapper form .form-group textarea {
min-height: 120px;
min-height: 120px !important;
max-height: 120px !important;
resize: none !important;
} .enquery_form .form_wrapper form .form-group .dcBtnTwo {
background: transparent;
border: 1px solid;
border-radius: 0;
padding: 12px 30px 12px 60px;
font-size: 12px;
line-height: 17px;
font-weight: 500;
text-transform: uppercase;
color: #003C8C;
border-color: #003C8C;
margin: 0 auto;
} .map {
position: relative;
} .map a {
z-index: 3;
} .progressbar {
padding: 40px 0;
background: white;
} .progressbar .Title {
color: #003C8C;
font-size: 20px;
font-weight: bold;
line-height: 17px;
margin-bottom: 40px;
} .progressbar .Title:after {
display: none;
} .progressbar .Flex {
align-items: center;
} .progressbar .Flex p {
margin: 0;
font-size: 12px;
font-weight: 500;
line-height: 28px;
color: #000000;
margin-right: 75px;
} .progressbar .Flex span {
position: relative;
display: block;
width: 100%;
background: #000000;
height: 1px;
} .progressbar .Flex span:after {
content: "";
width: 70%;
height: 3px;
background: black;
position: absolute;
left: 0;
right: 0;
top: -1px;
} .progression {
background: #1B1B1B;
} .progression .Title {
color: #FFFFFF;
margin-bottom: 90px;
} .progression .table_wrapper table tr th {
font-weight: 600;
font-size: 20px;
line-height: 22px;
text-transform: uppercase;
color: #FFFFFF;
padding-bottom: 60px;
border-bottom: 1px solid #FFFFFF;
} .progression .table_wrapper table tr td {
font-family: "Montserrat", sans-serif;
padding: 20px 40px 20px 0;
color: rgba(255, 255, 255, 0.8);
font-size: 15px;
font-weight: 500;
line-height: 17px;
border-bottom: 1px solid #FFFFFF;
} .asOurconcern {
background: #F2F2F2;
} .asOurconcern .Title {
color: #000000;
margin-bottom: 60px;
} .asOurconcern .Title:after {
background: #003C8C;
} .asOurconcern .col-md-3 {
transform: translateY(0px);
transition: all 0.7s ease;
} .asOurconcern .slick-active.slick-now .col-md-3 {
transform: translateY(30px);
} .asOurconcern .feature_single_iteam .feature_single_iteam_wrapp {
position: relative;
cursor: pointer;
overflow: hidden;
} .asOurconcern .feature_single_iteam .feature_single_iteam_wrapp .image {
padding-top: 114.81%;
position: relative;
margin-bottom: 30px;
overflow: hidden;
} .asOurconcern .feature_single_iteam .feature_single_iteam_wrapp .image:after {
content: "";
background: rgba(0, 0, 0, 0);
transition: all 1s ease;
} .asOurconcern .feature_single_iteam .feature_single_iteam_wrapp .image img {
transition: all 1s ease;
transform: scale(1.01);
} .asOurconcern .feature_single_iteam .feature_single_iteam_wrapp .hover_content {
position: absolute;
text-align: center;
top: 50%;
padding: 0 25px;
z-index: 1;
transform: translate(-50%, 50%);
transition: all 1s ease;
opacity: 0;
left: 50%;
width: 100%;
} .asOurconcern .feature_single_iteam .feature_single_iteam_wrapp .hover_content p {
font-size: 14px;
font-weight: 400;
line-height: 15px;
color: #FFFFFF;
} .asOurconcern .feature_single_iteam .feature_single_iteam_wrapp .content p {
font-size: 12px;
font-weight: 400;
color: #1B1B1B;
margin: 0 0 5px;
line-height: 17px;
transition-duration: 1s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
} .asOurconcern .feature_single_iteam .feature_single_iteam_wrapp .content p:last-child {
margin: 0;
} .asOurconcern .feature_single_iteam .feature_single_iteam_wrapp .content h3 {
font-size: 20px;
font-weight: bold;
color: #1B1B1B;
margin: 0 0 5px;
line-height: 17px;
text-transform: uppercase;
transition-duration: 1s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
} .asOurconcern .feature_single_iteam .feature_single_iteam_wrapp:hover .content h3, .asOurconcern .feature_single_iteam .feature_single_iteam_wrapp:hover .content p {
color: #003C8C;
} .asOurconcern .feature_single_iteam .feature_single_iteam_wrapp:hover .image:after {
background: rgba(0, 0, 0, 0.3);
} .asOurconcern .feature_single_iteam .feature_single_iteam_wrapp:hover .image img {
transform: scale(1.05);
} .asOurconcern .feature_single_iteam .feature_single_iteam_wrapp:hover .hover_content {
transform: translate(-50%, -50%);
opacity: 1;
} .asOurconcern .slick-slide:nth-of-type(even) {
margin-top: 30px;
} .asOurconcern .slick-dotted.slick-slider {
margin-bottom: 0;
} .asOurconcern .slick-dots {
padding: 0;
position: relative;
display: flex !important;
width: calc(75% - 15px);
float: right;
margin-top: 90px;
} .asOurconcern .slick-dots li {
position: relative;
display: inline-block;
width: 20%;
height: 1px;
margin: 0 0px 0 0;
padding: 0;
cursor: pointer;
background: transparent;
transition: 0.7s all ease;
} .asOurconcern .slick-dots li.slick-hidden {
display: none !important;
} .asOurconcern .slick-dots li:last-child {
margin-right: 0;
} .asOurconcern .slick-dots li button {
position: absolute;
top: 1px;
left: 0;
display: inline-block;
width: 100%;
height: 1px;
margin: 0 0px 0 0;
padding: 0;
cursor: pointer;
background: #1B1B1B;
transition: 0.7s all ease;
} .asOurconcern .slick-dots li button:before {
display: inline-block;
width: 20%;
height: 1px;
content: "";
margin: 0 0px 0 0;
padding: 0;
cursor: pointer;
background: #1B1B1B;
transition: 0.7s all ease;
} .asOurconcern .slick-dots li.slick-active {
transition: 0.7s all ease;
} .asOurconcern .slick-dots li.slick-active button {
height: 3px;
top: 0px;
} .asOurconcern .slick-dots li:hover {
background: #1B1B1B;
height: 3px;
} .asOurconcern .navigation_arrow {
margin-top: 105px;
} .asOurconcern .navigation_arrow ul {
display: flex;
} .asOurconcern .navigation_arrow ul li {
width: 60px;
cursor: pointer;
position: relative;
display: flex !important;
justify-content: flex-start;
} .asOurconcern .navigation_arrow ul li.slick-hidden {
display: none !important;
} .asOurconcern .navigation_arrow ul li:nth-of-type(odd) {
margin-right: 7.5px;
} .asOurconcern .navigation_arrow ul li:nth-of-type(odd):hover:after {
width: 0;
} .asOurconcern .navigation_arrow ul li:nth-of-type(even) {
margin-left: 7.5px;
justify-content: flex-end;
} .asOurconcern .navigation_arrow ul li:nth-of-type(even) img {
float: right;
} .asOurconcern .navigation_arrow ul li:nth-of-type(even):after {
right: unset;
left: 0;
} .asOurconcern .navigation_arrow ul li:nth-of-type(even):hover:after {
width: 0;
} .asOurconcern .navigation_arrow ul li:after {
content: "";
position: absolute;
background: #F2F2F2;
height: 100%;
width: 15px;
top: 0;
right: 0;
transition: 0.7s all ease;
} .asOurconcern.ConcernMainPage {
padding-bottom: 110px;
} .asOurconcern.ConcernMainPage .Title {
text-align: center;
} .asOurconcern.ConcernMainPage .feature_single_iteam {
margin-bottom: 60px;
} .asOurconcern.ConcernMainPage .feature_single_iteam:nth-of-type(2n) {
position: relative;
top: 30px;
} .asOurconcern.ConcernMainPage .feature_single_iteam .feature_single_iteam_wrapp a {
z-index: 3;
} .asOurconcern.asCsrList .Title {
color: #FFFFFF;
text-align: center;
} .asOurconcern.asCsrList .Title:after {
background: #E5001F;
} .asOurconcern.asCsrList .feature_single_iteam .feature_single_iteam_wrapp {
position: relative;
} .asOurconcern.asCsrList .feature_single_iteam .feature_single_iteam_wrapp a {
z-index: 1;
} .asOurconcern.asCsrList .feature_single_iteam .feature_single_iteam_wrapp .content h3 {
color: white;
} .asOurconcern.asCsrList .feature_single_iteam .feature_single_iteam_wrapp:hover .content h3 {
color: #003C8C;
} .asOurconcern.asCsrList .navigation_arrow ul li {
overflow: hidden;
} .asOurconcern.asCsrList .navigation_arrow ul li.slick-hidden {
display: none !important;
} .asOurconcern.asCsrList .navigation_arrow ul li:after {
display: none;
} .asOurconcern.asCsrList .slick-dots li button {
background: #FFFFFF;
} .asOurconcern.asCsrList .slick-dots li button:before {
background: white;
} .asOurconcern.asGalleryMainPage .dcBtn {
border-top: 1px solid #1B1B1B;
border-bottom: 1px solid #1B1B1B;
color: #1B1B1B;
padding: 7px 25px;
} .asOurconcern.asGalleryMainPage .dcBtn span {
transition-delay: 500ms !important;
color: #1B1B1B;
} .asOurconcern.asGalleryMainPage .dcBtn:before {
z-index: 1;
border: 1px solid #1B1B1B;
} .asOurconcern.asGalleryMainPage .dcBtn:after {
z-index: 1;
} .asOurconcern.asGalleryMainPage .dcBtn:hover {
color: white !important;
} .asOurconcern.asGalleryMainPage .dcBtn:hover span {
font-weight: 500;
color: white !important;
transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
} .asOurconcern.asGalleryMainPage .dcBtn:hover:after {
background: #1B1B1B;
transition-delay: .35s;
height: 100%;
} .asOurconcern.asGalleryMainPage .dcBtn:hover::before {
transition-delay: 0s;
height: 100%;
} .asOurconcern.asGalleryMainPage .content p {
text-transform: capitalize;
} .heaven_paralux {
padding-top: 41%;
position: relative;
background-attachment: fixed;
} .heaven_paralux .isParallax {
top: -50px;
} .heaven_paralux:after {
content: "";
} .heaven_paralux.asCareer {
background-attachment: inherit;
} .heaven_paralux.asCareer:after {
content: "";
z-index: 1;
background-image: linear-gradient(to bottom, rgba(18, 14, 4, 0), #120e04) !important;
} .heaven_paralux.asCareer .container {
z-index: 6;
justify-content: flex-end;
} .heaven_paralux .container {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
} .heaven_paralux .container .row p {
font-size: 15px;
font-weight: 400;
line-height: 17px;
margin: 0;
text-transform: uppercase;
color: white;
} .heaven_paralux .container .row h3 {
font-size: 70px;
font-weight: 300;
line-height: 70px;
text-transform: uppercase;
color: white;
} .heaven_paralux .container .row .dcBtn {
margin-top: 60px;
} .heaven_paralux .Flex {
display: flex;
flex-direction: column;
align-items: center;
} .faq {
background: white;
} .faq .Title {
color: #191B1D;
font-size: 35px;
line-height: 32px;
font-weight: 300;
} .faq .Title:after {
left: 0;
transform: translateX(0);
background: #003C8C;
} .faq .faq_left .address {
margin-bottom: 80px;
} .faq .faq_left .address h3 {
font-size: 20px;
font-weight: bold;
line-height: 17px;
color: #000000;
margin: 0 0 40px;
text-transform: uppercase;
} .faq .faq_left .address a {
font-size: 16px;
font-weight: 600;
line-height: 25px;
color: #000000;
} .faq .faq_left .address a:last-child {
margin: 0;
} .faq .faq_left .phone h3 {
font-size: 20px;
font-weight: 600;
line-height: 17px;
color: #000000;
margin: 0 0 40px;
text-transform: uppercase;
} .faq .faq_left .phone a {
font-size: 16px;
font-weight: 600;
line-height: 25px;
color: #191B1D;
margin-bottom: 30px;
display: inline-block;
} .faq .faq_left .phone a:last-child {
margin: 0;
} .faq .faq_left .phone p {
margin: 0 0 0px;
} .faq .faq_left .work h3 {
font-size: 20px;
font-weight: 600;
line-height: 17px;
color: #000000;
margin: 0 0 40px;
text-transform: uppercase;
} .faq .faq_left .work .time {
margin-bottom: 30px;
} .faq .faq_left .work .time p {
margin: 0 0 0px;
} .faq .faq_left .work .time strong {
font-size: 16px;
font-weight: 600;
line-height: 25px;
color: #191B1D;
display: flex;
align-items: center;
} .faq .faq_left .work .time strong .line {
height: 1px;
width: 100%;
display: block;
margin: 0 30px;
background: #191B1D;
} .faq .faq_left .work .time:last-child {
margin-bottom: 0;
} .faq .faq_right .content .panel-group .panel {
box-shadow: none;
border-radius: 0;
border: none;
border-color: #000000;
margin-bottom: 40px;
} .faq .faq_right .content .panel-group .panel:last-child {
margin-bottom: 0;
} .faq .faq_right .content .panel-group .panel .panel-heading {
background-color: transparent;
padding: 0 0 30px;
border-color: #000000;
border-left: 0;
border-right: none;
border-top: none;
border-bottom: 0;
border-radius: 0;
box-shadow: none;
} .faq .faq_right .content .panel-group .panel .panel-heading .panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
color: #000000;
font-weight: 600;
text-transform: uppercase;
position: relative;
} .faq .faq_right .content .panel-group .panel .panel-heading .panel-title a {
transition: 1s all ease;
} .faq .faq_right .content .panel-group .panel .panel-heading .panel-title a:after {
content: "+";
position: absolute;
right: 30px;
top: -6px;
font-weight: lighter;
font-size: 30px;
color: #707070;
} .faq .faq_right .content .panel-group .panel .panel-heading .panel-title a:before {
content: "";
position: absolute;
right: 0;
left: 0;
bottom: -31px;
font-weight: lighter;
font-size: 30px;
height: 1px;
background: #000000;
transition: 1s all ease;
} .faq .faq_right .content .panel-group .panel .panel-heading .panel-title a.minus {
color: #003C8C;
} .faq .faq_right .content .panel-group .panel .panel-heading .panel-title a.minus:after {
content: "_";
position: absolute;
right: 30px;
top: -17px;
font-weight: lighter;
font-size: 30px;
color: #003C8C;
} .faq .faq_right .content .panel-group .panel .panel-heading .panel-title a.minus:before {
background: #003C8C;
} .faq .faq_right .content .panel-group .panel .panel-heading .panel-title a:hover:before {
background: #003C8C;
} .faq .faq_right .content .panel-group .panel .panel-body {
border-color: #000000;
padding: 40px 0 0;
} .faq .faq_right .content .panel-group .panel .panel-body p {
color: #1B1B1B;
font-size: 16px;
line-height: 15px;
margin: 0 0 15px;
} .faq .faq_right .content .panel-group .panel .panel-body p:last-child {
margin: 0;
} .faq .faq_right .content .panel-group .panel .panel-body .list {
margin-top: 50px;
} .faq .faq_right .content .panel-group .panel .panel-body .list li {
position: relative;
color: #1B1B1B;
line-height: 25px;
font-size: 14px;
font-weight: 400;
margin: 0 0 10px;
padding-left: 45px;
} .faq .faq_right .content .panel-group .panel .panel-body .list li:last-child {
margin: 0 0 10px;
} .faq .faq_right .content .panel-group .panel .panel-body .list li:after {
height: 1px;
content: "";
position: absolute;
left: 0;
top: 10px;
background: #C1C1C0;
width: 30px;
} .faq .faq_right .content .panel-group .panel .panel-body table {
margin-top: 60px;
} .faq .faq_right .content .panel-group .panel .panel-body table tr {
display: flex;
} .faq .faq_right .content .panel-group .panel .panel-body table tr td {
display: flex;
color: #1B1B1B;
line-height: 25px;
font-size: 14px;
font-weight: 400;
} .faq .faq_right .content .panel-group .panel .panel-body table tr td:first-child {
color: #003C8C;
line-height: 25px;
font-size: 14px;
font-weight: 600;
width: 28%;
justify-content: space-between;
} .faq .faq_right .content .panel-group .panel .panel-body table tr td:last-child {
padding-left: 60px;
} .faq .faq_right .content .panel-group .panel .panel-body .dcBtn {
border-top: 1px solid #1B1B1B;
border-bottom: 1px solid #1B1B1B;
color: #1B1B1B;
padding: 7px 25px;
} .faq .faq_right .content .panel-group .panel .panel-body .dcBtn span {
transition-delay: 500ms !important;
color: #1B1B1B;
} .faq .faq_right .content .panel-group .panel .panel-body .dcBtn:before {
z-index: 1;
border: 1px solid #1B1B1B;
} .faq .faq_right .content .panel-group .panel .panel-body .dcBtn:after {
z-index: 1;
} .faq .faq_right .content .panel-group .panel .panel-body .dcBtn:hover {
color: white !important;
} .faq .faq_right .content .panel-group .panel .panel-body .dcBtn:hover span {
color: white !important;
transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
} .faq .faq_right .content .panel-group .panel .panel-body .dcBtn:hover:after {
background: #1B1B1B;
transition-delay: .35s;
height: 100%;
} .faq .faq_right .content .panel-group .panel .panel-body .dcBtn:hover::before {
transition-delay: 0s;
height: 100%;
} .faq.asCareerFaq .panel-body {
padding-bottom: 80px !important;
} .GalleryTwo {
background: #F2F2F2;
} .GalleryTwo .Title {
margin-bottom: 80px;
} .GalleryTwo .Title:after {
background: #003C8C;
} .GalleryTwo__nav__large ul {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
} .GalleryTwo__nav__large ul li a {
display: inline-block;
height: 38px;
line-height: 35px;
padding: 0 45px;
border: 1px solid rgba(112, 112, 112, 0.15);
font-size: 16px;
color: #555555;
font-weight: 300;
transition: all .3s ease;
background: transparent;
text-transform: capitalize;
} .GalleryTwo__nav__large ul li a:hover {
background: #003C8C;
color: #ffffff;
} .GalleryTwo__nav__large ul li a.active {
background: #003C8C;
color: #ffffff;
} .GalleryTwo__nav .Products {
padding: 0;
background: transparent;
margin-bottom: 100px;
} .GalleryTwo__nav .Products .nice-select {
background: transparent;
color: black;
} .GalleryTwo__nav .Products .nice-select .list {
background: rgba(255, 255, 255, 0.9);
} .GalleryTwo__nav .Products .nice-select .list li {
color: black;
} .GalleryTwo__nav .Products .nice-select .option {
color: black;
} .GalleryTwo__item-wrap {
margin-top: 23px;
margin-left: -6px;
margin-right: -6px;
} .GalleryTwo__item-wrap__single {
width: 25%;
padding: 0 15px;
float: left;
margin: 0 -7px 60;
} .GalleryTwo__item-wrap__single:nth-of-type(even) .topNiche {
top: 25px;
position: relative;
} .GalleryTwo__item-wrap__single__bg {
padding-top: 114.81%;
position: relative;
overflow: hidden;
} .GalleryTwo__item-wrap__single__bg__bg {
transform: scale(1.01);
transition: transform 2s ease;
} .GalleryTwo__item-wrap__single__content {
background: #1B1B1B;
padding: 30px 40px;
width: calc(100% - 60px);
position: relative;
z-index: 1;
margin: -40px auto 60px;
} .GalleryTwo__item-wrap__single__content h3 {
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
line-height: 20px;
margin: 0 0 10px;
} .GalleryTwo__item-wrap__single__content p {
font-size: 12px;
font-weight: 300;
color: #FFFFFF;
text-align: center;
text-transform: capitalize;
line-height: 17px;
margin: 0;
} .GalleryTwo__item-wrap__single:hover .GalleryTwo__item-wrap__single__bg__bg {
transform: scale(1.04);
} .GalleryTwo__item-wrap__single:hover .GalleryTwo__item-wrap__single__content {
width: calc(100% - 0px);
transition: 0.7s all ease-in;
} .video_gallery {
background: white;
} .video_gallery .dcBtn {
border-top: 1px solid #1B1B1B;
border-bottom: 1px solid #1B1B1B;
color: #1B1B1B;
padding: 7px 25px;
} .video_gallery .dcBtn span {
transition-delay: 500ms !important;
color: #1B1B1B;
} .video_gallery .dcBtn:before {
z-index: 1;
border: 1px solid #1B1B1B;
} .video_gallery .dcBtn:after {
z-index: 1;
} .video_gallery .dcBtn:hover {
color: white !important;
} .video_gallery .dcBtn:hover span {
font-weight: 500;
color: white !important;
transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
} .video_gallery .dcBtn:hover:after {
background: #1B1B1B;
transition-delay: .35s;
height: 100%;
} .video_gallery .dcBtn:hover::before {
transition-delay: 0s;
height: 100%;
} .video_gallery .Title {
text-align: center;
margin-bottom: 80px;
} .video_gallery .single {
margin-bottom: 30px;
} .video_gallery .single .video_section {
overflow: hidden;
} .video_gallery .single .video_section img {
transition: 0.7s all ease;
transform: scale(1.01);
} .video_gallery .single .video_section:hover img {
transform: scale(1.06);
} .video_gallery .single:nth-of-type(2n) {
position: relative;
top: 35px;
} .video_gallery .video_section {
padding-top: 71.93%;
position: relative;
} .video_gallery .video_section a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
transition: 1s all ease;
} .video_gallery .video_section a .ball_button {
position: absolute;
height: 80px;
width: 80px;
background-color: rgba(255, 255, 255, 0.28);
border-radius: 50%;
display: inline-grid;
justify-content: center;
align-items: center;
filter: brightness(1);
backdrop-filter: blur(2px);
transition: 1s all ease;
} .video_gallery .video_section a .ball_button img {
transition: 1s all ease;
transform: scale(1, 0.1);
} .video_gallery .video_section a .ball_button:hover img {
transform: scale(1.2);
} .video_gallery.VideogalleyMainpage .Title:after {
background: #003C8C !important;
} .blog {
background: white;
} .blog .blog_single {
margin-bottom: 90px;
} .blog .blog_single:nth-of-type(3n - 1) {
position: relative;
top: 35px;
} .blog .blog_single .blog_thambnail {
overflow: hidden;
} .blog .blog_single .blog_thambnail .image {
position: relative;
padding-top: 67.57%;
} .blog .blog_single .blog_thambnail .image img {
transition: 1s all ease;
} .blog .blog_single .blog_content {
margin-top: 40px;
} .blog .blog_single .blog_content .date {
margin: 0 0 10px;
font-size: 14px;
font-weight: 400;
line-height: 25px;
color: #191B1D;
transition: 1s all ease;
} .blog .blog_single .blog_content h3 {
margin: 0 0 0;
color: #000000;
font-size: 20px;
font-weight: bold;
line-height: 25px;
transition: 1s all ease;
} .blog .blog_single .blog_content .dcBtn {
margin-top: 40px;
} .blog .blog_single:hover .blog_thambnail .image img {
transform: scale(1.06);
} .blog .blog_single:hover .blog_content p, .blog .blog_single:hover .blog_content h3 {
color: #003C8C;
} .blog .blog_single:hover .dcBtnTwo img {
transform: translateX(0);
} .map-content {
height: 70vh;
overflow: hidden;
position: relative;
background: white !important;
} .map-content .tab-content {
border: 1px solid #34A853;
} .map-content #map {
height: 70vh;
} .map-content .map-popup {
width: 100%;
display: block;
height: 170px;
padding: 30px;
} .map-content .map-popup .texts {
float: left;
width: 100%;
} .map-content .map-popup .texts h4 {
font-size: 12px;
font-weight: 300;
text-transform: capitalize;
margin: 0 0 5px 0;
line-height: 17px;
color: #FFFFFF;
} .map-content .map-popup .texts h2 {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 5px 0;
line-height: 17px;
color: #FFFFFF;
} .map-content .map-popup .texts p {
font-size: 12px;
font-weight: 300;
text-transform: capitalize;
margin: 0 0 5px 0;
line-height: 17px;
color: #FFFFFF;
} .map-content .map-popup .texts .dcBtnTwo {
margin-top: 30px;
} .map-content .map-popup .texts .dcBtnTwo span {
color: #FFFFFF;
} .map-content .map-popup .texts .dcBtnTwo span img {
width: auto !important;
float: unset !important;
} .map-content .gm-ui-hover-effect img {
filter: invert(1);
} .map-content .gm-style .gm-style-iw-t::after {
background: #1B1B1B !important;
} .map-content .gm-style .gm-style-iw-c {
border-radius: 0 !important;
padding: 0;
width: 300px !important;
background: #1B1B1B;
overflow: hidden;
} .map-content .gm-style .gm-style-iw-d {
height: 170px;
padding: 0 !important;
overflow: hidden !important;
} .map-content .gm-style-mtc {
display: none !important;
} .map-content .gm-fullscreen-control {
display: none !important;
} .map-content .gm-bundled-control .gmnoprint {
border: 1px solid #666666;
} .map-content button.gm-ui-hover-effect {
top: -1px !important;
right: -1px !important;
} .map-content .MapPopup-wrap img.SlideOut {
position: absolute;
top: 19px;
right: 25px;
z-index: 2;
height: 8px;
cursor: pointer;
} .map-content .MapPopup-wrap__single {
position: absolute;
height: 100vh;
width: 350px;
z-index: 9999;
top: 0;
bottom: 0;
right: 0;
background: #1B1B1B;
padding: 0;
transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1);
transform: translate(100%);
} .map-content .MapPopup-wrap__single .map_bg {
position: relative;
padding-top: 67.93%;
} .map-content .MapPopup-wrap__single .wrappercontent {
padding: 30px;
} .map-content .MapPopup-wrap__single.slideIn {
transform: none;
} .map-content .MapPopup-wrap__single__content__header {
margin-bottom: 0;
padding: 30px;
position: relative;
} .map-content .MapPopup-wrap__single__content__header h4 {
font-size: 12px;
font-weight: 300;
text-transform: capitalize;
margin: 0 0 5px 0;
line-height: 17px;
color: #FFFFFF;
} .map-content .MapPopup-wrap__single__content__header h2 {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 5px 0;
line-height: 17px;
color: #FFFFFF;
} .map-content .MapPopup-wrap__single__content__header .content {
margin-top: 15px;
} .map-content .MapPopup-wrap__single__content__header p {
font-size: 12px;
font-weight: 300;
text-transform: capitalize;
margin: 0 0 5px 0;
line-height: 17px;
color: #FFFFFF;
} .map-content .MapPopup-wrap__single__content__body {
height: calc(100vh - 280px);
overflow: hidden;
} .map-content .MapPopup-wrap__single__content__body p {
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: #ffffff;
} .map-content .MapPopup-wrap__single__content__body__gallery {
margin-top: 30px;
} .map-content .MapPopup-wrap__single__content__body__gallery ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 10px;
} .map-content .MapPopup-wrap__single__content__body__gallery ul li a {
padding-top: 100%;
display: block;
margin-bottom: 10px;
position: relative;
} .map-content .MapPopup-wrap__single__content__body__gallery ul li a img {
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: 100%;
} .map-content .MapPopup-wrap__single__content__footer {
padding: 0 30px;
} .map-content .MapPopup-wrap__single__content__footer .dcBtn:hover span {
color: black;
} .map-content .scrollable.default-skin .scroll-bar.vertical {
background: rgba(238, 238, 238, 0.13);
opacity: 0;
} .map-content .scrollable.default-skin .scroll-bar .thumb {
background: #ffffff;
} .map-content .scrollHere:hover .scroll-bar.vertical {
opacity: 1;
} .forBlog {
font-size: 16px;
line-height: 25px;
color: black;
margin: 0 0 20px;
} .forBlog h5, .forBlog h4, .forBlog h3 {
font-size: 25px !important;
line-height: 30px !important;
margin: 0 0 25px !important;
} .forBlog strong {
font-weight: 500 !important;
} .forBlog p, .forBlog a, .forBlog span {
font-size: 16px !important;
line-height: 25px !important;
color: black !important;
margin: 0 0 20px !important;
} blockquote {
border-left: 2px solid !important;
padding: 15px 40px !important;
margin: 45px 0 !important;
border-color: #003C8C !important;
} .forBlog blockquote {
border-left: 2px solid !important;
padding: 15px 40px !important;
margin: 45px 0 !important;
border-color: #003C8C !important;
} blackquote footer {
margin: 25px 0 0;
font-size: 14px;
} .forBlog footer {
margin: 25px 0 0;
font-size: 14px;
} .forBlog .list {
margin-bottom: 35px;
} .forBlog .list li {
position: relative;
color: #1B1B1B;
line-height: 25px;
font-size: 14px;
font-weight: 400;
margin: 0 0 10px;
padding-left: 45px;
} .forBlog .list li:last-child {
margin: 0 0 10px;
} .forBlog .list li:after {
height: 1px;
content: "";
position: absolute;
left: 0;
top: 10px;
background: #C1C1C0;
width: 30px;
} .removeExtra .Title {
margin: 0 !important;
color: black;
} .removeExtra .md_designation {
margin-top: 10px;
margin-bottom: 80px;
} .removeExtra p {
color: black !important;
}
@media (max-width: 767px) { .removeExtra .green_living_right {
margin-bottom: 0 !important;
} .removeExtra .md_designation {
margin-bottom: 40px !important;
} .green_living .row .green_living_left {
padding-right: 15px;
} .green_living.asManagingDirector.asDirector.removeExtra .green_living_left h3 {
margin-top: 50px !important;
} .asProduct_list .feature_single_iteam:nth-of-type(3n-1) .feature_single_iteam_wrapp {
top: 0 !important;
}
}
@media (min-width: 1920px) { .asManagingDirector .floatbd {
top: 151px;
left: 44%;
} .faq .faq_right .content .panel-group .panel .panel-body p {
line-height: 21px !important;
}
}
@media (min-width: 1450px) { .container {
width: 90%;
margin: auto;
}
}
@media (max-width: 768px) { .mbp45 {
padding: 45px 0 !important;
}
}
@media (max-width: 767px) { .pt75, .pt90, .pt95, .pt60, .pt120 {
padding-top: 50px !important;
} .pb75, .pb90, .pb95, .pb60, .pb120 {
padding-bottom: 50px !important;
} .Title {
font-size: 23px;
line-height: 25px;
} .slick-dots li button:before {
font-size: 11px;
}
}
@media (max-width: 767px) { .pt150 {
padding-top: 80px !important;
} .pb150 {
padding-bottom: 80px !important;
} .InnerBanner__img {
padding-top: 132.85%;
} .InnerBanner__Title p {
font-size: 45px;
line-height: 50px;
} .our_preference .Title {
margin-bottom: 50px;
} .our_preference .slick-slide {
margin-top: 0px !important;
} .our_preference .slick-dots {
display: none;
} .our_preference .navigation_arrow {
margin-top: 40px;
} .green_living .row {
display: flex;
flex-direction: column-reverse;
} .green_living .hidden_phne {
display: none;
} .green_living .MobileTitle {
display: block !important;
} .green_living .MobileTitle .Title {
margin-bottom: 60px;
} .green_living .MobileTitle .Title:after {
left: 50% !important;
transform: translateX(-50%) !important;
} .green_living .green_living_right {
margin-bottom: 50px;
} .green_living.management_director .MobileTitle .Title {
margin-bottom: 0;
text-align: left;
} .green_living.management_director .MobileTitle .md_designation {
margin-bottom: 40px !important;
} .asManagingDirector {
padding-top: 0 !important;
} .asManagingDirector .floatbd {
position: absolute;
top: 40%;
left: 15px;
transform: translateY(-50%);
height: 90px;
} .asManagingDirector .row {
flex-direction: column;
} .asManagingDirector .row .green_living_left {
padding-right: 15px;
padding-left: 15px;
} .asManagingDirector .row .deg {
margin-top: 50px;
} .Products .col-md-4 {
margin-bottom: 18px;
} .Products .col-md-4:last-child {
margin-bottom: 0;
} .Products .nice-select {
padding-left: 0px;
} .Products .nice-select.open {
padding-left: 0px;
} .planetext .plantext_left {
margin-bottom: 40px;
} .planetext .plantext_left p {
line-height: 20px;
font-size: 20px;
} .planetext .normal_text {
margin-bottom: 40px;
} .planetext .normal_text:last-child {
margin-bottom: 0;
} .planetext .image_bg_wrapper {
margin-bottom: 25px;
} .planetext .column {
padding: 0 !important;
width: 100% !important;
} .at_a_glance .Flex {
flex-direction: column;
align-items: inherit;
} .at_a_glance .Flex .at_a_glance_right {
margin-top: 80px;
padding-left: 15px !important;
} .at_a_glance .Flex .at_a_glance_right table {
display: block;
overflow-x: scroll;
} .at_a_glance .Flex .at_a_glance_right table tr td:first-child {
width: 15%;
} .at_a_glance .Flex .at_a_glance_right table tr td:nth-of-type(2) {
width: 40%;
} .at_a_glance .Flex .at_a_glance_right table tr td:last-child {
width: 45%;
} .feature_animaties {
padding-bottom: 20px !important;
} .feature_animaties .flex_box {
margin-bottom: 60px;
width: 50%;
} .video_section {
padding-top: 120.77% !important;
} .enquery_form .Title {
margin-bottom: 60px;
} .enquery_form .form_wrapper form .form-group {
margin-bottom: 40px;
} .enquery_form .form_wrapper form .form-group .form-control {
padding-left: 0;
} .map {
padding-top: 144.93%;
} .progressbar .Title {
margin-bottom: 30px;
} .progressbar .Flex {
display: flex;
} .progressbar .Flex p {
margin-right: 30px;
} .progression .Title {
margin-bottom: 60px;
} .progression .table_wrapper table {
overflow-x: scroll;
padding: 0 15px;
display: block;
} .progression .table_wrapper table tr th:nth-of-type(3) {
min-width: 300px;
} .progression .table_wrapper table tr th:nth-of-type(1) {
min-width: 70px;
} .progression .table_wrapper table tr th:nth-of-type(2) {
min-width: 220px;
} .progression .table_wrapper table tr th:nth-of-type(4) {
min-width: 320px;
} .asOurconcern .slick-slide {
margin-top: 0 !important;
} .asOurconcern .navigation_arrow {
margin-top: 40px;
} .asOurconcern.ConcernMainPage .feature_single_iteam {
margin-bottom: 30px;
} .asOurconcern.ConcernMainPage .feature_single_iteam:nth-of-type(2n) {
position: relative;
top: 0px;
} .heaven_paralux {
padding-top: 108.70% !important;
} .heaven_paralux .Title {
font-size: 45px;
} .heaven_paralux.asCareer .container {
align-items: flex-end;
padding-bottom: 60px;
} .heaven_paralux.asCareer .container .row h3 {
font-size: 35px;
line-height: 35px;
} .faq .Title {
margin-bottom: 60px;
text-align: center;
} .faq .Title:after {
left: 50%;
transform: translateX(-50%);
} .faq .faq_left {
margin-bottom: 80px;
} .faq .faq_left .address {
margin-bottom: 60px;
} .faq .faq_right .content .panel-group .panel-heading .panel-title a:after {
right: 0 !important;
} .faq .faq_right .content .panel-group .panel .panel-body p {
line-height: 25px;
} .faq .faq_right .content .panel-group .panel .panel-body .list {
margin-bottom: 40px;
} .faq .faq_right .content .panel-group .panel .panel-body table {
margin-top: 40px;
} .faq .faq_right .content .panel-group .panel .panel-body table tr {
display: block;
} .faq .faq_right .content .panel-group .panel .panel-body table tr td {
width: 50% !important;
float: left;
} .faq .faq_right .content .panel-group .panel .panel-body table tr td:last-child {
padding-left: 11px;
} .faq .faq_right .content .panel-group .panel .panel-body .Flex {
display: flex;
justify-content: center;
} .faq .faq_right .content .panel-group .panel .panel-body .Flex a {
margin-top: 60px;
display: inline-block;
} .GalleryTwo .Title {
margin-bottom: 60px;
} .GalleryTwo .GalleryTwo__item-wrap__single {
width: 50%;
} .GalleryTwo .GalleryTwo__item-wrap__single__content {
background: #1B1B1B;
padding: 20px 15px;
width: 100%;
position: relative;
z-index: 1;
margin: 0px auto 15px;
} .GalleryTwo .Products {
margin-bottom: 80px;
} .blog .blog_single {
margin-bottom: 40px;
top: 0 !important;
} .blog .blog_single .blog_content {
margin-top: 20px;
} .BrandPromise {
height: auto;
} .BrandPromise .row {
flex-direction: column;
} .BrandPromise .row .BrandPromise_left .layer {
width: 80%;
} .BrandPromise .row .BrandPromise_left .layer h3 {
margin-bottom: 40px;
} .BrandPromise .row .BrandPromise_left .image {
padding-top: 101.45%;
} .BrandPromise .row .BrandPromise_left:hover {
width: 100%;
} .BrandPromise .row .BrandPromiseRight .layer {
width: 80%;
} .BrandPromise .row .BrandPromiseRight .layer h3 {
margin-bottom: 40px;
} .BrandPromise .row .BrandPromiseRight .image {
padding-top: 101.45%;
} .BrandPromise .row .BrandPromiseRight:hover {
width: 100%;
} .BrandPromise .row .brand_middle .layer {
width: 80%;
} .BrandPromise .row .brand_middle .layer h3 {
margin-bottom: 40px;
} .BrandPromise .row .brand_middle .image {
padding-top: 101.45%;
} .BrandPromise .row .brand_middle:hover {
width: 100%;
} .video_gallery .single:nth-of-type(2n) {
top: 0;
} .asProduct_list .feature_single_iteam {
margin-bottom: 30px;
}
}