

/**/
body {
    font-size: 13.6px;}

/* aos */
html, body {
    overflow-x: hidden !important}


/* number without arrows */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;}
input[type=number] {
    -moz-appearance:textfield;}



/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #858585 !important;}
::-moz-placeholder { /* Firefox 19+ */
  color: #858585 !important;}
:-ms-input-placeholder { /* IE 10+ */
  color: #858585 !important;}
:-moz-placeholder { /* Firefox 18- */
  color: #858585 !important;} 



/* btn */
.btn {
    font-size: 14px;}
.btn:focus {
    box-shadow: none;}

/* btn-icon */
.btn-icon {
    border-radius: 0;
    font-size: 13px;
    padding: 10px 20px}
.btn-icon img {
    position: relative;
    height: 13px;
    margin-left: 10px;}
.btn-icon .fa {
    position: relative;
    font-size: 14px;
    margin-left: 10px;}
.btn-icon.left-side .fa {
    margin-left: 0;
    margin-right: 10px;}

/* btn-text-white */
.btn-text-white {
    color: #fff;}
.btn-text-white:hover {
    color: #fff;}

/* btn-bordered-blue */
.btn-bordered-blue {
    border-radius: 0;
    font-size: 11px;
    border: 1px solid #0559D3;
    color: #0559D3;
    padding: 7px 18px;}
.btn-bordered-blue:hover {
    color: #fff;
    background-color: #0559D3;}

 
/* btn-icon-flat */
.btn-icon-flat {
    border-radius: 0;
    font-size: 13px;
    color: #767676;
    padding: 10px 0;}
.btn-icon-flat:hover {
    color: #0559D3;}
.btn-icon-flat .fa {
    position: relative;
    font-size: 15px;
    margin-left: 10px;}


/* btn-lg */
.btn-lg {
    font-size: 13px;
    padding: 8px 22px;}


/* load-more__btn */
.load-more__btn-wrap {
    text-align: center;
    margin-top: 20px;}
.load-more__btn-wrap .load-more__btn {
    text-decoration: none;
    padding: 9px 40px;
    font-size: 14px;
    background-color: transparent;
    color: #545454;
    display: inline-block;
    border: 2px solid #adadad;
    border-radius: 25px;
    font-weight: bold;}



/* close-btn */	
.close-btn {
    position: absolute;
    width: 22px;
    height: 22px;
    opacity: 0.3;
    cursor: pointer;}
.close-btn:hover {
    opacity: 1;}
.close-btn:before, 
.close-btn:after {
    position: absolute;
    left: 12px;
    top: 5px;
    content: ' ';
    height: 23px;
    width: 2px;
    background-color: #333;}
.close-btn:before {
    transform: rotate(45deg);}
.close-btn:after {
    transform: rotate(-45deg);}

/* url-primary */
.url-primary {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 75%;
}


/* active */
a.active {
    cursor: default;}

/* scale-hover */
.scale-hover {
  overflow: hidden;
  transition: transform .6s;}
.scale-hover:hover,
.scale-hover:focus {
  -ms-transform: scale(1.08); 
  -webkit-transform: scale(1.08);
  transform: scale(1.08);}


/* scale-up-hover */
.scale-up-hover {
  overflow: hidden;
  transition: transform .6s;}
.scale-up-hover:hover,
.scale-up-hover:focus {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);}


/* bg */
.bg-m-blue {
    background-color: #0559D3 !important;}
.bg-m-yellow {
    background-color: #F79824 !important;}
.bg-l-gray {
    background-color: #f7f7f7 !important;}

/* text */
.text-m-blue {
    color: #0559D3 !important;}
.text-m-black 
{
    color: #000;
}
.text-s-blue {
    color: #30a0e2 !important;}
.text-m-yellow {
    color: #F79824 !important;}


/* truncate */
.truncate-1,
.truncate-2,
.truncate-3,
.truncate-4,
.truncate-5,
.truncate-6,
.truncate-7,
.truncate-8,
.truncate-12 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical}
.truncate-1 {
    -webkit-line-clamp: 1;}
.truncate-2 {
    -webkit-line-clamp: 2;}
.truncate-3 {
    -webkit-line-clamp: 3;}
.truncate-4 {
    -webkit-line-clamp: 4;} 
.truncate-5 {
    -webkit-line-clamp: 5;} 
.truncate-6 {
    -webkit-line-clamp: 6;} 
.truncate-7 {
    -webkit-line-clamp: 7;}  
.truncate-8 {
    -webkit-line-clamp: 8;}
.truncate-12 {
    -webkit-line-clamp: 12;}







/* header */
header {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: #000000d6;
    box-shadow: 6px 2px 7px #00000036;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
     /**/
    opacity: 1;
    transition: height 0ms 0ms, opacity 600ms 0ms;}
body.specific_scroll:not(.up_scroll) header {
    height: 0;
    z-index: 0;
    opacity: 0;
    transition: height 0ms 400ms, opacity 400ms 0ms;}
/* fixed */
.specific_scroll.up_scroll header {
    position: fixed;}

/* header-bg-transparent */
body:not(.specific_scroll) .header-bg-transparent header {
    box-shadow: none;
    background-color: transparent;}


/* a-logo */
.header .a-logo {
    display: inline-block;}
.header .a-logo img {
    max-width: 100%;
    max-height: 40px;}


/* menu-bar */
.header .menu-bar .menu {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;}
.header .menu-bar .menu .link-item {
    margin-left: 25px;
    display: inline-block;}
.header .menu-bar .menu .link-item .link {
    display: inline-block;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 13.8px;
    font-weight: 900;
    color: #fff;}
.header .menu-bar .menu .link-item .link:not(.active) {
    opacity: .7;}
.header .menu-bar .menu .link-item .link:hover {
    opacity: initial}
@media (max-width: 991px) {
.header .menu-bar {   
    position: fixed;
    z-index: 101;
    top: 0;
    background-color: #fff;
    width: 300px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    /**/
    right: -300px;
	-webkit-transition: right 0.4s ease-in-out;
    -moz-transition: right 0.4s ease-in-out;
    -ms-transition: right 0.4s ease-in-out;
    -o-transition: right 0.4s ease-in-out;
    transition: right 0.4s ease-in-out;}
.open-menu .header .menu-bar {
    right: 0;}
.open-menu .header .menu-bar .menu {
    padding-top: 60px;}
.header .menu-bar .menu .link-item {
    margin-left: 0;
    display: block;}
.header .menu-bar .menu .link-item .link {
    color: #000;
    padding: 15px 30px;}
}
/* header-bg-transparent */
@media (min-width: 992px) {
body:not(.specific_scroll) .header-bg-transparent header .menu-bar .menu .link-item .link {
    color:#ffffff;}

}
body:not(.specific_scroll) .home1 header .menu-bar .menu .link-item .link 
 {
    color:#000000 !important;
 }
.slide__image img
{
    opacity: 0.7;
}

/* menu-outside */
body:not(.open-menu) .header .menu-outside {
    display: none;}
@media (max-width: 991px) {
.open-menu .header .menu-outside {
    background: #00000096;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;}
}

/* dropdown */
/* dropdown-toggle */
.header .menu-bar .menu .dropdown-toggle {
    margin-top: -4px;}
.header .menu-bar .menu .dropdown-toggle::after {
    border: 0;
    font-family: FontAwesome;
    content: '\f107';
    position: relative;
    left: 5px;
    top: 3px;}
/* dropdown-menu */
.header .menu-bar .menu .dropdown-menu {
    border: none;
    min-width: 230px;
    border-radius: 0;
    padding: 0;
    box-shadow: 3px 2px 12px #0000002e;}
.header .menu-bar .menu .dropdown-menu .dropdown-item {
    background-color: transparent;
    position: relative;
    font-size: 12px;
    padding: 13px 25px;
    color: #727272;}
.header .menu-bar .menu .dropdown-menu li:not(:last-of-type) .dropdown-item {
    border-bottom: 1px solid #efefef;}
.header .menu-bar .menu .dropdown-menu .dropdown-item:hover {
    color: #000 !important;
    background-color: #dbdbdb;}
/**/
.header .menu-bar .menu .dropdown-menu .dropdown-item::after {
    font-family: FontAwesome;
    content: '\f105';
    font-size: 14px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;}


/* menu-toggle */
.header .menu-toggle {
    position: absolute;
    z-index: 10;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 40px;
    background-color: transparent;
    border: none;
    padding: 0;
    width: 35px;
    height: 25px;}
.header .menu-toggle span {
    background-color: #fff;
    display: block;
    position: relative;
    width: 100%;
    height: 1px;}
.header .menu-toggle span:nth-of-type(1) {
    top: -8px;}
.header .menu-toggle span:nth-of-type(3) {
    top: 8px;}
@media (min-width: 992px) {
.header .menu-toggle {
    display: none;}
}
/* header-bg-transparent */
body:not(.specific_scroll) .header-bg-transparent header .menu-toggle span {
    background-color: #fff;}

/* close-btn */
.header .menu-bar .close-btn {
    top: 10px;
    left: 15px}
@media (min-width: 992px) {
.header .menu-bar .close-btn {
    display: none;}
}






/* main-div */
.main-div {
  padding-top: 80px;
  margin-left: auto;
  margin-right: auto;}



/* container-fluid */
/* container-fluid-lg */
.container-fluid.container-fluid-lg {
    padding-left: 90px;
    padding-right: 90px;}
@media (max-width: 991px) {
.container-fluid.container-fluid-lg {
    padding-left: 40px;
    padding-right: 40px;}
}




/* section */
section {
    position: relative;
    background: #fff;
    padding-top: 50px;
    padding-bottom: 50px;}

/* section-sub */
.section-sub {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;}

    



/* slick-equal-height */
.slick-equal-height .slick-track {
    display: flex;}
.slick-equal-height .slick-slide {
    display: flex;
    height: auto;}
.slick-equal-height .item {
    height: 100%;
    width: 100%;}


/* slick-overflow-initial */
.slick-overflow-initial .slick-list {
    overflow: initial;}


/* slick-disabled */
button.slick-disabled {
    cursor: default !important;}



/* slick-grid */
.slick-grid {
    margin-left: -10px;
    margin-right: -10px;}
.slick-grid .slick-slide {
    padding-left: 10px;
    padding-right: 10px;}
/**/
.slick-grid-15 {
    margin-left: -15px;
    margin-right: -15px;}
.slick-grid-15 .slick-slide {
    padding-left: 15px;
    padding-right: 15px;}





/* slick-action-black-arrow */
.slick-action-black-arrow .slick-next, 
.slick-action-black-arrow .slick-prev {
    background-color: transparent;
    box-shadow: none;
    font-size: 36px;}
.slick-action-black-arrow .slick-next {
    right: 15px;} 
.slick-action-black-arrow .slick-prev {
    left: 15px;}


/* slick-action-black */
.slick-action-black .slick-next, 
.slick-action-black .slick-prev {
    background-color: #00000047;
    z-index: 5;
    color: #fff;
    font-size: 26px;
    line-height: 45px;
    text-align: center;
    width: 45px;
    height: 45px;
    border-radius: 0;}
.slick-action-black .slick-next:hover, 
.slick-action-black .slick-prev:hover {
    background-color: #0000009e;}
.slick-action-black .slick-next {
    right: 0;} 
.slick-action-black .slick-prev {
    left: 0;}
.slick-action-black .slick-next:before, 
.slick-action-black .slick-prev:before {
    content: initial;}


/* slick-action-round */
.slick-action-round .slick-next, 
.slick-action-round .slick-prev {
    background-color: #fff;
    box-shadow: 5px 6px 9px #0000002b;
    z-index: 5;
    color: #0559D3;
    font-size: 24px;
    line-height: 45px;
    text-align: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;}
.slick-action-round .slick-next:hover, 
.slick-action-round .slick-prev:hover {
    background-color: #fff;}
.slick-action-round .slick-next {
    right: -8px;} 
.slick-action-round .slick-prev {
    left: -8px;}
.slick-action-round .slick-next:before, 
.slick-action-round .slick-prev:before {
    content: initial;}


/* slick-dot-blue */
.slick-dot-blue .slick-dots li {
    margin: 0 2px;
    width: auto;
    height: auto;}
.slick-dot-blue .slick-dots li button {
    background-color: #c7c7c7;
    padding: 0;
    border-radius: 5px;
    width: 8px;
    height: 3px;}
.slick-dot-blue .slick-dots li.slick-active button {
    background-color: #0559D3;
    width: 17px;}

/* slick-dot-hide */
.slick-dot-hide .slick-dots {
    display: none;}

/* slick-dots-hide */
.slick-dots-hide .slick-dots li button:before {
    display: none;}


/* slick-dot-b-50 */
.slick-dot-b-50 .slick-dots {
    bottom: -50px;}



/* feed-back-form */
.feed-back-form .form-control {
    height: 40px;
    margin-top: 55px;
    font-size: 13px;
    padding: 10px 15px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #adadad;}
.feed-back-form textarea.form-control {
    resize: none;}
.feed-back-form .form-control:focus {
    box-shadow: none;}
.feed-back-form .btn {
    margin-top: 45px;
    color: #fff;
    font-size: 13px;
    padding: 8px 45px;}
@media (max-width: 767px) {
.feed-back-form .form-control {
    margin-top: 20px;}
.feed-back-form .btn {
    margin-top: 20px;
    padding: 8px 30px;}
}





/* paginated */
.paginated {
    padding-left: 0;
    margin-bottom: 0;}
.paginated li {
    display: inline-block;
    list-style: none;}
.paginated li a {
    display: inline-block;
    width: 10px;
    height: 3px;
    border-radius: 15px;
    margin-left: 5px;
    background-color: #ccc;}
.paginated li a.active {
    width: 18px;
    background-color: #0559D3;}



/* contact-table */
.contact-table td {
  vertical-align: top;
  padding-top: 20px;
  color: #8b8c8d;}
.contact-table td img {
  height: 20px;
  padding-right: 15px;}
.contact-table td img[src="/static/public/images/icons/mail.png"] {
  height: 16px;}
.contact-table td a {
  color: #212529;
  display: block;
  font-size: 14px;
  text-decoration: none;}
  .contact-info
  {
    margin-bottom: 20px;
  }
  .contact-info h3
  {
    font-size: 20px;
    letter-spacing: 3px;
  }
.contact-info img
{
    height: 30px;
    padding-right: 15px;
}
.contact-info a{
    list-style: none;
    color: black;
    text-decoration: none;
    font-size: 15px;
    /* display: inline-flex; */
    
}
@media(min-width:992px) and (max-width:1300px)
{
    .contact-info a{
    font-size: 13.8px;
  
    }
}



/* search-form */
.search-form .form-control {
    background-color: #efefef;
    border: none;
    padding: 12px 50px 12px 25px;
    border-radius: 25px}
.search-form .btn {
    right: 5px;
    padding: 10px;}




/* banner-cover */
.banner-cover {
  position: relative;
  overflow: hidden;}
.banner-cover::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, #000000a6, #000000a6)}
.banner-cover .img-primary {
  height: 450px;
  width: 100%;
  object-fit: cover;}
.banner-cover .caption {
  color: #fff;
  width: 85%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
.banner-cover .caption h3 {
    font-size: 55px;
    line-height: 80px;
    letter-spacing: 7px;}
.banner-cover .caption h3 span {
    display: block;}
.banner-cover .caption h4 {
    font-size: 35px;
    line-height: 55px;
    letter-spacing: 5px;}
.banner-cover .caption h4.bg-text {
    background-color: #fff;
    display: inline-block;
    color: #434444;
    padding: 7px 20px;}
@media (max-width: 991px) {
.banner-cover .img-primary {
  height: 350px;}
.banner-cover .caption h3 {
    font-size: 45px;
    line-height: 65px;
    letter-spacing: 5px;}
.banner-cover .caption h4 {
    font-size: 25px;
    line-height: 45px;
    letter-spacing: 3px;}
.banner-cover .caption h4.bg-text {
    padding: 5px 15px;}
}
@media (max-width: 767px) {
.banner-cover .caption h3 {
    font-size: 38px;
    line-height: 55px;
    letter-spacing: 3px;}
.banner-cover .caption h4 {
    font-size: 22px;
    line-height: 40px;}
}
    



/* fixed-social-media */
.fixed-social-media {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #0000005c;
    padding: 20px 10px;
    text-align: center;
    border-radius: 0 20px 20px 0;}
.fixed-social-media a {
    text-decoration: none;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;}
.fixed-social-media a img {
    height: 15px;}
.fixed-social-media a img[src="/static/public/images/icons/facebook.png"] {
    height: 18px;}
@media (max-width: 991px) {
.fixed-social-media a img {
    height: 13px;}
.fixed-social-media a img[src="/static/public/images/icons/facebook.png"] {
    height: 15px;}
}
/* fixed_social_media_view_ */
.fixed-social-media {
    opacity: 1;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;}
.fixed_social_media_view_ .fixed-social-media {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}




/* section-head-cover */
.section-head-cover {
    position: relative;}
.section-head-cover .text-cover-item {
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: -25px;
    left: -15px;
    font-size: 180px;
    line-height: 200px;
    color: #0000000f;}
.section-head-cover .text-cover-item span {
    display: block;}
.section-head-cover .text-cover-item-top--35 {
    bottom: initial;
    top: -35px;}
.section-head-cover .text-cover-item-top-0 {
    bottom: initial;
    top: 0;}
.section-head-cover .text-cover-item-l-h-170 {
    line-height: 170px;}
@media (max-width: 991px) {
.section-head-cover .text-cover-item {
    font-size: 140px;
    line-height: 160px;}
.section-head-cover .text-cover-item-l-h-170 {
    line-height: 135px;}
}
@media (max-width: 767px) {
.section-head-cover .text-cover-item {
    font-size: 22vw;
    line-height: 140px;}
.section-head-cover .text-cover-item-l-h-170 {
    line-height: 110px;}
}



/* section-head */
.section-head {
    position: relative;
    z-index: 2;
    padding-top: 60px;
    padding-bottom: 60px;}
.section-head h5 {
    font-size: 18px;
    letter-spacing: 4px;}
.section-head h5.lg-text {
    font-size: 28px;
    letter-spacing: 3px;}
.section-head h4 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #28282a;}
.section-head h6 {
    color: #6e6e6e;
    line-height: 20px;
    font-size: 13.5px;}
.section-head .btn-icon {
    font-size: 11px;
    padding: 9px 16px}
.section-head .btn-icon.btn-icon img {
    bottom: 1px;
    height: 10px;}
@media (max-width: 991px) {
.section-head h5 {
    font-size: 17px;
    letter-spacing: 3px;}
.section-head h4 {
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 15px;}
.section-head h6 {
    line-height: 18px;
    font-size: 13px;}
}
/* timeline_view_ */
body.timeline_view_ header {
    height: 0;
    z-index: 0;
    opacity: 0;
    transition: height 0ms 400ms, opacity 400ms 0ms;}



/* video-item */
.video-item {
    position: relative;}
.video-item .img-primary {
    width: 100%;
    height: 480px;
    object-fit: cover;}
.video-item .play-btn .fa {
    background-color: #ffffff54;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    border-radius: 50%;
    position: absolute;
    right: 50%;
    bottom: 50%;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);}




/* modal-show-file */
.modal-show-file .modal-body {
  padding: 0;}
.modal-show-file .btn-close {
  background-color: #fff;
  padding: 7px;
  position: absolute;
  top: -20px;
  right: -20px;}
.modal-show-file embed {
  display: block;}
@media (max-width: 991px) {
.modal-show-file embed {
  height: 60vh !important;}
}
@media (max-width: 767px) {
.modal-show-file .btn-close {
  right: 0;}
}





/* bg-line */
.bg-line {
    background-image: linear-gradient(to right, #0e0e0e0d, #0e0e0e0d), url(../images/bg/bg-line.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}





/* count */
.count {
    background-image: linear-gradient(to right, #0059b5bd, #0059b5bd), url(../images/bg/bg-square.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 70px;}
.count .item {
    color: #fff;}
.count .item .icon {
    height: 42px;}
.count .item .data {
    margin-top: 20px;
    margin-bottom: 15px;
    letter-spacing: 2px;
    font-size: 32px;}
.count .item label {
    opacity: .6;
    font-size: 16px;}
@media (max-width: 991px) {
.count .item .icon {
    height: 35px;}
.count .item .data {
    font-size: 28px;}
.count .item label {
    font-size: 14px;}
}
@media (max-width: 767px) {
.count .col-item {
    flex: 0 0 auto;
    width: 50%;}
.count .item .icon {
    height: 30px;}
.count .item .data {
    margin-top: 10px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-size: 26px;}
.count .item label {
    font-size: 13px;}
}




/* keep-updated */
.keep-updated h3 {
    font-size: 28px;
    letter-spacing: 3px;}
.keep-updated h6 {
    color: #666;
    margin-top: 15px;
    line-height: 22px;
    font-size: 14px;}
@media (max-width: 767px) {
.keep-updated h3 {
    font-size: 26px;
    letter-spacing: 2px;}
.keep-updated h6 {
    line-height: 20px;
    font-size: 13px;}
}
/* form */
.keep-updated .form {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;    
    margin-top: 35px;}
.keep-updated .form .form-control {
    background-color: #f1f5ff;
    border: none;
    font-size: 13px;
    padding: 13px 160px 12px 15px;}
.keep-updated .form .form-control:focus {
    box-shadow: none;}
.keep-updated .form .btn {
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 13px;
    padding: 8px 20px;}
@media (max-width: 767px) {
.keep-updated .form .form-control {
    font-size: 12px;
    padding: 12px 155px 11px 14px;}
.keep-updated .form .btn {
    right: 4px;
    font-size: 12px;
    padding: 7px 18px;}
}




/* item-hover-up */
.item-hover-up, 
.item-hover-up .img-primary {
    height: 450px;}

/* sm-height */
.item-hover-up.sm-height, 
.item-hover-up.sm-height .img-primary {
    height: 390px;}
/* lg-height */
.item-hover-up.lg-height, 
.item-hover-up.lg-height .img-primary {
    height: 520px;}
@media (max-width: 991px) {
.item-hover-up.lg-height, 
.item-hover-up.lg-height .img-primary {
    height: 400px;}
}
/**/
.item-hover-up {
  overflow: hidden;
  position: relative;
  color: #fff;}
/* img-primary */
.item-hover-up .img-primary {
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;}
/* overlay */
.item-hover-up .overlay {
  width: 100%;
  height: 30%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  transition: all 0.4s;
  background: linear-gradient(180deg, transparent, #000);}
.item-hover-up:hover .overlay {
  height: 100%;
  background-color: #0000007a;}
/* inner */
.item-hover-up .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  transition: all 1s;
  padding: 25px;
  opacity: 0;
  transform: translateY(60%);}
.item-hover-up:hover .inner {
  opacity: initial;
  transform: translateY(0);}
.item-hover-up .inner .dec {
  font-size: 12px;
  line-height: 20px;}
/* btn-zoom */
.item-hover-up .btn-zoom {
  display: block;
  margin: 10px auto;}
.item-hover-up .btn-zoom img {
  height: 45px;}
/* content */
.item-hover-up .content {
  position: absolute;
  bottom: 0;
  z-index: 5;
  padding: 25px;}
.item-hover-up .content .title {
  font-size: 22px;}
.item-hover-up .content .dec {
  font-size: 13px;
  margin-top: 5px;
  line-height: 20px;}
.item-hover-up .content .dec img {
  margin-right: 5px;
  height: 15px;}




/* item-hover-down-up */
.item-hover-down-up {
  background-color: #fff;
  overflow: hidden;
  position: relative;
  color: #fff;}
/* overlay */
.item-hover-down-up .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  transition: all 0.4s;
  background-color: #0000006e;}
.item-hover-down-up:hover .overlay {
  background-color: #0000009c;}
/* img-primary */
.item-hover-down-up .img-primary {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;}
/* content */
.item-hover-down-up .content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  transition: all 1s;
  transform: translateY(20%);}
.item-hover-down-up:hover .content {
  transform: translateY(-1rem);}
/* inner */
.item-hover-down-up .content .inner {
  width: 100%;
  position: absolute;
  padding: 10px 30px;
  transition: all 1s;}
.item-hover-down-up .content .hover-data {
  opacity: 0;}
.item-hover-down-up:hover .content .hover-data {
  opacity: 1;
  transform: translate3d(0,0,0);}
/* bottom */
.item-hover-down-up:not(:hover) .content.bottom {
  transform: translateY(10%);}
.item-hover-down-up .content.bottom .inner {
  bottom: 0;}
@media (max-width: 575px) {
.item-hover-down-up:not(:hover) .content.bottom {
  transform: translateY(20%);}
}
/* height */
.item-hover-down-up,
.item-hover-down-up .img-primary,
.item-hover-down-up .content {
  height: 390px;}
/**/
.item-hover-down-up .title {
    font-size: 17px;}
.item-hover-down-up .dec {
    font-size: 10px;}
.item-hover-down-up .dec img {
    margin-right: 5px;
    height: 12px;}
.item-hover-down-up .contact-info {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.item-hover-down-up .contact-info a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    position: relative;
    top: 2px;}
.item-hover-down-up .contact-info .fa {
    width: 22px;
    height: 22px;
    line-height: 20px;
    margin-right: 5px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;}
@media (max-width: 575px) {
.item-hover-down-up .contact-info {
    margin-top: 5px;}
}




/* about-indro */
/* cover-right */
.about-indro .cover-right {
    position: relative;}
.about-indro .cover-right .bg-cover {
    position: absolute;
    right: -35px;
    bottom: -35px;
    z-index: -1;}
@media (max-width: 767px) {
.about-indro .cover-right .bg-cover {
    right: -25px;
    bottom: -25px;}
}




/* indro */
#indro .title {
    font-size: 48px;
    margin-bottom: 25px;}
#indro .dec {
    line-height: 23px;
    font-size: 13.4px;}
@media (max-width: 991px) {
#indro .title {
    font-size: 40px;}
}

/* qr-code */
#indro .qr-code {
    position: absolute;
    top: 145px;
    right: 90px;}
#indro .qr-code img {
    max-width: 100%;
    height: 110px;}
@media (max-width: 767px) {
#indro .qr-code {
    bottom: 100px;
    top: inherit;
    right: 40px;}
#indro .qr-code img {
    height: 100px;}
}

/* marquee-our-logos */
#indro .marquee-our-logos {
    position: absolute;
    width: 100%;
    bottom: 0;
    margin-bottom: 0;
    background-color: #ffffffd9;
    padding: 15px 0;}
#indro .marquee-our-logos .item {
    display: inline-block;
    margin-right: 50px;}
#indro .marquee-our-logos .item img {
    max-width: 100%;
    height: 42px;}


/* btn-enquiry */
#indro .btn-enquiry { 
    color: #fff;
    border-radius: 25px;
    position: absolute;
    bottom: 180px;
    right: 90px;
    font-size: 13px;
    padding: 8px 20px;}
#indro .btn-enquiry.btn-icon img {
    height: 20px;}
#indro .btn-enquiry.btn-icon span {
    position: relative;
    top: 2px;}
@media (max-width: 767px) {
#indro .btn-enquiry { 
    bottom: 100px;
    right: initial;
    left: 40px;}
}







/* join_family */
#join_family {
    background-image: linear-gradient(to right, #ffffffbf, #ffffffbf), url(../images/bg/bg-square.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
   
}
/* item */
#join_family .item {
    position: relative;
    height: 460px;}
#join_family .item .img-primary {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
@media(min-width:992px)
{
    #join_family 
    {
        padding-top:120px  !important;
    }
    #join_family .item .img-primary {
        object-fit: cover;
        width: 440.336px;
        height:418.0191px;
    } 
}
    #join_family .item.item-img::before
    {
    content: "";
    position: absolute;
    left: 26%;
    border-radius: 0px;
    right: 0;
    bottom: 52px;
    top: -7%;
    background-color: rgb(27 89 178);
    transform-origin: right 40%;
    z-index: -2;
    transition: 0.5s ease-in-out all;
    width:  303.9844px;
    height: 283.9008px;
}
@media(min-width:1200px) and (max-width:1399px)
{
    #join_family .item.item-img::before
    {
        left:32%;
    }
}
@media(max-width:767px)
{
    #join_family .item.item-img::before
    {
        left: 35%;
        width: 80%;
        height: 80%;
    }
}
@media (max-width:567px)
{
    #join_family .item .img-primary
    {
        width: 80%;
        height: 80%;

    }
    #join_family .item.item-img::before {
        left: 35%;
        width: 61%;
        height: 59%;
    }
    #join_family .item
    {
        height: 442px;
    }
    #join_family .item .content
    {
        padding: 0px 40px 40px 40px !important;
    }
}
@media(min-width:992px) and (max-width:1200px)
{
    #join_family .item.item-img::before
    {
        left: 38%;
    
    } 
}
/*
#join_family .item.item-bg {
    background-image: url(../images/join-family/bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}*/
/* content */
@media (min-width:992px) and (max-width:1300px)
{
    #join_family .md-60
{
    padding: 0px 60px;
}
}
@media (max-width:992px)
{
    #join_family .item .content {
        top: 50%;
    }
}
#join_family .item .content {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 60px;
    padding-right: 0px;
}
#join_family .item .content .title {
    white-space: pre-line;
    line-height: 45px;
    font-size: 38px;}
#join_family .item .content .dec {
    margin-top: 30px;
    margin-bottom: 25px;
    line-height: 20px;
    font-size: 12.2px;}
#join_family .item .content .btn {
    border-radius: 0;
    min-width: 140px;
    padding: 7px;
    color: #fff;
    box-shadow: 2px 7px 8px #00000021;
    font-size: 12.5px;
    margin-top: 10px;
    margin-right: 30px;}
@media (max-width: 767px) {
#join_family .item .content {
    padding: 40px;}
#join_family .item .content .title {
    line-height: 40px;
    font-size: 32px;}
}







/* what_was */
#what_was {
    padding-top: 45px;
    padding-bottom: 70px;}
/* item */
#what_was .item {
    overflow: hidden;}
#what_was .item .img-primary {
    transition: transform .6s;}
#what_was .item:hover .img-primary,
#what_was .item:focus .img-primary {
    -ms-transform: scale(1.08); 
    -webkit-transform: scale(1.08);
    transform: scale(1.08);}
#what_was .item .content {
   color: #fff;
   width: 100%;
   padding: 30px 20px;
   position: absolute;
   z-index: 1;
   bottom: 0;}
#what_was .item .content h3 {
   font-size: 30px;}
@media (max-width: 767px) {
#what_was .item .content h3 {
   font-size: 25px;}
}

/* video-item */
#what_was .video-item::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background: #00000091;}










/* our_brands */
#our_brands .giffex {
    height: 70px;}
#our_brands .baby-vita {
    height: 100px;}
#our_brands .asarva {
    height: 50px;}
@media (max-width: 991px) {
#our_brands .giffex {
    height: 45px;}
#our_brands .baby-vita {
    height: 75px;}
#our_brands .asarva {
    height: 35px;}
}






