/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Utility
# Cards
# Common
# Form
# Navigations
# Animations
# Mobile Nav
# Search Popup
# Page Header
# Google Map
# Client Carousel
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
:root{ --thm-font:'AlimamaFangYuanTi', sans-serif; --thm-reey-font:'reeyregular'; --thm-gray:#7b7981; --thm-gray-rgb:123, 121, 129; --thm-primary:#2B44AC; --thm-primary-rgb:25, 137, 251; --thm-black:#1b1825; --thm-black-rgb:27, 24, 37; --thm-base:#ffffff; --thm-base-rgb:255, 255, 255; --thm-extra:#42d9be; --thm-extra-rgb:66, 217, 190; --thm-bdr-color:#dae3e9; --thm-bdr-color-rgb:218, 227, 233; --thm-bdr-radius:8px;}
.row{ --bs-gutter-x:30px;}
.gutter-y-30{ --bs-gutter-y:30px;}
body{ font-family:var(--thm-font); color:var(--thm-gray); font-size:18px; line-height:34px; font-weight:500;}
body.locked{ overflow:hidden;}
a{ color:var(--thm-gray);}
a,
a:hover,
a:focus,
a:visited{ text-decoration:none;}
::placeholder{ color:inherit; opacity:1;}
h1,
h2,
h3,
h4,
h5,
h6{ color:var(--thm-black); margin:0;}
dl,
ol,
ul{ margin-top:0; margin-bottom:0;}
::placeholder{ color:inherit; opacity:1;}

.page-wrapper{ position:relative; margin:0 auto; width:100%; min-width:300px; overflow:hidden;}
.container{ padding-left:15px; padding-right:15px;}
@media (min-width:1200px){
	.container{ max-width:1500px;}
}

::placeholder{ color:inherit; opacity:1;}
.section-separator{ border-color:var(--thm-border); border-width:1px; margin-top:0; margin-bottom:0;}
#particles-js{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-position:50% 50%; opacity:0.40; z-index:-1;}
canvas{ display:block;}
.thm-btn{ position:relative; display:inline-block; vertical-align:middle; -webkit-appearance:none; border:none; outline:none !important; background-color:var(--thm-primary); color:var(--thm-base); font-size:16px; text-transform:uppercase; padding:18px 60px 18px; border-radius:8px; transition:all 0.3s linear; overflow:hidden; letter-spacing:0.2em; z-index:1;}
.thm-btn:after{ position:absolute; content:""; top:0; left:0; right:0; height:100%; background-color:var(--thm-black); transition-delay:.1s; transition-timing-function:ease-in-out; transition-duration:.5s; transition-property:all; opacity:1; transform-origin:bottom; transform-style:preserve-3d; transform:scaleY(0); z-index:-1;}
.thm-btn:hover:after{ opacity:1; transform:scaleY(1.0);}
.thm-btn:hover{ color:var(--thm-base);}

@-webkit-keyframes scale-bg{ 
	from{ -webkit-transform:scale(1.3); transform:scale(1.3);}
	to{ -webkit-transform:scale(1); transform:scale(1);}
}
@keyframes scale-bg{ 
	from{ -webkit-transform:scale(1.3); transform:scale(1.3);}
	to{ -webkit-transform:scale(1); transform:scale(1);}
}
.section-title{ margin-top:-19px; margin-bottom:50px;}
.section-title__tagline{ display:inline-flex; color:var(--thm-gray); font-size:18px; align-items:center; line-height:30px; margin-bottom:2px; font-weight:500;}
.section-title__tagline::before{ content:''; background-color:var(--thm-extra); width:10px; height:2px; margin-right:10px;}
.section-title__title{ margin:0; font-weight:800; color:var(--thm-black); font-size:50px; line-height:60px;}
.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show>.btn-light.dropdown-toggle{ box-shadow:none !important; outline:none !important;}
.bootstrap-select>.dropdown-toggle{ box-shadow:none !important;}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{ outline:none !important;}
.bootstrap-select .dropdown-menu{ border:0; padding-top:0; padding-bottom:0; margin-top:0; z-index:991; border-radius:0;}
.bootstrap-select .dropdown-menu>li+li>a{ border-top:1px solid rgba(255, 255, 255, 0.2);}
.bootstrap-select .dropdown-menu>li.selected>a{ background:var(--thm-primary); color:#fff;}
.bootstrap-select .dropdown-menu>li>a{ font-size:16px; font-weight:500; padding:4px 20px; color:#ffffff; background:var(--thm-black); -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
.bootstrap-select .dropdown-menu>li>a:hover{ background:var(--thm-primary); color:#fff; cursor:pointer;}

.preloader{ position:fixed; background-color:#fff; background-position:center center; background-repeat:no-repeat; top:0; left:0; right:0; bottom:0; z-index:9991; display:-webkit-box; display:flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; text-align:center;}
.preloader__image{ -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:flipInY; animation-name:flipInY; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;}
/* scroll to top */
.scroll-to-top{ display:inline-block; width:45px; height:45px; background:var(--thm-primary); position:fixed; bottom:40px; right:40px; z-index:99; text-align:center; -webkit-transition:all 0.4s ease; transition:all 0.4s ease; display:none; border-radius:50%; transition:all 0.4s ease;}
.scroll-to-top i{ color:#ffffff; font-size:18px; line-height:45px;}
.scroll-to-top:hover{ background-color:var(--thm-black);}
.scroll-to-top:hover i{ color:#fff;}
/*--------------------------------------------------------------
# Navigations One
--------------------------------------------------------------*/
.main-header{ position:relative; display:block; /*background:var(--thm-base);*/ background:transparent; transition:all 500ms ease;}
.main-header-bgc{ background:rgba(255,255,255,.98); box-shadow:0 5px 8px rgba(0,0,0,.1);}

.main-header__top{ position:relative; display:block; padding:0px 80px; background-color:var(--thm-black);}
.main-header__top-inner{ position:relative; display:block; padding:1.5px 0;}
.main-header__top-left{ position:relative; display:block; float:left;}
.main-header__top-address{ position:relative; display:flex; align-items:center;}
.main-header__top-address li{ position:relative; display:flex; align-items:center; line-height:35px;}
.main-header__top-address li+li{ margin-left:30px;}
.main-header__top-address li .icon span{ font-size:14px; color:var(--thm-base);}
.main-header__top-address li .text{ margin-left:10px;}
.main-header__top-address li .text p{ font-size:12px; font-weight:500; color:#ada8ba; margin:0;}
.main-header__top-address li .text a{ font-size:12px; font-weight:500; color:#ada8ba; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.main-header__top-address li .text a:hover{ color:var(--thm-base);}
.main-header__top-right{ position:relative; display:flex; float:right; align-items:center;}
.main-header__top-right-text{ margin-right:30px;}
.main-header__top-right-text p{ font-size:12px; margin:0; color:#ada8ba;}
.main-header__top-right-text p span{ color:var(--thm-extra);}
.main-header__top-right-social{ display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; padding:10px 0;}
.main-header__top-right-social a{ display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; justify-content:center; text-align:center; color:var(--thm-base); font-size:15px; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.main-header__top-right-social a:hover{ color:var(--thm-extra);}
.main-header__top-right-social a+a{ margin-left:25px;}
.main-menu{ position:relative; padding:0 50px; z-index:91;}
.main-menu-wrapper{ position:relative; display:block;}
.main-menu-wrapper-inner{ position:relative; display:block;}
.main-menu-wrapper__left{ position:relative; display:block; /*float:left;*/}
.main-menu-wrapper__logo{ position:relative; float:left; padding-top:23px; padding-bottom:22px; z-index:999;}
.main-menu-wrapper__logo img{ width:230px; vertical-align:top;}

.logo-white{ display:block; transition:all 500ms ease;}
.logo-colored{ display:none; transition:all 500ms ease;}

.main-header-bgc .logo-white{ display:none;}
.main-header-bgc .logo-colored{ display:block;}


.main-menu-wrapper__main-menu{ position:relative; display:block; /*float:left;*/}
.main-menu-wrapper__right{ position:relative; display:flex; float:right; padding:19.5px 0; align-items:center;}
.main-menu-wrapper__call{ position:relative; display:flex; align-items:center; margin-right:40px;}

.main-menu-wrapper__call a{ margin:0 0 0 8px; color:rgba(255,255,255,.7); font-size:15px;}
.main-menu-wrapper__call a:hover{ color:rgba(255,255,255,1);}
.main-header-bgc .main-menu-wrapper__call a{ color:rgba(0,0,0,.4);}
.main-header-bgc .main-menu-wrapper__call a:hover{ color:rgba(0,0,0,7);}


.main-menu-wrapper__call-icon{ font-size:30px; color:var(--thm-primary); -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.main-menu-wrapper__call-icon:hover{ color:var(--thm-extra);}
.main-menu-wrapper__call-number{ margin-left:20px;}
.main-menu-wrapper__call-number h5{ color:var(--thm-black); font-size:16px; font-weight:500; line-height:27px;}
.main-menu-wrapper__call-number h5 a{ color:#171717; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.main-menu-wrapper__call-number a:hover{ color:var(--thm-extra);}
.main-menu-wrapper__call-number p{ font-size:14px; margin:0; line-height:14px; color:#67656f;}
.main-menu-wrapper__search-box-cart-box{ position:relative; display:flex; align-items:center; padding:8.5px 0;}
.main-menu-wrapper__search-box-cart-box:before{ position:absolute; top:0; bottom:0; left:-20px; content:""; background-color:var(--thm-bdr-color); width:1px;}
.main-menu-wrapper__search,
.main-menu-wrapper__cart{ font-size:22px; color:rgba(255,255,255,.7); -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.main-menu-wrapper__cart{ margin-left:25px;}
.main-menu-wrapper__search:hover{ color:rgba(255,255,255,1);}
.main-menu-wrapper__cart:hover{ color:rgba(255,255,255,1);}

.main-header-bgc .main-menu-wrapper__search{ color:rgba(0,0,0,.4);}
.main-header-bgc .main-menu-wrapper__search:hover{ color:rgba(0,0,0,7);}


.stricky-header.main-menu{ padding:0 80px; background-color:var(--thm-base);}
.main-menu .main-menu__list,
.main-menu .main-menu__list ul,
.stricky-header .main-menu__list,
.stricky-header .main-menu__list ul{ margin:0; padding:0; list-style-type:none; align-items:center; display:none;}

.main-menu .main-menu__more{ display:none; justify-content:flex-end; float:right; align-items:center;}
.main-menu__lan{ padding-top:23px; padding-bottom:23px; padding-left:30px;}
.main-menu__lan a{ margin-left:18px; color:rgba(255,255,255,.5); font-size:15px;}
.main-menu__lan a:hover{ color:rgba(255,255,255,1);}
.main-header-bgc .main-menu__lan a{ color:rgba(0,0,0,.4);}
.main-header-bgc .main-menu__lan a:hover{ color:rgba(0,0,0,7);}

@media (min-width:1200px) {

    .main-menu .main-menu__list,
    .main-menu .main-menu__list ul,
    .stricky-header .main-menu__list,
    .stricky-header .main-menu__list ul{ display:flex; justify-content:flex-end;}

    .main-menu .main-menu__more{ display:flex;}
}

.main-menu .main-menu__list>li,
.stricky-header .main-menu__list>li{ padding-top:23px; padding-bottom:23px; position:relative;}
.main-menu .main-menu__list>li+li,
.stricky-header .main-menu__list>li+li{ margin-left:35px;}

.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a{ font-size:16px; font-weight:500; display:flex; align-items:center; color:rgba(255,255,255,.85); position:relative; transition:all 500ms ease;}

.main-menu .main-menu__list>li>a .fa{ margin-left:6px; font-size:12px;}

.main-header-bgc .main-menu .main-menu__list>li>a{ color:var(--thm-gray);}

/*.main-menu .main-menu__list>li>a::before,
.stricky-header .main-menu__list>li>a::before{ content:''; width:10px; height:2px; border-radius:0px; background-color:var(--thm-primary); position:absolute; top:50%; bottom:0px; left:-20px; transition:transform 500ms ease; transform:scale(0) translateY(-50%); z-index:-1;}*/

/*.main-menu .main-menu__list>li.current>a,*/
.main-menu .main-menu__list>li:hover>a,
/*.stricky-header .main-menu__list>li.current>a,*/
.stricky-header .main-menu__list>li:hover>a{ color:rgba(255,255,255,1); text-shadow:0 0 1px currentColor;}


.main-header-bgc .main-menu .main-menu__list>li:hover>a{ color:var(--thm-black);}

/*.main-menu .main-menu__list>li.current>a::before,
.main-menu .main-menu__list>li:hover>a::before,
.stricky-header .main-menu__list>li.current>a::before,
.stricky-header .main-menu__list>li:hover>a::before{ transform:scale(1) translateY(-50%);}
.main-menu .main-menu__list>li.current>a::before{ background-color:var(--thm-extra);}
.main-menu .main-menu__list>li:hover>a::before{ background-color:var(--thm-extra);}*/

.main-menu .main-menu__list li ul,
.stricky-header .main-menu__list li ul{ position:absolute; top:100%; left:0; min-width:220px; background-color:#fff; flex-direction:column; justify-content:flex-start; align-items:flex-start; opacity:0; visibility:hidden; transition:500ms ease; z-index:99; box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1); border-bottom-left-radius:var(--thm-bdr-radius); border-bottom-right-radius:var(--thm-bdr-radius);}


.main-menu .main-menu__list li ul li:last-child>a,
.stricky-header .main-menu__list li ul li:last-child>a{ border-bottom-left-radius:var(--thm-bdr-radius); border-bottom-right-radius:var(--thm-bdr-radius);}
.main-menu .main-menu__list li:hover>ul,
.stricky-header .main-menu__list li:hover>ul{ opacity:1; visibility:visible;}
.main-menu .main-menu__list li ul li,
.stricky-header .main-menu__list li ul li{ flex:1 1 100%; width:100%; position:relative;}
.main-menu .main-menu__list li ul li+li,
.stricky-header .main-menu__list li ul li+li{ border-top:1px solid RGBA(var(--thm-black), 0.1);}
.main-menu .main-menu__list li ul li a,
.stricky-header .main-menu__list li ul li a{ font-size:16px; line-height:30px; color:var(--thm-black); display:flex; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; transition:500ms;}
.main-menu .main-menu__list li ul li:hover>a,
.stricky-header .main-menu__list li ul li:hover>a{ background-color:var(--thm-primary); color:#fff;}
.main-menu .main-menu__list li ul li>ul,
.stricky-header .main-menu__list li ul li>ul{ top:0; left:100%;}
.main-menu .main-menu__list li ul li>ul.right-align,
.stricky-header .main-menu__list li ul li>ul.right-align{ top:0; left:auto; right:100%;}
.main-menu .main-menu__list li ul li>ul ul,
.stricky-header .main-menu__list li ul li>ul ul{ display:none;}
.stricky-header{ position:fixed; z-index:991; top:0; left:0; background-color:#fff; width:100%; visibility:hidden; transform:translateY(-120%); transition:transform 500ms ease, visibility 500ms ease; box-shadow:0px 10px 60px 0px rgba(0, 0, 0, 0.05);}

@media (max-width:1199px){ 
	.stricky-header{ display:none !important}
}

.stricky-header.stricky-fixed{ transform:translateY(0); visibility:visible;}
.stricky-header .main-menu__inner{ box-shadow:none; padding-right:0; max-width:1170px; width:100%; margin:0 auto;}
.mobile-nav__buttons{ display:flex; margin-left:auto; margin-right:10px;}

@media (min-width:1200px){ 
	.mobile-nav__buttons{ display:none;}
}

.mobile-nav__buttons a{ font-size:20px; color:var(--thm-black); cursor:pointer;}
.mobile-nav__buttons a+a{ margin-left:10px;}
.mobile-nav__buttons a:hover{ color:var(--thm-base);}

.main-menu .mobile-nav__toggler{ font-size:20px; color:rgba(255,255,255,.7); cursor:pointer; transition:500ms; margin-right:20px;}
.main-menu .mobile-nav__toggler:hover{ color:rgba(255,255,255,1);}

.main-header-bgc .main-menu .mobile-nav__toggler{ font-size:20px; color:var(--thm-primary); cursor:pointer; transition:500ms; margin-right:0;}
.main-header-bgc .main-menu .mobile-nav__toggler:hover{ color:var(--thm-black);}

@media (min-width:1200px){ 
	.main-menu .mobile-nav__toggler{ display:none;}
}

/* slide */
.swiper-wrapper{ height:500px;}

@media (min-width:768px) {
.swiper-wrapper{ height:100vh;}
}

.index-scrolling{}
.index-scrolling .project-two__container{ position:relative;}
.scrolling{ position:absolute; right:0; top:-150px; width:100px; height:120px; text-align:center; z-index:999;}
	.scroll-line{ margin:0 auto; width:1px; height:60px; overflow:hidden; background-color:rgba(255,255,255,.4);}
	.scroll-mouse{ position:relative; margin:0 auto; width:14px; height:26px; border-radius:30px; border:2px solid rgba(255,255,255, .4);}
	.scroll-mouse:after{ content:''; position:absolute; top:2px; left:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); width:7px; height:7px; border-radius:50%; background-color:rgba(255,255,255, .4); -webkit-animation:scroll .6s infinite alternate; animation:scroll .6s infinite alternate;}
	.scroll-txt{ padding:6px 0 0; color:rgba(255,255,255,.4); font-size:12px;}


/*--------------------------------------------------------------
# Navigations Two
--------------------------------------------------------------*/
.main-header-two{ position:fixed; display:block; left:0; right:0; z-index:9999;}


/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
@-webkit-keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px);
  }
}
@keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px);
  }
}
@keyframes bubbleMover{ 
    0%{ -webkit-transform:translateY(0px) translateX(0) rotate(0); transform:translateY(0px) translateX(0) rotate(0);}
    30%{ -webkit-transform:translateY(30px) translateX(50px) rotate(15deg); transform:translateY(30px) translateX(50px) rotate(15deg); -webkit-transform-origin:center center; transform-origin:center center;}
    50%{ -webkit-transform:translateY(50px) translateX(100px) rotate(45deg); transform:translateY(50px) translateX(100px) rotate(45deg); -webkit-transform-origin:right bottom; transform-origin:right bottom;}
    80%{ -webkit-transform:translateY(30px) translateX(50px) rotate(15deg); transform:translateY(30px) translateX(50px) rotate(15deg); -webkit-transform-origin:left top; transform-origin:left top;}
    100%{ -webkit-transform:translateY(0px) translateX(0) rotate(0); transform:translateY(0px) translateX(0) rotate(0); -webkit-transform-origin:center center; transform-origin:center center;}
}

@keyframes shapeMover {
    0%,
    100%{ transform:perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);}
    50%{ transform:perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);}
}

@keyframes banner3Shake{ 
    0%{ -webkit-transform:rotate3d(0, 1, 0, 0deg); transform:rotate3d(0, 1, 0, 0deg);}
    30%{ -webkit-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg);}
    60%{ -webkit-transform:rotate3d(1, 0, 0, 0deg); transform:rotate3d(1, 0, 0, 0deg);}
    80%{ -webkit-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg);}
    100%{ -webkit-transform:rotate3d(0, 1, 0, 0deg); transform:rotate3d(0, 1, 0, 0deg);}
}

@keyframes squareMover {
    0%,
    100%{ -webkit-transform:translate(0, 0) rotate(0); transform:translate(0, 0) rotate(0);}
    20%,
    60%{ -webkit-transform:translate(20px, 40px) rotate(180deg); transform:translate(20px, 40px) rotate(180deg);}
    30%,
    80%{ -webkit-transform:translate(40px, 60px) rotate(0deg); transform:translate(40px, 60px) rotate(0deg);}
}

@keyframes treeMove {
    0%,
    100%{ -webkit-transform:rotate(0deg) translateX(0); transform:rotate(0deg) translateX(0);}
    25%,
    75%{ -webkit-transform:rotate(5deg) translateX(15px); transform:rotate(5deg) translateX(15px);}
    50%{ -webkit-transform:rotate(10deg) translateX(30px); transform:rotate(10deg) translateX(30px);}
}


/*--------------------------------------------------------------
# Zoom Fade Css
--------------------------------------------------------------*/
.zoom-fade{ animation-name:zoom-fade; animation-duration:5s; animation-iteration-count:infinite; animation-timing-function:linear;
    -webkit-animation-name:zoom-fade; -webkit-animation-duration:5s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear;
    -moz-animation-name:zoom-fade; -moz-animation-duration:5s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear;
    -ms-animation-name:zoom-fade; -ms-animation-duration:5s; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear;
    -o-animation-name:zoom-fade; -o-animation-duration:5s; -o-animation-iteration-count:infinite; -o-animation-timing-function:linear;
}
@-webkit-keyframes zoom-fade{ 
    0%{ -webkit-transform:scale(0.9); transform:scale(0.9);}
    50%{ -webkit-transform:scale(1); transform:scale(1);}
    100%{ -webkit-transform:scale(0.9); transform:scale(0.9);}
}

@keyframes zoom-fade{ 
    0%{ -webkit-transform:scale(0.9); transform:scale(0.9);}
    50%{ -webkit-transform:scale(1); transform:scale(1);}
    100%{ -webkit-transform:scale(0.9); transform:scale(0.9);}
}

@-moz-keyframes service_hexagon_2{ 
    0%{ -moz-transform:rotateY(0deg); transform:rotateY(0deg);}
    100%{ -moz-transform:rotateY(360deg); transform:rotateY(360deg);}
}

@-o-keyframes service_hexagon_2{ 
    0%{ -o-transform:rotateY(0deg); transform:rotateY(0deg);}
    100%{ -o-transform:rotateY(360deg); transform:rotateY(360deg);}
}

@keyframes service_hexagon_2{ 
    0%{ -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); transform:rotateY(0deg);}
    100%{ -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); transform:rotateY(360deg);}
}

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper{ position:fixed; top:0; left:0; width:100vw; height:100vh; opacity:0; transform:translateX(-50%); transform-origin:right center; transition:transform 500ms ease-in, opacity 500ms linear, visibility 500ms ease-in; z-index:9999; visibility:hidden;}
.mobile-nav__wrapper .container{ padding-left:0; padding-right:0;}
.mobile-nav__wrapper.expanded{ opacity:1; transform:translateX(0%); visibility:visible;}
.mobile-nav__overlay{ position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000000; opacity:0.5; cursor:pointer;}
.mobile-nav__content{ width:300px; background-color:var(--thm-black); z-index:9999; position:relative; height:100%; overflow-y:auto; padding-top:30px; padding-bottom:30px; padding-left:15px; padding-right:15px;}
.mobile-nav__content .thm-btn{ padding:8px 0; width:100%; text-align:center;}
.mobile-nav__content .logo-box{ margin-bottom:40px; display:flex;}
.mobile-nav__close{ position:absolute; top:20px; right:15px; font-size:18px; color:var(--thm-text-dark); cursor:pointer;}
.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul{ margin:0; padding:0; list-style-type:none;}
.mobile-nav__content .main-menu__list ul{ display:none; border-top:1px solid rgba(255, 255, 255, 0.1);}
.mobile-nav__content .main-menu__list li:not(:last-child){ border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.mobile-nav__content .main-menu__list li a{ display:flex; justify-content:space-between; line-height:30px; color:#ffffff; font-size:14px; font-family:var(--thm-font); font-weight:500; height:46px; align-items:center; transition:500ms;}
.mobile-nav__content .main-menu__list li a.expanded{ color:var(--thm-secondary);}
.mobile-nav__content .main-menu__list li a button{ width:30px; height:30px; background-color:var(--thm-primary); border:none; outline:none; color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; transform:rotate(-90deg); transition:transform 500ms ease;}
.mobile-nav__content .main-menu__list li a button.expanded{ transform:rotate(0deg); background-color:#fff; color:var(--thm-black);}
.mobile-nav__content .main-menu__list li.cart-btn span{ position:relative; top:auto; right:auto; transform:translate(0, 0);}
.mobile-nav__content .main-menu__list li.cart-btn i{ font-size:16px;}

.main-menu__list .fa.fa-caret-down{display:none;}
@media (min-width:1200px){
.main-menu__list .fa.fa-caret-down{display:block;}
}

.mobile-nav__top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:30px;}
.mobile-nav__top .main-menu__login a{ color:var(--thm-text-dark);}
.mobile-nav__container{ border-top:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.mobile-nav__social{ display:flex; align-items:center;}
.mobile-nav__social a{ font-size:16px; color:var(--thm-primary); transition:500ms;}
.mobile-nav__social a+a{ margin-left:30px;}
.mobile-nav__social a:hover{ color:#ffffff;}
.mobile-nav__contact{ margin-bottom:0; margin-top:20px; margin-bottom:20px;}
.mobile-nav__contact li{ color:var(--thm-text-dark); font-size:14px; font-weight:500; position:relative; display:flex; align-items:center;}
.mobile-nav__contact li+li{ margin-top:15px;}
.mobile-nav__contact li a{ color:#ffffff; transition:500ms;}
.mobile-nav__contact li a:hover{ color:var(--thm-primary);}
.mobile-nav__contact li>i{ width:30px; height:30px; border-radius:50%; background-color:var(--thm-primary); display:flex; justify-content:center; align-items:center; text-align:center; font-size:11px; margin-right:10px; color:#fff;}
.mobile-nav__container .main-logo,
.mobile-nav__container .topbar__buttons,
.mobile-nav__container .main-menu__language,
.mobile-nav__container .main-menu__login{ display:none;}
/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/
.search-popup{ position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:9999; padding-left:20px; padding-right:20px; display:flex; justify-content:center; align-items:center; transform:translateY(-110%); transition:transform 500ms ease, opacity 500ms ease;}
.search-popup.active{ transform:translateY(0%);}
.search-popup__overlay{ position:absolute; top:0; left:0; right:0; bottom:0; background-color:var(--thm-black); opacity:0.75; cursor:pointer;}
.search-popup__content{ width:100%; max-width:560px;}
.search-popup__content form{ display:flex; flex-wrap:wrap; position:relative; background-color:#fff; border-radius:0px; overflow:hidden;}
.search-popup__content form input[type="search"],
.search-popup__content form input[type="text"]{ width:100%; background-color:#fff; font-size:16px; border:none; outline:none; height:66px; padding-left:30px;}
.search-popup__content .thm-btn{ padding:0; width:68px; height:68px; display:flex; justify-content:center; align-items:center; text-align:center; position:absolute; top:0; right:-1px; border-radius:0; background-color:var(--thm-primary);}
.search-popup__content .thm-btn i{ margin:0;}
/*--------------------------------------------------------------
# Main Slider
--------------------------------------------------------------*/
.main-slider{ position:relative; display:block; overflow:hidden;}
.main-slider .swiper-slide{ position:relative; background-color:var(--thm-black);}
.main-slider .image-layer{ position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-size:cover; background-position:-450px center; transform:scale(1); transition:transform 13000ms ease; z-index:1; /*mix-blend-mode:luminosity;*/ opacity:.95;}
@media (min-width:768px){
.main-slider .image-layer{ background-position:center;}
}


.main-slider-shape-1{ position:absolute; bottom:0; right:0; background-size:cover; opacity:0; transform:translateX(200px); z-index:2;}
.main-slider .swiper-slide-active .main-slider-shape-1{ opacity:1; transform:translate(0); transition:all 1000ms ease; transition-delay:200ms;}
.main-slider .container{ position:relative; padding-top:218px; padding-bottom:235px; z-index:30;}
.main-slider__content{ position:relative; display:block; z-index:30;}
.main-slider h2{ margin:0; margin-bottom:20px; color:#fff; font-weight:900; opacity:0; visibility:hidden; transform:translateY(120px); transition-delay:1000ms; transition:transform 2000ms ease, opacity 2000ms ease; font-size:50px; line-height:90px; letter-spacing:-0.02em; z-index:30;}
.main-slider p{ font-size:16px; color:var(--thm-base); margin:0; line-height:1.6; margin-bottom:53px; opacity:0; transform:translateY(100px); transition-delay:2500ms; transition:transform 2000ms ease,
    opacity 2000ms ease,
    color 500ms ease,
    background 500ms ease; z-index:30;}
.main-slider .thm-btn{ opacity:0; transform:translateY(100px); transition-delay:2500ms; transition:transform 2000ms ease,
    opacity 2000ms ease,
    color 500ms ease,
    background 500ms ease;}
.main-slider .swiper-slide-active .image-layer{ transform:scale(1.15);}
.main-slider .swiper-slide-active .thm-btn,
.main-slider .swiper-slide-active p,
.main-slider .swiper-slide-active h2,
.main-slider .swiper-slide-active p{ visibility:visible; opacity:1; transform:translateY(0) translateX(0);}
.main-slider__nav{ width:100%; max-width:1200px; padding-left:15px; padding-right:15px; position:absolute; top:50%; left:50%; z-index:100; transform:translateY(-50%) translateX(-50%); display:flex; align-items:flex-end; flex-direction:column;}

.main-slider .main-slider__content p{ margin-bottom:0; height:60px; line-height:30px; overflow:hidden;}

.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev{ position:relative; top:auto; left:auto; right:auto; bottom:auto; z-index:100; width:63px; height:63px; display:flex; justify-content:center; align-items:center; font-size:20px; color:var(--thm-base); background:transparent; border:2px solid rgba(var(--thm-base-rgb), 1); border-radius:50%; margin:0; text-align:center; opacity:0.3; transition:all 500ms ease;}

.main-slider__nav .swiper-button-next:hover,
.main-slider__nav .swiper-button-prev:hover{ opacity:1;}
.main-slider__nav .swiper-button-next::after,
.main-slider__nav .swiper-button-prev::after{ display:none;}
.main-slider__nav .swiper-button-prev{ margin-bottom:10px;}
.main-slider__nav .swiper-button-prev .icon-left-arrow{ position:relative; transform:rotate(180deg);}
#main-slider-pagination{ z-index:10; bottom:29px; left:50%; width:100%; max-width:1600px; -webkit-transform:translate(-50%, calc(-50% + 95px)); transform:translate(-50%, calc(0% + 0px)); text-align:left; display:flex; align-items:center; padding:0 15px;}
#main-slider-pagination .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; opacity:0.4; background-color:#fff; transition:all 500ms ease;}
#main-slider-pagination .swiper-pagination-bullet+.swiper-pagination-bullet{ margin-left:10px;}
#main-slider-pagination .swiper-pagination-bullet{ margin:0;}
#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:13px; height:13px; opacity:1;}
/*--------------------------------------------------------------
# Main slider Two
--------------------------------------------------------------*/
.main-slider-two{ position:relative; display:block;}
.main-slider-two .container{ padding-top:203px; padding-bottom:220px;}
.main-slider-two .main-slider__content{ position:relative; display:block; padding:30% 12px 0; text-align:left; z-index:1;}
.main-slider-two__map{ position:absolute; top:0; left:50%; right:0; background-repeat:no-repeat; background-size:cover; background-position:center center; height:410px; width:582px; transform:translateX(-50%); opacity:0.15; z-index:-1;}
.main-slider-two h3{ font-size:32px; color:var(--thm-base); line-height:1.5; font-weight:lighter; text-transform:uppercase; opacity:0; transform:translateY(-120px); transition-delay:2500ms; transition:transform 2000ms ease,opacity 2000ms ease,color 500ms ease,background 500ms ease;}
.main-slider-two .swiper-slide-active h3{ visibility:visible; opacity:1; transform:translateY(0) translateX(0);}
.main-slider-two h2{ letter-spacing:0;}
.main-slider-two h2 span{ position:relative; display:inline-block;}
.main-slider-two h2 span:before{ position:absolute; bottom:-8px; left:0; right:0; content:""; height:5px; background-color:var(--thm-base);}
.main-slider-two p{ margin-bottom:43px;}
.main-slider__nav-two{ position:absolute; top:0; left:0; right:0; bottom:0; display:flex; justify-content:space-between; flex-wrap:wrap;}

.main-slider__nav-two .swiper-button-next{ display:none; position:relative; width:63px; height:63px; line-height:63px; border-radius:50%; text-align:center; color:var(--thm-base); cursor:pointer; z-index:9; margin-right:100px; font-size:20px; border:2px solid rgba(var(--thm-base-rgb), 1); background-color:transparent; align-items:center; justify-content:center; opacity:0.3; transition:0.5s;}
.main-slider__nav-two .swiper-button-prev{ display:none; position:relative; width:63px; height:63px; line-height:63px; border-radius:50%; text-align:center; color:var(--thm-base); cursor:pointer; z-index:9; margin-left:100px; font-size:20px; border:2px solid rgba(var(--thm-base-rgb), 1); background-color:transparent; transform:rotate(-180deg); transition:0.5s; opacity:0.3; align-items:center; justify-content:center;}

.main-slider__nav-two .swiper-button-next:hover,
.main-slider__nav-two .swiper-button-prev:hover{ opacity:1;}
.main-slider__nav-two .swiper-button-next::after,
.main-slider__nav-two .swiper-button-prev::after{ display:none;}
.main-slider__nav-two .swiper-button-prev{ margin-bottom:10px;}
.main-slider-two #main-slider-pagination{ text-align:left; justify-content:left;}

@media (min-width:768px) {
.main-slider-two .main-slider__content{ padding:56vh 20px 0;}

}


/*--------------------------------------------------------------
# Brand One
--------------------------------------------------------------*/
.brand-one{ position:relative; display:block; background-color:var(--thm-black); padding:99px 0 208px;}
.brand-one .swiper-container{ padding:0 10px;}
.brand-one .swiper-slide{ position:relative; display:flex; align-items:center; justify-content:center;}
.brand-one .swiper-slide img{ -webkit-transition:500ms; transition:500ms; opacity:0.3; width:auto;}
.brand-one .swiper-slide img:hover{ opacity:1;}
/*--------------------------------------------------------------
# Feature One
--------------------------------------------------------------*/
.feature-one{ position:relative; display:block; padding:0 0 120px; margin-top:-125px;}
.feature-one__top{ position:relative; display:block;}
.feature-one__single{ position:relative; display:flex; align-items:flex-start; background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .07); border-radius:var(--thm-bdr-radius); padding:41px 47px 41px; margin-bottom:30px;}
.feature-one__icon{ position:relative; display:flex; align-items:center; padding-top:5px;}
.feature-one__icon span{ position:relative; display:inline-block; font-size:65px; color:var(--thm-extra); transform:scale(1); transition:transform 500ms linear, color 500ms linear;}
.feature-one__single:hover .feature-one__icon span{ transform:scale(.9); color:var(--thm-primary);}
.feature-one__text{ margin-left:30px;}
.feature-one__text h3{ font-size:20px; font-weight:600; line-height:30px; margin-bottom:4px;}
.feature-one__text p{ font-size:14px; margin:0; line-height:30px;}
.feature-one__bottom{ position:relative; display:block; border-bottom:1px solid var(--thm-bdr-color); padding-bottom:38px; padding-top:7px;}
.feature-one__bottom-inner{ position:relative; display:block; text-align:center;}
.feature-one__bottom-inner p{ font-size:16px; margin:0;}
.feature-one__bottom-inner a{ color:var(--thm-primary); position:relative; display:inline-block; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.feature-one__bottom-inner a:hover{ color:var(--thm-extra);}
.feature-one__bottom-inner a:before{ position:absolute; bottom:4px; left:0; right:0; height:2px; content:""; background-color:var(--thm-primary); -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.feature-one__bottom-inner a:hover:before{ background-color:var(--thm-extra);}


/*--------------------------------------------------------------
# News One
--------------------------------------------------------------*/
.news-one{ position:relative; display:block; padding:120px 0 90px;}
.news-one .section-title__title{ margin-top:15px; line-height:1.4;}

.news-page{ padding-bottom:120px;}
.news-one__single{ position:relative; display:block;}
.news-one__img{ position:relative; display:block; border-top-right-radius:8px; border-top-left-radius:8px; overflow:hidden;}
.news-one__img img{ width:100%; border-top-right-radius:8px; border-top-left-radius:8px; transition:all 500ms ease; transform:scale(1);}
.news-one__single:hover .news-one__img img{ transform:scale(1.05);}
.news-one__img>a{ top:0; left:0; right:0; bottom:0; background-color:rgba(var(--thm-black-rgb), 0.3); position:absolute; display:flex; justify-content:center; align-items:center; font-size:30px; color:var(--thm-base); border-top-right-radius:8px; border-top-left-radius:8px; transition:opacity 500ms ease, visibility 500ms ease, transform 500ms ease; visibility:hidden; opacity:0; transform:translateY(-30%);}
.news-one__img>a>span{ position:relative;}
.news-one__img>a>span::before{ content:''; width:20px; height:2px; background-color:var(--thm-base); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 500ms ease;}
.news-one__img>a>span::after{ content:''; transition:all 500ms ease; width:2px; height:20px; background-color:var(--thm-base); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.news-one__img>a:hover>span::before,
.news-one__img>a:hover>span::after{ background-color:var(--thm-primary);}
.news-one__single:hover .news-one__img>a{ visibility:visible; transform:translateY(0%); opacity:1;}
.news-one__date-box{ position:absolute; bottom:0; left:0; background-color:var(--thm-base); padding:17px 22px 20px; border-top-right-radius:8px;}
.news-one__date-box p{ font-size:14px; color:var(--thm-black); font-weight:800; margin:0; line-height:17px; text-align:center;}
.news-one__content{ position:relative; display:block; padding:20px 0; border-bottom:3px solid transparent; transition:all 500ms ease;}
.news-one__single:hover .news-one__content{ border-bottom:3px solid var(--thm-primary);}
.news-one__meta{ display:flex; -webkit-box-align:center; align-items:center; margin:0;}
.news-one__meta li+li{ margin-left:10px;}
.news-one__meta li a{ color:var(--thm-gray); font-size:14px; transition:all 500ms ease;}
.news-one__meta li a:hover{ color:var(--thm-extra);}
.news-one__meta li a i{ color:var(--thm-extra);}
.news-one__title{ width:100%; height:32px; font-size:24px; font-weight:700; line-height:32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-one__title a{ color:var(--thm-black); transition:all 500ms ease;}
.news-one__single:hover .news-one__title a{ color:var(--thm-primary);}
.news-one__text{ width:100%; height:24px; line-height:24px; font-size:16px; line-height:30px; margin:8px 0 8px; padding-bottom:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-one__read-more{ font-size:16px;}
.news-one__read-more-btn{ font-size:16px; font-weight:600; color:var(--thm-black); display:inline-block; transition:all 500ms ease;}
.news-one__read-more-btn:hover{ color:var(--thm-extra);}
/*--------------------------------------------------------------
# News One
--------------------------------------------------------------*/
.cta-one{ position:relative; display:block; z-index:1;}
.cta-one__con2024/4/22tainer{ position:relative; display:block; max-width:1595px; width:100%; background-color:var(--thm-extra); border-radius:var(--thm-bdr-radius); margin:0 auto; z-index:1;}
.cta-one-bg{ position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-size:cover; background-position:center; background-color:var(--thm-extra); background-blend-mode:luminosity; opacity:0.15; z-index:-1;}

.cta-one__inner{ position:relative; display:block; text-align:center; padding:108px 0 120px;}
.cta-one__sub-title{ font-weight:600; color:var(--thm-base); margin:0; padding-bottom:15px;}
.cta-one__title{ font-size:50px; color:var(--thm-base); font-weight:800; line-height:60px; margin-bottom:50px;}
.cta-one__btn{ background-color:var(--thm-black);}
.cta-one__btn:after{ background-color:var(--thm-base);}
.cta-one__btn:hover:after{ opacity:1; transform:scaleY(1.0);}
.cta-one__btn:hover{ color:var(--thm-primary);}
/*--------------------------------------------------------------
# Site Footer
--------------------------------------------------------------*/
.site-footer{ position:relative; display:block; background-color:#1b1825;}
.site-footer__top{ position:relative; display:block; background-color:var(--thm-black);}
.site-footer__top-inner{ position:relative; display:block; padding:50px 0 50px; z-index:1;}
.site-footer-map{ position:absolute; left:0; right:0; top:0; height:360px; background-repeat:no-repeat; background-size:cover; background-position:center center; opacity:0.04; z-index:-1;}
.footer-widget__about{ position:relative; display:block;}
.footer-widget__about-logo img{ width:230px;}
.footer-widget__about-text{ font-size:16px; color:#ada8ba; margin:0; padding-top:13px; padding-right:0; padding-bottom:13px; line-height:30px;}

@media (min-width:768px){
	.footer-widget__about-text{ padding-right:80px;}
}

.footer-widget__about-social{ position:relative; display:flex; -webkit-box-align:center; align-items:center;}
.footer-widget__about-social a{ position:relative; display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; justify-content:center; text-align:center; color:var(--thm-base); background-color:#100d16; border-radius:50%; font-size:13px; height:45px; width:45px; transform:rotate(0); -webkit-transition:all 500ms ease; transition:all 500ms ease; z-index:1;}
.footer-widget__about-social a:hover{ color:var(--thm-black); transform:rotate(360deg);}
.footer-widget__about-social a:before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-color:var(--thm-base); border-radius:50%; transform:scale(0.0); transform-origin:center; transform-style:preserve-3d; transition:all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index:-1;}
.footer-widget__about-social a:hover:before{ transform:scaleX(1.0);}
.footer-widget__about-social a+a{ margin-left:10px;}
.footer-widget__title{ font-size:20px; color:var(--thm-base); font-weight:800; line-height:30px; margin-bottom:15px;}
.footer-widget__links{ position:relative; display:block;}
.footer-widget__links-list{ position:relative; display:block; float:left; margin-right:30px;}
.footer-widget__links-list li+li{ margin-top:0px;}
.footer-widget__links-list li a{ position:relative; display:inline-block; font-size:16px; font-weight:500; color:#ada8ba; transition:all 500ms ease;}
.footer-widget__links-list li a::after{ content:''; position:absolute; top:90%; left:0; width:100%; height:1px; transform:scale(0, 1); transform-origin:left center; background-color:currentColor; transition:transform 500ms ease;}
.footer-widget__links-list li:hover>a::after{ transform:scale(1, 1); transform-origin:right center;}
.footer-widget__links-list li a:hover{ color:var(--thm-base);}
.footer-widget__links-list-two{ margin-right:0px;}
.footer-widget__contact{ position:relative; display:block;}
.footer-widget__contact-text{ font-size:16px; color:#ada8ba; margin:0; line-height:30px; margin-bottom:20px; padding-top:3px;}
.footer-widget__contact-list{ position:relative; display:block;}
.footer-widget__contact-list li{ display:flex;}
.footer-widget__contact-list li .icon{ display:flex; align-items:center; position:relative; top:2px;}
.footer-widget__contact-list li .icon span{ font-size:13px; color:var(--thm-extra);}
.footer-widget__contact-list li .text{}
.footer-widget__contact-list li .text p{ font-size:16px; font-weight:500; margin:0; line-height:30px;}
.footer-widget__contact-list li .text p i{ margin-right:5px;}
.footer-widget__contact-list li .text p a{ color:var(--thm-base); transition:all 500ms ease;}
.footer-widget__contact-list li .text p a:hover{ color:var(--thm-extra);}
.footer-widget__newsletter{ position:relative; display:block;}
.footer-widget__newsletter-text{ font-size:16px; color:#ada8ba; font-weight:500; line-height:26px; margin:0; padding-bottom:23px; padding-top:5px;}
.footer-widget__newsletter-form{ position:relative; display:block;}
.footer-widget__newsletter-input-box{ position:relative; display:block;}
.footer-widget__newsletter-input-box input[type="email"]{ font-size:12px; color:var(--thm-gray); font-weight:500; text-transform:capitalize; height:60px; width:100%; background:var(--thm-base); border:none; border-radius:var(--thm-bdr-radius); padding-right:95px; outline:none; padding-left:20px;}
.footer-widget__newsletter-btn{ position:absolute; top:0; bottom:0; right:0; width:85px; display:flex; align-items:center; justify-content:center; background:var(--thm-primary); border:0; border-top-right-radius:8px; border-bottom-right-radius:8px; color:var(--thm-base); transition:all 500ms ease; padding:0; text-transform:uppercase; font-weight:600; font-size:12px; letter-spacing:.2em;}
.footer-widget__newsletter-btn:hover{ background-color:var(--thm-extra);}
.site-footer__bottom{ position:relative; display:block; z-index:2;}
.site-footer__bottom-container{ position:relative; display:block; max-width:1600px; width:100%; margin:0 auto; border-top:solid 1px rgba(255,255,255,.2);}
.site-footer__bottom-inner{ position:relative; display:flex; align-items:center; justify-content:space-between; padding:20px 0;}
.site-footer__bottom-text{ font-size:16px; font-weight:500; margin:0; color:#ada8ba;}
.site-footer__bottom-text a{ color:#ada8ba; transition:all 500ms ease;}
.site-footer__bottom-text a:hover{ color:var(--thm-base);}
.site-footer__bottom-menu{ position:relative; display:flex; align-items:center;}
.site-footer__bottom-menu li+li{ margin-left:12px;}
.site-footer__bottom-menu li a{ color:#ada8ba; font-size:16px; display:inline-block; transition:all 500ms ease;}
.site-footer__bottom-menu li a:hover{ color:var(--thm-base);}


.footer-widget__contact-qr{}
	.contact-qr-blk{ margin:30px 20px 0;}
	.contact-qr-img{}
		.contact-qr-img img{ width:100%;}
	.contact-qr-txt{ text-align:center; color:#FFF;}


/*--------------------------------------------------------------
# Business Growth
--------------------------------------------------------------*/
.business-growth{ position:relative; display:block; background-color:#eef3f7; padding:0 0 100px; z-index:1;}
.business-growth__top{ padding:120px 0 120px; position:relative; display:block; z-index:1;}
.business-growth-bg{ position:absolute; top:0; left:0; right:0; bottom:0; /*background-color:var(--thm-primary);*/ z-index:-1;}
.business-growth__left{ position:relative; display:block;}
.business-growth__left .section-title__title{ margin-top:15px; line-height:1.4;}

/*.business-growth__left .section-title__tagline{ color:var(--thm-base);}
.business-growth__left .section-title__title{ color:var(--thm-base);}*/
.business-growth__right{ position:relative; display:block; margin-top:30px;}
.business-growth__right-text{ margin:0; /*color:#cce5ff;*/ line-height:37px;}
.business-growth__bottom{ position:relative; display:block; margin-top:-120px; z-index:2;}
.business-growth__single{ position:relative; display:block; margin-bottom:10px;}
.business-growth__img{ position:relative; display:block; border-radius:8px; border-radius:8px; overflow:hidden;}
.business-growth__img::before{ position:absolute; content:''; background-color:rgba(var(--thm-black-rgb), .30); width:0%; height:100%; left:0px; top:0px; border-top-left-radius:8px; z-index:1; transition:all 500ms ease;}
.business-growth__single:hover .business-growth__img::before,
.business-growth__single:hover .business-growth__img::after{ width:50%;}
.business-growth__img::after{ position:absolute; content:''; background-color:rgba(var(--thm-black-rgb), .30); width:0%; height:100%; right:0px; top:0px; border-top-right-radius:8px; transition:all 500ms ease;}
.business-growth__img img{ width:100%; border-radius:8px; transition:all 500ms ease; transform:scale(1.05);}
.business-growth__single:hover .business-growth__img img{ transform:scale(1);}
.business-growth__content{ position:relative; display:block; background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .07); padding:44px 50px 44px; border-bottom-right-radius:8px; border-bottom-left-radius:8px;}
.business-growth__content:before{ position:absolute; top:0; left:0; right:0; content:""; background-color:var(--thm-primary); height:10px; transition:all 500ms ease;}


.business-growth__title{ font-size:22px; font-weight:800; line-height:26px; margin-bottom:16px;}
.business-growth__title a{ color:var(--thm-black); transition:all 500ms ease;}
.business-growth__single:hover .business-growth__title a{ color:var(--thm-extra);}
.business-growth__text{ font-size:16px; margin:0; line-height:30px;}
.business-growth__find{ position:relative; display:block;}
.business-growth__find-inner{ position:relative; display:block; text-align:center; border-bottom:1px solid var(--thm-bdr-color); padding-top:18px; padding-bottom:39px;}
.business-growth__find-inner p{ font-size:16px; margin:0;}
.business-growth__find-inner a{ color:var(--thm-primary); position:relative; display:inline-block; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.business-growth__find-inner a:before{ position:absolute; bottom:4px; left:0; right:0; height:2px; content:""; background-color:var(--thm-primary); -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.business-growth__find-inner a:hover{ color:var(--thm-extra);}
.business-growth__find-inner a:hover:before{ background-color:var(--thm-extra);}

/*--------------------------------------------------------------
# Video One
--------------------------------------------------------------*/
.video-one{ position:relative; display:block; padding:200px 0 240px; z-index:1; background-color:var(--thm-black);}
.video-one .section-title__tagline{ color:rgba(255,255,255,.8);}
.video-one .section-title{ margin-bottom:28px;}
.video-one .section-title__title{ margin-top:15px; line-height:1.4; color:#FFF;}
.video-one .industries-we-serve__text{ color:rgba(255,255,255,.8);}

.video-one-bg{ position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-size:cover; z-index:-1; opacity:0.6; background-color:var(--thm-black);}

.video-one-bg.jarallax div div{ background-color:var(--thm-black); /*background-blend-mode:luminosity;*/}
.video-one__inner{ position:relative; display:block; text-align:center;}
.video-one__video-link{ position:relative; display:inline-block;}

.video-one__video-icon{ position:relative; display:flex; margin-top:30px; align-items:center; justify-content:center; width:208px; height:56px; line-height:56px; text-align:center; font-size:18px; color:#FFF; background-color:var(--thm-primary); border-radius:var(--thm-bdr-radius); transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.video-one__video-icon:hover{ background-color:var(--thm-base); color:#333;}
.video-one__video-link .ripple,
.video-one__video-icon .ripple:before,
.video-one__video-icon .ripple:after{ position:absolute; top:50%; left:50%; width:208px; height:56px; transform:translate(-50%, -50%); -ms-box-shadow:0 0 0 0 rgba(255,255,255,0.1); -o-box-shadow:0 0 0 0 rgba(255,255,255,0.1); box-shadow:0 0 0 0 rgba(255,255,255,0.1); -webkit-animation:ripple 3s infinite; animation:ripple 3s infinite; border-radius:var(--thm-bdr-radius);}
.video-one__video-icon .ripple:before{ -webkit-animation-delay:0.9s; animation-delay:0.9s; content:""; position:absolute;}
.video-one__video-icon .ripple:after{ -webkit-animation-delay:0.6s; animation-delay:0.6s; content:""; position:absolute;}
.video-one__title{ font-size:50px; font-weight:800; line-height:60px; margin-top:45px; color:var(--thm-base);}

/*--------------------------------------------------------------
# Project Two
--------------------------------------------------------------*/
.project-two{ position:relative; display:block; padding:0 0 100px;}
.project-two__container{ position:relative; display:block; max-width:1600px; width:100%; margin:0 auto; padding:0 15px;}
.project-two .project-one__single{ margin-bottom:70px;}
.project-two .project-one__title{ font-size:24px; line-height:30px;}
.project-two .project-one__content{ padding:22px 30px 29px; margin-top:-78px;}
.project-two .project-one__arrow{ top:50%; right:20px;}
.project-two__carousel{ position:relative; display:block;}
.project-two__carousel.owl-carousel .owl-dots{ position:absolute; bottom:18px; right:0px; left:0; margin:0 !important; display:flex; align-items:center; justify-content:center;}
.project-two__carousel.owl-carousel .owl-dots .owl-dot{ position:relative; display:inline-block; width:10px; height:10px; background:var(--thm-black); opacity:.4; margin:0px 5px; padding:0px; border-radius:50%; transition:all 100ms linear; transition-delay:0.1s;}
.project-two__carousel.owl-carousel .owl-dot.active{ background:var(--thm-extra); opacity:1; height:13px; width:13px;}
.project-two__carousel.owl-carousel .owl-dot:focus{ outline:none;}
.project-two__carousel.owl-carousel .owl-dots .owl-dot span{ display:none;}

/*--------------------------------------------------------------
# Industries We Serve
--------------------------------------------------------------*/
.industries-we-serve{ position:relative; display:block; padding:110px 0 150px; background-color:#FFF; z-index:1; overflow:hidden;}

.industries-we-serve .section-title__title{ margin-top:15px; line-height:1.4;}

.industries-we-serve-shape-1{ position:absolute; top:0; left:0; opacity:0.05; z-index:-1;}
.industries-we-serve-shape-2{ position:absolute; bottom:0; right:0; opacity:0.1; z-index:-1;}
.industries-we-serve__left{ position:relative; display:block; margin-right:70px;}
.industries-we-serve__left .section-title{ margin-bottom:28px;}
/*.industries-we-serve__left .section-title__tagline{ color:#ada8ba;}
.industries-we-serve__left .section-title__title{ color:var(--thm-base);}*/
.industries-we-serve__text{ color:#999; margin:0; font-size:16px;}
.industries-we-serve__points{ position:relative; display:block; margin-top:33px;}
.industries-we-serve__points li{ position:relative; display:flex; align-items:center;}
.industries-we-serve__points li+li{ margin-top:6px;}
.industries-we-serve__points li .icon{ position:relative; display:flex; align-items:center;}
.industries-we-serve__points li .icon span{ font-size:20px; color:var(--thm-extra);}
.industries-we-serve__points li .text{ margin-left:20px;}
.industries-we-serve__points li .text p{ margin:0;}
.industries-we-serve__right{ position:relative; display:block; margin-left:60px; margin-top:25px;}
.industries-we-serve__boxes{ position:relative; display:block;}
.industries-we-serve__boxes li{ position:relative; float:left; margin-left:2%; margin-bottom:10px; padding:26px 0 26px; width:48%; background-color:rgba(238,243,247,.9); border-left:solid 3px var(--thm-primary); border-left-width:5px; border-radius:0 var(--thm-bdr-radius) var(--thm-bdr-radius) 0; text-align:center; transition:all 500ms ease;}
.industries-we-serve__boxes li:hover{ background-color:var(--thm-primary); border-color:var(--thm-primary);}

.industries-we-serve__boxes li:nth-child(1){ margin-left:0;}
.industries-we-serve__boxes li:nth-child(3){ margin-left:0;}
.industries-we-serve__boxes li:nth-child(4){ margin-bottom:0;}
/*.industries-we-serve__boxes li:nth-child(5){ margin-left:0; margin-bottom:0;}
.industries-we-serve__boxes li:nth-child(6){ margin-bottom:0;}*/
.industries-we-serve__icon{ position:relative; display:block; margin-bottom:12px;}
.industries-we-serve__icon span{ position:relative; display:inline-block; font-size:64px; color:var(--thm-primary); transition:all 500ms linear; transition-delay:0.1s;}
.industries-we-serve__boxes li:hover .industries-we-serve__icon span{ color:var(--thm-base); transform:rotateY(360deg);}

.industries-we-serve__icon .product-cat-ico{ width:100px; height:80px; background-position:0 0; background-repeat:no-repeat; background-size:100px 100px;}
.industries-we-serve__icon .product-cat-ico1{ background-image:url('../image/product-cat-ico1-0.png');}
.industries-we-serve__icon .product-cat-ico2{ background-image:url('../image/product-cat-ico2-0.png');}
.industries-we-serve__icon .product-cat-ico3{ background-image:url('../image/product-cat-ico3-0.png');}
.industries-we-serve__icon .product-cat-ico4{ background-image:url('../image/product-cat-ico4-0.png');}
li:hover .industries-we-serve__icon .product-cat-ico1{ background-image:url('../image/product-cat-ico1-1.png');}
li:hover .industries-we-serve__icon .product-cat-ico2{ background-image:url('../image/product-cat-ico2-1.png');}
li:hover .industries-we-serve__icon .product-cat-ico3{ background-image:url('../image/product-cat-ico3-1.png');}
li:hover .industries-we-serve__icon .product-cat-ico4{ background-image:url('../image/product-cat-ico4-1.png');}

.industries-we-serve__title{ font-size:20px; color:var(--thm-primary); font-weight:600; line-height:22px;}
.industries-we-serve__boxes li:hover .industries-we-serve__title{ color:var(--thm-base);}


/*--------------------------------------------------------------
# News Two
--------------------------------------------------------------*/
.news-two{ position:relative; display:block; padding:120px 0 90px;}
.news-two__left{ position:relative; display:block; margin-right:30px; z-index:5;}
.news-two .section-title{ margin-bottom:28px;}
.news-two__text{ margin:0; padding-bottom:31px;}
.news-two__right{ position:relative; display:block; margin-right:-360px;}
.news-two__carousel{ position:relative; display:block;}
.news-two__carousel.owl-carousel .owl-stage-outer{ overflow:visible; padding:0 0 0; margin-right:0px;}
.news-two__carousel .owl-stage-outer .owl-item{ opacity:0; visibility:hidden; transition:all 500ms linear; transition-delay:0.1s;}
.news-two__carousel .owl-stage-outer .owl-item.active{ opacity:1; visibility:visible; transition:all 200ms linear;}
.news-two__carousel.owl-theme .owl-nav{ position:absolute; bottom:165px; left:-405px;}
.news-two__carousel.owl-theme .owl-nav .owl-next{ height:65px; width:65px; background:transparent; border-radius:50%; color:#bab9bd; font-size:23px; text-align:center; border:2px solid #bab9bd; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.news-two__carousel.owl-theme .owl-nav .owl-prev{ height:65px; width:65px; background:transparent; border-radius:50%; color:#bab9bd; font-size:23px; text-align:center; transform:rotate(180deg); border:2px solid #bab9bd; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.news-two__carousel.owl-theme .owl-nav .owl-next:hover,
.news-two__carousel.owl-theme .owl-nav .owl-prev:hover{ color:var(--thm-primary); border:2px solid var(--thm-primary);}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header{ position:relative; display:block; padding:147px 0 185px; z-index:1; background-color:var(--thm-black);}
.page-header-bg{ position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-size:cover; background-position:center; mix-blend-mode:luminosity; opacity:0.3;}

.page-header-shape{ position:absolute; top:0; bottom:0; right:0; width:570px; background-repeat:no-repeat;}
.page-header__inner{ position:relative; display:block; text-align:left;}
.page-header__inner h2{ font-size:50px; color:var(--thm-base); line-height:50px; font-weight:900;}
.thm-breadcrumb{ position:relative; display:block;}
.thm-breadcrumb li{ position:relative; display:inline-block; color:#ada8ba; font-size:16px; font-weight:500; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.thm-breadcrumb li+li{ margin-left:5px;}
.thm-breadcrumb li a{ color:#ada8ba; font-size:16px; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.thm-breadcrumb li:hover{ color:var(--thm-base);}
.thm-breadcrumb li:hover a{ color:var(--thm-base);}

/*--------------------------------------------------------------
# Site Footer Two
--------------------------------------------------------------*/
.site-footer-two{ margin-top:0;}
.site-footer-two .site-footer__top-inner{ padding:116px 0 120px;}
.site-footer-two .site-footer-map{ bottom:-95px;}


/*Project Page*/
.project-page{ padding:120px 0 90px;}
.project-page .project-one__single{ margin-bottom:30px;}


/*About Page Video*/
.about-page-video{ padding-bottom:110px;}
/*About Page Team*/
.about-page-team{ padding:120px 0 90px;}
/*Services Two*/
.services-two{ position:relative; display:block; padding:120px 0 90px; z-index:1;}
.services-two:before{ position:absolute; top:0; left:0; right:0; height:300px; content:""; background-color:#eef3f7; z-index:-1;}
/*Business Growth Two*/
.business-growth-two{ position:relative; display:block; background-color:var(--thm-base);}
.business-growth-two .business-growth__top{ padding:0px 0 120px;}
.business-growth-two .section-title__tagline{ color:var(--thm-gray);}
.business-growth-two .section-title__title{ color:var(--thm-black);}
.business-growth-two .business-growth__right-text{ color:var(--thm-gray);}


.page_header{ position:relative; width:100%; height:600px; overflow:hidden; z-index:1;}
	.page_bg{ position:absolute; top:0;right:0; bottom:0; left:0; width:100%; height:600px; background-color:#EEE; background-size:cover; -webkit-background-size:cover; background-position:center; background-repeat:no-repeat;  -webkit-animation:scale-bg 20s ease-out forwards; animation:scale-bg 20s ease-out forwards; z-index:1;}
	.page_txt{ position:relative; width:100%; height:600px; z-index:2;}

	.page_guanyu .page_bg{ background-image:url(../image/page_guanyu.jpg);}
	.page_lianxi .page_bg{ background-image:url(../image/page_lianxi.jpg);}
	.page_chanpin .page_bg{ background-image:url(../image/page_chanpin.jpg);}
	.page_fuwu .page_bg{ background-image:url(../image/page_fuwu.jpg);}
	.page_xinwen .page_bg{ background-image:url(../image/page_xinwen.jpg);}
	.page_kehu .page_bg{ background-image:url(../image/page_kehu.jpg);}

	.page_title{ padding:200px 0 0; color:#FFF; line-height:1.2; font-size:46px; letter-spacing:20px; text-indent:20px; text-align:center; text-shadow:0 1px 5px rgba(0,0,0,.2);}

.page_main{ position:relative; margin-top:-106px; padding:0 20px; background-color:#FFF; z-index:3;}
	.page_top_iam{ line-height:56px; color:rgba(0,0,0,.3); font-size:15px;}
		.page_top_iam a{ color:rgba(0,0,0,.5);}
		.page_top_iam span{ margin:0 8px;}
	.page_top_byclass{ padding:0; border-bottom:solid 1px rgba(0,0,0,.2);}
		.page_top_byclass li{ position:relative; float:left; margin:0; padding:0; list-style:none;}
		.page_top_byclass li a{ position:relative; display:block; padding:0 10px; height:50px; line-height:50px; color:#333; transition:0.3s ease 0s;}

		.page_top_byclass li.on a:before{ position:absolute; width:100%; left:0%; background-color:#2B44AC; content:''; height:50px; z-index:-1;}
		.page_top_byclass li.on a{ color:#FFF;}
		.page_top_byclass li a:before{ position:absolute; content:''; left:50%; bottom:0px; width:0%; height:50px; background-color:none; transition:all .3s; z-index:-1;}
		.page_top_byclass li a:hover{ color:#FFF;}
		.page_top_byclass li a:hover:before{ width:100%; left:0%; background-color:#2B44AC;}

	@media (min-width:768px){
	.page_main{ margin-top:-156px;}
	}

	@media (min-width:992px){
		.page_top_byclass li a{ padding:0 30px; height:100px; line-height:100px;}
			.page_top_byclass li.on a:before{ height:100px;}
			.page_top_byclass li a:before{ height:100px;}

	}


	.page_top_bychild{ padding:20px 20px 0;}
		.page_top_bychild li{ position:relative; float:left; margin:0 15px 0 0; padding:0; list-style:none;}
		.page_top_bychild li a{ position:relative; display:block; padding:0 15px; height:44px; line-height:44px; color:#333; transition:0.3s ease 0s; font-size:14px;}
		.page_top_bychild li a:hover{ color:#FFF; background-color:rgba(43,67,182,.7);}

		.page_top_bychild li.on a{ color:#FFF; background-color:rgba(43,67,182,.7);}

	@media (min-width:768px){
	.page_top_bychild li a{ font-size:16px;}
	}

.page_content{ padding:40px 20px 80px;}
	.page_content p{ margin-top:10px;}


/* list pic */
.col-adva{ margin-bottom:30px; padding-left:15px; padding-right:15px;}
	.adva_blk{ display:block; border:solid 1px #DDD; border-radius:3px; transition:all 0.5s ease 0s; cursor:pointer;}
		.adva_blk_con{ position:relative; width:100%; border-radius:3px; text-align:center; background-color:#FFF; overflow:hidden;}
			.adva_blk_img{ display:block;}
			.adva_blk_img img{ display:block; margin:0 auto; padding:0; width:100%; vertical-align:bottom; transform:rotate(0deg) scale(1,1); transition:all 0.6s ease 0s;}
			.adva_blk_tit{ position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.2); opacity:0; transition:all 0.6s ease 0s;}
			.adva_blk_tit strong{ display:inline-block; margin:27% auto; padding:10px 18px; border:solid 1px #FFF; text-align:center; font-size:16px; font-weight:normal; text-shadow:0 1px 3px rgba(0,0,0,.4); color:#FFF; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}

	.adva_blk:hover{ border-color:#FFF; box-shadow:0 5px 15px rgba(0,0,0,.2);}
	.adva_blk:hover .adva_blk_img img{ border-radius:15px; transform:rotate(0deg) scale(1.1,1.1); }

	.adva_blk_name{ padding:10px 0 0; height:30px; line-height:30px; font-size:16px; text-align:center;}

/* news list */
.pgnews_blk{ position:relative; display:block; padding:30px 0; margin-bottom:30px; height:auto; border-bottom:solid 1px #DDD; transition:all 0.6s ease 0s; overflow:hidden;}
	.pgnews_img{ float:none; width:100%; height:auto; overflow:hidden; color:#244C92;}
		.pgnews_img img{ width:100%; height:auto; border-radius:10px;}
	.pgnews_info{ float:none; width:100%; transition:all 0.6s ease 0s; font-size:14px;}
		.pgnews_info i{ display:block; padding-15px 0 0; font-style:normal; color:#999;}
		.pgnews_info strong{ display:block; font-size:20px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; color:#333; overflow:hidden;}
		.pgnews_info span{ display:block; margin:15px 0 20px; height:40px; line-height:20px; overflow:hidden; color:#919191;}
.pgnews_blk:hover{ border-color:#2B44AC;}
.pgnews_blk:hover strong{ color:#2B44AC;}

@media (min-width:992px){
	.pgnews_blk{ clear:both;}
	.pgnews_img{ float:right; width:24%; overflow:hidden; color:#244C92;}
	.pgnews_info{ float:left; width:66%;}
}

/* page num */
.PageNumbers{ margin:40px 0; line-height:44px; text-align:center;}
	.PageNumbers li{ display:inline-block; padding:0 5px; list-style:none;}
	.PageNumbers a{ display:inline-block; padding:0 18px; line-height:44px; border-radius:6px; background-color:#EEE; text-align:center; text-decoration:none; color:#555; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
	.PageNumbers a:hover{ background-color:#2B44AC; color:#FFF;}
	.PageNumbers .active a{ background-color:#2B44AC; color:#FFF;}

/* cont show */
.content_head{ margin-bottom:30px; padding:40px 0 30px; border-bottom:solid 1px #DDD; text-align:center;}
	.content_name{ font-size:26px;}
	.content_info{ margin-top:10px; font-size:14px; color:#999;}
.content_show{ min-height:450px; padding-bottom:100px; line-height:2.2;}
	.content_show img{ max-width:100%; /*width:auto !important; height:auto !important;*/}

.news_other{ margin:0 15px;}
.news_other_a{ height:50px; line-height:50px; color:#333;}
.news_other_a:hover{ background:#2B44AC; color:#FFF;}
	.news_other_a i{ position:absolute; top:0; line-height:50px;}
	.news_other_a strong{ display:inline-block; width:72%; height:50px; line-height:50px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.news_other_left{ background:rgba(0,0,0,.06);}
	.news_other_left i{ left:10px;}
	.news_other_left strong{ margin-left:20px;}
.news_other_right{ background:rgba(0,0,0,.03);}
	.news_other_right i{ right:10px;}


.news_other_none{ cursor:default; color:#CCC;}
.news_other_none:hover{ background:rgba(0,0,0,.03); color:#CCC;}

/* pro table*/
.pro_data_tb{ width:100%; border-top:solid 1px #DDD; border-left:solid 1px #DDD;}

.trhead{ background:#0a58ca; color:#FFF;}
	.trhead td{ padding:10px 0; font-weight:bold;}
.trhead2{ background-color:rgba(0,0,0,.08);}
.tdtit{ width:auto; font-weight:bold;}

@media (min-width:992px){
	.tdtit{ width:33%;}
}

.pro_data_tb td{ border-right:solid 1px #DDD; border-bottom:solid 2px #DDD; text-align:center;}
.pro_data_tb tr:hover td{ background-color:rgba(0,0,0,.05);}

.pro_show_img{ border:solid 1px #DDD; background:#EEE url(../image/pro_bg.jpg) 0 0 repeat;}
.pro_show_img img{ display:block; margin:0 auto; width:100%; max-width:100%;}

@media (min-width:992px){
	.pro_show_img img{ width:70%; max-width:100%;}
}