:root {
    --primary1: 49,39,131;
    --primary2:   0,159,227;
    --color_black: 0,0,0;
    --color_white: 255,255,255;
    --color_gray: 153,153,153;
    --baseFont: 'Poppins', sans-serif;
    --imgPrimary1: invert(27%) sepia(78%) saturate(3909%) hue-rotate(342deg) brightness(102%) contrast(100%);
    --imgPrimary2: invert(46%) sepia(79%) saturate(1085%) hue-rotate(164deg) brightness(90%) contrast(103%);
    --imgWhite: invert(100%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(103%) contrast(102%);
    --imgGray: invert(68%) sepia(9%) saturate(9%) hue-rotate(22deg) brightness(89%) contrast(88%);
}

body {font-family: var(--baseFont); font-weight: 400; color: rgb(var(--primary1));}
#inner-page{ overflow: visible; }
a {color: #063869;}
a:hover {color: rgb(var(--primary1)); text-decoration: none;}
a:hover, a:focus {outline: none; -webkit-box-shadow: none; box-shadow: none;}
button:focus {outline: none;}
.sprite {background-image: url("../images/sprite.png"); background-position: 0 0; background-repeat: no-repeat; display: inline-block; vertical-align: middle;}
.transition {-webkit-transition: all .3s linear; transition: all .3s linear;}
strong.medium {font-weight: 500;}
strong.semibold {font-weight: 600;}


#wrapper {max-width: 1920px; margin: 0 auto; overflow: hidden; position: relative;}
#banner{background-color: rgb(var(--primary1)); background-image: url(../images/banner.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; height: 100vh;}
.banner-wrapper{position: relative; display: flex; flex-direction: column; height: 100%; max-width: 80vw; margin: 0 auto;}
.header-top{background-color: #fff; position: fixed; left: 0; right: 0; top: 0; margin: 0 auto; z-index: 9; box-shadow: 0 0 5px rgb(0 0 0 / 15%);}
.header-top .header-block{display: flex; max-width: 80vw; margin: 0 auto; align-items: center; width: 100%; padding: 28px 0; position: relative;}
.header-top #menu{margin-left: auto; }
.header-top #menu ul{margin: 0; padding: 0; list-style: none; margin-right: 125px;}
.header-top #menu ul li{display: inline-flex;}
.header-top #menu ul li a{color: #282828; font-size: 16px; margin-left: 48px; text-decoration: none;}
.header-top #menu ul li a:hover{color: rgb(var(--primary2));}
.header-top #menu-icon{position: absolute; right: 0; display: block; width: 40px; height: 40px;}

#home .header-top{background-color: transparent; position: relative; box-shadow: none;}
#home #logo .logo-black{display: none;}
#logo .logo-white{display: none;}
#home #logo .logo-white{display: block;}
#home .header-top #menu ul li a{color: rgb(var(--color_white));}
#home .header-top #menu ul li a:hover{color: rgb(var(--primary2));}


.onepage-pagination{right: 55px; transform: scale(1) translateY(-50%); transition: all .3s linear;}
.onepage-pagination li{margin: 10px 0;}
.onepage-pagination li{width: auto; height: auto;}
.onepage-pagination li a{width: 18px; height: 18px; border:1px solid rgba(255,255,255, 0.25) !important; border-radius: 50%; position: relative;}
.onepage-pagination li a::before{content: ""; width: 8px; height: 8px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: none !important; background-color:rgba(255,255,255, 0.25) !important; }
.onepage-pagination li a.active{border-color: rgba(255,255,255,1) !important;}
.onepage-pagination li a.active::before{ background-color: rgba(255,255,255,1) !important; width: 8px; height: 8px; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}


#menu-icon span, #menu-icon span:before, #menu-icon span:after { width: 30px; height: 3px; background-color: #0f0f0f; display: block; position: absolute; top: 0; left: 0;
right: 0; top: 0; bottom: 0; margin: auto; transition: all 0.3s; border-radius: 3px; }
#home #menu-icon span,#home #menu-icon span:before,#home #menu-icon span:after{background-color: rgb(var(--color_white));}

#menu-icon span:before { content: ''; top: -18px;}
#menu-icon span:after {content: ''; top: 12px;}
#menu-icon.active span { background-color: transparent; right: 3px; }
#menu-icon.active span:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
#menu-icon.active span:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;}

@-webkit-keyframes move_wave {
  0% {transform: translateX(0) translateZ(0) scaleY(1);}
  50% {transform: translateX(-25%) translateZ(0) scaleY(0.55);}
  100% { transform: translateX(-50%) translateZ(0) scaleY(1);}
}
@-moz-keyframes move_wave {
  0% {transform: translateX(0) translateZ(0) scaleY(1);}
  50% {transform: translateX(-25%) translateZ(0) scaleY(0.55);}
  100% { transform: translateX(-50%) translateZ(0) scaleY(1);}
}
@-o-keyframes move_wave {
  0% {transform: translateX(0) translateZ(0) scaleY(1);}
  50% {transform: translateX(-25%) translateZ(0) scaleY(0.55);}
  100% { transform: translateX(-50%) translateZ(0) scaleY(1);}
}
@keyframes move_wave {
  0% {transform: translateX(0) translateZ(0) scaleY(1);}
  50% {transform: translateX(-25%) translateZ(0) scaleY(0.55);}
  100% { transform: translateX(-50%) translateZ(0) scaleY(1);}
}  

.waveWrapper {overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; top: auto; margin: auto; z-index: 9; height: 350px;}
.waveWrapperInner {position: absolute; width: 100%; overflow: hidden; height: 100%; bottom: -1px;}
.bgTop {z-index: 15; opacity: 1;}
.bgMiddle { z-index: 10; opacity: 1; bottom: 0; }
.bgBottom {z-index: 5; bottom: 0; }
.wave { position: absolute; left: 0; width: 200%; height: 100%; background-repeat: repeat no-repeat; background-position: 0 bottom; transform-origin: center bottom;}
.waveTop {background-size: 50% 240px;}
.waveMiddle { background-size: 50% 240px;}
.waveAnimation .waveMiddle {
  -webkit-animation: move_wave 10s linear infinite; 
  -moz-animation: move_wave 10s linear infinite; 
  -o-animation: move_wave 10s linear infinite; 
  animation: move_wave 10s linear infinite;}
.waveBottom {background-size: 50% 240px;}
.waveAnimation .waveBottom {
  -webkit-animation: move_wave 15s linear infinite; 
  -moz-animation: move_wave 15s linear infinite; 
  -o-animation: move_wave 15s linear infinite; 
  animation: move_wave 15s linear infinite;
}

svg{position: absolute; left: 0; right: 0; bottom: 0;}
svg path{-webkit-animation:pathAnim 7s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation:pathAnim 7s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;-o-animation:pathAnim 7s;-o-animation-timing-function:linear;-o-animation-iteration-count:infinite;animation:pathAnim 7s;animation-timing-function:linear;animation-iteration-count:infinite}
svg path:nth-child(2){-webkit-animation-delay:1s;-o-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}
svg path:nth-child(3){-webkit-animation-delay:3s;-o-animation-delay:3s;-moz-animation-delay:3s;animation-delay:3s}
svg path:nth-child(4){-webkit-animation-play-state:paused;-o-animation-play-state:paused;-moz-animation-play-state:paused;animation-play-state:paused}
@-webkit-keyframes pathAnim{0%{d:path("M0,192	C220,100,440,100,660,192 C880,290,1100,290,1320,192	L1320 300 L0 300")}25%{d:path("M0,100	C220,100,440,292,660,292 C880,292,1100,100,1320,100	L1320 300 L0 300")}50%{d:path("M0,192	C220,290,440,290,660,192 C880,100,1100,100,1320,192	L1320 300 L0 300")}75%{d:path("M0,292	C220,292,440,100,660,100 C880,100,1100,292,1320,292	L1320 300 L0 300")}100%{d:path("M0,192	C220,100,440,100,660,192 C880,290,1100,290,1320,192	L1320 300 L0 300")}}
@-moz-keyframes pathAnim{0%{d:path("M0,192	C220,100,440,100,660,192 C880,290,1100,290,1320,192	L1320 300 L0 300")}25%{d:path("M0,100	C220,100,440,292,660,292 C880,292,1100,100,1320,100	L1320 300 L0 300")}50%{d:path("M0,192	C220,290,440,290,660,192 C880,100,1100,100,1320,192	L1320 300 L0 300")}75%{d:path("M0,292	C220,292,440,100,660,100 C880,100,1100,292,1320,292	L1320 300 L0 300")}100%{d:path("M0,192	C220,100,440,100,660,192 C880,290,1100,290,1320,192	L1320 300 L0 300")}}        
@-o-keyframes pathAnim{0%{d:path("M0,192	C220,100,440,100,660,192 C880,290,1100,290,1320,192	L1320 300 L0 300")}25%{d:path("M0,100	C220,100,440,292,660,292 C880,292,1100,100,1320,100	L1320 300 L0 300")}50%{d:path("M0,192	C220,290,440,290,660,192 C880,100,1100,100,1320,192	L1320 300 L0 300")}75%{d:path("M0,292	C220,292,440,100,660,100 C880,100,1100,292,1320,292	L1320 300 L0 300")}100%{d:path("M0,192	C220,100,440,100,660,192 C880,290,1100,290,1320,192	L1320 300 L0 300")}}        
@keyframes pathAnim{0%{d:path("M0,192	C220,100,440,100,660,192 C880,290,1100,290,1320,192	L1320 300 L0 300")}25%{d:path("M0,100	C220,100,440,292,660,292 C880,292,1100,100,1320,100	L1320 300 L0 300")}50%{d:path("M0,192	C220,290,440,290,660,192 C880,100,1100,100,1320,192	L1320 300 L0 300")}75%{d:path("M0,292	C220,292,440,100,660,100 C880,100,1100,292,1320,292	L1320 300 L0 300")}100%{d:path("M0,192	C220,100,440,100,660,192 C880,290,1100,290,1320,192	L1320 300 L0 300")}}        
 
.overlay {visibility: hidden; position: fixed; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5);
z-index: 101; transition: all 0.4s ease;}
.overlay.active { display: block; }
#sidebar-menu #menu-icon-close{ position: absolute; z-index: 9;width: 40px; height: 40px; top: 47px; margin: 0 auto; left: 0; right: 0;}
#sidebar-menu #menu-icon-close span, #sidebar-menu #menu-icon-close span:before, #sidebar-menu #menu-icon-close span:after {
width: 30px; height: 3px; background-color: rgb(var(--color_white)); display: block; position: absolute; top: 0; left: 0; right: 0; top: 0; bottom: 0;
margin: auto; transition: all 0.3s; border-radius: 3px;}
#sidebar-menu #menu-icon-close span:before {content: ''; top: -18px; }
#sidebar-menu #menu-icon-close span:after {content: ''; top: 18px; }
#sidebar-menu #menu-icon-close span {background-color: transparent; right: 3px;}
#sidebar-menu #menu-icon-close span:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);top: 0;}
#sidebar-menu #menu-icon-close span:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;}
#sidebar-menu {display: block; background-color: #0299de; position: fixed; width: 320px; top: 0; height: 100%; z-index: 101; overflow-y: scroll; right: -320px;}
#sidebar-menu ul {margin: 0; padding: 0; list-style: none; float: none; display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center;}
#sidebar-menu ul li {float: none; padding: 0; margin: 0; border: none; position: relative; }
#sidebar-menu ul li .text {display: block; padding: 10px 60px 10px 20px; color: #b5b5b5; font-size: 0.80rem; text-transform: uppercase;}
#sidebar-menu ul li a {padding: 20px 60px 20px 20px; display: block; color: rgb(var(--color_white)); text-decoration: none; text-transform: uppercase; position: relative; }
#sidebar-menu ul li a .icon-bar {width: 60px; height: 100%; position: absolute; right: 0; top: 0; }
#sidebar-menu ul li a .icon {width: 19px; height: 4px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; cursor: pointer;}
#sidebar-menu ul li a .icon:before, #sidebar-menu ul li a .icon:after { content: ''; position: absolute; top: 2px; width: 9px; height: 1px; display: block;
background: rgb(var(--color_white)); transition: 0.3s transform; }
#sidebar-menu ul li a .icon:before {transform: rotate(-45deg); right: 4px; }
#sidebar-menu ul li a .icon:after { transform: rotate(45deg); }
#sidebar-menu ul li.active a .icon:before { transform: rotate(45deg); right: 4px;}
#sidebar-menu ul li.active a .icon:after { transform: rotate(-45deg); }
#sidebar-menu ul li ul,#sidebar-menu ul li:hover>ul,#sidebar-menu ul li ul li ul,#sidebar-menu ul li ul li:hover>ul {width: auto; display: none;
opacity: 1; position: relative; left: 0; top: 0; visibility: visible; transition: none; box-shadow: none; }
#sidebar-menu ul li ul { padding: 15px 0;}
#sidebar-menu ul li ul li a {font-size: 0.90rem; text-transform: none; padding: 10px 60px 10px 30px; border-bottom: none; }
#sidebar-menu ul li ul li a:hover { color: rgb(var(--primary1)); background-color: transparent; }
#sidebar-menu ul li a{font-weight: 500;}
#sidebar-menu ul li a:hover{color: rgb(var(--primary1));}
#sidebar-menu.active { right: -320px;}
.sprite{background-image: url(../images/sprite.png); display: inline-block; vertical-align: middle;}
#banner-text{text-align: center; text-transform: uppercase; color: rgb(var(--color_white)); padding-top: 80px; font-family: "Montserrat", sans-serif; font-weight: 500; display: flex; justify-content: center; align-items: center; flex-direction: column;}
#banner-text .first-line{font-size: 4.5rem; line-height: 1.1;}
#banner-text .first-line em{font-style: normal; color: rgb(var(--color_white));}
#banner-text .first-line span{color: rgb(var(--primary2));}
#banner-text .second-line{font-size: 3.125rem; line-height: 1;}
#banner-text .anniversary{max-width: 240px; margin: 60px 0;}