/* our_blog */

/* slick */
#our_blog .slick-slide {
    margin: 40px 13px;}
#our_blog .slick-action-black .slick-prev {
    left: -40px;}
#our_blog .slick-action-black .slick-next {
    right: -40px;}
#our_blog .slick-action-black .slick-next, 
#our_blog .slick-action-black .slick-prev {
    background-color: #fff;
    color: #999;
    box-shadow: 6px 4px 15px #6e6d6d52;}
#our_blog .slick-action-black .slick-next:hover, 
#our_blog .slick-action-black .slick-prev:hover {
    color: #fff;
    background-color: #bfbfbf;}
/* section-head-cover */
@media (min-width: 1200px) {
#our_blog .section-head-cover .text-cover-item {
    font-size: 214px;}
#our_blog .section-head-cover .text-cover-item-top--35 {
    top: 15px;}
}

/* item */
#our_blog .item {
   background-color: #fff;
   box-shadow: 5px 4px 10px #00000029;
   transition: transform .6s;}
#our_blog .item:hover,
#our_blog .item:focus {
   box-shadow: 3px 3px 10px #00000029;
  -ms-transform: scale(1.05); 
  -webkit-transform: scale(1.05);
  transform: scale(1.05);}
/* cover */
#our_blog .item .cover {
    position: relative;
    overflow: hidden;}
