/*-------------------------------------------------------------- # Zhongchaoyue.com # Styles by vr4u # Contact: vr4u@163.com # Date: 2023-08-06 # Modified: 2024/11/21 # Common --------------------------------------------------------------*/ :root{ --thm-font:'Barlow', sans-serif; --thm-reey-font:'reeyregular'; --thm-gray:#7b7981; --thm-gray-rgb:123, 121, 129; --thm-primary:#1989fb; --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;} @font-face{ font-family:'din-regular'; src:url('../webfonts/din-regular.ttf');} @font-face{ font-family:'din-bold'; src:url('../webfonts/din-bold.ttf');} @font-face{ font-family:'misans'; src:url('../webfonts/MiSansLatin-Regular.ttf');} ::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:1200px;}} ::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:rgba(255,255,255,.4); color:var(--thm-base); font-size:20px; text-transform:uppercase; padding:12px 30px; border-radius:8px; transition:all 0.1s linear; overflow:hidden; letter-spacing:0.1em; z-index:1;} .thm-btn:after{ position:absolute; content:""; top:0; left:0; right:0; height:100%; background-color:var(--thm-primary); transition-delay:0.1s; transition-timing-function:ease-in-out; transition-duration:.1s; 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);} .section-title{ margin-top:-15px; margin-bottom:50px;} .section-title-hotel{ margin-top:-8px;} .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:5px; height:2px; margin-right:5px;} .section-title__tagline::after{ content:''; background-color:var(--thm-extra); width:5px; height:2px; margin-left:5px;} .section-title__title{ margin:0; font-weight:800; color:var(--thm-black); font-size:42px; 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;} /* 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);} .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 40px; 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:26px; padding-bottom:25px; margin-right:90px;} .main-menu-wrapper__logo img{ height:32px;} .main-menu-wrapper__main-menu{ position:relative; display:block; float:left;} .main-menu-wrapper__right{ position:relative; display:flex; float:right; padding:22px 0; align-items:center;} .main-menu-wrapper__call{ position:relative; display:flex; align-items:center;} .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{ margin-top:4px; color:var(--thm-black); font-size:23px; font-weight:500; line-height:22px;} .main-menu-wrapper__call-number h5 a{ color:#171717; -webkit-transition:all 500ms ease; transition:all 500ms ease;} .main-menu-wrapper__call-number h5 a span{ margin-right:6px; font-size:16px;} .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:-13px; bottom:-13px; left:-40px; content:""; background-color:var(--thm-bdr-color); width:1px;} .main-menu-wrapper__search, .main-menu-wrapper__cart{ font-size:24px; color:var(--thm-black); -webkit-transition:all 500ms ease; transition:all 500ms ease;} .main-menu-wrapper__cart{ margin-left:25px;} .main-menu-wrapper__search:hover{ color:var(--thm-extra);} .main-menu-wrapper__cart:hover{ color:var(--thm-extra);} .stricky-header.main-menu{ padding:0 40px; 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;} @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;}} .main-menu .main-menu__list>li, .stricky-header .main-menu__list>li{ padding-top:26px; padding-bottom:26px; position:relative;} .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li{ margin-left:28px;} .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:var(--thm-gray); position:relative; transition:all 500ms ease;} /*.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:var(--thm-black); text-shadow:0 0 1px currentColor;} /*.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;} } .main-menu .main-menu__list>li>a span.fa{ padding-left:4px;} .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:var(--thm-primary); cursor:pointer; transition:500ms; margin-right:20px;} .main-menu .mobile-nav__toggler:hover{ color:var(--thm-black);} @media (min-width:1200px){ .main-menu .mobile-nav__toggler{ display:none;}} /*-------------------------------------------------------------- # Navigations Two --------------------------------------------------------------*/ .main-header-two{ position:relative; display:block;} /*-------------------------------------------------------------- # Animations --------------------------------------------------------------*/ @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:999; 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:10; 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 ul li a{ text-indent:20px;} .mobile-nav__content .main-menu__list li a span.fa{ display:none;} .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;} .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;} /*-------------------------------------------------------------- # 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:center; transform:scale(1); transition:transform 7000ms ease; z-index:1; /*mix-blend-mode:luminosity;*/ opacity:.5;} .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-top:14px; margin-bottom:32px; color:#fff; font-weight:900; opacity:0; visibility:hidden; transform:translateY(120px); transition-delay:1000ms; transition:transform 2000ms ease, opacity 2000ms ease; font-size:74px; line-height:90px; letter-spacing:-0.02em; z-index:30;} .main-slider p{ font-size:20px; color:var(--thm-base); margin:0; line-height:30px; 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__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:59px; left:50%; width:100%; max-width:1200px; -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; text-align:center; 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:60px; color:var(--thm-base); line-height:90px; 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{ display:none !important; 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{ 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; display:flex; align-items:center; justify-content:center; opacity:0.3; transition:0.5s;} .main-slider__nav-two .swiper-button-prev{ 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; display:flex; 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:center; justify-content:center;} /*-------------------------------------------------------------- # 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);} /*-------------------------------------------------------------- # About One --------------------------------------------------------------*/ .about-one{ position:relative; display:block; padding:0 0 120px;} .about-one__left{ position:relative; display:block; margin-right:70px;} .about-one__img-box{ position:relative; display:block;} .about-one__img-box:before{ position:absolute; top:0; left:-50px; width:30px; height:200px; background-color:var(--thm-extra); content:""; border-radius:var(--thm-bdr-radius);} .about-one__img-box:after{ position:absolute; top:220px; left:-50px; width:30px; height:200px; background-color:var(--thm-primary); content:""; border-radius:var(--thm-bdr-radius);} .about-one__img{ position:relative; display:block; overflow:hidden;} .about-one__img::before{ position:absolute; top:50%; left:50%; display:block; content:''; width:0; height:0; background:rgba(255, 255, 255, .2); border-radius:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); opacity:0; z-index:1;} .about-one__img:hover:before{ -webkit-animation:circle .75s; animation:circle .75s;} .about-one__img>img{ width:100%; border-radius:var(--thm-bdr-radius);} .about-one__small-img{ position:absolute; bottom:-90px; left:-120px; z-index:2;} .about-one__small-img>img{ border-radius:var(--thm-bdr-radius);} .about-one__right{ position:relative; display:block;} .about-one__right .section-title{ margin-bottom:28px;} .about-one__text{ margin:0;} .about-one__points-box{ position:relative; display:block; margin-left:21px; margin-top:32px;} .about-one__points-box:before{ position:absolute; top:7px; bottom:7px; left:-21px; content:""; background-color:var(--thm-primary); width:2px;} .about-one__points{ position:relative; display:block;} .about-one__points li{ position:relative; display:flex; align-items:center;} .about-one__points li+li{ margin-top:6px;} .about-one__points li .icon{ position:relative; display:flex; align-items:center;} .about-one__points li .icon span{ font-size:20px; color:var(--thm-extra);} .about-one__points li .text{ margin-left:16px;} .about-one__points li .text p{ color:var(--thm-black); margin:0;} .about-one__it-solutions{ position:relative; display:flex; align-items:center; border-top:1px solid var(--thm-bdr-color); margin-top:40px; padding-top:20px; padding-bottom:39px;} .about-one__it-solutions-icon{ position:relative; display:flex; align-items:center;} .about-one__it-solutions-icon span{ font-size:70px; color:var(--thm-extra); position:relative; display:inline-block; transition:all 500ms linear; transition-delay:0.1s;} .about-one__it-solutions:hover .about-one__it-solutions-icon span{ transform:rotateY(360deg);} .about-one__it-solutions-text-box{ margin-left:20px;} .about-one__it-solutions-text{ font-weight:600; color:var(--thm-black); margin:0; line-height:30px;} /*-------------------------------------------------------------- # Services One --------------------------------------------------------------*/ .services-one{ position:relative; display:block; padding:100px 0 100px;} .services-one .row{ --bs-gutter-x:15px;} .services-one__single{ position:relative; display:block; background-color:#eef3f7; border-radius:var(--thm-bdr-radius); padding:50px 60px 50px; text-align:center; margin-bottom:30px; transition:all 500ms ease; z-index:2;} .services-one__single:hover{ background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .05);} .services-one__icon{ position:relative; height:130px; width:130px; background-color:#eef3f7; border-radius:50%; font-size:65px; color:var(--thm-primary); display:flex; align-items:center; justify-content:center; margin:0 auto; transition:all 500ms ease; -webkit-transition-delay:400ms; -moz-transition-delay:400ms; -ms-transition-delay:400ms; -o-transition-delay:400ms; transition-delay:400ms; z-index:2;} .services-one__single:hover .services-one__icon{ background-color:var(--thm-primary); color:var(--thm-base);} .services-one__icon:before{ position:absolute; top:-20px; bottom:-17px; left:61px; content:""; width:2px; background-color:var(--thm-primary); z-index:-1;} .services-one__icon:after{ position:absolute; top:-15px; bottom:-22px; right:61px; content:""; width:2px; background-color:var(--thm-primary); z-index:-1;} .services-one__icon:before, .services-one__icon:after{ opacity:0; -webkit-transition:opacity 500ms ease, -webkit-transform 500ms ease; transition:opacity 500ms ease, -webkit-transform 500ms ease; transition:opacity 500ms ease, transform 500ms ease; transition:opacity 500ms ease, transform 500ms ease, -webkit-transform 500ms ease; transition:all 500ms ease;} .services-one__single:hover .services-one__icon:before, .services-one__single:hover .services-one__icon:after{ transform:rotate(45deg); opacity:1; -webkit-transition-delay:500ms; -moz-transition-delay:500ms; -ms-transition-delay:500ms; -o-transition-delay:500ms; transition-delay:500ms;} .services-one__title{ font-size:24px; font-weight:800; line-height:26px; margin-top:26px; margin-bottom:16px;} .services-one__title a{ color:var(--thm-black); transition:all 500ms ease;} .services-one__title a:hover{ color:var(--thm-primary);} .services-one__text{ margin:0; padding-bottom:20px;} .services-one__arrow{ position:relative; display:block;} .services-one__arrow a{ position:relative; height:63px; width:63px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:20px; color:var(--thm-black); background-color:#eef3f7; margin:0 auto; transition:all 500ms ease; z-index:1;} .services-one__single:hover .services-one__arrow a{ background-color:var(--thm-extra); color:var(--thm-base);} /*-------------------------------------------------------------- # Share The Joy --------------------------------------------------------------*/ .share-the-joy{ position:relative; display:block; margin-top:-120px; padding:0 0 120px; z-index:1;} .share-the-joy__inner{ position:relative; display:block; max-width:1594px; width:100%; margin:0 auto; background-color:var(--thm-primary); border-radius:var(--thm-bdr-radius); padding:105px 0 120px; z-index:1;} .share-the-joy-map{ background-color:var(--thm-primary); position:absolute; top:0; left:0; width:490px; background-repeat:no-repeat; background-position:top left; opacity:.75; z-index:-1; background-blend-mode:lighten; bottom:0; border-top-left-radius:8px; border-bottom-left-radius:8px;} .share-the-joy__left{ position:relative; display:block; z-index:2;} .share-the-joy__shape-1{ position:absolute; left:281px; bottom:43px;} .share-the-joy__shape-1 img{ -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:banner3Shake; animation-name:banner3Shake; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-delay:1s; animation-delay:1s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;} .share-the-joy__title{ font-size:50px; color:var(--thm-base); font-weight:800; line-height:60px; margin-bottom:59px;} .share-the-joy__btn{ background-color:var(--thm-black);} .share-the-joy__btn:after{ background-color:var(--thm-base);} .share-the-joy__btn:hover:after{ opacity:1; transform:scaleY(1.0);} .share-the-joy__btn:hover{ color:var(--thm-primary);} .share-the-joy__right{ position:relative; display:block;} .share-the-joy__img-box{ position:relative; display:block; z-index:1;} .share-the-joy__img{ position:absolute; top:-181px; bottom:0; left:-270px;} .share-the-joy__trusted{ position:absolute; top:44px; left:74px; height:180px; width:180px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .07); text-align:center;} .share-the-joy__trusted:before{ position:absolute; bottom:0; right:38px; width:24px; height:11px; content:""; background-image:url(../image/share-the-joy-shape-2.png); background-repeat:no-repeat; transform:rotate(-30deg);} .share-the-joy__trusted>span{ font-size:65px; color:var(--thm-primary);} .share-the-joy__trusted__content{ position:relative; display:block; margin-top:13px;} .share-the-joy__trusted__content p{ font-size:16px; margin:0; line-height:10px;} .share-the-joy__trusted__content h3{ font-size:20px; font-family:var(--thm-font) !important; font-weight:800; line-height:30px !important;} .share-the-joy__trusted .odometer-formatting-mark{ display:none;} /*-------------------------------------------------------------- # Project One --------------------------------------------------------------*/ .project-one{ position:relative; display:block; padding:0 0 200px;} .project-one .container{ max-width:1060px;} .project-one__carousel{ position:relative; display:block;} .project-one__carousel.owl-carousel .owl-stage-outer{ overflow:visible; padding:0px 0px 0px;} .project-one__carousel.owl-carousel .owl-dots{ position:absolute; bottom:-23px; right:0px; left:0; margin:0 !important; display:flex; align-items:center; justify-content:center;} .project-one__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-one__carousel.owl-carousel .owl-dot.active{ background:var(--thm-extra); opacity:1; height:13px; width:13px;} .project-one__carousel.owl-carousel .owl-dot:focus{ outline:none;} .project-one__carousel.owl-carousel .owl-dots .owl-dot span{ display:none;} .project-one__single{ position:relative; display:block; margin-bottom:30px;} .project-one__img{ position:relative; display:block; overflow:hidden; border-radius:var(--thm-bdr-radius); z-index:1;} .project-one__img:before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-color:rgba(var(--thm-black-rgb), .30); transform:scale(1, 0); transition:transform 500ms ease; transform-origin:top center; border-radius:var(--thm-bdr-radius); z-index:1;} .project-one__single:hover .project-one__img:before{ transform:scale(1, 1); transform-origin:bottom center;} .project-one__img img{ width:100%; border-radius:var(--thm-bdr-radius); transform:scale(1); transition:transform 500ms ease;} .project-one__single:hover .project-one__img img{ transform:scale(1.05);} .project-one__content{ position:relative; display:block; background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .07); border-radius:var(--thm-bdr-radius); padding:32px 40px 39px; margin-top:-108px; margin-left:30px; margin-right:30px; overflow:hidden; transition:all 500ms ease; z-index:2;} .project-one__content:after{ position:absolute; content:""; top:0; left:0; right:0; height:100%; background-color:rgb(25, 137, 251); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .07); transition:all 500ms ease; opacity:1; transform-origin:top; transform-style:preserve-3d; transform:scaleY(0); border-radius:var(--thm-bdr-radius); z-index:-1;} .project-one__single:hover .project-one__content:after{ opacity:1; transform:scaleY(1.0);} .project-one__tagline{ font-size:14px; margin:0; line-height:27px; transition:all 500ms ease;} .project-one__title{ font-size:30px; font-weight:800; line-height:40px; transition:all 500ms ease;} .project-one__title a{ color:var(--thm-black); transition:all 500ms ease;} .project-one__arrow{ position:absolute; top:50%; right:30px; transform:translateY(-50%);} .project-one__arrow a{ color:var(--thm-black); font-size:20px; height:40px; width:40px; display:flex; align-items:center; justify-content:center; transition:all 500ms ease;} .project-one__single:hover .project-one__tagline, .project-one__single:hover .project-one__title a{ color:var(--thm-base);} .project-one__single:hover .project-one__arrow a{ color:var(--thm-extra);} /*-------------------------------------------------------------- # Improve One --------------------------------------------------------------*/ .improve-one{ position:relative; display:block; padding:0 0 0; z-index:1; background-color:var(--thm-black);} .improve-one-bg{ position:absolute; top:0; bottom:0; left:0; right:0; background-repeat:no-repeat; background-position:center; background-size:cover; z-index:-1; opacity:0.1;} .improve-one-bg.jarallax div div{ background-color:var(--thm-black); background-blend-mode:luminosity;} .improve-one__left{ position:relative; display:block; margin-top:-60px;} .improve-one__img-box{ position:relative; display:block;} .improve-one__img{ position:relative; display:block; overflow:hidden;} .improve-one__img:after{ position:absolute; top:0; left:-100%; display:block; content:''; width:50%; height:100%; background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); transform:skewX(-25deg); z-index:1;} .improve-one__img-box:hover .improve-one__img:after{ -webkit-animation:shine 1.5s; animation:shine 1.5s;} .improve-one__img img{ width:100%; border-top-right-radius:16px; border-bottom-left-radius:16px; border-bottom-right-radius:16px;} .improve-one__project-complete{ position:absolute; top:170px; left:-230px; transform:rotate(-90deg); background-color:var(--thm-extra); padding:13px 58px 13px; border-top-left-radius:8px; border-top-right-radius:8px;} .improve-one__project-complete p{ font-size:14px; color:var(--thm-base); font-weight:800; letter-spacing:0.2em; margin:0; text-transform:uppercase;} .improve-one__right{ position:relative; display:block; margin-left:70px; padding-top:120px; padding-bottom:120px; margin-right:-42px;} .improve-one__right .section-title{ margin-bottom:41px;} .improve-one__right .section-title__tagline{ color:#ada8ba;} .improve-one__right .section-title__title{ color:var(--thm-base);} .improve-one__points li{ position:relative; display:flex;} .improve-one__points li:before{ position:absolute; bottom:-44px; left:0; right:42px; content:""; height:1px; background-color:rgba(var(--thm-base-rgb), .10);} .improve-one__points li:last-child:before{ display:none;} .improve-one__points li+li{ margin-top:85px;} .improve-one__points li .icon{ position:relative; top:8px;} .improve-one__points li .icon span{ font-size:65px; color:var(--thm-primary); position:relative; display:inline-block; transform:rotateY(0deg); transition:all 500ms ease;} .improve-one__points li:hover .icon span{ transform:rotateY(180deg); color:var(--thm-base);} .improve-one__points li .text{ margin-left:25px;} .improve-one__points li .text h3{ font-size:24px; font-weight:800; line-height:34px; margin-bottom:10px; color:var(--thm-base);} .improve-one__points li .text p{ margin:0; color:#ada8ba;} /*-------------------------------------------------------------- # Testimonial One --------------------------------------------------------------*/ .testimonial-one{ position:relative; display:block; background-color:#eef3f7; padding:120px 0 60px; z-index:1;} .testimonial-one-shape{ position:absolute; bottom:0; left:0; right:0; height:353px; background-repeat:no-repeat; background-size:cover; background-position:center; z-index:-1; filter:grayscale(100%); opacity:.15;} .testimonial-one__left{ position:relative; display:block;} .testimonial-one__right{ position:relative; display:block;} .testimonial-one__carousel{ position:relative; display:block;} .testimonial-one__carousel.owl-carousel .owl-stage-outer{ margin-right:-360px; padding-bottom:60px;} .testimonial-one__carousel.owl-theme .owl-nav{ position:absolute; bottom:99px; left:-405px;} .testimonial-one__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;} .testimonial-one__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;} .testimonial-one__carousel.owl-theme .owl-nav .owl-next:hover, .testimonial-one__carousel.owl-theme .owl-nav .owl-prev:hover{ color:var(--thm-primary); border:2px solid var(--thm-primary);} .testimonial-one__single{ position:relative; display:block; background-color:var(--thm-base); border-radius:var(--thm-bdr-radius); padding:60px 60px 50px; transition:all 500ms ease;} .testimonial-one__single:hover{ background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .05);} .testimonial-one__client-info{ display:flex; align-items:center; margin-bottom:17px;} .testimonial-one__client-details{ margin-left:20px;} .testimonial-one__client-name{ font-size:18px; font-weight:600; line-height:28px;} .testimonial-one__client-title{ font-size:16px; color:var(--thm-primary); margin:0; line-height:26px;} .testimonial-one__text{ font-size:20px; font-weight:300; margin:0; line-height:36px;} .testimonial-one__quote{ position:absolute; top:68px; right:60px;} .testimonial-one__quote span{ font-size:63px; color:#eef3f7; transition:all 500ms ease;} .testimonial-one__single:hover .testimonial-one__quote span{ color:var(--thm-extra);} /*-------------------------------------------------------------- # News One --------------------------------------------------------------*/ .news-one{ position:relative; display:block; padding:120px 0 90px;} .news-page{ padding-bottom:120px;} .news-one__single{ position:relative; display:block; margin-bottom:30px;} .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; background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .05); padding:20px 42px 30px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; border-bottom:3px solid transparent; transition:all 500ms ease;} .news-one__single:hover .news-one__content{ border-bottom:3px solid var(--thm-extra);} .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{ font-size:24px; font-weight:700; line-height:32px;} .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{ font-size:16px; margin:0; line-height:30px; padding-top:13px; padding-bottom:8px;} .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__container{ 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:rgba(255,255,255,.2);} .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);} /* 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 50px;} .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;} /*-------------------------------------------------------------- # Site Footer --------------------------------------------------------------*/ .site-footer{ position:relative; display:block; background-color:#1b1825; /*margin-top:-120px;*/} .site-footer__top{ position:relative; display:block; background-color:var(--thm-black);} .site-footer__top-inner{ position:relative; display:block; padding:90px 0 90px; z-index:1;} .site-footer-map{ position:absolute; left:0; right:0; bottom:-42px; height:440px; background-repeat:no-repeat; background-size:cover; background-position:center center; opacity:0.04; z-index:-1;} .footer-widget__about{ position:relative; display:block; width:100%;} .footer-widget__about-text{ font-size:16px; color:#ada8ba; margin:0; padding-top:30px; padding-bottom:30px; line-height:30px;} @media (min-width:992px){ .footer-widget__about{ width:60%;} } .footer-widget__title{ font-size:20px; color:var(--thm-base); font-weight:800; line-height:30px; margin-bottom:30px;} .footer-widget__links{ position:relative; display:block;} .footer-widget__links-list{ position:relative; display:block; float:left; margin-right:70px;} .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{ margin-left:10px;} .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 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:1595px; width:100%; margin:0 auto; border-top-left-radius:8px; border-top-right-radius:8px; background-color:#100d16;} .site-footer__bottom-inner{ position:relative; display:flex; align-items:center; justify-content:space-between; padding:35px 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);} /*-------------------------------------------------------------- # Business Growth --------------------------------------------------------------*/ .business-growth{ position:relative; display:block; padding-bottom:30px; background-color:#eef3f7; 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__tagline{ color:var(--thm-base);} .business-growth__left .section-title__title{ color:var(--thm-base);} .business-growth__right{ position:relative; display:block; margin-top:12px;} .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:30px;} .business-growth__img{ position:relative; display:block; border-top-right-radius:8px; border-top-left-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-top-right-radius:8px; border-top-left-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; padding-top:10px; padding-bottom:10px;} .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);} .hotel-op-bg{ position:absolute; top:0; left:0; right:0; bottom:0; background-color:#037AC9; z-index:-1;} .hotel-op-bg-text{ padding-bottom:40px; color:#cce5ff;} .vr-service-bg{ position:absolute; top:0; left:0; right:0; bottom:0; background-color:#037AC9; z-index:-1;} /*-------------------------------------------------------------- # Video One --------------------------------------------------------------*/ .video-one{ position:relative; display:block; padding:120px 0 230px; z-index:1; background-color:var(--thm-black);} .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.3; 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-icon{ position:relative; display:flex; align-items:center; justify-content:center; width:108px; height:108px; line-height:108px; text-align:center; font-size:25px; color:var(--thm-base); background-color:var(--thm-extra); border-radius:var(--thm-bdr-radius); margin:0 auto; 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:var(--thm-primary);} .video-one__video-link .ripple, .video-one__video-icon .ripple:before, .video-one__video-icon .ripple:after{ position:absolute; top:50%; left:50%; width:108px; height:108px; transform:translate(-50%, -50%); -ms-box-shadow:0 0 0 0 rgba(var(--thm-extra-rgb), 0.6); -o-box-shadow:0 0 0 0 rgba(var(--thm-extra-rgb), 0.6); box-shadow:0 0 0 0 rgba(var(--thm-extra-rgb), 0.6); -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{ margin-top:45px; margin-bottom:45px; font-size:50px; font-weight:800; line-height:60px; color:var(--thm-base);} /*-------------------------------------------------------------- # Help --------------------------------------------------------------*/ .help{ position:relative; display:block; padding:0 0 120px; margin-top:-120px; z-index:1;} .help__box{ position:relative; display:block; background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .05); border-radius:var(--thm-bdr-radius);} .help__single{ position:relative; float:left; max-width:300px; width:100%;} .help__single:before{ position:absolute; top:0; left:0; bottom:0; content:""; width:1px; background-color:var(--thm-bdr-color);} .help__single:nth-child(1):before{ display:none;} /*.help__single:nth-child(2):before{ display:none;}*/ .help__box-one{ max-width:285px;} .help__box-one-content{ position:relative; display:block; background-color:var(--thm-primary); padding:52px 50px 52px; border-top-left-radius:8px; z-index:1;} .help__box-one-content:before{ position:absolute; top:0; left:0; right:0; bottom:0; height:0%; content:""; background-color:var(--thm-extra); border-top-left-radius:8px; opacity:0; transition:all 300ms ease; z-index:-1;} .help__single:hover .help__box-one-content:before{ height:100%; opacity:1;} .help__box-one-title{ font-size:26px; color:var(--thm-base); font-weight:800; line-height:34px;} .help__box-one-img{ position:relative; display:block; border-bottom-left-radius:8px; overflow:hidden;} .help__box-one-img::before{ position:absolute; content:''; background-color:rgba(var(--thm-black-rgb), .30); width:0%; height:100%; left:0px; top:0px; border-bottom-left-radius:8px; z-index:1; transition:all 500ms ease;} .help__single:hover .help__box-one-img::before, .help__single:hover .help__box-one-img::after{ width:50%;} .help__box-one-img::after{ position:absolute; content:''; background-color:rgba(var(--thm-black-rgb), .30); width:0%; height:100%; right:0px; top:0px; border-bottom-right-radius:8px; transition:all 500ms ease;} .help__box-one-img img{ width:100%; border-bottom-left-radius:8px; transition:all 300ms ease; transform:scale(1.05);} .help__single:hover .help__box-one-img img{ transform:scale(1);} .help__box-two{ position:relative; display:block;} .help__box-two-content{ position:relative; display:block; padding-top:50px; padding-bottom:44px; padding-left:45px; padding-right:45px;} .help__box-two-icon{ position:relative; height:70px; width:70px; background-color:#eef3f7; border-radius:50%; font-size:35px; color:var(--thm-primary); display:flex; align-items:center; justify-content:center; transition:all 500ms ease; z-index:1;} .help__box-two-icon:before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-color:var(--thm-primary); border-radius:50%; transform:scale(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;} .help__single:hover .help__box-two-icon:before{ transform:scale(1);} .help__box-two-icon span{ position:relative; display:inline-block; color:var(--thm-primary); transition:all 500ms ease;} .help__single:hover .help__box-two-icon span{ color:var(--thm-base); transform:rotateY(180deg);} .help__box-two-title{ font-size:20px; font-weight:800; line-height:30px; margin-top:22px; margin-bottom:21px; color:var(--thm-black);} .help__single:hover .help__box-two-title a{ color:var(--thm-primary);} .help__box-two-text{ font-size:16px; margin:0; line-height:30px;} .help__box-two-content:hover .help__box-two-text{ color:var(--thm-gray);} .help__box-last{ max-width:285px;} .help__box-last .help__box-two-content{ padding-right:50px;} /*-------------------------------------------------------------- # Project Two --------------------------------------------------------------*/ .project-two{ position:relative; display:block; padding:0 0 50px;} .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:20px; 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;} /*-------------------------------------------------------------- # Brand One --------------------------------------------------------------*/ .brand-two{ position:relative; display:block;} .brand-two__inner{ position:relative; display:block; border-bottom:1px solid var(--thm-bdr-color); padding:0px 0 99px;} .brand-two .swiper-slide{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;} .brand-two .swiper-slide a{ display:block; padding:14px 18px; border-radius:6px; background-color:#eef3f7; -webkit-transition:500ms; transition:500ms; max-width:100%;} .brand-two .swiper-slide a:hover{ border-color:var(--thm-primary); background-color:var(--thm-primary); color:#FFF; opacity:1;} /*-------------------------------------------------------------- # Industries We Serve --------------------------------------------------------------*/ .industries-we-serve{ position:relative; display:block; padding:120px 0 240px; background-color:var(--thm-black); z-index:1;} .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; 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:#ada8ba; margin:0;} .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{ font-size:20px; color:var(--thm-base); margin:0;} .industries-we-serve__right{ position:relative; display:block; margin-left:60px;} .industries-we-serve__boxes{ position:relative; display:block;} .industries-we-serve__boxes li{ position:relative; background-color:#100d16; border-radius:var(--thm-bdr-radius); max-width:200px; float:left; width:100%; text-align:center; margin-left:10px; margin-bottom:10px; padding:39px 0 35px;} .industries-we-serve__boxes li:nth-child(1){ margin-left:0;} .industries-we-serve__boxes li:nth-child(3){ margin-left:0; margin-bottom:0;} .industries-we-serve__boxes li:nth-child(4){ 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__title{ font-size:18px; color:var(--thm-base); font-weight:600; line-height:22px;} /*-------------------------------------------------------------- # Team One --------------------------------------------------------------*/ .team-one{ position:relative; display:block; z-index:3;} .team-one__container{ position:relative; display:block; background-color:var(--thm-base); max-width:1595px; width:100%; margin:-120px auto 0; border-top-left-radius:8px; border-top-right-radius:8px; padding:100px 0 100px; z-index:3;} .team-one__single{ position:relative; display:block; margin-bottom:30px;} .team-one__img{ position:relative; display:block; border-radius:var(--thm-bdr-radius); overflow:hidden; transition:all 500ms ease;} .team-one__single:hover .team-one__img{ border-bottom-left-radius:0; border-bottom-right-radius:0 } .team-one__img:before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-color:rgba(var(--thm-black-rgb), .30); width:0%; transform:translateY(100%); transition:all 500ms ease; border-radius:var(--thm-bdr-radius); z-index:1;} .team-one__single:hover .team-one__img:before{ transform:translateY(0); width:100%; border-bottom-left-radius:0; border-bottom-right-radius:0 } .team-one__img img{ width:100%; border-radius:var(--thm-bdr-radius); transition:all 500ms ease; transform:scale(1);} .team-one__single:hover .team-one__img img{ transform:scale(1.05); border-bottom-left-radius:0; border-bottom-right-radius:0;} .team-one__content{ position:relative; display:block; text-align:center; padding:23px 0 26px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; z-index:1;} .team-one__content:before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .05); border-bottom-left-radius:8px; border-bottom-right-radius:8px; -webkit-transition:all 500ms ease; transition:all 500ms ease; transform:scaleY(0); z-index:-1;} .team-one__single:hover .team-one__content:before{ transform:scaleY(1);} .team-one__name{ font-size:20px; font-weight:800; line-height:30px;} .team-one__title{ font-size:12px; margin:0; line-height:24px;} /*-------------------------------------------------------------- # CTA Two --------------------------------------------------------------*/ .cta-two{ position:relative; display:block; z-index:2;} .cta-two__container{ position:relative; display:block; max-width:1600px; width:100%; background-color:var(--thm-primary); border-radius:var(--thm-bdr-radius); margin:0 auto; z-index:2; padding-left:15px; padding-right:15px;} .cta-two-shape-1{ position:absolute; top:0; left:0; opacity:0.10; -webkit-animation:animation1 5s ease-in infinite; animation:animation1 5s ease-in infinite; z-index:-1;} .cta-two__inner{ position:relative; display:flex; align-items:center; justify-content:space-between; padding:112.5px 0;} .cta-two__title{ font-size:46px; color:var(--thm-base); font-weight:800; line-height:60px;} /*-------------------------------------------------------------- # 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.6;} .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);} .page-header-paishe{ background-image:url(../image/page-header-paishe.jpg);} .page-header-yunying{ background-image:url(../image/page-header-yunying.jpg);} .page-header-daimai{ background-image:url(../image/page-header-daimai.jpg);} .page-header-yihuo{ background-image:url(../image/page-header-yihuo.jpg);} .page-header-3dvr{ background-image:url(../image/page-header-3dvr.jpg);} .page-header-vrphoto{ background-image:url(../image/page-header-vrphoto.jpg);} .page-header-vrvideo{ background-image:url(../image/page-header-vrvideo.jpg);} .page-header-anli{ background-image:url(../image/page-header-anli.jpg);} .page-header-xuni{ background-image:url(../image/page-header-xuni.jpg);} .page-header-xuniman{ background-image:url(../image/page-header-xuniman.jpg);} .page-header-720{ background-image:url(../image/page-header-720.jpg);} .page-header-contact{ background-image:url(../image/page-header-contact.jpg);} .page-header-touzi{ background-image:url(../image/page-header-touzi.jpg);} .page-header-jiaru{ background-image:url(../image/page-header-jiaru.jpg);} .page-header-about{ background-image:url(../image/page-header-about.jpg);} .page-header-download{ background-image:url(../image/page-header-download.jpg);} .page-header-api{ background-image:url(../image/page-header-api.jpg);} /*-------------------------------------------------------------- # 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;} /*-------------------------------------------------------------- # Services Details --------------------------------------------------------------*/ .service-details{ position:relative; display:block; padding:120px 0 120px;} .service-details__right{ position:relative; display:block;} .service-details__img{ position:relative; display:block;} .service-details__img img{ width:100%; border-radius:var(--thm-bdr-radius);} .service-details__content{ position:relative; display:block; margin-top:29px;} .service-details__title{ font-size:30px; font-weight:800; line-height:40px; margin-bottom:20px;} .service-details__text{ margin:0;} .service-details__text-2{ margin:0; padding-top:35px;} .service-details__benefits{ position:relative; display:block; margin-top:51px; margin-bottom:60px;} .service-details__benefits-img{ position:relative; display:block;} .service-details__benefits-img img{ width:100%;} .service-details__benefits-title{ font-size:30px; font-weight:800; line-height:40px; margin-bottom:36px; margin-top:-11px;} .service-details__benefits-text{ font-size:20px; margin:0; color:var(--thm-primary);} .service-details__benefits-list{ position:relative; display:block; margin-top:33px;} .service-details__benefits-list li{ position:relative; display:flex; align-items:center;} .service-details__benefits-list li+li{ margin-top:6px;} .service-details__benefits-list li .icon{ display:flex; align-items:center; position:relative; top:2px;} .service-details__benefits-list li .icon span{ font-size:12px; color:var(--thm-extra);} .service-details__benefits-list li .text{ margin-left:10px;} .service-details__benefits-list li .text p{ font-size:18px; margin:0; color:var(--thm-gray); font-weight:500;} .service-details__faq{ position:relative; display:block;} .faq-one-accrodion .accrodion{ position:relative; display:block; -webkit-transition:all 500ms ease; transition:all 500ms ease; border-radius:var(--thm-bdr-radius); background-color:#eef3f7;} .faq-one-accrodion .accrodion.active{ background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .07);} .faq-one-accrodion .accrodion-title{ position:relative; display:block; cursor:pointer; padding:21px 40px 21px; padding-right:27px; transition:all 200ms linear; transition-delay:0.1s; border-top-right-radius:8px; border-top-left-radius:8px;} .faq-one-accrodion .accrodion-title h4{ margin:0; font-size:18px; font-weight:800; line-height:28px; color:var(--thm-black); position:relative; -webkit-transition:all 500ms ease; transition:all 500ms ease;} .faq-one-accrodion .accrodion+.accrodion{ margin-top:20px;} .faq-one-accrodion .accrodion.active .accrodion-title{ background-color:var(--thm-base);} .faq-one-accrodion .accrodion.active .accrodion-title h4{ color:var(--thm-black);} .faq-one-accrodion .accrodion-title h4::before{ content:"\f067"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:13px; color:var(--thm-primary); ; position:absolute; top:50%; right:0; height:35px; width:35px; border-radius:50%; text-align:center; display:flex; justify-content:center; align-items:center; -webkit-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:all 500ms ease; transition:all 500ms ease;} .faq-one-accrodion .accrodion.active .accrodion-title h4::before{ content:"\f068"; color:var(--thm-black); ; height:35px; width:35px; border-radius:50%; text-align:center; display:flex; justify-content:center; align-items:center;} .faq-one-accrodion .accrodion-content{ position:relative; padding:0px 40px 40px; border-bottom-left-radius:8px; border-bottom-right-radius:8px;} .faq-one-accrodion .accrodion.active .accrodion-content{ background-color:var(--thm-base);} .faq-one-accrodion .accrodion-content p{ margin:0; font-size:18px; font-weight:500; line-height:34px;} .service-details__sidebar{ position:relative; display:block;} .service-details__sidebar-service{ position:relative; display:block; background:#eef3f7; padding:45px 25px 36px; border-radius:var(--thm-bdr-radius);} .service-details__sidebar-title{ font-size:20px; font-weight:800; padding-left:25px; margin-bottom:18px;} .service-details__sidebar-service-list{ margin:0;} .service-details__sidebar-service-list li+li{ margin-top:6px;} .service-details__sidebar-service-list li a{ color:var(--thm-gray); font-size:16px; font-weight:500; position:relative; -webkit-transition:all 500ms ease; transition:all 500ms ease; display:block; background:none; padding:3px 25px; border-radius:var(--thm-bdr-radius);} .service-details__sidebar-service-list li.current a, .service-details__sidebar-service-list li:hover a{ background-color:rgb(255, 255, 255); box-shadow:0px 0px 30px 0px rgb(0, 0, 0, .05); color:var(--thm-black);} .service-details__sidebar-service-list li a span{ position:absolute; top:50%; right:20px; transform:translateY(-50%) scale(0); -webkit-transition:all 500ms ease; transition:all 500ms ease; color:var(--thm-black); text-align:center; display:flex; align-items:center; justify-content:center; font-size:20px;} .service-details__sidebar-service-list li.current a span, .service-details__sidebar-service-list li:hover a span{ color:var(--thm-black); transform:translateY(-50%) scale(1);} .service-details__need-help{ position:relative; display:block; padding:50px 50px 43px; margin-top:30px; text-align:center; border-radius:var(--thm-bdr-radius); z-index:1;} .service-details__need-help-bg{ position:absolute; top:0; left:0; right:0; bottom:0; background-size:cover; background-position:center; background-repeat:no-repeat; filter:grayscale(100%); border-radius:var(--thm-bdr-radius); z-index:-1;} .service-details__need-help-bg-overly{ position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(var(--thm-primary-rgb), .90); border-radius:var(--thm-bdr-radius); z-index:-1;} .service-details__need-help-icon{ height:75px; width:75px; background-color:var(--thm-base); color:var(--thm-primary); font-size:35px; display:flex; align-items:center; justify-content:center; border-radius:50%; margin:0 auto 22px; transition:all 500ms ease;} .service-details__need-help-icon:hover{ background-color:var(--thm-black); color:var(--thm-base);} .service-details__need-help-text-box{ font-size:20px; color:var(--thm-base); font-weight:600; line-height:33px;} .service-details__need-help-contact{ position:relative; display:block; margin-top:28px;} .service-details__need-help-contact a{ font-size:30px; color:var(--thm-base); font-weight:800; transition:all 500ms ease;} .service-details__need-help-contact a:hover{ color:var(--thm-black);} .service-details__need-help-contact p{ font-size:14px; color:#cce5ff; margin:0; line-height:24px; text-transform:uppercase; letter-spacing:0.1em;} /*Project Page*/ .project-page{ padding:40px 0;} .project-page .project-one__single{ margin-bottom:30px;} @media (min-width:768px) { .project-page{ padding:80px 0 90px;} } .case-byclass{ padding-bottom:20px;} .case-byclass a{ position:relative; display:inline-block; margin:0 10px 10px 0; vertical-align:middle; -webkit-appearance:none; border:none; outline:none !important; background-color:#eef3f7; color:#333; font-size:18px; text-transform:uppercase; padding:10px 15px; border-radius:8px; transition:all 0.1s linear; overflow:hidden; letter-spacing:0.1em; z-index:1;} .case-byclass a:after{ position:absolute; content:""; top:0; left:0; right:0; height:100%; background-color:var(--thm-primary); transition-delay:0.1s; transition-timing-function:ease-in-out; transition-duration:.1s; transition-property:all; opacity:1; transform-origin:bottom; transform-style:preserve-3d; transform:scaleY(0); z-index:-1;} .case-byclass a:hover:after{ opacity:1; transform:scaleY(1.0);} .case-byclass a:hover{ color:var(--thm-base);} .case-byclass a.on{ background-color:var(--thm-primary); color:#FFF;} @media (min-width:768px) { .case-byclass a{ margin:0 15px 15px 0; padding:12px 30px;} } .case-more{ padding-top:60px; text-align:center;} .case-more a{ position:relative; display:inline-block; margin:0 auto; vertical-align:middle; -webkit-appearance:none; border:none; outline:none !important; background-color:#eef3f7; color:#333; font-size:18px; text-transform:uppercase; padding:12px 30px; border-radius:8px; transition:all 0.1s linear; overflow:hidden; letter-spacing:0.1em; z-index:1;} .case-more a:after{ position:absolute; content:""; top:0; left:0; right:0; height:100%; background-color:var(--thm-primary); transition-delay:0.1s; transition-timing-function:ease-in-out; transition-duration:.1s; transition-property:all; opacity:1; transform-origin:bottom; transform-style:preserve-3d; transform:scaleY(0); z-index:-1;} .case-more a:hover:after{ opacity:1; transform:scaleY(1.0);} .case-more a:hover{ color:var(--thm-base);} /*-------------------------------------------------------------- # Project Details --------------------------------------------------------------*/ .project-details{ position:relative; display:block; padding:120px 0 120px;} .project-details__img-box{ position:relative; display:block;} .project-details__img-box img{ width:100%; border-radius:var(--thm-bdr-radius);} .project-details__details-box{ border-radius:var(--thm-bdr-radius); background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .07); padding:38px 50px 30px; position:absolute; bottom:-30px; left:30px; right:30px; z-index:3;} .project-details__details-info li{ position:relative; display:inline-block; z-index:2;} .project-details__details-info li:nth-child(3){ margin-left:110px;} .project-details__details-info li:nth-child(4){ position:absolute; top:0; bottom:0; left:0; right:50px; display:flex; align-items:center; justify-content:flex-end; z-index:1;} .project-details__details-info li+li{ margin-left:120px;} .project-details__client{ font-size:18px; font-weight:500; margin-bottom:4px;} .project-details__name{ color:var(--thm-primary); margin:0; font-size:16px;} .project-details__social-list{ position:relative; display:flex; -webkit-box-align:center; align-items:center;} .project-details__social-list 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-black); background-color:#eef3f7; 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;} .project-details__social-list a:hover{ color:var(--thm-base); transform:rotate(360deg);} .project-details__social-list a:before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-color:var(--thm-primary); 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;} .project-details__social-list a:hover:before{ transform:scaleX(1.0);} .project-details__social-list a+a{ margin-left:10px;} .project-details__content{ position:relative; display:block; margin-top:74px;} .project-details__title{ font-size:30px; font-weight:800; line-height:40px; margin-bottom:35px;} .project-details__text-1{ margin:0; padding-bottom:33px;} .project-details__text-2{ margin:0;} .project-details__list{ position:relative; display:block; padding-left:20px; margin-top:43px;} .project-details__list:before{ position:absolute; left:0; top:7px; bottom:7px; content:""; background-color:var(--thm-primary); width:2px;} .project-details__list li{ position:relative; display:flex; align-items:center;} .project-details__list li+li{ margin-top:6px;} .project-details__list li .icon{ display:flex; align-items:center;} .project-details__list li .icon span{ font-size:20px; color:var(--thm-extra);} .project-details__list li .text{ margin-left:15px;} .project-details__list li .text p{ margin:0; color:var(--thm-black);} .project-details__pagination-box{ position:relative; display:block; text-align:center; border-top:1px solid var(--thm-bdr-color); border-bottom:1px solid var(--thm-bdr-color); padding:48px 0; margin-top:113px;} .project-details__pagination li{ display:inline-block;} .project-details__pagination li.next{ float:left; position:relative;} .project-details__pagination li a{ font-size:18px; color:var(--thm-black); font-weight:500; display:flex; align-items:center; transition:all 500ms ease;} .project-details__pagination li a:hover{ color:var(--thm-primary);} .project-details__pagination li.next i{ position:relative; transform:rotate(180deg); display:inline-block; margin-right:10px; font-size:20px;} .project-details__pagination li.previous{ position:relative; float:right;} .project-details__pagination li.previous i{ margin-left:10px; font-size:20px;} /*-------------------------------------------------------------- # Similar Work --------------------------------------------------------------*/ .simialr-work{ position:relative; display:block; padding:0 0 90px;} .simialr-work .project-one__single{ margin-bottom:30px;} /*-------------------------------------------------------------- # News Details --------------------------------------------------------------*/ .news-details{ position:relative; display:block; padding:120px 0 120px;} .news-details__left{ position:relative; display:block;} .news-details__img{ position:relative; display:block; margin-bottom:20px;} .news-details__img img{ width:100%;} .news-details__date-box{ position:absolute; bottom:0; left:0; background-color:var(--thm-base); padding:17px 22px 20px; border-top-right-radius:8px;} .news-details__date-box p{ font-size:14px; color:var(--thm-black); font-weight:800; margin:0; line-height:17px; text-align:center;} .news-details__content{ position:relative; display:block;} .news-details__meta{ display:flex; -webkit-box-align:center; align-items:center; margin:0;} .news-details__meta li+li{ margin-left:10px;} .news-details__meta li a{ color:var(--thm-gray); font-size:14px; transition:all 500ms ease;} .news-details__meta li a:hover{ color:var(--thm-extra);} .news-details__meta li a i{ color:var(--thm-extra);} .news-details__title{ font-size:34px; font-weight:700; line-height:34px; margin-bottom:24px;} .news-details__text-1{ margin:0; padding-bottom:37px;} .news-details__text-2{ margin:0;} .news-details__text-3{ margin:0;} .news-details__bottom{ display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; -webkit-box-pack:justify; justify-content:space-between; flex-wrap:wrap; padding:30px 0 30px; margin-top:51px; border-top:1px solid var(--thm-bdr-color);} .news-details__bottom p{ margin:0;} .news-details__tags span{ color:var(--thm-black); font-weight:800; font-size:20px; margin-right:16px;} .news-details__tags a{ position:relative; color:var(--thm-base); font-size:11px; font-weight:800; background-color:var(--thm-primary); display:inline-block; padding:3px 15px; text-transform:uppercase; letter-spacing:0.2em; border-radius:var(--thm-bdr-radius); -webkit-transition:all 500ms ease; transition:all 500ms ease;} .news-details__tags a:hover{ background-color:var(--thm-black); color:var(--thm-base);} .news-details__tags a+a{ margin-left:6px;} .news-details__social-list{ display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center;} .news-details__social-list 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-black); background-color:#eef3f7; 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;} .news-details__social-list a:hover{ color:var(--thm-base); transform:rotate(360deg);} .news-details__social-list a:before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-color:var(--thm-primary); 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;} .news-details__social-list a:hover:before{ transform:scaleX(1.0);} .news-details__social-list a+a{ margin-left:10px;} .news-details__pagenation-box{ position:relative; display:block; overflow:hidden; margin-bottom:51px;} .news-details__pagenation{ position:relative; display:block;} .news-details__pagenation li{ position:relative; float:left; font-size:22px; color:var(--thm-black); background-color:#eef3f7; font-weight:700; line-height:36px; padding:51px 0px; border-radius:var(--thm-bdr-radius); -webkit-transition:all 500ms ease; transition:all 500ms ease; max-width:370px; width:100%; padding-left:60px;} .news-details__pagenation li+li{ margin-left:30px;} .news-details__pagenation li:hover{ background-color:var(--thm-extra); color:var(--thm-base);} /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-one__title, .comment-form__title{ margin:0; color:var(--thm-black); font-size:30px; font-weight:800; margin-bottom:53px;} .comment-one__single{ display:-webkit-box; display:flex; border-bottom:1px solid var(--thm-bdr-color); padding-bottom:50px; margin-bottom:58px;} .comment-one__content{ position:relative; margin-left:35px;} .comment-one__content h3{ margin:0; font-size:20px; color:var(--thm-black); font-weight:800; margin-bottom:40px;} .comment-one__content h3 span{ font-size:16px; color:var(--thm-primary); font-weight:500; margin-left:5px;} .comment-one__content p{ margin:0;} .comment-one__btn{ position:absolute; top:0; right:0; font-size:11px; font-weight:800; padding:3px 25px;} .comment-one__image img{ border-radius:50%;} .comment-form .comment-form__title{ margin-top:-7px;} .comment-one__form .row{ --bs-gutter-x:20px;} .comment-form__input-box{ position:relative; display:block;} .comment-form__input-box input[type="text"], .comment-form__input-box input[type="email"]{ height:70px; width:100%; border:none; background:#eef3f7; padding-left:30px; padding-right:30px; margin-bottom:20px; border-radius:var(--thm-bdr-radius); outline:none; font-size:16px; color:var(--thm-gray); font-weight:500; display:block;} .comment-form__input-box textarea{ font-size:16px; color:var(--thm-gray); font-weight:500; height:195px; width:100%; background:#eef3f7; padding:20px 30px 30px; border:none; border-radius:var(--thm-bdr-radius); outline:none; margin-bottom:20px; display:block;} /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ @media (max-width:991px){ .sidebar{ margin-top:50px;}} .sidebar__single+.sidebar__single{ margin-top:30px;} .sidebar__title{ margin:0; font-size:20px; font-weight:800; margin-bottom:21px;} .sidebar__search{ position:relative; display:block;} .sidebar__search-form{ position:relative;} .sidebar__search-form input[type="search"]{ display:block; border:none; outline:none; background-color:var(--thm-extra); color:var(--thm-base); font-size:16px; font-weight:500; padding-left:50px; height:80px; border-radius:var(--thm-bdr-radius); width:100%; padding-right:80px;} .sidebar__search-form ::-webkit-input-placeholder{ color:var(--thm-base); opacity:1;} .sidebar__search-form ::-moz-placeholder{ color:var(--thm-base); opacity:1;} .sidebar__search-form :-ms-input-placeholder{ color:var(--thm-base); opacity:1;} .sidebar__search-form ::-ms-input-placeholder{ color:var(--thm-base); opacity:1;} .sidebar__search-form ::placeholder{ color:var(--thm-base); opacity:1;} .sidebar__search-form :-ms-input-placeholder{ color:var(--thm-base);} .sidebar__search-form ::-ms-input-placeholder{ color:var(--thm-base);} .sidebar__search-form button[type="submit"]{ background-color:transparent; color:var(--thm-base); font-size:24px; position:absolute; top:0; right:18px; bottom:0; width:60px; outline:none; border:none; display:flex; align-items:center;} .sidebar__categories{ position:relative; display:block; background:#eef3f7; padding:45px 25px 36px; border-radius:var(--thm-bdr-radius);} .sidebar__categories .sidebar__title{ margin-left:25px;} .sidebar__categories-list{ margin:0;} .sidebar__categories-list li+li{ margin-top:6px;} .sidebar__categories-list li a{ color:var(--thm-gray); font-size:16px; font-weight:500; position:relative; -webkit-transition:all 500ms ease; transition:all 500ms ease; display:block; background:none; padding:3px 25px; border-radius:var(--thm-bdr-radius);} .sidebar__categories-list li a:hover{ background-color:rgb(255, 255, 255); box-shadow:0px 0px 30px 0px rgb(0, 0, 0, .05); color:var(--thm-black);} .sidebar__categories-list li a span{ position:absolute; top:50%; right:20px; transform:translateY(-50%) scale(0); -webkit-transition:all 500ms ease; transition:all 500ms ease; color:var(--thm-black); text-align:center; display:flex; align-items:center; justify-content:center; font-size:20px;} .sidebar__categories-list li a:hover span{ color:var(--thm-black); transform:translateY(-50%) scale(1);} .sidebar__post{ position:relative; display:block; padding:45px 50px 43px; background-color:#eef3f7; border-radius:var(--thm-bdr-radius);} .sidebar__post .sidebar__title{ margin-bottom:27px;} .sidebar__post-list{ margin:0;} .sidebar__post-list li{ display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; border-bottom:1px solid var(--thm-base); padding-bottom:33px;} .sidebar__post-list li:last-child{ border-bottom:0; padding-bottom:0;} .sidebar__post-list li+li{ margin-top:21px;} .sidebar__post-image{ margin-right:20px;} .sidebar__post-image>img{ width:60px; border-radius:var(--thm-bdr-radius);} .sidebar__post-content h3{ font-size:16px; font-weight:600; margin:0; line-height:26px; color:var(--thm-black);} .sidebar__post-content_meta{ font-size:14px; font-weight:500; color:var(--thm-gray); display:block;} .sidebar__post-content_meta i{ font-size:14px; color:var(--thm-extra); padding-right:4px;} .sidebar__post-content h3 a{ color:var(--thm-black); transition:all 500ms ease;} .sidebar__post-list li:hover .sidebar__post-content h3 a{ color:var(--thm-primary);} .sidebar__tags{ position:relative; display:block; background:#eef3f7; padding:47px 45px 50px; border-radius:var(--thm-bdr-radius);} .sidebar__tags .sidebar__title{ margin-left:5px; margin-bottom:36px;} .sidebar__tags-list{ margin-top:-10px;} .sidebar__tags-btn{ position:relative; color:var(--thm-black); font-size:12px; font-weight:800; background-color:var(--thm-base); display:inline-block; padding:2px 15px; margin-left:5px; margin-top:10px; -webkit-transition:all 500ms ease; transition:all 500ms ease;} .sidebar__tags-btn:after{ background-color:var(--thm-primary);} .sidebar__tags-list a+a{ margin-left:5px; margin-top:10px;} /*-------------------------------------------------------------- # Contact Page --------------------------------------------------------------*/ .contact-page{ position:relative; display:block; padding:120px 0 120px;} .contact-page__left{ position:relative; display:block;} .contact-page__left .section-title{ margin-bottom:25px;} .contact-page__text{ margin:0; padding-bottom:40px;} .contact-page__social-list{ position:relative; display:flex; -webkit-box-align:center; align-items:center;} .contact-page__social-list 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-black); background-color:#eef3f7; 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;} .contact-page__social-list a:hover{ color:var(--thm-base); transform:rotate(360deg);} .contact-page__social-list a:before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-color:var(--thm-primary); 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;} .contact-page__social-list a:hover:before{ transform:scaleX(1.0);} .contact-page__social-list a+a{ margin-left:10px;} .contact-page__right{ position:relative; display:block;} /*-------------------------------------------------------------- # Contact Details --------------------------------------------------------------*/ .contact-details{ position:relative; display:block;} .contact-details__inner{ position:relative; display:block; border-top:1px solid var(--thm-bdr-color); padding-top:60px; padding-bottom:60px;} .contact-details__single{ position:relative; display:flex; align-items:center;} .contact-details__icon{ position:relative; height:50px; width:50px; background-color:var(--thm-extra); font-size:20px; color:var(--thm-base); display:flex; align-items:center; justify-content:center; border-radius:50%; -webkit-transition:all 500ms ease; transition:all 500ms ease; z-index:1;} .contact-details__icon:before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-color:var(--thm-primary); 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;} .contact-details__single:hover .contact-details__icon:before{ transform:scaleX(1.0);} .contact-details__icon span{ position:relative; display:inline-block;} .contact-details__content{ position:relative; display:block; margin-left:20px;} .contact-details__sub-title{ font-size:14px; margin:0; line-height:24px;} .contact-details__content h5{ font-size:18px; font-weight:500; color:var(--thm-black); line-height:28px;} .contact-details__content h4{ font-size:18px; font-weight:500; color:var(--thm-black); line-height:26px;} .contact-details__content h4 a{ color:var(--thm-black); -webkit-transition:all 500ms ease; transition:all 500ms ease;} .contact-details__content h4 a:hover{ color:var(--thm-extra);} .contact-details__single-2{ margin-left:85px;} .contact-details__single-3{ margin-left:160px;} /*-------------------------------------------------------------- # Contact Page Google Map --------------------------------------------------------------*/ .contact-page-google-map{ position:relative; display:block; z-index:2;} .contact-page-google-map__one{ position:relative; display:block; border:none; height:518px; width:100%; max-width:1595px; margin:0 auto; border-radius:var(--thm-bdr-radius);} /*-------------------------------------------------------------- # About Two --------------------------------------------------------------*/ .about-two{ position:relative; display:block; padding:120px 0 120px;} .about-two__left{ position:relative; display:block; margin-right:62px;} .about-two__img{ position:relative; display:block;} .about-two__img img{ width:100%; border-radius:var(--thm-bdr-radius);} .about-two__right{ position:relative; display:block; margin-left:-30px;} .about-two__right .section-title{ margin-bottom:28px;} .about-two__text-1{ margin:0; padding-bottom:19px;} .about-two__text-2{ font-size:24px; color:var(--thm-primary); font-weight:600; margin:0; line-height:40px; padding-bottom:39px;} .about-two__progress{ display:flex; align-items:center; line-height:0;} .about-two__progress-wrap{ display:grid; grid-template-columns:1fr; grid-gap:20px;} @media (min-width:768px){ .about-two__progress-wrap{ grid-template-columns:repeat(2, 290px);}} .about-two__progress-box{ position:relative; display:inline-block;} .about-two__progress-box canvas{ transform:rotate(90deg);} .about-two__progress-box span{ position:absolute; top:50%; left:50%; display:block; transform:translateY(-50%) translateX(-50%); font-size:24px; font-weight:500; line-height:1; color:var(--thm-black);} .about-two__progress h3{ margin:0; font-size:20px; line-height:30px; font-weight:800; color:var(--thm-black); width:120px; margin-left:20px;} /*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); } /*-------------------------------------------------------------- # hotel-vr-youdian --------------------------------------------------------------*/ .hotel-vr-youdian{ padding:60px 0;} .hotel-vr-youdian-ico{ text-align:center; font-size:50px;} .hotel-vr-youdian-txt{ padding:10px 0 40px; text-align:center;} .hotel-vr-duibi{ padding:30px 0;} .con_tb{ margin:0 auto; width:100%; border-top:solid 1px rgba(0,0,0,.2);} .con_tb td{ padding:10px 0; border-bottom:solid 1px rgba(0,0,0,.2); font-size:15px; line-height:1.4; vertical-align:top;} .con_tb .con_td1{ padding-right:10px; padding-left:10px; width:35%; color:rgba(0,0,0,.6);} .con_tb .con_td2{ padding-right:10px; width:50%; color:rgba(60,150,220,1);} .con_tb .con_td3{ width:15%; text-align:center; vertical-align:middle;} .con_tb thead td{ background:rgba(60,150,220,.1);} .con_tb .con_td1 strong, .con_tb .con_td2 strong{ display:block; padding-bottom:5px;} @media (min-width:992px){ .con_tb{ width:90%;} } .hotel-vr-qudao{ padding:60px 0; background-color:#eef3f7;} .hotel-vr-qudao-blk{ margin-bottom:20px; padding:20px 30px; background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .07); border-radius:8px;} .hotel-vr-qudao-ico{ text-align:center; font-size:20px;} .hotel-vr-qudao-txt{ padding:10px 0; text-align:center;} /*-------------------------------------------------------------- # hotel-op-youdian --------------------------------------------------------------*/ .hotel-op-youdian{ padding:60px 0;} .hotel-op-youdian-blk{ margin-bottom:20px; padding:30px; background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .07); border-radius:8px;} .hotel-op-youdian-ico{ text-align:center; font-size:50px;} .hotel-op-youdian-tit{ padding:20px 0 10px; font-weight:bold; text-align:center;} .hotel-op-youdian-txt{} .hotel-op-ruhe{ padding:0 0 120px; position:relative; display:block; margin-top:-120px; z-index:1;} .hotel-op-ruhe-blk{ padding:60px; position:relative; display:block; border-radius:var(--thm-bdr-radius); background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .05);} /*-------------------------------------------------------------- # hotel-op-youdian --------------------------------------------------------------*/ .vr-service-tese{ padding:60px 0;} .tese_blk{ margin:0 0 30px; padding-left:90px; height:100px; border-radius:var(--thm-bdr-radius); background-color:#eef3f7; background-position:left center; background-repeat:no-repeat; transition:all .2s; overflow:hidden;} .tese_blk1{ background-image:url(../image/ico_tese1.png);} .tese_blk2{ background-image:url(../image/ico_tese2.png);} .tese_blk3{ background-image:url(../image/ico_tese3.png);} .tese_blk4{ background-image:url(../image/ico_tese4.png);} .tese_blk5{ background-image:url(../image/ico_tese5.png);} .tese_blk6{ background-image:url(../image/ico_tese6.png);} .tese_blk h3{ margin:0; padding:25px 0 2px; font-size:20px;} .tese_blk span{ color:#878787;} .tese_blk:hover{ background-color:#F3F7FA; box-shadow:0px 25px 28px -15px rgb(0,0,0,.2); transition:all .4s;} .vr-service-yingyong{ padding:60px 0; background-color:#eef3f7;} .vr-service-yy-blk{ margin-bottom:20px; background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .07); border-radius:8px;} .vr-service-yy-ico{ text-align:center; font-size:50px;} .vr-service-yy-ico img{ max-width:100%; border-top-left-radius:var(--thm-bdr-radius); border-top-right-radius:var(--thm-bdr-radius);} .vr-service-yy-tit{ padding:20px 30px 10px; font-weight:bold; text-align:center;} .vr-service-yy-txt{ padding:0 30px 30px;} /*-------------------------------------------------------------- # coop-join-blk --------------------------------------------------------------*/ .coop-join-blk{ position:relative; display:block; margin-top:-120px; margin-bottom:50px; padding:60px; position:relative; border-radius:var(--thm-bdr-radius); background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .05); z-index:1;} .coop-join-blk-left{} .data_tb{ width:100%;} .data_tb td{ padding:0 10px 16px 0;} .data_tb .tb_cont{ text-align:left;} .coop-join-blk-right p{ margin-top:15px;} @media (min-width:768px) { .data_tb{ width:80%;} } /*-------------------------------------------------------------- # pms --------------------------------------------------------------*/ /* js */ .pms-title{ margin:40px 0;} .pms_blk_title{ display:block; margin-bottom:1rem; font-size:22px; font-weight:bold; text-align:center;} /* 介绍 */ .pms_js_img img{ margin:0 auto; max-width:96%; border-radius:8px;} .pms_js_txt{} /* 公司 */ .pms_gs1{ margin:30px 0 0; border-radius:8px; box-shadow:0 4px 10px rgb(0,0,0,.15);} .pms_gs1 img{ margin:0 auto; max-width:100%; border-radius:8px;} .pms_gs2{ margin:30px 0 0; padding:30px; border-radius:8px; background-color:#eef3f7; box-shadow:0 4px 10px rgb(0,0,0,.15);} /* 荣誉 */ .pms_ry{ margin:30px 0 0; padding:20px; border-radius:8px; box-shadow:0 4px 10px rgb(0,0,0,.15);} .pms_ry img{ margin:20px 0 0; max-width:100%;} /* 功能 */ .pms_gn1{ padding:40px 0; border-radius:10px; background-color:rgba(0,0,0,.04); box-shadow:0 4px 10px rgb(0,0,0,.1); text-align:center;} .pms_gn1 img{ margin:0 auto; max-width:92%;} .pms_gn2{ margin:30px 0 0; } .pms_gn2 img{ margin:0 auto; max-width:100%;} .pms_gn3{ margin:30px 0 0; } .pms_gn3 img{ margin:0 auto; max-width:100%; border-radius:8px;} /* 市场 */ .pms_sc1{ margin:30px 0 0; } .pms_sc1 img{ margin:0 auto; max-width:100%; border-radius:8px;} /* 招商 */ .pms_zs1{ padding:30px 0; border-radius:10px; background-color:#7E8E9E; box-shadow:0 4px 10px rgb(0,0,0,.1); text-align:center;} .pms_zs1 img{ margin:0 auto; max-width:96%;} .pms_zs2{ margin:30px 0 0; overflow:scroll;} .pms_zs2 table{ width:100%; border-top:solid 1px #DDD; border-left:solid 1px #DDD;} .pms_zs2 td{ padding:5px; border-right:solid 1px #DDD; border-bottom:solid 1px #DDD; text-align:center;} .pms_zs2 .theader{ padding:20px 0; background-color:#17BCD1; color:#FFF; font-size:24px;} .pms_zs3{ margin:30px 0 0; padding:30px 0; border-radius:10px; background-color:#F0F1F2; box-shadow:0 4px 10px rgb(0,0,0,.1); text-align:center;} .pms_zs3 img{ margin:0 auto; max-width:96%;} .pms_zs4{ margin:30px 0 0; padding:30px 0; border-radius:10px; background-color:#F0F1F2; box-shadow:0 4px 10px rgb(0,0,0,.1); text-align:center;} .pms_zs4 img{ margin:0 auto; max-width:96%;} /* 加盟 */ .pms_jm1{ margin:30px 0 0; padding:40px; border-radius:10px; background-color:#FFF; box-shadow:0 4px 10px rgb(0,0,0,.1);} /* apply */ .single-pricing{ margin-bottom:20px; box-shadow:0px 0px 46px 0px rgba(97, 104, 212, 0.2); border-radius:16px; border-top:6px solid #b6aca7; border-bottom:6px solid #b6aca7; padding:50px 30px; transition:.3s linear; background:#FFF;} .pricing-head{ margin-bottom:30px; text-align:center;} .pricing-head > h2{ font-size:24px;} .pricing-head p{ line-height:1.1; margin-bottom:15px; font-size:16px; color:#9ca2c0;} .price-count h4{ padding:18px 10px; margin:0 10px; font-size:20px; font-weight:normal; color:#053dc8;} .price-count h4 em{ font-size:34px; font-family:'misans'; font-style:normal; /*font-weight:normal;*/} .price-count h4 span{ margin:0 4px 0 2px; font-size:34px; font-family:'misans'; font-weight:bold;} .pricing-list ul li{ margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #f1f1f1; font-size:16px; color:#333; list-style:none;} .pricing-list ul li i{ margin-right:10px;} .pricing-btn{ text-align:center;} .pricing-btn .btn{ border:none; padding:14px 40px; border-radius:.4rem; box-shadow:none; background:#fa5719; font-size:1.2rem; color:#FFF; transition:.3s linear;} .pricing-btn .btn i{ height:35px; width:35px; text-align:center; line-height:35px; background:#e4521b; border-radius:50%; font-size:14px; margin-left:12px; transition:.3s linear;} .pricing-free-btn .btn{ background:#9ca2c0;} /*.single-pricing:hover{ border-color:#2684fe;}*/ .single-pricing:hover .pricing-btn .btn{ background:#2684fe;} .single-pricing:hover .pricing-btn .btn i{ background:#1877f2;} .single-pricing.active{ border-color:#2684fe;} .single-pricing.active .pricing-btn .btn{ background:#2684fe;} .single-pricing.active .pricing-btn .btn i{ background:#1877f2;} /* 功能 */ .pms-gongneng-wrap{} .pms-gongneng-blk{ margin-bottom:20px; padding:15px 0 25px; width:100%; /*border-top:solid 4px rgba(255,255,255,.8);*/ border-bottom:solid 4px rgba(0,0,0,.15); border-radius:30px; box-shadow:inset 0 10px 20px rgba(255,255,255,.6),0 8px 16px rgba(0,0,0,.2); text-align:center;} .pms-gongneng-blk1{ background:#CAD8FE;} .pms-gongneng-blk2{ background:#E5E3FF;} .pms-gongneng-blk3{ background:#FAE4D3;} .pms-gongneng-blk4{ background:#D9EFE1;} .pms-gongneng-blk5{ background:#F4F2CC;} .pms-gongneng-blk6{ background:#D7F4EC;} .pms-gongneng-ico{} .pms-gongneng-ico img{ width:80px; height:80px;} .pms-gongneng-tit{ font-size:18px; font-weight:bold;} .pms-gongneng-blk1 .pms-gongneng-tit{ color:#3353FF;} .pms-gongneng-blk2 .pms-gongneng-tit{ color:#8A80FF;} .pms-gongneng-blk3 .pms-gongneng-tit{ color:#EE7325;} .pms-gongneng-blk4 .pms-gongneng-tit{ color:#52AC64;} .pms-gongneng-blk5 .pms-gongneng-tit{ color:#CBBD06;} .pms-gongneng-blk6 .pms-gongneng-tit{ color:#56C79D;} .pms-gongneng-con{} /*-------------------------------------------------------------- # Help --------------------------------------------------------------*/ .mokuai{ position:relative; display:block; padding:0 0 100px; margin-top:0; z-index:1;} .mokuai__box{ position:relative; display:block; background-color:rgb(255, 255, 255); box-shadow:0 6px 12px rgba(0,0,0,.1); border-radius:var(--thm-bdr-radius);} .mokuai__single{ position:relative; float:left; /*max-width:300px;*/ width:100%;} .mokuai__single:before{ position:absolute; top:0; left:0; bottom:0; content:""; width:1px; background-color:var(--thm-bdr-color);} .mokuai__single:nth-child(1):before{ display:none;} /*.help__single:nth-child(2):before{ display:none;}*/ .mokuai__box-one{ width:50%;} @media (min-width:992px){ .mokuai__box-one{ width:20%;} } .mokuai__box-one-content{ position:relative; display:block; background-color:var(--thm-primary); padding:52px 50px 52px; border-top-left-radius:8px; z-index:1;} .mokuai__box-one-content:before{ position:absolute; top:0; left:0; right:0; bottom:0; height:0%; content:""; background-color:var(--thm-extra); border-top-left-radius:8px; opacity:0; transition:all 300ms ease; z-index:-1;} .mokuai__single:hover .mokuai__box-one-content:before{ height:100%; opacity:1;} .mokuai__box-one-title{ font-size:26px; color:var(--thm-base); font-weight:800; line-height:34px;} .mokuai__box-one-img{ position:relative; display:block; border-bottom-left-radius:8px; overflow:hidden;} .mokuai__box-one-img::before{ position:absolute; content:''; background-color:rgba(var(--thm-black-rgb), .30); width:0%; height:100%; left:0px; top:0px; border-bottom-left-radius:8px; z-index:1; transition:all 500ms ease;} .mokuai__single:hover .mokuai__box-one-img::before, .mokuai__single:hover .mokuai__box-one-img::after{ width:50%;} .mokuai__box-one-img::after{ position:absolute; content:''; background-color:rgba(var(--thm-black-rgb), .30); width:0%; height:100%; right:0px; top:0px; border-bottom-right-radius:8px; transition:all 500ms ease;} .mokuai__box-one-img img{ width:100%; border-bottom-left-radius:8px; transition:all 300ms ease; transform:scale(1.05);} .mokuai__single:hover .mokuai__box-one-img img{ transform:scale(1);} .mokuai__box-two{ position:relative; display:block;} .mokuai__box-two-content{ position:relative; display:block; padding-top:50px; padding-bottom:44px; padding-left:25px; padding-right:25px; text-align:center;} .mokuai__box-two-icon{ position:relative; margin:0 auto; height:70px; width:70px; background-color:#eef3f7; border-radius:50%; font-size:35px; color:var(--thm-primary); display:flex; align-items:center; justify-content:center; transition:all 500ms ease; z-index:1;} .mokuai__box-two-icon:before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-color:var(--thm-primary); border-radius:50%; transform:scale(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;} .mokuai__single:hover .mokuai__box-two-icon:before{ transform:scale(1);} .mokuai__box-two-icon span{ position:relative; display:inline-block; color:var(--thm-primary); transition:all 500ms ease;} .mokuai__single:hover .mokuai__box-two-icon span{ color:var(--thm-base); transform:rotateY(180deg);} .mokuai__box-two-title{ font-size:20px; font-weight:800; line-height:30px; margin-top:22px; margin-bottom:21px; color:var(--thm-black);} .mokuai__single:hover .mokuai__box-two-title a{ color:var(--thm-primary);} .mokuai__box-two-text{ font-size:16px; margin:0; line-height:30px;} .mokuai__box-two-content:hover .mokuai__box-two-text{ color:var(--thm-gray);} .mokuai__box-last{ max-width:235px;} .mokuai__box-last .mokuai__box-two-content{ padding-right:50px;} /* 优势 */ .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position:relative; min-height:0px; padding-left:12px; padding-right:12px;} @media ( min-width:768px) { .col-sm-5ths { width:20%; float:left;} } @media ( min-width : 1200px) { .col-md-5ths { width:20%; float:left;} } .pms-youshi-wrap{} .pms-youshi-blk{ margin-bottom:20px; padding:20px 20px 25px; width:100%; border:solid 1px rgba(0,0,0,.15); border-bottom:solid 4px rgba(0, 0, 0, .1); border-radius:30px; box-shadow:inset 0 10px 20px rgba(255,255,255,.6),0 8px 16px rgba(0,0,0,.2); background:#FFF; text-align:center;} .pms-youshi-ico{ font-size:20px; font-weight:bold; color:#333;} .pms-youshi-tit{ font-size:16px;} /*-------------------------------------------------------------- # Pms Popup --------------------------------------------------------------*/ .pms-free-popup{ display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:9999; padding-left:20px; padding-right:20px; justify-content:center; align-items:center; transition:transform 500ms ease, opacity 500ms ease;} .pms-free-popup.active{ display:flex;} .pms-free-popup__overlay{ display:none; opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; background-color:var(--thm-black); cursor:pointer; transition:all 1s ease 0s;} .active .pms-free-popup__overlay{ display:block; opacity:0.75; transition:all 1s ease 0s;} .pms-pro-popup{ display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:9999; padding-left:20px; padding-right:20px; justify-content:center; align-items:center; transition:transform 500ms ease, opacity 500ms ease;} .pms-pro-popup.active{ display:flex;} .pms-pro-popup__overlay{ display:none; opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; background-color:var(--thm-black); cursor:pointer;} .active .pms-pro-popup__overlay{ display:block; opacity:0.75; transition:all 1s ease 0s;} .pms-apply-popup__content{ display:none; opacity:0; position:relative; padding:20px; width:100%; max-width:1000px; min-height:480px; border-radius:12px; background:#FFF;} .active .pms-apply-popup__content{ display:block; opacity:1; box-shadow:0 5px 10px rgba(0,0,0,.4); transition:all 2s ease 0s;} /* table */ .pms-apply-poptit{ position:relative; padding-bottom:25px; font-size:22px; font-weight:bold; text-align:center; color:#333;} .pms-apply-left{ padding:20px 0; min-height:370px; border-radius:6px; background:#f5f7fd;} .pms-apply-left-ver{ padding-left:20px; font-weight:bold;} .pms-apply-left-list{ padding:10px 0 0;} .pms-apply-left-list li{ float:left; padding-left:20px; width:50%; box-sizing:border-box; list-style:none; font-size:16px;} .pms-apply-main .tb_cont label{ display:block; padding:6px 0; font-size:16px; color:#333;} .pms-apply-main .tb_cont .form-control{ border-radius:1.5rem; box-shadow:inset 0 1px 3px rgba(0,0,0,.05);} /* 伙伴 */ .huoban{ position:relative; display:block; padding:90px 0; margin-top:0; z-index:1;} .huoban-blk{ margin-bottom:20px; width:100%; border:solid 1px #DDD; border-radius:10px; box-shadow:0 5px 10px rgba(0,0,0,.1); overflow:hidden;} .huoban-blk img{ width:100%;} /* 置换 */ .zhihuan-tb{ border-top:solid 1px #DDD; border-left:solid 1px #DDD;} .zhihuan-tb td{ padding:10px 5px; border-right:solid 1px #DDD; border-bottom:solid 1px #DDD; background-color:rgba(255,255,255,.6); line-height:1.4; font-size:14px;} .zhihuan-tb tr .zhihuan-header-td{ background-color:#037AC9; color:#FFF; text-align:center; font-weight:bold; font-size:20px;} .zhihuan-tb tr:hover .zhihuan-header-td{ background-color:#037AC9; color:#FFF; text-align:center; font-weight:bold; font-size:20px;} .zhihuan-tb .zhihuan-top-td{ border-bottom:solid 2px #037AC9; font-weight:bold; text-align:center;} .zhihuan-tb .zhihuan-top-td1{ width:10%;} .zhihuan-tb .zhihuan-top-td2{ width:20%;} .zhihuan-tb .zhihuan-top-td3{ width:25%;} .zhihuan-tb .zhihuan-top-td4{ width:45%;} .zhihuan-tb tr:hover td{ background-color:rgba(255,255,255,1);} /* vr 中超越集团 招商发布会 */ .vr-zhaoshang-blk{ padding:30px 0 80px; background-image:url(../../images-vr-zhaoshang/vr-zhaoshang-bg.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:cover; color:#FFF;} .vr-zhaoshang-blk .section-title__title{ color:#FFF;} /*.pms_jj1{ padding:40px 0; border-radius:10px; background-color:rgba(0,0,0,.04); box-shadow:0 4px 10px rgb(0,0,0,.1); text-align:center;} .pms_jj1 img{ margin:0 auto; max-width:96%;} .pms_jj2{ margin:30px 0 0; padding:40px 0; border-radius:10px; background-color:rgba(255,255,255,1); box-shadow:0 4px 10px rgb(0,0,0,.1); text-align:center;} .pms_jj2 img{ margin:0 auto; max-width:96%;} .pms_jj_banner{ margin:30px 0 0; border-radius:10px; box-shadow:0 4px 10px rgb(0,0,0,.1);} .pms_jj_banner img{ width:100%; border-radius:10px;} .pms_sc1{ margin:30px 0 0; padding:40px 0; border-radius:10px; background-color:#4D5862; box-shadow:0 4px 10px rgb(0,0,0,.1); text-align:center;} .pms_sc1 img{ margin:0 auto; max-width:96%;} .pms_sc1 .pms_sc1_tit{ color:#FFF; font-size:24px;} .pms_sc2{ margin:30px 0 0; overflow:scroll;} .pms_sc2 table{ width:100%; border-top:solid 1px #DDD; border-left:solid 1px #DDD;} .pms_sc2 td{ padding:5px; border-right:solid 1px #DDD; border-bottom:solid 1px #DDD; text-align:center;} .pms_sc2 .theader{ padding:20px 0; background-color:#17BCD1; color:#FFF; font-size:24px;} .pms_zs1{ padding:30px 0; border-radius:10px; background-color:#7E8E9E; box-shadow:0 4px 10px rgb(0,0,0,.1); text-align:center;} .pms_zs1 img{ margin:0 auto; max-width:96%;} .pms_zs2{ margin:30px 0 0; padding:30px 0; border-radius:10px; background-color:#F0F1F2; box-shadow:0 4px 10px rgb(0,0,0,.1); text-align:center;} .pms_zs2 img{ margin:0 auto; max-width:96%;} .pms_jm1{ padding:40px; border-radius:10px; background-color:#FFF; box-shadow:0 4px 10px rgb(0,0,0,.1);} .pms_jm2{ margin:30px 0 0; padding:30px 0; border-radius:10px; background-color:rgba(0,0,0,.08); box-shadow:0 4px 10px rgb(0,0,0,.1); text-align:center;} .pms_jm2 img{ margin:0 auto; max-width:96%;} .pms_jm2_tit{ padding:10px 0 30px; color:#333; font-size:24px;} .form_tips{ margin:0 0 15px; padding:0 0 15px; border-bottom:solid 1px #DDD; font-size:14px;} @media (min-width:768px) { .pms_jj1 img{ max-width:76%;} .pms_jj2 img{ max-width:80%;} .pms_sc1 img{ max-width:94%;} .pms_zs1 img{ max-width:94%;} .pms_zs2 img{ max-width:90%;} .pms_jm2 img{ max-width:84%;} }*/