.btn-cust{border-radius: 30px; text-transform: uppercase; text-decoration: none; color: rgb(var(--primary1)); border:1px solid rgb(var(--primary1)); padding: 15px 24px; min-width: 170px; box-shadow: none; display: inline-block; position: relative; z-index: 1; font-family: "Montserrat", sans-serif; font-weight: 300;}
.btn-cust:focus{box-shadow: none;}
.btn-cust .arrow{background-position: -2px -3px; width: 14px; height: 12px; margin-left: 4px; position: relative; top:-1px;}
.btn-cust:hover .arrow{background-position:  -2px -22px;}
.btn-cust:hover{background-color: rgb(var(--primary1)); color: rgb(var(--color_white));}

#banner .btn-cust{ background-color: rgb(var(--color_white)); border-color: rgb(var(--color_white)); font-family: var(--baseFont); font-weight: 600; z-index: 99;}
#banner .btn-cust:hover{background-color: rgb(var(--primary2)); color: rgb(var(--color_white)); border-color: rgb(var(--primary2));}


/* Typography */
.padding {padding: 100px 0;}
.mbt100 {margin-bottom: 100px !important;}
h2.title{position: relative; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 3rem; margin-bottom: 40px; text-transform: uppercase;}
h2.title strong{font-family: "Montserrat", sans-serif; font-weight: 500;  display: inline-block;}
h2.title span{display: inline-block; background-color: #26ade7; font-size: 1rem; text-transform: uppercase; color:rgb(var(--color_white)); font-family: "Montserrat", sans-serif; font-weight: 400; padding: 8px 30px; border-radius: 15px; margin-bottom: 40px; line-height: 0.90;}
.container {width: 100%; max-width: 1170px;}


.title-wrap{position: relative;}
.title-wrap .btn-cust{position: absolute; right: 0; bottom: 15px;}
.title-wrap p{color: rgb(var(--color_white)); font-family: "Montserrat", sans-serif; font-weight: 300;}

#about-us{background-color: rgb(var(--primary2));}
#about-us h2.title span{color:rgb(var(--primary1));}
.about-content {max-width: 85%;}
.about-content p{font-family: "Montserrat", sans-serif; font-weight: 400; color:rgb(var(--color_black)); margin-bottom: 0;}
.about-content .btn-cust{margin-top: 40px;}
.about-photos .pic{margin-bottom: 30px; box-shadow: 3px 4px 28.48px 3.52px rgba(0, 0, 0, 0.08);}
.about-photos .row:last-child .pic{margin-bottom: 0;}
.about-photos img{max-width: none;}

#why-us{background-color: rgb(var(--primary1)); overflow: hidden;}
#why-us:before {content: ""; width: 58.33%; height: 100%; background: #bcddee; display: block; z-index: 0; position: absolute;}
#why-us .container-fluid{position: relative; padding: 0;}
#why-us .why-content{max-width: 650px;  padding-right: 50px; margin-left: auto;}
#why-us .row [class^="col-"]:first-child{position: relative; display: flex; justify-content: end; }
#why-us .row [class^="col-"]:first-child::before{content: ""; position: absolute; left: 0; top:50%; transform: translateY(-50%); content: "";background-image: url(../images/whyus-bg.jpg); background-repeat: no-repeat; background-position: left center; display: inline-block; width: 60%; height: 100vh; background-size: cover;}

#statics-list{margin: 0; padding: 0; list-style: none; max-width: 430px; margin-left: 50px;}
#statics-list li{padding: 50px 30px; border-bottom: 1px solid #5a529c;}
#statics-list li:last-child{border-bottom: none;}
#statics-list li .data-info{display: flex;}
#statics-list li .data-info .icon{margin-right: 25px; flex-grow:0; width: 95px;}
#statics-list li .data-info .data-detail span{display: block;}
#statics-list li .data-info .data-detail .number{font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 3.125rem; line-height: 1; color: rgb(var(--primary2));}
#statics-list li .data-info .data-detail .number:after{content: "+"; font-family: var(--baseFont); }
#statics-list li .data-info .data-detail .text{font-family: "Montserrat", sans-serif; font-weight: 400; font-size:1.125rem; line-height: 1.2; color:rgb(var(--color_white)); margin-top: 10px; text-transform: uppercase;}

.list-style01{margin: 0; padding: 0; list-style: none;}
.list-style01 li{position: relative; font-size: 1.125rem; margin-bottom: 20px; padding-left: 30px; font-family: "Montserrat", sans-serif; font-weight: 400;}
.list-style01 li::before{content: ""; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -2px -41px;	width: 11px; height: 9px; display: inline-block; position: absolute; left: 0; top: 8px;}
.list-style01 li:last-child{margin-bottom: 0;}
.list-style01 li span{font-family: "Montserrat", sans-serif; font-weight: 500; }

#products{background: #fcfcfc;}
#products h2.title span{color: rgb(var(--primary1)); background-color: #c9c7de;}
#products .product-title-wrap{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px;}
#products .link-wrap{margin-bottom: 15px;}


#products .title-wrap .btn-cust{margin-right: 0;}

.product-list .item{padding: 30px 0; position: relative; transition: all .3s linear; display: block; margin: 0 15px;}
.product-list .item .icon{position: absolute; right: 30px; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden;}
.product-list .item:hover .icon{opacity: 1; visibility: visible;}
.product-list .item .icon .arrow{background-position: -2px -3px; width: 14px; height: 12px;}
.product-list .item span{display: block;}
.product-list .item::after{content: ""; height: 1px; width: 100%; left: 0; right: 0; margin: 0 auto; bottom: 0; position: absolute; background-color: #e1e1e1;  transition: all .3s linear;}
.product-list .item:hover{padding: 30px; margin: 0 -15px; box-shadow: 0px 5px 8.73px 0.27px rgba(0, 0, 0, 0.05); background-color: rgb(var(--color_white));}
.product-list .item:hover:after{display: none;}
.product-list .item .product-name{font-size: 1.125rem; font-weight: 700; color: rgb(var(--primary1)); margin-bottom: 5px; text-transform: uppercase; line-height: 1;}
.product-list .item .qty{font-size: 0.875rem; color: rgb(var(--primary2)); line-height: 1;}


#partners{background: url(../images/partners-bg.jpg) no-repeat center top; background-size: cover;}
#partners h2.title span{background-color: #6c5da4;}
#partners h2.title{color: rgb(var(--color_white));}
#partners .btn-cust{color:rgb(var(--color_white)); border-color: rgb(var(--color_white));}
#partners .btn-cust .arrow{background-position: -2px -22px;}


#partner-list .item{display: inline-flex; align-items: center; width: calc(33.33% - 15px); margin-bottom: 20px;}
#partner-list .item .icon{width: 82px; height: 82px; background-color: rgb(var(--color_white)); border-radius: 50%; position: relative; margin-right: 20px; flex-shrink: 0; overflow: hidden;}
#partner-list .item .icon img{max-width: 60%; max-height: 60%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
#partner-list .item .info .name{font-weight: 700; color: rgb(var(--primary2)); text-transform: uppercase;}
#partner-list .item .info .text{font-size: 0.875rem; color:rgb(var(--color_white)); }

#clientele{background-color: #fcfcfc;}
#clientele h2.title span{ background-color: #c9c7de; color: rgb(var(--primary1));}
.clientele-wrapper .title-block{width: 420px; float: left;}
.clientele-wrapper .title-block h2.title{margin-bottom: 0;}
.clientele-wrapper .logo-list .item{width: 132px; margin: 5px; box-shadow: 0px 5px 8.73px 0.27px rgba(0, 0, 0, 0.05); float: left;}
.clientele-wrapper .logo-list .item .pic{background-color: #fff; padding: 15px; height: 90px; position: relative;}
.clientele-wrapper .logo-list .item .pic img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
/*.slider-outer {display: flex; flex-wrap: wrap;}
.slider-outer .slider-inner{width: calc(25% - 30px); margin:10px;}
.slider-outer.second .slider-inner{width: calc(16.9% - 30px); }
.slider-outer .slider-inner .clientele-slider{box-shadow: 0px 5px 8.73px 0.27px rgba(0, 0, 0, 0.05);}
.slider-outer .slider-inner .clientele-slider .item img{width: auto;}
.slider-outer .slider-inner .clientele-slider .item .pic{background-color: #fff; padding: 15px; height: 80px; position: relative;}
.slider-outer .slider-inner .clientele-slider .item .pic img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;} */

#testimonials{background-color: rgb(var(--primary2));}
#testimonials h2.title{color: rgb(var(--color_white));}
#testimonials h2.title span{color:rgb(var(--primary1));}


.testimonial-slider .item{border:1px solid #81ccef; padding:70px 50px 60px; position: relative;  margin-bottom: 70px;}
.testimonial-slider .item .arrow-top{background-position: -27px -3px; width: 37px;	height: 28px; position: absolute; top: 20px; left: 50px; }
.testimonial-slider .item p{color: rgb(var(--color_black)); font-family: "Montserrat", sans-serif; font-weight: 400; margin: 0;}
.testimonial-slider .person-info{position: absolute; left: 40px; bottom: -70px; display: flex; -webkit-justify-content: flex-end; align-items: flex-end; -webkit-align-items: flex-end;}
.testimonial-slider .person-info .details .name{color: rgb(var(--primary1)); font-size: 1.125rem; font-family: "Montserrat", sans-serif; font-weight: 500; }
.testimonial-slider .person-info .details .post{color: rgb(var(--primary1)); font-family: "Montserrat", sans-serif; font-weight: 300; }
.testimonial-slider .person-info .image-wrap{width: 86px; height: 86px; overflow: hidden; flex-shrink: 0; margin-right: 20px;}
.testimonial-slider .person-info .image-wrap img{ -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%; max-width: 100%; width: auto;border: 1px solid rgb(var(--primary1));width: 100%;}
.testimonial-slider .owl-stage {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.testimonial-slider .owl-flex .owl-stage .owl-item {display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; height: auto !important;}
.testimonial-slider .owl-dots{position: absolute; right: 0; left: 0; bottom: -50px; width: 100%; text-align: center;}
.testimonial-slider .owl-dots .owl-dot{width: 9px; height: 9px; border-radius: 50%; background-color: rgba(255,255,255,0.5); margin: 0 3px; display: inline-block; }
.testimonial-slider .owl-dots .owl-dot.active{background-color: rgb(var(--color_white));}

#footer{}
#footer #top-strip{background:url(../images/bottom-bg.jpg) no-repeat 0 0; background-size: cover; height: 100%; -webkit-justify-content: flex-end; align-items: flex-end; -webkit-align-items: flex-end; display: flex; padding: 100px 0 0 0; overflow: hidden;}
#footer #top-strip h2.title span{background-color: #6b64a9;}
#footer #top-strip h2.title{color: rgb(var(--color_white));}
#footer #top-strip h3{text-transform: uppercase; color: rgb(var(--primary2)); font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 1.5rem; margin: 0 0 24px;}
#footer #top-strip .address-block{}
#footer #top-strip .address-block h4{color: rgb(var(--primary2)); font-size: 1rem; font-family: "Montserrat", sans-serif; font-weight: 500; margin: 0 0 5px; font-weight: 600;}
#footer #top-strip .address-block p{color: rgb(var(--color_white));}
#footer #top-strip .address-block .address{font-family: "Montserrat", sans-serif; font-weight: 300; color: rgb(var(--color_white));}
#footer #top-strip .address-block .list{margin: 0; padding: 0; list-style: none;}
#footer #top-strip .address-block .list li{margin-top: 7px;}
#footer #top-strip .address-block .list li.direction-link a{text-decoration: underline;}
#footer #top-strip .address-block .list li a{position: relative;  padding-left: 25px; color: rgb(var(--color_white)); text-decoration: none; font-size: 1.125rem; font-family: "Montserrat", sans-serif; font-weight: 300;}
#footer #top-strip .address-block .list li a .sprite{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#footer #top-strip .address-block .list li a .email{background-position: -4px -81px; width: 14px;	height: 11px;}
#footer #top-strip .address-block .list li a .phone{background-position: -4px -59px; width: 15px; height: 15px;}
#footer #top-strip .address-block .list li a .direction{background-position: -4px -96px;	width: 17px; height: 18px;}
#footer #top-strip .address-block .list li a:hover{color:rgb(var(--primary2));}
#footer #top-strip .address-block .list li.direction-link a{font-size: 1rem;}
#footer #top-strip .social-media{margin: 0; padding: 0; list-style: none;}
#footer #top-strip .social-media li{margin-top: 20px;}
#footer #top-strip .social-media li a{text-decoration: none; padding-left: 40px; position: relative; color: rgb(var(--color_white)); font-size: 1.125rem; font-family: "Montserrat", sans-serif; font-weight: 400;}
#footer #top-strip .social-media li a:hover{color: rgb(var(--primary2));}
#footer #top-strip .social-media li a i{font-style: normal;}
#footer #top-strip .social-media li a i.fa{position: absolute; left: 0; top: 0;}
#footer #top-strip #quick-links{padding: 30px 0; margin: 60px 0; border-top: 1px solid #675fa4; display: flex;}
#footer #top-strip #quick-links .text{font-size: 1.25rem; font-weight: 600; color: rgb(var(--primary2)); margin-right: 30px;}
#footer #top-strip #quick-links .links .menu{margin: 0; padding: 0; list-style: none; display: flex;}
#footer #top-strip #quick-links .links a{color:rgb(var(--color_white)); font-family:var(--titleFontLight); margin-left: 40px; display: inline-block; text-decoration: none;}
#footer #top-strip #quick-links .links a:hover{color:rgb(var(--primary2)); text-decoration: underline;}


#footer .copyright{background-color: rgb(var(--color_white)); padding: 25px 0; display: flex; justify-content: space-between; align-items: center; position: relative;}
#footer .copyright::before,#footer .copyright::after{content: ""; position: absolute;  background-color: rgb(var(--color_white)); width: 100%; top: 0; display: block; height: 100%;}
#footer .copyright::before{left: -100%;}
#footer .copyright::after{right: -100%;}
#footer .copyright .text{font-size: 0.875rem; color: #15175b;}
#footer .copyright .text img{margin-right: 15px;}
#footer .designed-by{font-size: 0.875rem; color: #15175b;}

#totop {bottom: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; position: fixed; right: 30px; z-index: 9; background: rgb(var(--primary2)); color: rgb(var(--color_white)); text-align: center; transition: background-color .2s linear; opacity: 0; border-radius: 50%;}
#totop .angle-up{background-position: -2px -3px; width: 14px; height: 12px; filter:var(--imgWhite); transform: rotate(-90deg);}

/*****/
.table-outer{display: table; height: 100%; width: 100%;}
.table-outer .table-data {display: table-cell; vertical-align: middle; width: 100%; height: 100%; position: relative;}

/* inner-banner */
#inner-banner{height: 520px; margin-top: 136px;}
#inner-banner .inner-banner-text{position: relative; display: flex; flex-direction: column; height: 100%; max-width: 1140px; margin: 0 auto; justify-content: center; color: rgb(var(--color_white));}  
#inner-banner .inner-banner-text .title{}
#inner-banner .inner-banner-text .sort-info{font-family: "Montserrat", sans-serif; font-weight: 300; max-width: 60%;}

#page-breadcrumb{}
#page-breadcrumb .breadcrumb{background-color: transparent; padding: 30px 0 0;} 
#page-breadcrumb .breadcrumb li{font-family: "Montserrat", sans-serif; font-weight: 300;}
#page-breadcrumb .breadcrumb li.active{color: #282828;}
#page-breadcrumb .breadcrumb li a{color: #282828;}

.content p{color:rgb(var(--color_black));}
#main-container #statics-list li { border-bottom: none;}
#main-container #statics-list li .data-info .data-detail .text{color: #272727;}
#statics-list li .data-info .icon img{filter: var(--imgPrimary2);}
#main-container #statics-list{max-width: 100%; margin-left: 0;}

#vision-mission{padding-bottom: 200px;}
#vision-mission .title{color: var(--titleFontMedium);}
#vision-mission p{margin-bottom: 0;}

#director-block .container-fluid{padding: 0; background-color: rgb(var(--primary2));}
#director-block .container-fluid .row [class^="col-"]{min-height: 825px; }
#director-block .container-fluid .pic{background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat;}
#director-block .director-message{display: flex; justify-content: center; flex-direction: column; max-width: 665px; height: 100%; padding: 50px 0; color: rgb(var(--color_white));}
#director-block .director-message p{color: rgb(var(--color_white)); font-family: "Montserrat", sans-serif; font-weight: 300;}
#director-block .director-message .sort-info{margin-top: 40px;}
#director-block .director-message .sort-info .name{font-size:1.5rem; font-weight: 600; text-transform: uppercase;}

#awards .item .img-wrap{display: block; position: relative; padding-top: 140%;}    
#awards .item .img-wrap img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover ;}
#awards .item .icon{width: 50px; height: 50px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; justify-content: center; align-items: center; display: flex; transform: scale(0); transition: all .3s linear; z-index: 3;}
#awards .item .award-title{font-family: "Montserrat", sans-serif; font-weight: 300; color: rgb(var(--color_black)); text-align: center; display: block; margin: 15px 0 0;}
#awards .item .icon .zoom{background-position: -30px -100px; width: 30px; height: 30px;}
#awards .item:hover .icon{transform: scale(1);}
#awards .item .img-wrap::before{content: ""; background-color: rgba(var(--color_black),0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all .3s linear; z-index: 2;}
#awards .item:hover .img-wrap::before{opacity: 1; visibility: visible;}


#infrastructure{background-color: rgb(var(--primary2));}
#infrastructure h2.title {color: rgb(var(--color_white));}
#infrastructure h3{text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 1.5rem; margin: 30px 0; color: rgb(var(--color_white));}
#infrastructure .item{display: block; position: relative; padding-top: 66.66%;}   
#infrastructure .item img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover ;}
#infrastructure .item .icon{width: 50px; height: 50px; background-color: rgb(var(--color_white)); border-radius: 50%; position: absolute; color: rgb(var(--color_white)); left: 0; right: 0; top: 0; bottom: 0; margin: auto; justify-content: center; align-items: center; display: flex; transform: scale(0); transition: all .3s linear; display: none;}
#infrastructure .item .icon i{color: rgb(var(--primary2));}
#infrastructure .item:hover .icon{transform: scale(1);}

.infra-slider{margin-bottom: 30px;}


#meet-branch h4{font-family: "Montserrat", sans-serif; font-weight: 500; margin: 0 0 25px;}
#meet-branch .address-block{color: #363636;}
#meet-branch .address-block h6{color: rgb(var(--primary1));}
#meet-branch .address-block .list{margin: 0; padding: 0; list-style: none;}
#meet-branch .address-block .list li{margin-top: 7px;}
#meet-branch .address-block .list li.direction-link a{text-decoration: underline;}
#meet-branch .address-block .list li a{position: relative;  padding-left: 25px; color: #363636; text-decoration: none; font-size: 1.125rem; font-family: "Montserrat", sans-serif; font-weight: 300;}
#meet-branch .address-block .list li a .sprite{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#meet-branch .address-block .list li a .email{background-position: -4px -81px; width: 14px;	height: 11px;}
#meet-branch .address-block .list li a .phone{background-position: -4px -59px; width: 15px; height: 15px;}
#meet-branch .address-block .list li a .direction{background-position: -4px -96px;	width: 17px; height: 18px;}
#meet-branch .address-block .list li a:hover{color:rgb(var(--primary2));}
#meet-branch .address-block .list li.direction-link a{font-size: 1rem;}

#map iframe{display: block;}

#business-inquiry{background-color: rgb(var(--primary2));}
#business-inquiry h2.title{color: rgb(var(--color_white));}
#business-inquiry h2.title span{color: rgb(var(--primary1));}

.inquiry-form .form-group{margin-bottom: 25px;}
.inquiry-form .form-group .form-control{color: rgb(var(--color_white)); padding: 15px 30px; border-radius: 30px; border: 1px solid rgba(var(--color_white),0.5); height: auto; background-color: transparent;}
.inquiry-form .form-group textarea.form-control{max-height: 130px; resize: none;}
.inquiry-form .form-group .form-control::-webkit-input-placeholder {color: rgba(var(--color_white),0.5);}
.inquiry-form .form-group .form-control::-moz-placeholder {color: rgba(var(--color_white),0.5);}
.inquiry-form .form-group .form-control:-ms-input-placeholder {color: rgba(var(--color_white),0.5);}
.inquiry-form .form-group .form-control:-moz-placeholder {color: rgba(var(--color_white),0.5);}

/*accordion*/
#accordion {border: none; border-radius:0; overflow: hidden;}
#accordion .card {background-color: rgb(var(--color_white)); margin-bottom: 80px; border: 1px solid #e6e6e6; border-top: none;  border-radius: 0;}
#accordion .card:last-child{margin-bottom: 0;}
#accordion .card-header img{width: 100%;}
#accordion .card:last-child .card-header {border-bottom: none;}
#accordion .card-header {background: none; border-bottom: none;position: relative; padding: 0;}
#accordion .card-link {display: block; padding: 30px 60px; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 1.875rem; line-height: 1.3; color: var(--primary1); text-transform: uppercase; position: relative;}
#accordion .card-body {position: relative;padding-left: 0px;padding-right: 0px;border-bottom:none;padding-top: 0px; z-index:1;}
/*#accordion .card-body:after{content:'';position:absolute;top:0;bottom:0;left:-30px;right:0;background-color: #ffffff;width:calc(100% + 60px);height:100%;}*/
#accordion .collapse .card-body {background-color: #ffffff;margin:0 -30px;padding: 20px 30px;}
#accordion .card-header a .icon{position: absolute; right:60px; width: 23px; height: 23px; top: 50%; transform: translateY(-50%);}
#accordion .card-header a .icon:after,#accordion .card-header a .icon:before{content: ""; font-size: 1.875rem; background-color: rgb(var(--primary1)); display: block; width: 100%; height: 3px; position: absolute; transition: all .3s linear; left: 0;
right: 0; top: 0; bottom: 0; margin: auto;}
#accordion .card-header a .icon:before{transform: rotate(0deg);}
#accordion .card-header a.collapsed .icon:before {transform: rotate(90deg);}

.industry-tabs{border: none; flex-wrap: nowrap;}
.industry-tab-outer{max-height: 650px; height: 100%; background-color: #edf0f3;}
.industry-tabs .nav-item{margin: 0; border: none; background-color: #edf0f3;}
.industry-tabs .nav-link{border-radius: 0;border: none;}
.industry-tabs .nav-link{padding: 30px 60px 20px; background-color: #edf0f3; position: relative;}
.industry-tabs .nav-link.active{box-shadow: 0px 15px 20.37px 0.63px rgba(0, 0, 0, 0.07);}
.industry-tabs .nav-link span{display: block; line-height: 1;}
.industry-tabs .nav-link .pro-name{font-size: 1.125rem; font-family: "Montserrat", sans-serif; font-weight: 400; color: #343434; margin-bottom: 5px;}
.industry-tabs .nav-link .pro-qty{color: #b7b7b7; }
.industry-tabs .nav-link.active .pro-name{text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 500; color: rgb(var(--primary1));}
.industry-tabs .nav-link .icon{position: absolute; top: 50%; transform: translateY(-50%); right: 0; transition: all .3s linear; opacity: 0; visibility: hidden;}
.industry-tabs .nav-link.active .icon{right: 30px; opacity: 1; visibility: visible;}
.industry-tabs .nav-link.active .icon .arrow{background-position: -73px -3px;	width: 24px; height: 20px;}


ul.pro-list{margin: 0; padding: 0; list-style: none; max-height: 650px; }  
ul.pro-list li{padding: 25px; }
ul.pro-list li span{display: block; line-height: 1;}
ul.pro-list li .pro-name{font-size: 1.125rem; font-family: "Montserrat", sans-serif; font-weight: 400; color: #343434; margin-bottom: 5px;}
ul.pro-list li .pro-qty{color: #b7b7b7;}
ul.pro-list li:hover{box-shadow: 0px 15px 20.37px 0.63px rgba(0, 0, 0, 0.07);}
ul.pro-list li:hover .pro-name{text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 500; color: rgb(var(--primary1));}

.life-at-mmpl{}
#meet-photos{margin: 40px 0 130px;}
#meet-photos [class^="col-"] .item{ margin-bottom: 30px;}
#meet-photos .item img{width: 100%;}


#meet-values .list-style01{margin-top: 172px; display: flex; flex-wrap: wrap; justify-content: space-between;}
#meet-values .list-style01 li{color: #262626; width: 45%;}
#meet-values .list-style01 li::before{ background-position: -22px -41px;}

#career{background-color: #f9f9f9;}
#career-accordion {border: none; border-radius:0; overflow: hidden;}
#career-accordion .card {background-color: transparent; border: none;  border-radius: 0;}
#career-accordion .card:last-child{margin-bottom: 0;}
#career-accordion .card-header img{width: 100%;}
#career-accordion .card-header {background: none; border-bottom: 1px solid #e6e6e6;position: relative; padding: 0;}
#career-accordion .card-link {display: flex; align-items: center; padding: 40px 70px 40px 0; color: var(--primary1); position: relative;}
#career-accordion .card-link.collapsed .job-desc{display: none;}
#career-accordion .card-body {position: relative; padding:50px 0 75px; border-bottom:none; z-index:1;}
#career-accordion .card-body h3{font-size: 1.125rem; font-weight: 600; margin: 30px 0 15px;}
#career-accordion .card-body ul{margin: 0; padding: 0; list-style: none;}
#career-accordion .card-body ul li{margin-bottom: 12px; position: relative; padding-left: 20px; color: rgb(var(--color_black));}
#career-accordion .card-body ul li::before{content: "-"; position: absolute; left: 0; top: 0; color: rgb(var(--primary1));}
#career-accordion .card-header a .icon{position: absolute; right:60px; width: 15px; height: 15px; top: 50%; transform: translateY(-50%);}
#career-accordion .card-header a .icon:after,#career-accordion .card-header a .icon:before{content: ""; font-size: 1.875rem; background-color: rgb(var(--primary1)); display: block; width: 100%; height: 2px; position: absolute; transition: all .3s linear; left: 0;
right: 0; top: 0; bottom: 0; margin: auto;}
#career-accordion .card-header a .icon:before{transform: rotate(0deg);}
#career-accordion .card-header a.collapsed .icon:before {transform: rotate(90deg);}
#career-accordion .card-header .job-title{font-size: 1.5rem; font-weight: 600; text-transform: uppercase;}
#career-accordion .card-header .job-desc{margin-left: auto; margin-right: 75px; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.125rem; color: #6a6a6a;}
#career-accordion .career-form{margin-top: 45px;}
.career-form .form-group{margin-bottom: 25px;}
.career-form .form-group .form-control{color: rgb(var(--color_black)); padding: 15px 30px; border-radius: 30px; border: none; height: auto; background-color: #ebebeb;}
.career-form .form-group .form-control:focus{box-shadow: none;}
.career-form .form-group textarea.form-control{max-height: 130px; resize: none;}
.career-form .form-group .form-control::-webkit-input-placeholder {color: rgba(var(--color_black),0.5);}
.career-form .form-group .form-control::-moz-placeholder {color: rgba(var(--color_black),0.5);}
.career-form .form-group .form-control:-ms-input-placeholder {color: rgba(var(--color_black),0.5);}
.career-form .form-group .form-control:-moz-placeholder {color: rgba(var(--color_black),0.5);}
.career-form .custom-file{height: auto;}
.custom-file-input:focus~.custom-file-label{box-shadow: none;}
.career-form .custom-file .custom-file-input{height: 54px;}
.career-form .custom-file .custom-file-input:focus{border-radius: 30px;}
.career-form .custom-file .custom-file-label{border: none; background-color:#ebebeb; height: auto; padding: 15px 30px; margin-bottom: 0; border-radius: 30px; color: #757575;}
.career-form .custom-file-label::after{line-height: 44px; height: 54px; border-radius: 0 30px 30px 0; background-color: rgb(var(--primary2)); color: rgb(var(--color_white));}

#our-business-values h2{font-family: "Montserrat", sans-serif; font-weight: 500;}
#our-business-values h3{font-size: 2.25rem; font-family: "Montserrat", sans-serif; font-weight: 500; text-transform: uppercase;}
.list-style01{margin: 0; padding: 0; list-style: none;}
.list-style01 li{position: relative; padding-left:30px; margin-bottom: 25px; line-height: 1.3; font-size: 1.125rem; color: rgb(var(--primary1));}  
.list-style01 li strong{font-family: "Montserrat", sans-serif; font-weight: 500; }
.list-style01 li::before{position: absolute; left: 0; top: 8px; content: ""; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -2px -41px; width: 11px;	height: 9px;}

#our-partners{background-color: rgb(var(--primary1));}
#our-partners h2.title{color: rgb(var(--primary2)); font-family: "Montserrat", sans-serif; font-weight: 500;}
#our-partners h3{font-size: 2.25rem; font-family: "Montserrat", sans-serif; font-weight: 500; color: rgb(var(--color_white)); text-transform: uppercase;}
#our-partners .our-business-list{margin: 0; padding: 0; list-style: none;}
#our-partners .list-style01 li{color: rgb(var(--color_white));}
#our-partners .list-style01 li:before{background-position: -82px -41px;}

#our-network{background-color: #f9f9f9;}
#our-network .container-fluid{padding: 0;}
#our-network .container-fluid [class^="col-"]{}
#our-network .container-fluid [class^="col-"]:first-child{border-right:1px solid #ebebeb;} 
#our-network .network-content{float: right; width: 580px; padding-right: 90px;}
#our-network .network-content h2.title{}
#our-network .network-content h2.title span{background: rgba(var(--primary1),0.25); color: rgb(var(--primary1));}
#our-network .network-maps .tab-pane p{margin-bottom: 0;}

.network-tabs{border: none;}
.network-tabs .nav-item{margin: 0 0 15px;}
.network-tabs .nav-item .nav-link{border: none; padding: 0; border-radius: 0;}
.network-tabs .nav-item .nav-link .card-body{display:none; border-top: 2px solid #f0f0f0; }
.network-tabs .nav-item .nav-link.active .card-body{display:block;}
.network-tabs .nav-item .nav-link .location-name{color:#343434; padding: 20px 30px;  font-size: 1.5rem; line-height: 1; font-family: "Montserrat", sans-serif; font-weight: 500;  display: block; text-transform: uppercase; background-color: rgb(var(--color_white));}
.network-tabs .nav-item .nav-link.active .location-name{color: rgb(var(--primary1));}
.network-tabs .nav-item .nav-link .card-body p{font-size: 1.125rem; color: #6a6a6a; margin-bottom: 0;}
.network-tabs .nav-item .nav-link .card-body p:first-child{color: #343434; margin-bottom: 15px;}
.network-tabs .nav-item .nav-link.active .card-body ul{margin: 0; padding: 0; list-style: none;}
.network-tabs .nav-item .nav-link.active .card-body ul li {position: relative; padding-left: 25px;}
.network-tabs .nav-item .nav-link.active .card-body ul li::before{display: none;} 
.network-tabs .nav-item .nav-link.active .card-body ul li .sprite {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.network-tabs .nav-item .nav-link.active .card-body ul li .email{background-position: -4px -81px; width: 14px; height: 11px;}
.network-tabs .nav-item .nav-link.active .card-body ul li .phone{background-position: -4px -59px; width: 15px; height: 15px;}
#meet-branch .address-block .list li{position: relative; padding-left: 25px; white-space: nowrap;}
#meet-branch .address-block .list li .sprite {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#meet-branch .address-block .list li .email{background-position: -4px -81px; width: 14px; height: 11px;}
#meet-branch .address-block .list li .phone{background-position: -4px -59px; width: 15px; height: 15px;}



.network-maps .tab-pane iframe{display: block;}

.partners-list .item{display: flex; flex-direction: column; justify-content: space-between; height: 100%; border: 1px solid #e7e7e7; padding: 30px; margin-bottom: 60px; height: calc(100% - 60px); transition: all .3s linear;}
.partners-list .item .details .partner-logo{margin-bottom: 30px; min-height: 112px; position: relative;}
.partners-list .item .details .partner-logo img{position: absolute; left: 0; top: 0; bottom: 0; margin: auto; max-width: 80%; max-height: 80%;}
.partners-list .item .details .name{font-weight: 700; font-size: 1.125rem; color: rgb(var(--primary1)); margin-bottom: 15px;}
.partners-list .item .details p{color: #515151;}
.partners-list .item .details p:last-child{margin-bottom: 0;}
.partners-list .item .more-link{font-size: 0.875rem; text-decoration: underline; color: rgb(var(--primary1)); margin-top: 30px; display: block;}
.partners-list .item:hover{border-color: transparent; box-shadow: 0px 5px 8.73px 0.27px rgba(0, 0, 0, 0.05);}

#inner-banner #page-breadcrumb .breadcrumb{padding: 15px 0 0; margin-bottom: 0;}
#inner-banner #page-breadcrumb .breadcrumb li a{color: rgba(var(--color_white),0.35);}
#inner-banner #page-breadcrumb .breadcrumb li.active{color: rgba(var(--color_white),0.35);}
#inner-banner #page-breadcrumb .breadcrumb li a:hover{color: rgb(var(--color_white));}

.partner-details{margin-top: 80px;}
.partner-details .logo-wrap{width: 350px; height: 350px; position: relative; background-color: rgb(var(--color_white)); box-shadow: 6px 10px 34px 16px rgba(0, 0, 0, 0.08);}
.partner-details .logo-wrap img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 90%; max-height: 90%;}
.partner-details .title{font-size: 1.75rem; font-weight: 500; color: rgb(var(--color_white)); margin-bottom: 30px;}

#inner-banner.bg{height: auto;}
#inner-banner.bg02{height: auto;}
#inner-banner.bg02 #page-breadcrumb .breadcrumb li{color: rgb(var(--color_black));}
#inner-banner.bg02 #page-breadcrumb .breadcrumb li a{color: rgb(var(--color_black));}

.partner-details .table tr td{}
.partner-details .table .table-row td{border: none; padding: 10px 0; font-weight: 400; color: rgba(var(--color_white),0.5); text-transform: uppercase;}
.partner-details .table tr td{border: none; padding: 10px 0; color: rgb(var(--color_white));}
.partner-details .table tr td a{color: rgb(var(--color_white));}

#pg-partners{background-color: #f9f9f9;}
#pg-partners .list{margin: 0 -50px;}
#pg-partners .item{display: block; padding: 20px 90px 20px 30px; position: relative;}
#pg-partners .item .icon{position: absolute; right: 40px; top: 30px; transform: scale(0); transition: all .3s linear;}
#pg-partners .item .icon .arrow{background-position: -73px -3px; width: 24px;	height: 20px;}
#pg-partners .item span{display: block;}
#pg-partners .item .title{font-size: 1.125rem; line-height: 1.1; font-family: "Montserrat", sans-serif; font-weight: 400; color: #282828;}
#pg-partners .item .grade{color: #b7b7b7;}
#pg-partners .item:hover{box-shadow: 0px 15px 20.37px 0.63px rgba(0, 0, 0, 0.07);}
#pg-partners .item:hover .title{color: rgb(var(--primary1)); font-family: "Montserrat", sans-serif; font-weight: 500; text-transform: uppercase;}
#pg-partners .item:hover{background-color: rgb(var(--color_white));}
#pg-partners .item:hover .icon{transform: scale(1);}


#pg-industry{background-color: #f3fbff;}

.products-list .prod-title{font-family: "Montserrat", sans-serif; font-weight: 500; color: rgb(var(--primary1)); font-size: 1.875rem; text-transform: uppercase; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
.list-style02{margin: 0 0 30px; padding: 0; list-style: none;}
.list-style02 li{margin-bottom: 20px;}
.list-style02 li a{position: relative; font-size: 1.125rem; line-height: 1.1; font-family: "Montserrat", sans-serif; font-weight: 400; color: #333333; padding-left: 30px; display: block; }
.list-style02 li a:hover{color: var(--primary1); text-decoration: underline;}
.list-style02 li a::before{content: ""; display: inline-block; position: absolute; left: 0; top: 4px; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -62px -40px; width: 14px; height: 12px; transition: all .3s linear;}
.list-style02 li a:hover::before{left: 5px;}
.one-half{display: flex; flex-wrap: wrap;}
.one-half li{width: 50%; padding-right: 20px;}
.one-third{display: flex; flex-wrap: wrap;}
.one-third li{width: 33.33%;}
.one-fourth{display: flex; flex-wrap: wrap;}
.one-fourth li{width: 25%;}

.product-details{margin-top: 20px;}
.product-details .content-blcok{padding: 55px 60px 40px; background-color: rgb(var(--primary1));}
.product-details .content-blcok .img-wrap{margin-bottom: 40px;}
.product-details .content-blcok .img-wrap img{display: block; margin: 0 auto;}
.product-details .content-blcok .pro-name{font-size: 1.75rem; font-weight: 500; margin-bottom: 30px; color: rgb(var(--color_white));} 
.product-details .content-blcok .table{margin: 0;}
.product-details .content-blcok .table tr td{border: none; padding: 10px 5px; color: rgb(var(--color_white));}
.product-details .content-blcok .table tr td.table-head{color: rgba(var(--color_white),0.5); text-transform: uppercase;}
.product-details .content-blcok .data-sheet{margin-top: 30px; display: block; border: 1px solid rgb(var(--color_white)); border-radius: 30px; padding: 13px 50px; color: rgb(var(--color_white)); text-transform: uppercase;}
.product-details .content-blcok .data-sheet .arrow{background-position: -2px -22px;	width: 14px;height: 12px; transform: rotate(90deg); margin-left: 30px;}
.product-details .content-blcok .data-sheet:hover{background-color: rgb(var(--primary2)); border-color: rgb(var(--primary2));}


/*accordiopro-accordion*/
#pro-accordion {border: none; border-radius:0; overflow: hidden;}
#pro-accordion .card {background-color: transparent; border: none; border-radius: 0;}
#pro-accordion .card-header img{width: 100%;}
#pro-accordion .card:last-child .card-header {border-bottom: none;}
#pro-accordion .card-header {background: none; border-bottom: none;position: relative; padding: 0;}
#pro-accordion .card-link {display: block; padding: 35px 30px 35px 0; border-top: 1px solid #e6e6e6; border-bottom: none; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 1.5rem; line-height: 1.3; color: var(--primary1); text-transform: uppercase; position: relative;}
#pro-accordion .card-link.collapsed{ border-bottom: 1px solid #e6e6e6;}
#pro-accordion .card-body p{color: #333333;}
#pro-accordion .card-body {position: relative;padding-left: 0px;padding-right: 0px;border-bottom:none;padding-top: 0px; z-index:1;}
#pro-accordion .collapse .card-body {padding: 0; margin:0 0 30px;}
#pro-accordion .card-header a .icon{position: absolute; right:30px; width: 12px; height: 12px; top: 50%; transform: translateY(-50%);}
#pro-accordion .card-header a .icon:after,#pro-accordion .card-header a .icon:before{content: ""; font-size: 1.875rem; background-color: rgb(var(--primary1)); display: block; width: 100%; height: 3px; position: absolute; transition: all .3s linear; left: 0;
right: 0; top: 0; bottom: 0; margin: auto;}
#pro-accordion .card-header a .icon:before{transform: rotate(0deg);}
#pro-accordion .card-header a.collapsed .icon:before {transform: rotate(90deg);}
#pro-accordion .card:not(:first-child){margin-top: -1px;}

/* exhibition */
.exhibition-slider .item{ text-decoration: none; display: block;}
.exhibition-slider .item .img-wrap{position: relative; margin-bottom: 40px; padding-top: 75%; background-color: #e9e9e9;}
.exhibition-slider .item .img-wrap img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.exhibition-slider .item .img-wrap::before{content: ""; background-color: rgba(var(--color_black),0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all .3s linear;}
.exhibition-slider .item:hover .img-wrap::before{opacity: 1; visibility: visible;}
.exhibition-slider .item .img-wrap .icon{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: scale(0); transition: all .3s linear; display: flex; align-items: center; text-align: center; width: 30px; height: 30px; transform-origin: center center;}
.exhibition-slider .item .img-wrap .icon .arrow{background-position: -29px -62px; width: 28px; height: 28px;}
.exhibition-slider .item:hover .img-wrap .icon{transform: scale(1);}
.exhibition-slider .details{}
.exhibition-slider .details .event-name{font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 1.125rem; color: rgb(var(--primary1)); margin-bottom: 10px; text-transform: uppercase;}
.exhibition-slider .details .year{color:#363636;}
.exhibition-slider .owl-nav{position: absolute; right: 0; top: -100px; width: 125px;}
.exhibition-slider .owl-nav button.owl-next,.exhibition-slider .owl-nav button.owl-prev{width: 55px; height: 55px; background-color: rgb(var(--primary1)); position: relative; text-align: center; border: 1px solid rgb(var(--primary1)); border-radius: 50%;}
.exhibition-slider .owl-nav button span{display: none;}
.exhibition-slider .owl-nav button::before{content: ""; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -2px -3px; display: inline-block; width: 14px; height: 12px;}
.exhibition-slider .owl-nav button.owl-prev.disabled{background-color: transparent;}
.exhibition-slider .owl-nav button.owl-prev::before{background-position: -2px -22px;}
.exhibition-slider .owl-nav button.owl-prev.disabled::before{background-position: -2px -3px;}
.exhibition-slider .owl-nav button.owl-next::before{background-position: -2px -22px;}
.exhibition-slider .owl-nav button.owl-next.disabled{background-color: transparent;}
.exhibition-slider .owl-nav button.owl-next.disabled::before{ background-position: -2px -3px;}
.exhibition-slider .owl-nav button.owl-next{margin-left: 15px;}
.exhibition-slider .owl-nav button.owl-prev{transform: rotate(-180deg);}
.style01 .owl-dots{text-align: center;  }
.style01 .owl-dots .owl-dot{background-color: #edf0f3; width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin: 0 5px;}
.style01 .owl-dots .owl-dot.active{background-color: rgb(var(--primary2));}

/* association */
#association{}
#association .item{}
#association .item .img-wrap{margin-bottom: 20px; height: 170px; position: relative;}
#association .item .img-wrap img{display: block; margin: auto;  position: absolute; width: auto; left: 0; right: 0; top: 0; bottom: 0; max-width: 90%; max-height: 90%;}
#association .item .text{font-family: "Montserrat", sans-serif; font-weight: 300; color:rgb(var(--color_black)); text-align: center;}
#association .style01 .owl-dots{margin-top: 20px;}

.tab-content.industry-content{display: block;}
.mob-tab-data{display: none;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border: 1px solid #f5c6cb; border-radius: 5px; background: #f5c6cb; color: #721c24; padding: 0.75rem 1.25rem;}
.wpcf7-not-valid-tip{border: 1px solid #f5c6cb; background: #f5c6cb; color: #721c24; padding: 5px 15px; border-radius: 5px; font-size: 0.92rem; margin-top: 3px;}

#job-modal .modal-body{padding: 30px;}
#job-modal .modal-body h3{font-size: 1.125rem; font-weight: 600; margin: 15px 0 30px;}
#job-modal .modal-content .close{opacity: 1;}
#job-modal .modal-content .close span{font-family: 'FontAwesome'; font-size: 2rem; color: rgb(var(--primary1)); font-weight: 600;}

.tds-form .form-group{margin-bottom: 25px;}
.tds-form .form-group .form-control{color: rgb(var(--color_black)); padding: 15px 30px; border-radius: 30px; border: none; height: auto; background-color: #ebebeb;}
.tds-form .form-group .error-desc{border: 1px solid #f5c6cb; background: #f5c6cb; color: #721c24; padding: 5px 15px; border-radius: 5px; font-size: 0.92rem; margin-top: 3px;}
.tds-form .form-group .form-control:focus{box-shadow: none;}
.tds-form .form-group .form-control::-webkit-input-placeholder {color: rgba(var(--color_black),0.5);}
.tds-form .form-group .form-control::-moz-placeholder {color: rgba(var(--color_black),0.5);}
.tds-form .form-group .form-control:-ms-input-placeholder {color: rgba(var(--color_black),0.5);}
.tds-form .form-group .form-control:-moz-placeholder {color: rgba(var(--color_black),0.5);}

#tds-modal .modal-body{padding: 30px;}
#tds-modal .modal-body h3{font-size: 1.125rem; font-weight: 600; margin: 15px 0 30px;}
#tds-modal .modal-content .close{opacity: 1;}
#tds-modal .modal-content .close span{font-family: 'FontAwesome'; font-size: 2rem; color: rgb(var(--primary1)); font-weight: 600;}

.wpcf7 form.sent .wpcf7-response-output{background: #46b450; color: rgb(var(--color_white));}