#our_blog .item .cover::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, transparent, #000000b3);}
#our_blog .item .cover .img-primary {
    height: 220px;
    width: 100%;
    object-fit: cover;}
#our_blog .item .cover .caption {
    width: 100%;
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 20px;}
#our_blog .item .cover .caption .img-profile {
    width: 38px;
    height: 38px;
    object-fit: cover;
    border-radius: 50%;}
#our_blog .item .cover .caption .name {
    padding-left: 8px;
    font-size: 13.5px;}

/* bottom */
#our_blog .item .bottom {
    padding: 20px;}
#our_blog .item .bottom .date {
    color: #6a6a6a;
    font-size: 11.9px;}
#our_blog .item .bottom .title {
    height: 38px;
    opacity: .9;
    margin-top: 3px;
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 13.3px;}
#our_blog .item .bottom .dec {
    font-size: 12px;
    height: 55px;}

/* btn-icon-flat */
#our_blog .item .bottom .btn-icon-flat {
    font-size: 11.4px;
    padding-bottom: 5px;}
#our_blog .item .bottom .btn-icon-flat .fa {
    margin-left: 8px;
    font-size: 13px;}






/* get_in_touch */
#get_in_touch {
    background-image: linear-gradient(to right, #0059b5bd, #0059b5bd), url(../images/bg/bg-square.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}
/* feed-back-form */
#get_in_touch .feed-back-form {
    background-color: #fff;
    padding: 40px;}
#get_in_touch .feed-back-form .title {
    letter-spacing: 3px;
    font-size: 30px;}
@media (max-width: 767px) {
#get_in_touch .feed-back-form {
    padding: 30px;}
#get_in_touch .feed-back-form .title {
    letter-spacing: 2px;
    font-size: 24px;}
}





/* about-page */
/* mission-vision */
.about-page .mission-vision .img-xl,
.about-page .mission-vision .img-m {
    width: 100%;
    object-fit: cover;}
.about-page .mission-vision .img-xl {
    height: 380px;}
.about-page .mission-vision .img-m {
    margin-top: 12px;
    height: 185px;}

.about-page .mission-vision .item {
    position: relative;}
.about-page .mission-vision .item.item-img .img-primary {
    object-fit: cover;
    width: 95%;
    height: 238px;}
.about-page .mission-vision .item.item-img::before{
    content: "";
    position: absolute;
    border-radius: 0px;
    right: 0;
    bottom: 52px;
    top: -10%;
    background-color: rgb(27 89 178);
    transform-origin: right 40%;
    z-index: -2;
    transition: 0.5s ease-in-out all;
    width: 87%;
    height: 90%;}
.about-page .mission-vision .value-card{
    background-color: #fff;
    box-shadow: 5px 4px 10px #00000029;
    border-radius: 2px;
    transition: transform .6s;
}
.about-page .mission-vision .value-card .icon-img img{
   height: 40px;
}
.about-page .mission-vision .value-card .dec{
    color: #6e6e6e;
}
/* timeline */
/* space-top */
@media (min-width: 1367px) {
.about-page .timeline .space-top {
    height: 14vh;}
}
@media (max-width: 1199px) {
.about-page .timeline .space-top {
    height: 12vh;}
}
@media (max-width: 991px) {
.about-page .timeline .space-top {
    height: 6vh;}
}
@media (max-width: 767px) {
.about-page .timeline .space-top {
    height: 10vh;}
}
/* */
.about-page .timeline .row-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;}
/* */
.about-page .timeline .row-item .col-item {
    position: relative;
    background-color: #fff;
    min-width: 360px;
    height: 180px;
    border-bottom: 1px solid #979797;}
/* col-content */
.about-page .timeline .row-item .col-item .col-content {
    position: relative;
    height: 100%;
    border-left: 1px solid #979797;}
.about-page .timeline .row-item .col-item:hover .col-content {
    border-left-color: #000;}
.about-page .timeline .row-item .col-item .col-content::after {
    content: '';
    position: absolute;
    z-index: 1;
    background-image: url(../images/about/timeline/dot-circle.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;}
.about-page .timeline .row-item .col-item:hover .col-content::after {
    background-image: url(../images/about/timeline/circle.png);}
/* col-count */
.about-page .timeline .row-item .col-item .col-count {
    max-width: 50px;}
.about-page .timeline .row-item .col-item .col-count .item-count {
    color: #aaa;
    line-height: 18px;
    font-size: 24px;}
/**/
.about-page .timeline .row-item .col-item .year {
    line-height: 15px;
    font-size: 20px;
    margin-bottom: 5px;}
.about-page .timeline .row-item .col-item .dec {
    position: relative;
    font-size: 12px;
    line-height: 16px;
    color: #565656;
    margin-top: 10px;
    max-width: 220px;
    padding-left: 18px;}
.about-page .timeline .row-item .col-item .dec::before {
    font-family: FontAwesome;
    content: '\f10c';
    position: absolute;
    left: 0;
    top: 0;
    color: #0559D3;}
.about-page .timeline .row-item .col-item .dec:hover::before {
    content: '\f111';}
/* dropdown */
.about-page .timeline .row-item .col-item .dropdown {
    position: initial;}
.about-page .timeline .row-item .col-item .dropdown .dropdown-toggle {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;}
.about-page .timeline .row-item .col-item .dropdown .dropdown-toggle::after {
    border: none;}
.about-page .timeline .row-item .col-item .dropdown .dropdown-menu {
    width: 320px;
    transform: initial !important;
    top: -90px !important;
    bottom: initial !important;
    right: -70px !important;
    padding: 15px;
    border: none;
    box-shadow: -2px 10px 19px #00000070;
    border-radius: 10px 10px 10px 0;}
.about-page .timeline .row-item .col-item .dropdown .dropdown-menu::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -23px;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-top: 37px solid #fff;}
.about-page .timeline .row-item .col-item .dropdown .dropdown-menu .img-profile {
    max-width: 100px;}
.about-page .timeline .row-item .col-item .dropdown .dropdown-menu .img-profile img {
    width: 85px;
    height: 95px;
    object-fit: cover;
    border-radius: 10px;}
.about-page .timeline .row-item .col-item .dropdown .dropdown-menu .text-content p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
    color: #565656;}
@media (min-width: 992px) {
.about-page .timeline .row-item .col-item .dropdown .dropdown-toggle:active {
    pointer-events: none;}
.about-page .timeline .row-item .col-item .dropdown .dropdown-menu {
    display: block !important;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
.about-page .timeline .row-item .col-item .dropdown:hover>.dropdown-menu {
    opacity: 1;
    pointer-events: initial;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;}
}



/* 1 */
.about-page .timeline .row-item .col-item:nth-of-type(1) .col-content::after {
    bottom: -13px;
    left: -12px;}
/* 2 */
.about-page .timeline .row-item .col-item:nth-of-type(2) .col-content::after {
    top: -13px;
    left: -12px;}
/* block-list__item */
.about-page .timeline .row-item .block-list__item .col-item:nth-of-type(2) {
  left: 180px;
  border-bottom: 0;}
.about-page .timeline .row-item .block-list__item .col-item:nth-of-type(2) .year {
    margin-bottom: 0;
    margin-top: 5px;}
.about-page .timeline .row-item .block-list__item .col-item:nth-of-type(2) .row {
  align-items: flex-end;}
.about-page .timeline .row-item .block-list__item .col-item:nth-of-type(2) .col-content {
  align-items: flex-end;
  display: flex;}
.about-page .timeline .row-item .block-list__item .col-item:nth-of-type(2) .col-content .row [class^="col-"]:first-of-type {
  order: 2;}
.about-page .timeline .row-item .block-list__item:first-of-type {
  padding-left: 100px;}
.about-page .timeline .row-item .block-list__item:first-of-type .col-item:nth-of-type(1)::after {
  content: '';
  background-color: #979797;
  width: 100px;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: -100px;}
.about-page .timeline .row-item .block-list__item .col-item:nth-of-type(2) .dec {
    margin-top: 0;
    margin-bottom: 10px;}
/**/
/* .about-page .timeline .row-item .block-list__item:last-of-type .col-item:nth-of-type(2)::before {
  content: '';
  background-color: #979797;
  width: 1px;
  height: 100%;
  position: absolute;
  bottom: 100%;
  right: 135px;} */

/**/
.about-page .timeline .row-item .block-list__item:last-of-type .col-item:nth-of-type(2)::after {
  content: '';
  background-color: #979797;
  width: 180px;
  height: 1px;
  position: absolute;
  top: -1px;
  right: 0;}

/**/
/* .about-page .timeline .row-item .block-list__item:last-of-type .col-item:first-of-type::before {
  content: '';
  background-color: #979797;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 100%;
  right: 135px;} */
/* dropdown */
.about-page .timeline .row-item .block-list__item .col-item:nth-of-type(2) .dropdown .dropdown-menu {
    top: -55px !important;}




/* team */
/* item */
/* img-cover */
.about-page .team .item .img-cover, 
.about-page .team .item .img-cover .img-primary {
    height: 280px;}
.about-page .team .item .img-cover {
  overflow: hidden;
  position: relative;}
/* img-primary */
.about-page .team .item .img-cover .img-primary {
  width: 100%;
  object-fit: cover;}
/* overlay */
.about-page .team .item .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  transition: all 1s;
  background-color: transparent;}
.about-page .team .item:hover .overlay {
  transition: all 2s;
  background: linear-gradient(180deg, transparent, #00000078);}
/* social-media */
.about-page .team .item .social-media {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 10;
  transition: all 1s;
  opacity: 0;
  transform: translateY(60%);}
.about-page .team .item:hover .social-media {
  opacity: initial;
  transform: translateY(0);}
.about-page .team .item .social-media a {
    margin-left: 10px;
    text-decoration: none;
    display: inline-block;}
.about-page .team .item .social-media a img {
    height: 17px;}
.about-page .team .item .social-media a img[src="/static/public/images/icons/facebook.png"] {
    height: 19px;}
@media (max-width: 991px) {
.about-page .team .item .social-media a img {
    height: 13px;}
.about-page .team .item .social-media a img[src="/static/public/images/icons/facebook.png"] {
    height: 15px;}
}

/* content */
.about-page .team .item .content {
    padding-top: 15px;}
.about-page .team .item .content .name {
    font-size: 20px;}
.about-page .team .item .content .dec {
    opacity: .6;
    font-size: 14px;}
@media (max-width: 991px) {
.about-page .team .item .content .name {
    font-size: 18px;}
.about-page .team .item .content .dec {
    font-size: 13px;}
}


/* awards */
.about-page .awards .slick-list {
    padding-bottom: 30px;}
/* item */
.about-page .awards .item {
   background-color: #fff;
   box-shadow: 5px 6px 9px #0000001a}


/* cover */
.about-page .awards .item .cover {
    position: relative;
    overflow: hidden;}
.about-page .awards .item .cover::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #00000026;}
.about-page .awards .item .cover .img-primary {
    height: 220px;
    width: 100%;
    object-fit: cover;
    transition: transform .6s;}
.about-page .awards .item .cover:hover .img-primary,
.about-page .awards .item .cover:focus .img-primary {
    -ms-transform: scale(1.08); 
    -webkit-transform: scale(1.08);
    transform: scale(1.08);}

/* content */
.about-page .awards .item .content {
    padding: 20px;}
.about-page .awards .item .content .title {
    height: 38px;
    opacity: .9;
    margin-top: 3px;
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 13.3px;}
.about-page .awards .item .content .dec {
    font-size: 12px;
    height: 55px}
/* btn-icon-flat */
.about-page .awards .item .content .btn-icon-flat {
    font-size: 11.4px;
    padding-bottom: 5px;}
.about-page .awards .item .content .btn-icon-flat .fa {
    margin-left: 8px;
    font-size: 13px;}



    


/* light-gallery */
/* services */
/* item */
.light-gallery .services .item {
    background-color: #fff;
    box-shadow: 7px 7px 15px #cdcccc;
    height: 100%;
    padding: 30px;}
.light-gallery .services .item img {
    max-height: 90px;
    margin-top: 15px;}
.light-gallery .services .item .title {
    font-size: 16px;
    line-height: 21px;
    margin-top: 25px;
    margin-bottom: 10px;}
.light-gallery .services .item .dec {
    color: #6a6a6a;
    font-size: 13px;}

/* showrooms */
/* section-head-cover */
@media (min-width: 1200px) {
.light-gallery .showrooms .section-head-cover .text-cover-item {
    font-size: 140px;}
.light-gallery .showrooms .section-head-cover .text-cover-item-top-0 {
    top: -20px;}
}
@media (max-width: 767px) {
.light-gallery .showrooms .section-head-cover .text-cover-item {
    font-size: 16vw;}
}






/* our-showrooms */
/* popular-showrooms */
/* section-head-cover */
.our-showrooms .popular-showrooms .section-head-cover .text-cover-item {
    white-space: nowrap;}
@media (min-width: 1200px) {
.our-showrooms .popular-showrooms .section-head-cover .text-cover-item {
    font-size: 130px;}
}
@media (max-width: 1199px) {
.our-showrooms .popular-showrooms .section-head-cover .text-cover-item {
    font-size: 100px;}
}
@media (max-width: 991px) {
.our-showrooms .popular-showrooms .section-head-cover .text-cover-item {
    font-size: 70px;}
}
@media (max-width: 767px) {
.our-showrooms .popular-showrooms .section-head-cover .text-cover-item {
    font-size: 9.8vw;}
}

/* showrooms-list */
/* section-head-cover */
.our-showrooms .showrooms-list .section-head-cover .text-cover-item {
    font-size: 140px;
    line-height: 120px;}
.our-showrooms .showrooms-list .section-head-cover .text-cover-item-top-0 {
    top: -45px;}
@media (max-width: 1199px) {
.our-showrooms .showrooms-list .section-head-cover .text-cover-item {
    font-size: 120px;
    line-height: 100px;}
}
@media (max-width: 991px) {
.our-showrooms .showrooms-list .section-head-cover .text-cover-item {
    font-size: 100px;
    line-height: 80px;}
}
@media (max-width: 767px) {
.our-showrooms .showrooms-list .section-head-cover .text-cover-item {
    font-size: 15vw;}
}


/* tab-btns */
.our-showrooms .showrooms-list .tab-btns {
    position: relative;
    z-index: 2;
    border: none;}
.our-showrooms .showrooms-list .tab-btns .nav-link {
    border-radius: 0;
    border: none;
    margin-top: 10px;
    min-width: 140px;
    color: #212529;
    padding: 7px 25px;}
.our-showrooms .showrooms-list .tab-btns .nav-link:not(.active):hover {
    color: #0559D3;}
.our-showrooms .showrooms-list .tab-btns .nav-link.active {
    background-color: #0559D3;
    font-weight: bold;
    color: #fff;}

/* tab-hr */
.our-showrooms .showrooms-list .tab-hr {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #999;}







/* careers */
.careers .section-sub .h3 {
    color: #323030;
    font-size: 45px;}
.careers .section-sub .h4 {
    color: #323030;
    font-size: 26px;}
@media (min-width: 1200px) {
.careers .section-sub .container-fluid-first {
    padding-left: 130px;
    padding-right: 130px;}
}
@media (max-width: 1199px) {
.careers .section-sub .container-fluid-first {
    padding-left: 70px;
    padding-right: 70px;}
}
@media (max-width: 991px) {
.careers .section-sub .container-fluid-first {
    padding-left: 40px;
    padding-right: 40px;}
.careers .section-sub .h3 {
    font-size: 35px;}
.careers .section-sub .h4 {
    font-size: 20px;}
}
@media (max-width: 767px) {
.careers .section-sub .h3 {
    font-size: 30px;}
}
/* why-work */
.careers .section-sub .why-work {
    padding-left: 20px;
    padding-right: 20px;}
.careers .section-sub .why-work .item {
    margin-top: 25px;}
.careers .section-sub .why-work .item .img-icon {
    height: 50px;
    margin-right: 20px;}
.careers .section-sub .why-work .item .img-icon[src="/static/public/images/careers/flexible.png"] {
    height: 65px;}
.careers .section-sub .why-work .item .title {
    margin-bottom: 10px;
    font-size: 20px;}
.careers .section-sub .why-work .item .dec {
    max-width: 90%;
    font-size: 12px;}
@media (max-width: 991px) {
.careers .section-sub .why-work .item .img-icon {
    height: 40px;}
.careers .section-sub .why-work .item .img-icon[src="/static/public/images/careers/flexible.png"] {
    height: 55px;}
.careers .section-sub .why-work .item .title {
    font-size: 18px;}
.careers .section-sub .why-work .item .dec {
    font-size: 11px;}
}
@media (max-width: 767px) {
.careers .section-sub .why-work .item .title {
    font-size: 16px;}
}

/* openings-tabs */
.careers .openings-tabs {
    border: none;
    margin-top: 25px;}
.careers .openings-tabs .nav-link {
    min-width: 110px;
    margin-right: 15px;
    margin-top: 10px;
    border: 1px solid #999;
    margin-bottom: 15px;
    font-size: 13px;
    border-radius: 25px;
    padding: 8px 35px;
    color: #525252;}
.careers .openings-tabs .nav-link:hover {
    color: #000;}
.careers .openings-tabs .nav-link.active {
    color: #fff;
    border-color: #0559D3;
    background-color: #0559D3;}
@media (max-width: 991px) {
.careers .openings-tabs .nav-link {
    margin-right: 10px;
    margin-bottom: 5px;
    font-size: 12px;
    padding: 7px 30px;}
}

/* item-openings */
.careers .item-openings {
    position: relative;
    padding: 22px 27px 27px 27px;
    border-radius: 20px;
    margin-top: 15px;
    border: 2px solid transparent;}
.careers .item-openings::after {
    content: '';
    background-color: #ddd;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;}
.careers .item-openings:hover {
    border-color: #0559D3;
    background-color: #f3f9ff;}
.careers .item-openings:hover::after {
    background-color: transparent;}
.careers .item-openings .title {
    margin-bottom: 10px;
    font-size: 22px;}
.careers .item-openings .dec {
    margin-bottom: 5px;}
.careers .item-openings .btn-apply {
    color: #0559D3;
    border: 2px solid #0559D3;
    font-size: 15px;
    border-radius: 25px;
    padding: 12px 45px;}
.careers .item-openings:hover .btn-apply {
    background-color: #0559D3;
    color: #fff;}
@media (max-width: 991px) {
.careers .item-openings .title {
    font-size: 18px;}
.careers .item-openings .btn-apply {
    padding: 10px 40px;
    font-size: 14px;}
}
@media (max-width: 767px) {
.careers .item-openings .btn-apply {
    margin-top: 25px;}
}
/* item-info */
.careers .item-openings .item-info {
    margin-top: 20px;
    margin-left: 10px;
    display: flex;
    flex-wrap: wrap;}
.careers .item-openings .item-info .img-icon {
    display: inline-block;
    width: 40px;}
.careers .item-openings .item-info .img-icon img {
    width: 32px;}
.careers .item-openings .item-info .img-icon img[src="/static/public/images/careers/experience.png"] {
    width: 23px;}
.careers .item-openings .item-info .img-icon img[src="/static/public/images/careers/map.png"] {
    width: 21px;}
.careers .item-openings .item-info .label {
    flex: 1 0 0%;
    font-size: 15px;}
/* accordion */
.careers .item-openings .accordion-item {
    background-color: transparent;
    margin-left: 10px;
    border: none;}
.careers .item-openings .accordion-item .btn-collapse {
    padding-left: 0;
    padding-bottom: 0;
    font-size: 15px;}
.careers .item-openings .accordion-item .btn-collapse.collapsed {
    margin-top: 30px;}
.careers .item-openings .accordion-item .btn-collapse.collapsed span:last-of-type,
.careers .item-openings .accordion-item .btn-collapse:not(.collapsed) span:first-of-type {
    display: none;}
.careers .item-openings .accordion-item ul {
    color: #424242;
    padding-left: 0;}
.careers .item-openings .accordion-item ul li {
    font-size: 12.8px;
    padding-top: 10px;}
/* send-resume */
.careers .send-resume {
    margin-top: 40px;
    box-shadow: 5px 10px 20px #ddd;
    border-radius: 25px;
    padding: 35px;}
.careers .send-resume .h3 {
    white-space: pre-line;}
.careers .send-resume .btn-send {
    background-color: #0559D3;
    color: #fff;
    font-size: 15px;
    border-radius: 25px;
    padding: 15px 35px;}
.careers .send-resume .btn-send img {
    margin-left: 5px;
    height: 13px;}
@media (max-width: 991px) {
.careers .send-resume .btn-send {
    margin-top: 20px;
    padding: 12px 30px;
    font-size: 14px;}
}
@media (max-width: 767px) {
.careers .send-resume .btn-send {
    font-size: 13px;}
}
/* apply-modal */
.careers .apply-modal .modal-dialog {
    max-width: 900px;} 
.careers .apply-modal .img-right {
    padding: 15px;}
.careers .apply-modal .h3 {
    margin-bottom: 30px;
    margin-top: 30px;}
@media (max-width: 767px) {
.careers .apply-modal .img-right {
    max-height: 250px;}
}
/* form-default */
.careers .apply-modal .form-default .form-body .form-label,
.careers .apply-modal .form-default .form-body .attach-label-btn .attach-label {
    font-family: Montserrat-Medium;}
.careers .apply-modal .form-default .form-body .form-label {
    color: #000;}
.careers .apply-modal .form-default .form-body .form-control:invalid, 
.careers .apply-modal .form-default .form-body .form-select:invalid {
    background-color: #f2f2f2;}
.careers .apply-modal .form-default .form-body .attach-label-btn .attach-label {
    background-color: #2b3234;}
/* modal-footer */
.careers .apply-modal .modal-footer {
    padding-top: 0;
    border: none;}
.careers .apply-modal .modal-footer .btn {
    border: none;
    min-width: 100px;
    padding: 8px;}
.careers .apply-modal .modal-footer .btn-secondary {
    background-color: #dbe5ff;
    color: #0559D3;}
.careers .apply-modal .modal-footer .btn-primary {
    background-color: #0559D3;
    color: #fff;}


/* blog-list */
/* section-head-cover */
.blog-list .section-head-cover .text-cover-item {
    font-size: 220px;
    line-height: 240px;}
.blog-list .read-more 
{
    display: none ;
}

/* item */
.blog-list .item {
    border-bottom: 1px solid #d7d2d2;}
.blog-list .item .img-primary {
    width: 430px;
    height: 430px;
    object-fit: cover;}
.blog-list .item .date {
    color: #666;
    font-size: 14px;}
.blog-list .item .title {
    color: #323232;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 20px;}
.blog-list .item .dec {
    line-height: 22px;
    font-size: 13.3px;}
.blog-list .item .img-profile {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;}
.blog-list .item .name {
    font-size: 14px;}
@media (max-width: 767px) {
.blog-list .item .date {
    margin-top: 30px;}
}
@media (max-width: 575px) {
.blog-list .item .btn-bordered-blue {
    margin-top: 30px;}
}






/* contact-page */
/* row-item */
.contact-page .row-item {
    background-color: #fff;
    margin-top: -70px;}
.contact-page .row-item .item {
    height: 100%;
    position: relative;
    padding: 60px;}
@media (max-width: 991px) {
.contact-page .row-item {
    box-shadow: 8px 8px 13px #00000038;}
.contact-page .row-item .item {
    padding: 60px 40px 40px 40px;}
}
/* h4,h5 */
.contact-page .row-item h4 {
    letter-spacing: 2px;
    font-size: 28px;}
.contact-page .row-item h5 {
    margin-top: 20px;
    color: #999;
    font-size: 20px;}

/* feed-back-form */
/**/
@media (min-width: 992px) {
.contact-page .row-item .feed-back-form .item {
    box-shadow: -8px 10px 11px #0000001f;}
}
/**/
.contact-page .feed-back-form .col-md-6 {
    width: 100%;}
.contact-page .feed-back-form .form-control {
    padding-left: 0;
    margin-top: 40px;}
.contact-page .feed-back-form .btn {
    font-size: 14px;
    padding: 8px 45px;
    border-radius: 0;}

/* contact-info */
.contact-page .row-item .contact-info .item {
    color: #fff;}
/* contact-table */
.contact-page .contact-info .contact-table {
    margin-top: 25px;}
.contact-page .contact-info .contact-table td {
    padding-top: 40px;}
.contact-page .contact-info .contact-table td a {
    font-size: 14.8px;
    color: #fff;}
@media (min-width: 1200px) {
.contact-page .contact-info .contact-table td img[src="/static/public/images/icons/mail.png"] {
    height: 20px;}
.contact-page .contact-info .contact-table td img {
    height: 30px;
    padding-right: 25px;}
}
/* social-media */
.contact-page .contact-info .social-media {
    height: auto !important;
    margin-top: 155px;
    margin-left: auto;
    margin-right: auto;
    display: block;}
.contact-page .contact-info .social-media [class^="col-"] {
    width: auto;
    display: inline-block;
    margin-right: 15px;}
.contact-page .contact-info .social-media a {
    text-decoration: none;
    display: block;
    color: #c9c9c9;
    font-size: 28px;
    margin-top: 15px;}
.contact-page .contact-info .social-media a:hover {
    color: #fff;}
@media (max-width: 1199px) {
.contact-page .contact-info .social-media [class^="col-"] {
    margin-right: 5px;}
.contact-page .contact-info .social-media a {
    font-size: 22px;}
}
@media (max-width: 991px) {
.contact-page .contact-info .social-media [class^="col-"] {
    padding-left: 0;
    padding-right: 30px;
    margin-right: 0;}
.contact-page .contact-info .social-media {
    margin-top: 65px;}
}





/* login_page */
.login_page .page-content {
    padding: 30px 35px 80px;
    box-shadow: 9px 19px 35px #dcdcdd;}
/* form-head */
.login_page .page-content .form-head {
    margin-bottom: 25px;}
.login_page .page-content .form-head .logo {
    max-width: 100%;
    max-height: 65px;
    margin-bottom: 70px;}
/* form-body */
.login_page .page-content .form-body .field-col {
    position: relative;
    margin-top: 15px;}
.login_page .page-content .form-body .field-col .form-label {
    font-size: 13px;}
.login_page .page-content .form-body .field-col .form-control {
    font-size: 14px;}
.login_page .page-content .form-body .field-col .btn-toggle {
    position: absolute;
    right: 2px;
    bottom: 3px;
    padding: 3px 5px;
    border: none;
    background-color: transparent;
    color: #6a6a6a;}
.login_page .page-content .form-body .field-col .btn-toggle:hover {
    color: #000000c9;}
/* form-foot */
.login_page .page-content .form-foot {
    margin-top: 25px;}
.login_page .page-content .form-foot .btn-primary {
    min-width: 100px;}





/* footer */
footer {
    background-color: #15428C;
    color: #bec8df;}
/* footer-top */
footer .footer-top {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;}

/* h4 */
footer .footer-top h4 {
    margin-bottom: 0;
    font-size: 18px;}


/* hr */
footer .footer-top hr {
    margin-top: 10px;
    max-width: 100px;
    border: 2px solid #027feb;}
@media (max-width: 767px) {
footer .footer-top hr {
    margin-bottom: 10px;}
}

/* indro */
footer .footer-top .indro .a-logo {
    display: inline-block;}
footer .footer-top .indro .a-logo img {
    max-width: 100%;
    height: 40px;}
footer .footer-top .indro h6 {
    margin-top: 45px;
    line-height: 20px;
    font-size: 11.8px;}
@media (min-width: 768px) {
footer .footer-top .indro h6 {
    max-width: 320px;}
}
@media (max-width: 767px) {
footer .footer-top .indro {
    padding-bottom: 30px;}
footer .footer-top .indro h6 {
    margin-top: 15px;}
}

/* links */
footer .footer-top .links {
    padding-top: 5px;}
footer .footer-top .links a {
    display: block;
    font-size: 13.9px;
    color: #bec8df;
    text-decoration: none;
    margin-top: 15px;}
footer .footer-top .links a.active {
    font-weight: bold;
    color: #fff;}
footer .footer-top .links a:hover {
    color: #fff;}
@media (max-width: 767px) {
footer .footer-top .links a {
    font-size: 12.8px;
    margin-top: 15px;}
}

/* links-business */
footer .footer-top .links-business {
    margin-top: 52px;}
footer .footer-top .links-business a {
    font-size: 13.4px;
    color: #a3a7b3;}
footer .footer-top .links-business a:hover {
    color: #fff;}
@media (max-width: 575px) {
footer .footer-top .links-business {
    margin-top: 15px;}
}

/* contact-table */
footer .footer-top .contact-table {
    margin-top: 23px;}
footer .footer-top .contact-table td {
    padding-top: 20px;}
footer .footer-top .contact-table td a {
    color: #bec8df;}
footer .footer-top .contact-table td a:hover {
    color: #fff;}

/* social-media */
footer .footer-top .social-media a {
    text-decoration: none;
    display: block;
    color: #c9c9c9;
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 15px;}
footer .footer-top .social-media a:hover {
    color: #fff;}
@media (max-width: 767px) {
footer .footer-top .social-media a {
    font-size: 20px;
    margin-bottom: 0;}
}

/* social-media-right */
@media (min-width: 992px) {
footer .footer-top .social-media-right {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #232323;
    height: 100%;
    max-width: 95px;
    padding: 60px 30px;}
}
@media (max-width: 991px) {
footer .footer-top .social-media-right {
    display: none;}
}

/* social-media-static */
@media (max-width: 991px) {
footer .footer-top .social-media-static {
    padding-top: 90px;}
footer .footer-top .social-media-static .col {
    flex: 0;}
}
@media (max-width: 767px) {
footer .footer-top .social-media-static {
    padding-top: 30px;}
}


/* footer-bottom */
footer .footer-bottom {
  background: #0e068f;
  padding-top: 15px;
  padding-bottom: 15px;}
footer .footer-bottom .copyright {
  color: #787e8b;
  font-size: 12px;}
footer .footer-bottom .copyright span {
  display: inline-block;}
footer .footer-bottom .copyright a {
  text-decoration: none;
  color: #787e8b;}
footer .footer-bottom .copyright a:hover {
  color: #fff;}


.modal-wisher .modal-header h4{
    color: #a7a7ab;
    margin-top: 20px;
    font-size: 16px;
}
.modal-wisher .form-default .form-body .form-label{
    font-family: Montserrat-Medium;
    color: #3e3e3e;
}
.modal-wisher  .form-default .form-body .star {
    font-size: 18px;
    color: #f00;
}
.modal-wisher .form-default .form-body .form-control:invalid, .modal-wisher .form-default .form-body .form-select:invalid{
   background-color: #f2f2f2;
}
.modal-wisher .form-default .form-body .form-control, .modal-wisher .form-default .form-body .form-select{
    padding: 10px 15px;
    font-family: Montserrat-Medium;
}
.btn-black {
    background-color: #1a1a1a;
    color: #fff;
    border-radius: 0;
    font-size: 15px;
    padding: 7px 33px;
}
.btn-black:hover {
    background-color: #1a1a1a;
    color: #fff;
}