@import url('css2.css');
@import url('fontawesome-all.css');
@import url('owl.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
@import url('hover.css');
@import url('custom-animate.css');
html{
    font-size: 0.0520833333333333vw;
}
* {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
line-height:inherit
}
:root {
--thm-font:'Teko',sans-serif;
--thm-base:#ffaa17;
--thm-black:#222429;
--thm-text:#686a6f
}
body {
font-size:20rem;
color:var(--thm-text);
line-height:1.8em;
/* font-weight:300; */
background:#fff;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;
font-family:"Arial","Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti,MingLiu";
}
a {
text-decoration:none;
cursor:pointer;
color:#19376d
}
.theme_color {
color:#19376d
}
a:hover,a:focus,a:visited,a:active,button:active {
text-decoration:none;
outline:0
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-weight:400;
margin:0 0 20rem;
background:0;
line-height:1.25em;
font-family:"Arial","Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti,MingLiu";
color:var(--thm-black)
}
h1 {
font-size:140rem
}
h2 {
font-size:70rem
}
h3 {
font-size:60rem
}
h4 {
font-size:40rem
}
h5 {
font-size:30rem
}
h6 {
font-size:26rem
}
input,select,button {
font-family:var(--thm-font)
}
textarea {
overflow:hidden;
resize:none
}
button {
outline:none!important;
cursor:pointer
}
p {
line-height:1.8em;
margin:0 0 20rem
}
.text {
line-height:1.8em;
margin:0
}
::-webkit-input-placeholder {
color:inherit
}
::-moz-input-placeholder {
color:inherit
}
::-ms-input-placeholder {
color:inherit
}
.page-wrapper {
position:relative;
margin:0 auto;
width:100%;
min-width:300rem;
z-index:9;
overflow:hidden
}
.auto-container {
position:static;
max-width:1400rem;
padding:0 15rem;
margin:0 auto
}
ul,li {
list-style:none;
padding:0;
margin:0
}
figure {
margin-bottom:0
}
.theme-btn {
display:inline-block;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.theme-btn i {
position:relative;
display:inline-block;
font-size:14rem;
margin-left:3rem
}
.centered {
text-align:center!important
}
.btn-style-one {
position:relative;
display:inline-block;
text-align:center;
text-transform:uppercase;
letter-spacing:.05em;
background:#ebebeb;
color:var(--thm-black);
border-radius:5rem;
overflow:hidden;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.btn-style-one .btn-title {
position:relative;
display:block;
font-size:18rem;
line-height:30rem;
font-weight:400;
padding:19rem 50rem 16rem;
z-index:1
}
.btn-style-one:hover {
background:#19376d;
background: -moz-linear-gradient(90deg,#19376d 0,#576cbd 100%);
background: -webkit-linear-gradient(90deg,#19376d 0,#576cbd 100%);
background: linear-gradient(90deg,#19376d 0,#576cbd 100%);
color:#fff
}
.btn-style-one .btn-curve {
position:absolute;
right:-44rem;
top:0;
width:26rem;
height:100%;
background:var(--thm-black);
background: -moz-linear-gradient(90deg,#19376d 0,#576cbd 100%);
background: -webkit-linear-gradient(90deg,#19376d 0,#576cbd 100%);
background: linear-gradient(90deg,#19376d 0,#576cbd 100%);
opacity:.20;
z-index:0;
transform:skewX(-22deg);
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.btn-style-one:hover .btn-curve {
opacity:1;
right:0;
width:100%;
transform:skewX(0deg)
}
.btn-style-two {
position:relative;
display:inline-block;
text-align:center;
text-transform:uppercase;
letter-spacing:.05em;
background:var(--thm-black);
color:#fff;
border-radius:5rem;
overflow:hidden;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.btn-style-two .btn-title {
position:relative;
display:block;
font-size:18rem;
line-height:30rem;
font-weight:400;
padding:19rem 50rem 16rem;
z-index:1;
transition:.5s
}
.btn-style-two:hover {
color:var(--thm-black)
}
.btn-style-two .btn-curve {
position:absolute;
right:-15rem;
top:0;
width:26rem;
height:100%;
background:#fff;
opacity:.20;
z-index:0;
transform:skewX(-22deg);
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.btn-style-two:hover .btn-curve {
opacity:1;
right:0;
width:100%;
transform:skewX(0deg)
}
.pull-right {
float:right
}
.pull-left {
float:left
}
.preloader {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:999999;
background-color:rgba(255,255,255,1);
background-color:#1c1e22
}
.preloader .icon {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:5;
background-color:rgba(0,0,0,0);
background-position:center center;
background-repeat:no-repeat;
background-image:url(../image/preloader.png);
-webkit-transition:all 200ms ease;
-moz-transition:all 200ms ease;
-ms-transition:all 200ms ease;
-o-transition:all 200ms ease;
transition:all 200ms ease;
-webkit-animation-name:rotateMe;
-webkit-animation-duration:2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-moz-animation-name:rotateMe;
-moz-animation-duration:2s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-ms-animation-name:rotateMe;
-ms-animation-duration:2s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
animation-name:rotateMe;
animation-duration:2s;
animation-iteration-count:infinite;
animation-timing-function:linear
}
.page-loaded .preloader .icon {
opacity:0
}
img {
display:inline-block;
max-width:100%;
height:auto
}
.dropdown-toggle::after {
display:none
}
.fa {
line-height:inherit
}
.scroll-to-top {
position:fixed;
right:20rem;
bottom:20rem;
width:44rem;
height:44rem;
color:#fff;
font-size:14rem;
line-height:44rem;
border-radius:50%;
text-align:center;
z-index:100;
cursor:pointer;
background: #19376d;
background: -moz-linear-gradient(90deg,#19376d 0,#576cbd 100%);
background: -webkit-linear-gradient(90deg,#19376d 0,#576cbd 100%);
background: linear-gradient(90deg,#19376d 0,#576cbd 100%);
display:none;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.scroll-to-top:hover {
    background: #19376d;
    background: -moz-linear-gradient(90deg,#19376d 0,#576cbd 100%);
    background: -webkit-linear-gradient(90deg,#19376d 0,#576cbd 100%);
    background: linear-gradient(90deg,#19376d 0,#576cbd 100%);
color:#fff;
}
.main-header {
position:absolute;
left:0;
top:0;
display:block;
width:100%;
z-index:9999;
background:0
}
.main-header .header-upper {
position:fixed;
display:block;
left:0;
top:0;
width:100%;
background:0;
border-bottom:1rem solid rgba(255,255,255,0.10);
z-index:1;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.fixed-header .header-upper {
background:#19376d;
-webkit-box-shadow:0 10rem 30rem 0 rgba(0,0,0,0.08);
-moz-box-shadow:0 10rem 30rem 0 rgba(0,0,0,0.08);
-ms-box-shadow:0 10rem 30rem 0 rgba(0,0,0,0.08);
-o-box-shadow:0 10rem 30rem 0 rgba(0,0,0,0.08);
box-shadow:0 10rem 30rem 0 rgba(0,0,0,0.08)
}
.header-style-two.fixed-header .header-upper {
background:var(--thm-black);
-webkit-box-shadow:0 10rem 30rem 0 rgba(0,0,0,0.08);
-moz-box-shadow:0 10rem 30rem 0 rgba(0,0,0,0.08);
-ms-box-shadow:0 10rem 30rem 0 rgba(0,0,0,0.08);
-o-box-shadow:0 10rem 30rem 0 rgba(0,0,0,0.08);
box-shadow:0 10rem 30rem 0 rgba(0,0,0,0.08)
}
.main-header .header-upper .inner-container {
position:relative;
display:block;
padding:0 100rem;
height: 100rem;
}
.main-header .header-upper .logo-box {
position:relative;
float:left;
/* padding:40rem 0; */
/* margin-right:50rem; */
z-index:7;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 130rem;
display: flex;
align-items: center;
}
.main-header .header-upper .logo-box .logo {
position:relative;
display:block
}
.main-header .header-upper .logo-box .logo img {
position:relative;
display:inline-block;
max-width:100%;
max-height:60rem;
z-index:1
}
.main-header .other-links {
position:absolute;
float:right;
z-index:7;
right: 40rem;
}
.main-header .other-links .link-box {
position:relative;
float:left;
padding:34rem 0
}
.main-header .other-links .link-box .link {
position:relative;
display:block;
padding-top:4rem;
text-transform:uppercase;
letter-spacing:.05em;
padding-left:60rem;
color:#fff
}
.header-style-two.fixed-header .other-links .link-box .link {
color:#fff
}
.main-header .other-links .link-box .link .icon {
position:absolute;
left:0;
top:0;
width:44rem;
height:42rem;
background:url(../image/chat-icon.png) left center no-repeat
}
.main-header .other-links .link-box .sub-text {
position:relative;
display:block;
font-size:14rem;
font-weight:500;
line-height:18rem
}
.main-header .other-links .link-box .number {
position:relative;
display:block;
font-size:20rem;
font-weight:400;
line-height:24rem
}
.main-header .other-links .link-box .number:hover {
text-decoration:underline
}
.main-header .other-links .call-us {
position:relative
}
.main-header .other-links .search-btn {
position:relative;
float:left;
padding:40rem 0;
/* padding-right:50rem; */
/* margin-right:50rem; */
/* border-right:1rem solid rgba(255,255,255,0.10) */
}
.main-header .other-links .search-btn button {
position:relative;
display:block;
padding:0;
margin:0;
background:0;
line-height:32rem;
color:#fff;
cursor:pointer
}
.main-header .other-links .search-btn button span {
vertical-align:middle
}
.main-header .nav-outer {
/* position:absolute; */
left:0;
top:0;
float:left;
text-align:center;
/* width:100%; */
z-index:5
}
.main-header .nav-outer .main-menu {
position:relative;
display:inline-block;
vertical-align:middle
}
.main-menu .navbar-collapse {
padding:0;
display:block!important
}
.main-menu .navigation {
position:relative;
display:block;
width:100%;
margin:0;
font-family:var(--thm-font);
font-family:"Arial","Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti,MingLiu";
}
.main-menu .navigation>li {
position:relative;
float:left;
padding:20rem 0;
margin-right:40rem;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.main-menu .navigation>li:last-child {
margin-right:0
}
.main-menu .navigation>li:last-child:after {
display:none
}
.main-menu .navigation>li>a {
position:relative;
display:block;
text-align:center;
font-size:20rem;
line-height:30rem;
font-weight:400;
text-transform:uppercase;
letter-spacing:.03em;
color:#fff;
padding:12rem 0;
opacity:1;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.main-menu .navigation>li:hover>a,.main-menu .navigation>li.current>a {
color:#fff
}
.header-style-two .main-menu .navigation>li>a,.header-style-two .main-menu .navigation>li:hover>a {
color:var(--thm-black)
}
.header-style-two .main-menu .navigation>li.current>a,.header-style-two.fixed-header .main-menu .navigation>li>a,.header-style-two.fixed-header .main-menu .navigation>li>a:hover {
color:#fff
}
.header-style-two.fixed-header .main-menu .navigation>li.current>a {
color:#19376d
}
.main-menu .navigation>li>a:before {
content:'';
position:absolute;
left:0;
bottom:7rem;
width:100%;
border-bottom:2rem solid #dbc7ac;
transform:scaleX(0);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.header-style-two .main-menu .navigation>li>a:before {
border-bottom-color:#fff
}
.header-style-two.fixed-header .main-menu .navigation>li>a:before {
border-bottom-color:#19376d
}
.main-menu .navigation>li:hover>a:before,.main-menu .navigation>li.current>a:before {
transform:scale(1)
}
.sticky-header .main-menu .navigation>li.dropdown {
padding-right:0
}
.main-menu .navigation>li>ul {
position:absolute;
left:0;
top:100%;
width:220rem;
z-index:100;
display:none;
background:#fff;
padding:0rem 0 0rem;
/* border-radius:5rem; */
-ms-transform:translateY(20rem);
transform:translateY(20rem);
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
/* -webkit-box-shadow:2rem 2rem 5rem 1rem rgba(0,0,0,0.05),-2rem 0 5rem 1rem rgba(0,0,0,0.05);
-ms-box-shadow:2rem 2rem 5rem 1rem rgba(0,0,0,0.05),-2rem 0 5rem 1rem rgba(0,0,0,0.05);
-o-box-shadow:2rem 2rem 5rem 1rem rgba(0,0,0,0.05),-2rem 0 5rem 1rem rgba(0,0,0,0.05);
-moz-box-shadow:2rem 2rem 5rem 1rem rgba(0,0,0,0.05),-2rem 0 5rem 1rem rgba(0,0,0,0.05);
box-shadow:2rem 2rem 5rem 1rem rgba(0,0,0,0.05),-2rem 0 5rem 1rem rgba(0,0,0,0.05) */
}
.main-menu .navigation>li>ul.from-right {
left:auto;
right:0
}
.main-menu .navigation>li>ul>li {
position:relative;
padding:0 25rem;
width:100%;
margin-bottom:5rem
}
.main-menu .navigation>li>ul>li>a {
position:relative;
display:block;
padding:5rem 0;
line-height:24rem;
font-weight:400;
font-size:20rem;
color:#171b27;
letter-spacing:.03em;
text-align:left;
text-transform:uppercase;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease
}
.main-menu .navigation>li>ul>li:hover>a {
color:#19376d
}
.main-menu .navigation>li>ul>li>ul {
position:absolute;
left:100%;
top:0;
width:220rem;
z-index:100;
display:none;
background:#fff;
padding:20rem 0 15rem;
border-radius:5rem;
-ms-transform:translateY(20rem);
transform:translateY(20rem);
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-webkit-box-shadow:2rem 2rem 5rem 1rem rgba(0,0,0,0.05),-2rem 0 5rem 1rem rgba(0,0,0,0.05);
-ms-box-shadow:2rem 2rem 5rem 1rem rgba(0,0,0,0.05),-2rem 0 5rem 1rem rgba(0,0,0,0.05);
-o-box-shadow:2rem 2rem 5rem 1rem rgba(0,0,0,0.05),-2rem 0 5rem 1rem rgba(0,0,0,0.05);
-moz-box-shadow:2rem 2rem 5rem 1rem rgba(0,0,0,0.05),-2rem 0 5rem 1rem rgba(0,0,0,0.05);
box-shadow:2rem 2rem 5rem 1rem rgba(0,0,0,0.05),-2rem 0 5rem 1rem rgba(0,0,0,0.05)
}
.main-menu .navigation>li>ul>li>ul>li {
position:relative;
padding:0 25rem;
width:100%;
margin-bottom:5rem
}
.main-menu .navigation>li>ul>li>ul>li>a {
position:relative;
display:block;
padding:5rem 0;
line-height:24rem;
font-weight:400;
font-size:20rem;
color:#171b27;
letter-spacing:.03em;
text-align:left;
text-transform:capitalize;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease
}
.main-menu .navigation>li>ul>li>ul>li>a:hover {
color:#19376d
}
.main-menu .navigation>li>ul>li.dropdown>a:after {
font-family:'Font Awesome 5 Free';
content:"\f105";
position:absolute;
right:0;
top:7rem;
display:block;
line-height:24rem;
font-size:16rem;
font-weight:900;
z-index:5
}
.main-menu .navigation>li.dropdown:hover>ul {
visibility:visible;
opacity:1;
-ms-transform:translateY(0rem);
transform:translateY(0rem);
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease
}
.main-menu .navigation li>ul>li.dropdown:hover>ul {
visibility:visible;
opacity:1;
-ms-transform:translateY(0rem);
transform:translateY(0rem);
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease
}
.main-menu .navigation li.dropdown .dropdown-btn {
position:absolute;
right:10rem;
top:8rem;
width:34rem;
height:30rem;
border:1rem solid #fff;
text-align:center;
font-size:16rem;
line-height:26rem;
color:#fff;
cursor:pointer;
z-index:5;
display:none
}
.header-style-two.fixed-header .header-upper .logo-box .logo .stricked-logo,.header-style-two .header-upper .logo-box .logo .main-logo {
display:flex
}
.header-style-two.fixed-header .header-upper .logo-box .logo .main-logo,.header-style-two .header-upper .logo-box .logo .stricked-logo {
display:none
}
.sticky-header {
position:fixed;
visibility:hidden;
opacity:0;
left:0;
top:0;
width:100%;
padding:0;
z-index:-1;
background:#fff;
border-bottom:1rem solid #f0f0f0;
-webkit-box-shadow:0 0 15rem rgba(0,0,0,0.10);
-moz-box-shadow:0 0 15rem rgba(0,0,0,0.10);
-ms-box-shadow:0 0 15rem rgba(0,0,0,0.10);
-o-box-shadow:0 0 15rem rgba(0,0,0,0.10);
box-shadow:0 0 15rem rgba(0,0,0,0.10);
-webkit-transition:top 300ms ease;
-moz-transition:top 300ms ease;
-ms-transition:top 300ms ease;
-o-transition:top 300ms ease;
transition:top 300ms ease
}
.fixed-header .sticky-header {
opacity:1;
z-index:99901;
visibility:visible
}
.fixed-header .sticky-header .logo {
padding:10rem 0
}
.sticky-header .main-menu .navigation>li {
margin-left:40rem!important;
padding:0;
margin-right:0;
background-color:transparent
}
.sticky-header .main-menu .navigation>li.dropdown>a:after,.sticky-header .main-menu .navigation>li:before {
display:none
}
.sticky-header .main-menu .navigation>li>a {
padding:21rem 0!important;
line-height:30rem;
font-size:16rem;
font-weight:600;
color:#25283a;
text-transform:capitalize;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.sticky-header .main-menu .navigation>li>ul>li>ul {
left:auto;
right:100%
}
.sticky-header .main-menu .navigation>li:hover>a,.sticky-header .main-menu .navigation>li.current>a,.sticky-header .main-menu .navigation>li.current-menu-item>a {
opacity:1
}
.search-popup {
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
z-index:99999;
-webkit-transform:scale(1,0);
transform:scale(1,0);
-webkit-transform-origin:bottom center;
transform-origin:bottom center;
-webkit-transition:-webkit-transform .7s ease;
transition:-webkit-transform .7s ease;
transition:transform .7s ease;
transition:transform .7s ease,-webkit-transform .7s ease
}
.search-popup.active {
-webkit-transform-origin:top center;
transform-origin:top center;
-webkit-transform:scale(1,1);
transform:scale(1,1)
}
.search-popup__overlay {
width:100%;
height:100%;
background-color:#000;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:999;
opacity:.7;
cursor:none
}
.search-popup__inner {
position:absolute;
width:100%;
height:100%;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center
}
.search-popup__form {
position:relative;
z-index:9991;
width:100%;
padding:15rem;
max-width:600rem;
position:relative
}
.search-popup__form input {
background-color:transparent;
border:0;
outline:0;
width:100%;
height:60rem;
letter-spacing:1rem;
line-height:30rem;
padding:15rem 30rem;
color:#272727;
font-weight:300;
font-size:18rem;
background-color:#fff;
padding-left:30rem
}
.search-popup__form button[type=submit] {
border:0;
outline:0;
width:60rem;
height:60rem;
line-height:60rem;
color:#fff;
background-color:#19376d;
cursor:pointer;
position:absolute;
top:50%;
right:15rem;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:all .4s ease;
transition:all .4s ease
}
.search-popup__form button[type=submit]:hover {
background-color:var(--thm-black);
color:#fff
}
.cursor {
position:absolute;
background-color:#fff;
width:6rem;
height:6rem;
border-radius:100%;
z-index:1;
transition:.3s cubic-bezier(0.75,-1.27,0.3,2.33) transform,0.2s cubic-bezier(0.75,-0.27,0.3,1.33) opacity;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
pointer-events:none;
z-index:999999;
transform:scale(1);
visibility:hidden
}
.cursor {
visibility:visible
}
.cursor.active {
opacity:.5;
transform:scale(0)
}
.cursor.hovered {
opacity:.08
}
.cursor-follower {
position:absolute;
background-color:RGBA(255,255,255,0.3);
width:50rem;
height:50rem;
border-radius:100%;
z-index:1;
transition:.6s cubic-bezier(0.75,-1.27,0.3,2.33) transform,0.2s cubic-bezier(0.75,-0.27,0.3,1.33) opacity;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
pointer-events:none;
z-index:999999;
visibility:hidden
}
.cursor-follower {
visibility:visible
}
.cursor-follower.active {
opacity:.7;
transform:scale(1)
}
.cursor-follower.hovered {
opacity:.08
}
.cursor-follower.close-cursor:before {
position:absolute;
content:'';
height:25rem;
width:2rem;
background:#fff;
left:48%;
top:12rem;
transform:rotate(-45deg);
display:inline-block
}
.cursor-follower.close-cursor:after {
position:absolute;
content:'';
height:25rem;
width:2rem;
background:#fff;
right:48%;
top:12rem;
transform:rotate(45deg)
}
.nav-outer .mobile-nav-toggler {
position:relative;
float:right;
font-size:30rem;
line-height:40rem;
cursor:pointer;
margin-left:0;
color:#19376d;
margin:40rem 0 0;
display:none
}
.mobile-nav-toggler .txt {
position:relative;
display:inline-block;
vertical-align:top;
padding-left:10rem;
font-size:16rem;
text-transform:capitalize;
font-weight:500;
display:none
}
img.lazy-image {
background:url(../image/image-bg.svg) center center no-repeat
}
img.lazy-image.loaded {
background-image:none
}
.owl-theme img.lazy-image.loaded {
height:auto;
opacity:1
}
.default-form {
position:relative
}
.default-form .row {
margin:0 -15rem
}
.default-form .form-group {
position:relative;
margin-bottom:30rem
}
.default-form .field-inner {
position:relative;
display:block
}
.default-form .field-inner .alt-icon {
position:absolute;
left:20rem;
top:50%;
margin-top:-15rem;
line-height:30rem;
font-size:20rem;
color:#9b9fa6;
z-index:1;
pointer-events:none
}
.default-form .form-group .field-label {
position:relative;
display:block;
color:#0f172b;
font-size:14rem;
line-height:24rem;
text-transform:uppercase;
letter-spacing:2rem;
margin-bottom:10rem
}
.default-form .form-group .e-label {
position:relative
}
.default-form .form-group input[type="text"],.default-form .form-group input[type="email"],.default-form .form-group input[type="password"],.default-form .form-group input[type="tel"],.default-form .form-group input[type="url"],.default-form .form-group input[type="file"],.default-form .form-group input[type="number"],.default-form .form-group textarea,.default-form .form-group select {
position:relative;
display:block;
height:70rem;
width:100%;
font-size:18rem;
color:var(--thm-black);
line-height:40rem;
font-weight:400;
padding:14rem 30rem;
letter-spacing:.02em;
background-color:#f4f5f8;
border:1rem solid #f4f5f8;
border-radius:7rem;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease
}
.default-form .form-group textarea {
height:220rem;
resize:none
}
.contact-form .form-group input[type="submit"],.contact-form .form-group button {
display:inline-block
}
.default-form .form-group input[type="text"]:focus,.default-form .form-group input[type="email"]:focus,.default-form .form-group input[type="password"]:focus,.default-form .form-group input[type="tel"]:focus,.default-form .form-group input[type="url"]:focus,.default-form .form-group input[type="file"]:focus,.default-form .form-group input[type="number"]:focus,.default-form .form-group textarea:focus,.default-form .form-group select:focus,.form-group .ui-selectmenu-button.ui-button:focus,.form-group .ui-selectmenu-button.ui-button:active {
border-color:#19376d
}
.default-form::-webkit-input-placeholder {
color:#aaa
}
.default-form::-moz-input-placeholder {
color:#aaa
}
.default-form::-ms-input-placeholder {
color:#aaa
}
.default-form label.error {
color:#f00;
font-size:18rem;
text-transform:capitalize;
text-align:left;
display:block;
letter-spacing:1rem;
padding-top:7rem;
line-height:24rem
}
.form-group .ui-selectmenu-button.ui-button {
width:100%;
font-size:16rem;
font-style:normal;
height:70rem;
padding:14rem 30rem;
line-height:40rem;
letter-spacing:.02em;
font-family:var(--thm-font);
color:var(--thm-text);
font-size:20rem;
border-radius:7rem;
background-color:#f4f5f8;
border:1rem solid #f4f5f8
}
.form-group .ui-button .ui-icon {
background:0;
position:relative;
top:10rem;
text-indent:0;
color:var(--thm-black)
}
.form-group .ui-button .ui-icon:before {
font-family:'Flaticon';
content:"\f191";
position:absolute;
right:0;
top:0!important;
width:15rem;
height:30rem;
display:block;
color:var(--thm-black);
line-height:20rem;
font-size:14rem;
font-weight:700;
text-align:center;
z-index:5
}
.ui-widget.ui-widget-content {
background:#f4f5f8;
border:1rem solid #e9ebee;
border-top:0;
font-family:var(--thm-font);
border-radius:0;
padding:0
}
.ui-menu .ui-menu-item {
font-size:20rem;
border-bottom:1rem solid #e9ebee
}
.ui-menu .ui-menu-item:last-child {
border:0
}
.ui-menu .ui-menu-item-wrapper {
position:relative;
display:block;
padding:14rem 30rem!important;
font-size:20rem;
letter-spacing:.02em;
line-height:30rem;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease
}
.ui-menu .ui-menu-item-wrapper:hover,.ui-menu .ui-menu-item-wrapper.ui-state-active {
background:#19376d;
margin:0
}
.banner-section {
position:relative;
z-index:1
}
.banner-section .bg-image {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-position:center top;
background-size:cover;
z-index:1
}
.banner-section .left-based-text {
position:absolute;
left:50rem;
top:50rem;
bottom:50rem;
color:#fff;
font-size:16rem;
text-transform:uppercase;
line-height:24rem;
letter-spacing:.1em;
font-weight:500;
z-index:10
}
.banner-section .left-based-text .base-inner {
position:absolute;
left:0;
bottom:0;
width:730rem;
height:24rem;
transform-origin:left bottom;
transform:rotate(-90deg)
}
.banner-section .left-based-text .social-links {
position:absolute;
left:0;
top:0
}
.banner-section .left-based-text .social-links ul li {
float:left;
margin-right:35rem
}
.banner-section .left-based-text .social-links ul li a {
position:relative;
display:block;
color:#fff;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.banner-section .left-based-text .social-links ul li a:before {
content:'';
position:absolute;
left:0;
bottom:-3rem;
width:100%;
border-bottom:2rem solid #19376d;
transform:scaleX(0);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.banner-section .left-based-text .social-links ul li a:hover:before {
transform:scale(1)
}
.banner-section .left-based-text .hours {
position:absolute;
right:0;
top:0
}
.banner-section .left-based-text .hours ul li {
float:left;
margin-left:35rem
}
.banner-three .left-based-text .social-links ul li a,.banner-three .left-based-text .hours ul li {
color:var(--thm-black)
}
.banner-section .left-based-text .social-links ul li a:before {
border-bottom-color:var(--thm-black)
}
.banner-carousel {
position:relative;
z-index:1
}
.banner-carousel .slide-item {
position:relative;
display:block;
background-color:var(--thm-black);
color:#fff;
overflow:hidden
}
.banner-three .banner-carousel .slide-item {
background:0
}
.banner-carousel .slide-item:before {
content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:var(--thm-black);
opacity:.60;
z-index:1
}
.banner-two .banner-carousel .slide-item::after {
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-image:url(../image/slide-2-pattern-1.png);
z-index:10
}
.banner-two .banner-carousel .slide-item:before {
opacity:.80
}
.banner-three .banner-carousel .slide-item:before {
display:none
}
.banner-carousel .slide-item .left-top-line {
position:absolute;
left:0;
top:0;
width:350rem;
max-width:100%;
height:100%;
background:url(../image/left-curve-line.png) left top no-repeat;
z-index:2;
opacity:0;
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%)
}
.banner-carousel .active .left-top-line {
opacity:1;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
-webkit-transition-delay:200ms;
-moz-transition-delay:200ms;
-ms-transition-delay:200ms;
-o-transition-delay:200ms;
transition-delay:200ms
}
.banner-carousel .slide-item .right-bottom-curve {
position:absolute;
right:0;
top:0;
width:655rem;
max-width:100%;
height:100%;
background:url(../image/right-curved-bg.png) right bottom no-repeat;
z-index:2;
opacity:0;
-webkit-transform:translateX(700rem);
-moz-transform:translateX(700rem);
-ms-transform:translateX(700rem);
-o-transform:translateX(700rem);
transform:translateX(700rem)
}
.banner-carousel .active .right-bottom-curve {
opacity:1;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
-webkit-transition-delay:1300ms;
-moz-transition-delay:1300ms;
-ms-transition-delay:1300ms;
-o-transition-delay:1300ms;
transition-delay:1300ms
}
.banner-carousel .slide-item .right-top-curve {
position:absolute;
right:0;
top:0;
width:164rem;
max-width:100%;
height:100%;
background:url(../image/right-white-curve.png) right top no-repeat;
z-index:2;
opacity:0;
-webkit-transform:translateX(200rem);
-moz-transform:translateX(200rem);
-ms-transform:translateX(200rem);
-o-transform:translateX(200rem);
transform:translateX(200rem)
}
.banner-carousel .active .right-top-curve {
opacity:1;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
-webkit-transition-delay:1800ms;
-moz-transition-delay:1800ms;
-ms-transition-delay:1800ms;
-o-transition-delay:1800ms;
transition-delay:1800ms
}
.banner-carousel .slide-item .round-shape-1 {
position:absolute;
left:-500rem;
bottom:-500rem;
width:1000rem;
height:1000rem;
background:rgba(255,255,255,0.20);
border-radius:50%;
z-index:2;
opacity:0;
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
-ms-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%)
}
.banner-carousel .active .round-shape-1 {
opacity:1;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
-webkit-transition-delay:1500ms;
-moz-transition-delay:1500ms;
-ms-transition-delay:1500ms;
-o-transition-delay:1500ms;
transition-delay:1500ms
}
.banner-carousel .slide-item .shape-1 {
position:absolute;
left:0;
top:0;
width:570rem;
max-width:100%;
height:810rem;
background:url(../image/b-2-shape-1.png) left top no-repeat;
z-index:2;
opacity:0;
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%)
}
.banner-carousel .active .shape-1 {
opacity:1;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
-webkit-transition-delay:200ms;
-moz-transition-delay:200ms;
-ms-transition-delay:200ms;
-o-transition-delay:200ms;
transition-delay:200ms
}
.banner-carousel .slide-item .shape-2 {
position:absolute;
left:0;
bottom:55rem;
width:333rem;
max-width:100%;
height:366rem;
background:url(../image/b-2-shape-2.png) left bottom no-repeat;
z-index:2;
opacity:0;
-webkit-transform:translateX(-500rem);
-moz-transform:translateX(-500rem);
-ms-transform:translateX(-500rem);
-o-transform:translateX(-500rem);
transform:translateX(-500rem)
}
.banner-carousel .active .shape-2 {
opacity:1;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
-webkit-transition-delay:500ms;
-moz-transition-delay:500ms;
-ms-transition-delay:500ms;
-o-transition-delay:500ms;
transition-delay:500ms
}
.banner-carousel .slide-item .shape-3 {
position:absolute;
right:0;
bottom:0;
width:824rem;
max-width:100%;
height:424rem;
background:url(../image/b-2-shape-3.png) right bottom no-repeat;
z-index:2;
opacity:0;
-webkit-transform:translateX(900rem);
-moz-transform:translateX(900rem);
-ms-transform:translateX(900rem);
-o-transform:translateX(900rem);
transform:translateX(900rem)
}
.banner-carousel .active .shape-3 {
opacity:1;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
-webkit-transition-delay:1800ms;
-moz-transition-delay:1800ms;
-ms-transition-delay:1800ms;
-o-transition-delay:1800ms;
transition-delay:1800ms
}
.banner-carousel .slide-item .shape-4 {
position:absolute;
right:0;
top:0;
width:218rem;
max-width:100%;
height:571rem;
background:url(../image/b-2-shape-4.png) right top no-repeat;
z-index:2;
opacity:0;
-webkit-transform:translateX(200rem);
-moz-transform:translateX(200rem);
-ms-transform:translateX(200rem);
-o-transform:translateX(200rem);
transform:translateX(200rem)
}
.banner-carousel .active .shape-4 {
opacity:1;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
-webkit-transition-delay:2500ms;
-moz-transition-delay:2500ms;
-ms-transition-delay:2500ms;
-o-transition-delay:2500ms;
transition-delay:2500ms
}
.banner-carousel .slide-item .shape-5 {
position:absolute;
right:0;
top:0;
width:306rem;
max-width:100%;
height:904rem;
background:url(../image/b-2-shape-5.png) right top no-repeat;
z-index:2;
opacity:0;
-webkit-transform:translateY(-1000rem);
-moz-transform:translateY(-1000rem);
-ms-transform:translateY(-1000rem);
-o-transform:translateY(-1000rem);
transform:translateY(-1000rem)
}
.banner-carousel .active .shape-5 {
opacity:1;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 1500ms ease;
-moz-transition:all 1500ms ease;
-ms-transition:all 1500ms ease;
-o-transition:all 1500ms ease;
transition:all 1500ms ease;
-webkit-transition-delay:2700ms;
-moz-transition-delay:2700ms;
-ms-transition-delay:2700ms;
-o-transition-delay:2700ms;
transition-delay:2700ms
}
.banner-carousel .slide-item .shape-6 {
position:absolute;
right:0;
top:0;
width:100%;
max-width:100%;
height:100%;
background:url(../image/b-2-shape-6.png) center center no-repeat;
z-index:3;
opacity:0;
transform:scale(0)
}
.banner-carousel .active .shape-6 {
opacity:1;
transform:scale(1);
-webkit-transition:all 1500ms ease;
-moz-transition:all 1500ms ease;
-ms-transition:all 1500ms ease;
-o-transition:all 1500ms ease;
transition:all 1500ms ease;
-webkit-transition-delay:2700ms;
-moz-transition-delay:2700ms;
-ms-transition-delay:2700ms;
-o-transition-delay:2700ms;
transition-delay:2700ms
}
.banner-carousel .slide-item .image-layer {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:1;
z-index:0;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
.banner-carousel .active .slide-item .image-layer {
-webkit-transform:scale(1.15);
-ms-transform:scale(1.15);
transform:scale(1.15);
-webkit-transition:all 7000ms linear;
-moz-transition:all 7000ms linear;
-ms-transition:all 7000ms linear;
-o-transition:all 7000ms linear;
transition:all 7000ms linear
}
.banner-carousel .content-box {
position:relative;
display:table;
vertical-align:middle;
width:100%;
height:950rem;
padding:0;
z-index:11
}
.banner-carousel .content-box .content {
position:relative;
display:table-cell;
vertical-align:middle;
padding:150rem 0 50rem
}
.banner-carousel .content-box .inner {
position:relative;
display:block;
max-width:800rem
}
.banner-two .banner-carousel .content-box .inner {
max-width:820rem;
margin:0 auto;
text-align:center
}
.banner-three .banner-carousel .content-box .inner {
max-width:550rem
}
.banner-carousel .content-box .sub-title {
display:block;
font-size:24rem;
line-height:1.5em;
color:#fff;
font-weight:400;
text-transform:uppercase;
letter-spacing:.05em;
margin-bottom:20rem;
opacity:0;
-webkit-transform:translateY(80rem);
-moz-transform:translateY(80rem);
-ms-transform:translateY(80rem);
-o-transform:translateY(80rem);
transform:translateY(80rem)
}
.banner-carousel .active .content-box .sub-title {
opacity:1;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 700ms ease;
-moz-transition:all 700ms ease;
-ms-transition:all 700ms ease;
-o-transition:all 700ms ease;
transition:all 700ms ease;
-webkit-transition-delay:800ms;
-moz-transition-delay:800ms;
-ms-transition-delay:800ms;
-o-transition-delay:800ms;
transition-delay:800ms
}
.banner-carousel .content-box h1 {
display:block;
font-size:140rem;
line-height:.85em;
color:#fff;
font-weight:600;
opacity:0;
text-transform:uppercase;
letter-spacing:0;
margin:0;
-webkit-transform:translateY(80rem);
-moz-transform:translateY(80rem);
-ms-transform:translateY(80rem);
-o-transform:translateY(80rem);
transform:translateY(80rem)
}
.banner-two .banner-carousel .content-box h1 {
text-transform:capitalize
}
.banner-three .banner-carousel .content-box h1 {
font-size:120rem;
color:var(--thm-black);
font-weight:500
}
.banner-carousel .active .content-box h1 {
opacity:1;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 700ms ease;
-moz-transition:all 700ms ease;
-ms-transition:all 700ms ease;
-o-transition:all 700ms ease;
transition:all 1000ms ease;
-webkit-transition-delay:1300ms;
-moz-transition-delay:1300ms;
-ms-transition-delay:1300ms;
-o-transition-delay:1300ms;
transition-delay:1300ms
}
.banner-three .banner-carousel .active .content-box h1 {
-webkit-transition-delay:700ms;
-moz-transition-delay:700ms;
-ms-transition-delay:700ms;
-o-transition-delay:700ms;
transition-delay:700ms
}
.banner-carousel .content-box .text {
position:relative;
font-size:20rem;
font-weight:300;
line-height:1.7em;
letter-spacing:.07em;
color:var(--thm-black);
margin:5rem 0 0;
opacity:0;
-webkit-transform:translateY(80rem);
-moz-transform:translateY(80rem);
-ms-transform:translateY(80rem);
-o-transform:translateY(80rem);
transform:translateY(80rem)
}
.banner-carousel .active .content-box .text {
opacity:1;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 700ms ease;
-moz-transition:all 700ms ease;
-ms-transition:all 700ms ease;
-o-transition:all 700ms ease;
transition:all 700ms ease;
-webkit-transition-delay:1200ms;
-moz-transition-delay:1200ms;
-ms-transition-delay:1200ms;
-o-transition-delay:1200ms;
transition-delay:1200ms
}
.banner-carousel .content-box .link-box {
position:relative;
display:block;
padding-top:50rem;
opacity:0;
-webkit-transform:translateY(50rem);
-moz-transform:translateY(50rem);
-ms-transform:translateY(50rem);
-o-transform:translateY(50rem);
transform:translateY(50rem)
}
.banner-three .banner-carousel .content-box .link-box {
padding-top:45rem
}
.banner-carousel .active .content-box .link-box {
opacity:1;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 700ms ease;
-moz-transition:all 700ms ease;
-ms-transition:all 700ms ease;
-o-transition:all 700ms ease;
transition:all 700ms ease;
-webkit-transition-delay:1800ms;
-moz-transition-delay:1800ms;
-ms-transition-delay:1800ms;
-o-transition-delay:1800ms;
transition-delay:1800ms
}
.banner-carousel .slide-item .round-image {
position:absolute;
right:-200rem;
top:-100rem;
width:850rem;
height:850rem;
border-radius:50%;
z-index:2
}
.banner-carousel .slide-item .round-image .image {
position:absolute;
left:0;
top:0;
width:850rem;
height:850rem;
background-size:cover;
background-position:left top;
border-radius:50%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
z-index:2;
opacity:0;
-webkit-transform:translateX(100%);
-moz-transform:translateX(100%);
-ms-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%)
}
.banner-carousel .active .round-image .image {
opacity:1;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
-webkit-transition-delay:200ms;
-moz-transition-delay:200ms;
-ms-transition-delay:200ms;
-o-transition-delay:200ms;
transition-delay:200ms
}
.banner-carousel .slide-item .round-image:before {
content:'';
position:absolute;
left:-100rem;
bottom:120rem;
width:100%;
height:100%;
background:var(--thm-black);
border-radius:50%;
z-index:1;
opacity:0;
-webkit-transform:translateX(100%);
-moz-transform:translateX(100%);
-ms-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%)
}
.banner-carousel .active .round-image:before {
opacity:.10;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
-webkit-transition-delay:700ms;
-moz-transition-delay:700ms;
-ms-transition-delay:700ms;
-o-transition-delay:700ms;
transition-delay:700ms
}
.banner-carousel .slide-item .round-image:after {
content:'';
position:absolute;
left:-100rem;
bottom:-50rem;
width:330rem;
height:330rem;
background:url(../image/b-3-shape.png) center center no-repeat;
z-index:3;
opacity:0;
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
-ms-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%)
}
.banner-carousel .active .round-image:after {
opacity:1;
-webkit-transform:translate(0);
-moz-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
transform:translate(0);
-webkit-transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
-webkit-transition-delay:1000ms;
-moz-transition-delay:1000ms;
-ms-transition-delay:1000ms;
-o-transition-delay:1000ms;
transition-delay:1000ms
}
.banner-carousel .owl-nav {
position:absolute;
left:50%;
margin-left:-600rem;
top:50%;
width:1200rem;
height:110rem;
text-align:right
}
.banner-carousel .owl-nav .owl-next,.banner-carousel .owl-nav .owl-prev {
position:absolute;
top:0;
right:0;
width:50rem;
height:50rem;
background:#fff!important;
padding:0;
margin:0;
line-height:50rem;
text-align:center;
opacity:.20;
border-radius:50%;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.banner-carousel .owl-nav .owl-next {
top:auto;
bottom:0
}
.banner-carousel .owl-nav .owl-next span,.banner-carousel .owl-nav .owl-prev span {
vertical-align:middle
}
.banner-carousel .owl-nav .owl-next:hover,.banner-carousel .owl-nav .owl-prev:hover {
opacity:1
}
.banner-section .owl-dots {
position:absolute;
left:0;
bottom:50rem;
width:100%;
text-align:center;
display:none
}
.banner-two .owl-nav,.banner-three .owl-nav {
display:none
}
.banner-two .owl-dots {
display:block
}
.banner-section .owl-theme .owl-dots .owl-dot {
position:relative;
display:inline-block;
vertical-align:top;
margin:0 3rem
}
.banner-section .owl-theme .owl-dots .owl-dot span {
position:relative;
display:block;
width:10rem;
height:10rem;
border:5rem solid rgba(255,255,255,0.20);
border-radius:50%
}
.banner-section .owl-theme .owl-dots .owl-dot.active span {
background:0;
border-width:2rem;
border-color:#19376d
}
.sec-title {
position:relative;
margin-bottom:50rem
}
.sec-title.centered {
max-width:650rem;
margin:0 auto;
margin-bottom:50rem
}
.sec-title .upper-text {
position:relative;
display:inline-block;
line-height:1.6em;
font-size:16rem;
color:#9b9fa6;
font-weight:400;
margin:0 0 20rem
}
.sec-title h2 {
position:relative;
display:block;
font-size:40rem;
line-height:.9em;
text-transform:uppercase;
color:var(--thm-black);
font-weight:400;
margin-bottom:0
}
.sec-title h2 strong {
font-weight:700
}
.sec-title h2 .dot {
color:#19376d;
padding-left:7rem
}
.sec-title .lower-text {
position:relative;
display:block;
font-size:20rem;
line-height:1.7em;
font-weight:300;
letter-spacing:.1em;
color:var(--thm-text);
padding:30rem 0 0
}
.services-section {
position:relative;
padding:120rem 0 90rem;
background:var(--thm-black) url(../image/pattern-1.png) center top repeat;
color:#fff;
background: #000;
}
.services-section .sec-title {
margin-bottom:30rem
}
.services-section .sec-title h2 {
color:#fff
}
.services-section .sec-title .lower-text {
color:#999b9f
}
.services-section .row {
counter-reset:slides-num
}
.services-section .row .service-block {
counter-increment:slides-num
}
.services-section .row .service-block .inner-box:before {
content:"0"counter(slides-num) "";
position:absolute;
left:45rem;
top:50rem;
font-size:50rem;
line-height:1em;
color:#fff;
opacity:.07
}
.service-block {
position:relative;
margin-bottom:30rem
}
.service-block .inner-box {
position:relative;
display:block;
padding:50rem 45rem;
background:#1c1e22;
min-height:auto;
border-radius:7rem;
overflow:hidden;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.service-block .inner-box:hover {
background:#19376d
}
.service-block .inner-box .bottom-curve {
position:absolute;
right:-70rem;
bottom:0;
width:100rem;
height:80%;
background:var(--thm-black);
opacity:.20;
z-index:0;
transform:skewX(0deg) scaleX(0);
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.service-block .inner-box:hover .bottom-curve {
transform:skewX(-35deg) scaleX(1)
}
.service-block .inner-box .count {
position:relative;
display:block;
font-size:50rem;
line-height:1em;
color:#fff;
opacity:.07;
margin-bottom:40rem
}
.service-block .inner-box .icon-box {
position:absolute;
right:45rem;
top:50rem;
color:#19376d;
font-size:64rem;
line-height:1em;
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.service-block .inner-box:hover .icon-box {
color:var(--thm-black)
}
.service-block .inner-box h6 {
position:relative;
margin:0;
margin-top:30rem;
font-size:20rem;
text-transform:uppercase;
color:#fff;
font-weight:400;
letter-spacing:1rem;
line-height:1.1em
}
.service-block .inner-box h6 a {
color:#fff;
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.services-section .row .service-block .inner-box:hover:before,.service-block .inner-box:hover .count,.service-block .inner-box:hover h6,.service-block .inner-box:hover h6 a {
color:var(--thm-black)
}
.service-block .inner-box h6 a:hover {
text-decoration:underline
}
.about-section {
position:relative;
padding:120rem 0 90rem;
background:#fff
}
.about-section:before {
content:'';
position:absolute;
left:0;
top:0;
margin-left:-410rem;
width:50%;
height:100%;
background:none;

}
.about-section .image-column {
position:relative;
margin-bottom:30rem
}
.about-section .image-column .inner {
position:relative;
display:block
}
.about-section .image-column .inner:before {
content:'';
position:absolute;
left:0;
width:15rem;
height:280rem;
background:#19376d;
border-radius:8rem
}
.about-section .image-column .image-block {
position:relative;
display:block;
border-radius:7rem;
overflow:hidden
}
.about-section .image-column .image-block img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
border-radius:7rem
}
.about-section .image-column .image-block:nth-child(1) {
margin-left:110rem
}
.about-section .image-column .image-block:nth-child(2) {
margin-right:140rem;
margin-top:-170rem
}
.about-section .text-column {
position:relative;
margin-bottom:30rem
}
.about-section .text-column .inner {
position:relative;
display:block;
padding-left:60rem
}
.about-section .text-column .sec-title {
margin-bottom:35rem
}
.about-section .text-column .sec-title .lower-text {
text-transform:uppercase;
font-size:26rem;
font-weight:300;
letter-spacing:0;
color:#19376d
}
.about-section .text-column .text {
position:relative;
font-size:20rem;
font-weight:300;
line-height:1.7em;
letter-spacing:.02em
}
.about-section .text-column .text p {
line-height:1.7em;
letter-spacing:.1em;
margin-bottom:32rem
}
.about-section .text-column .text ul {
position:relative;
float:left
}
.about-section .text-column .text ul li {
position:relative;
line-height:1.7em;
letter-spacing:.1em;
margin-bottom:10rem;
padding-left:35rem
}
.about-section .text-column .text ul li:before {
content:"\f107";
font-family:'Flaticon';
position:absolute;
left:0;
top:-1rem;
color:#19376d;
font-weight:400
}
.about-section .text-column .text .since {
position:relative;
float:left;
margin-left:82rem;
margin-top:10rem
}
.about-section .text-column .text .since:before {
content:'';
position:absolute;
left:-10rem;
top:0;
width:80rem;
height:80rem;
background:#e8e9e9;
border-radius:50%
}
.about-section .text-column .text .since:after {
content:'';
position:absolute;
left:-42rem;
top:0;
bottom:0;
border-left:2rem solid #19376d
}
.about-section .text-column .text .since .txt {
position:relative;
display:block;
padding:21rem 5rem;
width:90rem;
height:90rem;
line-height:24rem;
text-align:center;
background:var(--thm-black);
text-transform:uppercase;
color:#fff;
border-radius:50%
}
.about-section .text-column .link-box {
padding-top:30rem
}
.live-section {
position:relative;
padding:120rem 0 0;
background:#fff;
border-top:1rem solid rgba(0,0,0,0.05)
}
.live-section .main-image-box {
position:relative;
display:block;
overflow:hidden;
margin-bottom:-120rem;
z-index:1
}
.live-section .main-image-box .image-layer {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:1;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(100%)
}
.live-section .main-image-box .inner {
position:relative;
padding:20rem 0
}
.live-section .main-image-box .round-box {
position:relative;
display:block;
float:right;
right:-25rem;
width:490rem;
height:490rem;
border-radius:50%
}
.live-section .main-image-box .round-box:before {
content:'';
position:absolute;
left:-65rem;
top:-45rem;
width:490rem;
height:490rem;
background:var(--thm-black);
opacity:.20;
border-radius:50%
}
.live-section .main-image-box .round-inner {
position:relative;
display:block;
width:490rem;
height:490rem;
padding:190rem 80rem 50rem 70rem;
background:#19376d;
border-radius:50%
}
.live-section .main-image-box .vid-link {
position:absolute;
left:55rem;
top:25rem;
width:84rem;
height:84rem;
line-height:84rem;
text-align:center;
font-size:20rem;
color:#fff;
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.live-section .main-image-box .vid-link .icon {
position:relative;
display:block;
width:84rem;
height:84rem;
line-height:84rem;
text-align:center;
font-size:20rem;
color:#fff;
background:var(--thm-black);
border-radius:50%;
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.live-section .main-image-box .vid-link a:hover .icon {
background:#fff;
color:#19376d
}
.live-section .main-image-box .vid-link .icon:before {
content:'';
position:absolute;
left:-8rem;
top:-8rem;
right:-8rem;
bottom:-8rem;
border:1rem solid rgba(0,0,0,0.30);
border-radius:50%
}
.live-section .main-image-box .vid-link .ripple,.live-section .main-image-box .vid-link .ripple:before,.live-section .main-image-box .vid-link .ripple:after {
position:absolute;
top:50%;
left:50%;
width:100rem;
height:100rem;
border-radius:50%;
-ms-border-radius:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.6);
-moz-box-shadow:0 0 0 0 rgba(255,255,255,.6);
-ms-box-shadow:0 0 0 0 rgba(255,255,255,.6);
-o-box-shadow:0 0 0 0 rgba(255,255,255,.6);
box-shadow:0 0 0 0 rgba(255,255,255,.6);
-webkit-animation:ripple 3s infinite;
-moz-animation:ripple 3s infinite;
-ms-animation:ripple 3s infinite;
-o-animation:ripple 3s infinite;
animation:ripple 3s infinite
}
.live-section .main-image-box .vid-link .ripple:before {
-webkit-animation-delay:.9s;
-moz-animation-delay:.9s;
-ms-animation-delay:.9s;
-o-animation-delay:.9s;
animation-delay:.9s;
content:"";
position:absolute
}
.live-section .main-image-box .vid-link .ripple:after {
-webkit-animation-delay:.6s;
-moz-animation-delay:.6s;
-ms-animation-delay:.6s;
-o-animation-delay:.6s;
animation-delay:.6s;
content:"";
position:absolute
}
@-webkit-keyframes ripple {
70% {
box-shadow:0 0 0 40rem rgba(255,255,255,0)
}
100% {
box-shadow:0 0 0 0 rgba(255,255,255,0)
}
}@keyframes ripple {
70% {
box-shadow:0 0 0 40rem rgba(255,255,255,0)
}
100% {
box-shadow:0 0 0 0 rgba(255,255,255,0)
}
}.live-section .main-image-box .title {
position:relative
}
.live-section .main-image-box .title h3 {
text-transform:uppercase;
line-height:1em
}
.live-section .main-image-box .more-link {
position:relative;
text-align:right
}
.live-section .main-image-box .more-link a {
position:relative;
display:inline-block;
padding-bottom:2rem;
vertical-align:top;
color:var(--thm-black);
font-size:20rem;
font-weight:400;
letter-spacing:1rem;
text-transform:uppercase;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
line-height:1.25em
}
.live-section .main-image-box .more-link a:hover {
color:rgba(0,0,0,0.30)
}
.live-section .main-image-box .more-link a:before {
content:'';
position:absolute;
left:0;
bottom:0;
width:100%;
border-bottom:2rem solid var(--thm-black);
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.live-section .main-image-box .more-link a:hover:before {
border-color:rgba(0,0,0,0.30);
transform:scaleX(0.5)
}
.we-do-section {
position:relative;
padding:240rem 0 90rem;
background:#fff url(../image/pattern-2.png) left top repeat
}
.we-do-section .sec-title {
margin-bottom:40rem
}
.we-do-section .featured-block {
position:relative;
display:block;
padding-left:230rem;
min-height:117rem;
margin-bottom:40rem
}
.we-do-section .featured-block .image {
position:absolute;
left:0;
top:0;
width:200rem
}
.we-do-section .featured-block .image img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
border-radius:7rem
}
.we-do-section .featured-block .text {
position:relative;
top:-5rem;
display:block;
line-height:1.7em;
letter-spacing:.1em;
margin-bottom:32rem
}
.we-do-section .left-col {
position:relative;
margin-bottom:30rem
}
.we-do-section .left-col .inner {
position:relative;
display:block;
padding-right:70rem
}
.we-do-section .right-col {
position:relative;
margin-bottom:30rem
}
.we-do-section .right-col .inner {
position:relative;
display:block
}
.we-do-section .progress-box {
position:relative;
display:block;
width:100%
}
.we-do-section .progress-box .bar-title {
position:relative;
font-size:20rem;
line-height:1.1em;
text-transform:uppercase;
letter-spacing:1rem;
margin-bottom:10rem
}
.we-do-section .progress-box .bar {
position:relative;
width:100%;
height:7rem;
background:#fff;
border-radius:4rem
}
.we-do-section .progress-box .bar-inner {
position:relative;
display:block;
width:0;
height:7rem;
background:#19376d;
border-radius:4rem;
-webkit-transition:all 1500ms ease;
-ms-transition:all 1500ms ease;
-o-transition:all 1500ms ease;
-moz-transition:all 1500ms ease;
transition:all 1500ms ease
}
.we-do-section .progress-box .count-box {
position:absolute;
right:0;
margin-right:-40rem;
bottom:18rem;
width:40rem;
height:22rem;
background:var(--thm-black);
color:#fff;
line-height:22rem;
font-size:14rem;
font-weight:500;
border-radius:5rem;
text-align:center;
opacity:0;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease
}
.we-do-section .progress-box .counted .count-box {
opacity:1
}
.we-do-section .progress-box .count-box:after {
content:'';
position:absolute;
left:0;
top:100%;
margin-top:-5rem;
border:5rem solid transparent;
border-top:5rem solid var(--thm-black);
border-left:5rem solid var(--thm-black)
}
.accordion-box {
position:relative
}
.accordion-box .block {
position:relative;
background:#fff;
border-radius:7rem;
overflow:hidden;
margin-bottom:16rem;
-webkit-box-shadow:0 0 40rem 5rem rgba(0,0,0,0.03);
-ms-box-shadow:0 0 40rem 5rem rgba(0,0,0,0.03);
box-shadow:0 0 40rem 5rem rgba(0,0,0,0.03)
}
.accordion-box .block.active-block {
background-color:#fff;
-webkit-box-shadow:0 0 40rem 5rem rgba(0,0,0,0.05);
-ms-box-shadow:0 0 40rem 5rem rgba(0,0,0,0.05);
box-shadow:0 0 40rem 5rem rgba(0,0,0,0.05)
}
.accordion-box .block:last-child {
margin-bottom:0
}
.accordion-box .block .acc-btn {
position:relative;
font-size:20rem;
line-height:32rem;
font-weight:400;
font-size:20rem;
text-transform:uppercase;
letter-spacing:1rem;
cursor:pointer;
padding:20rem 40rem;
padding-right:60rem;
color:var(--thm-black);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.accordion-box .block .acc-btn .count {
color:#19376d;
padding-right:3rem
}
.accordion-box .block .acc-btn:before {
position:absolute;
right:35rem;
top:20rem;
height:30rem;
font-size:15rem;
font-weight:600;
color:#19376d;
line-height:30rem;
content:"\f116";
font-family:"Flaticon";
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.accordion-box .block .acc-btn.active {
background-color:#fff
}
.accordion-box .block .acc-btn.active:before {
color:var(--thm-black);
content:"\f104"
}
.accordion-box .block .acc-content {
position:relative;
display:none
}
.accordion-box .block .content {
position:relative;
padding:0 40rem 30rem
}
.accordion-box .block .acc-content.current {
display:block
}
.accordion-box .block .content .text {
display:block;
position:relative;
top:0;
display:block;
line-height:1.7em;
letter-spacing:.1em
}
.gallery-section {
position:relative;
padding:120rem 0 90rem
}
.gallery-section .upper-row {
position:relative
}
.gallery-section .upper-row .sec-title {
position:relative;
float:left
}
.gallery-section .upper-row .filters {
position:relative;
float:right;
padding-top:10rem
}
.gallery-section .more-box {
position:relative;
display:block;
padding-top:20rem;
text-align:center;
padding-bottom:10rem
}
.mixitup-gallery .filters {
position:relative;
margin-bottom:40rem
}
.mixitup-gallery .filters .filter-tabs {
position:relative;
display:block
}
.mixitup-gallery .filters li {
position:relative;
display:inline-block;
vertical-align:top;
font-size:24rem;
line-height:40rem;
padding:0;
cursor:pointer;
color:var(--thm-text);
font-weight:300;
margin:0 0 10rem 30rem;
text-transform:uppercase;
letter-spacing:1rem;
background:0;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.mixitup-gallery .filters li:before {
content:'';
position:absolute;
left:0;
bottom:0;
width:100%;
border-bottom:2rem solid #19376d;
transform:scaleX(0);
transform-origin:left;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.mixitup-gallery .filters.centered li {
margin:0 15rem 10rem
}
.mixitup-gallery .filters li sup {
position:absolute;
right:0;
top:3rem;
font-size:16rem;
opacity:0;
visibility:hidden;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.mixitup-gallery .filters .filter.active {
color:var(--thm-black);
font-weight:400;
/* padding-right:20rem */
}
.mixitup-gallery .filters .filter.active sup {
opacity:1;
visibility:visible
}
.mixitup-gallery .filters li.active:before {
transform:scaleX(1)
}
.mixitup-gallery .gallery-item-two {
display:none
}
.mix {
display:none
}
.gallery-item {
position:relative;
margin-bottom:30rem
}
.gallery-item .inner-box {
position:relative;
border-radius:7rem;
overflow:hidden
}
.gallery-item .inner-box .image {
position:relative;
border-radius:7rem
}
.gallery-item .inner-box .image img {
display:block;
width:100%;
height:auto;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
border-radius:7rem
}
.gallery-item .inner-box:hover .image img {
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%)
}
.gallery-item .cap-box {
position:absolute;
left:20rem;
right:20rem;
bottom:20rem;
color:#fff;
opacity:0;
-webkit-transform:translateY(200rem);
-ms-transform:translateY(200rem);
transform:translateY(200rem);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.gallery-item .inner-box:hover .cap-box {
opacity:1;
-webkit-transform:translateY(0rem);
-ms-transform:translateY(0rem);
transform:translateY(0rem)
}
.gallery-item .cap-box .cap-inner {
position:relative;
display:block;
padding:25rem 35rem;
background:var(--thm-black);
border-radius:7rem
}
.gallery-item a.overlay-box {
position:absolute;
left:0;
top:0;
width:100%;
height:100%
}
.gallery-item .cap-box .cat {
position:relative;
display:block;
font-size:14rem;
text-transform:uppercase;
letter-spacing:1rem;
font-weight:400
}
.gallery-item .cap-box .cat span {
position:relative;
display:inline-block;
vertical-align:middle;
padding-right:48rem
}
.gallery-item .cap-box .cat span:before {
content:'';
position:absolute;
right:0;
top:50%;
margin-top:-1rem;
width:38rem;
border-bottom:2rem solid #19376d
}
.gallery-item .cap-box .title {
position:relative;
display:block
}
.gallery-item .cap-box h5 {
font-size:22rem;
text-transform:uppercase;
letter-spacing:1rem;
font-weight:400;
margin:0
}
.gallery-item .cap-box h5 a {
color:#fff
}
.gallery-item .cap-box h5 a:hover {
text-decoration:underline
}
.facts-section {
position:relative;
padding:0 0 290rem;
background:#1c1e22;
color:#fff;
z-index:2
}
.facts-section.alternate {
background:var(--thm-black);
padding-bottom:50rem
}
.facts-section .image-layer {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-attachment:fixed;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
opacity:.30
}
.facts-section.alternate .image-layer {
display:none
}
.fact-counter {
position:relative
}
.fact-counter .column {
position:relative;
text-align:center;
margin-bottom:70rem
}
.fact-counter .column .inner {
position:relative;
padding:120rem 0 0
}
.fact-counter .column .inner:before {
position:absolute;
content:'';
left:-15rem;
right:-15rem;
top:0;
min-width:100%;
border-top:4rem solid #19376d;
transform:scaleX(0);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.fact-counter .column:hover .inner:before {
transform:scaleX(1)
}
.fact-counter .column .inner:after {
position:absolute;
content:'';
right:-15rem;
top:0;
bottom:7rem;
border-right:1rem solid rgba(255,255,255,0.15)
}
.fact-counter .column:last-child .inner:after {
display:none
}
.fact-counter .column .inner .content {
position:relative;
text-align:center
}
.fact-counter .column .inner .count-outer {
position:relative;
font-weight:400;
font-size:80rem;
line-height:1em;
letter-spacing:0;
display:block
}
.fact-counter .column .inner .counter-title {
position:relative;
font-size:18rem;
font-weight:400;
color:#999b9f;
letter-spacing:1rem;
text-transform:uppercase
}
.trusted-section {
position:relative;
padding:0 0 70rem;
background:0;
z-index:2
}
.trusted-section .outer-container {
position:relative;
margin-top:-240rem
}
.trusted-section .row {
margin:0 -4rem
}
.trusted-section .left-col {
position:relative;
padding:0 4rem;
margin-bottom:30rem
}
.trusted-section .left-col .inner {
position:relative;
display:block
}
.trusted-section .col-header {
position:relative;
text-align:center
}
.trusted-section .col-header .header-inner {
position:relative;
padding:75rem 50rem 20rem;
min-height:240rem;
background:#19376d;
font-weight:400;
font-size:40rem;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:0;
color:var(--thm-black);
border-radius:7rem 7rem 0 0
}
.trusted-section .col-header .header-inner:before {
content:'';
position:absolute;
left:0;
bottom:-39rem;
width:50rem;
height:40rem;
background:url(../image/curve-down-left.png) left top no-repeat
}
.trusted-section .features {
position:relative
}
.trusted-section .feature {
position:relative;
display:block;
padding:55rem 0;
padding-left:90rem;
min-height:170rem;
border-bottom:1rem solid #e9ebee
}
.trusted-section .feature .count {
position:absolute;
left:0;
top:55rem;
width:60rem;
height:60rem;
text-align:center;
background:#ffeed1;
padding:10rem;
line-height:40rem;
font-size:30rem;
letter-spacing:1rem;
color:#19376d;
text-transform:uppercase;
border-radius:50%;
transition:all 500ms ease
}
.trusted-section .feature:hover .count {
background-color:var(--thm-black);
color:#fff
}
.trusted-section .feature h5 {
font-weight:400;
margin:0;
line-height:1.15em;
color:var(--thm-black);
margin-bottom:10rem
}
.trusted-section .feature .sub-text {
font-weight:400;
font-size:20rem;
letter-spacing:.1em;
color:var(--thm-text);
text-transform:uppercase;
line-height:1.25em
}
.trusted-section .right-col {
position:relative;
padding:0 4rem;
margin-bottom:30rem;
z-index:3
}
.trusted-section .right-col .inner {
position:relative;
display:block;
min-height:260rem;
padding:115rem 0 0 110rem;
background:#fff;
border-radius:7rem 0 0 0
}
.trusted-section .right-col .inner:before {
content:'';
position:absolute;
left:100%;
top:0;
margin-left:-1rem;
width:2000rem;
height:100%;
background:#fff
}
.trusted-section .featured-block-two {
position:relative;
display:block;
padding-left:280rem;
min-height:170rem
}
.trusted-section .featured-block-two .image {
position:absolute;
left:0;
top:0;
width:250rem
}
.trusted-section .featured-block-two .image img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
border-radius:7rem
}
.trusted-section .featured-block-two .text {
position:relative;
top:-5rem;
display:block;
font-weight:300;
line-height:1.5em;
letter-spacing:.1em
}
.trusted-section .featured-block-two .text ul {
position:relative
}
.trusted-section .featured-block-two .text ul li {
position:relative;
line-height:1.7em;
margin-bottom:12rem;
padding-left:30rem;
font-weight:300
}
.trusted-section .featured-block-two .text ul li:before {
content:"";
font-family:'Flaticon';
position:absolute;
left:0;
top:-1rem;
color:#19376d;
font-weight:400;
font-size:18rem;
background: url(../img/icom1.png) no-repeat center 7px;
background-size: auto;
background-size: auto;
width: 30rem;
height: 30rem;
background-size: 53%;
}
.team-section {
position:relative;
padding:120rem 0 90rem;
background:0;
z-index:2
}
.team-section.no-padd-top {
padding-top:0
}
.team-section .carousel-box {
position:relative;
margin:0 -5rem
}
.team-block {
position:relative;
margin-bottom:30rem
}
.team-block .inner-box {
position:relative;
display:block;
text-align:center
}
.team-block .image-box {
position:relative;
display:block;
overflow:hidden
}
.team-block .image-box img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
border-radius:7rem
}
.team-block .inner-box:hover .image-box img {
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%)
}
.team-block .image-box .social-links {
position:absolute;
left:0;
bottom:35rem;
width:100%;
padding:0 5rem;
opacity:0;
-webkit-transform:translateY(100rem);
-ms-transform:translateY(100rem);
transform:translateY(100rem);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.team-block .inner-box:hover .social-links {
opacity:1;
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0)
}
.team-block .image-box .social-links li {
position:relative;
display:inline-block;
vertical-align:top;
margin:0 3rem
}
.team-block .image-box .social-links li a {
position:relative;
display:block;
width:44rem;
height:44rem;
line-height:44rem;
font-size:16rem;
background:#fff;
color:var(--thm-black);
border-radius:50%;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.team-block .image-box .social-links li a span {
vertical-align:middle;
line-height:44rem
}
.team-block .image-box .social-links li a:hover {
background:#19376d
}
.team-block .lower-box {
position:relative;
display:block;
padding:30rem 0 0
}
.team-block .lower-box .designation {
position:relative;
display:block;
font-size:16rem;
text-transform:uppercase;
letter-spacing:1rem;
line-height:1.2em;
font-weight:400;
color:var(--thm-text);
padding-top:5rem
}
.team-block .lower-box h5 {
font-size:24rem;
text-transform:uppercase;
letter-spacing:1rem;
line-height:1.5;
font-weight:400;
font-size: 20rem;
margin:0
}
.team-block .lower-box h5 a {
color:var(--thm-black)
}
.team-block .lower-box h5 a:hover {
text-decoration:underline
}
.team-section .owl-theme .owl-nav {
position:relative;
width:100%;
text-align:center;
padding-top:40rem;
display:none
}
.team-section .owl-theme .owl-dots {
position:relative;
width:100%;
text-align:center;
padding-top:30rem
}
.team-section .owl-theme .owl-dots .owl-dot {
position:relative;
display:inline-block;
vertical-align:top;
margin:0 3rem
}
.team-section .owl-theme .owl-dots .owl-dot span {
position:relative;
display:block;
width:10rem;
height:10rem;
background:#d3d3d4;
border:2rem solid #d3d3d4;
border-radius:50%
}
.team-section .owl-theme .owl-dots .owl-dot.active span {
background:#fff;
border-color:#19376d
}
.parallax-section {
position:relative;
padding:120rem 0;
background:#1c1e22;
text-align:center;
color:#fff;
z-index:1
}
.parallax-section .image-layer {
position:absolute;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-attachment:fixed;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
opacity:.30
}
.parallax-section .content-box {
position:relative;
max-width:870rem;
margin:0 auto
}
.parallax-section .content-box .icon-box {
position:relative;
display:block;
width:114rem;
height:114rem;
line-height:114rem;
text-align:center;
color:var(--thm-black);
font-size:54rem;
border-radius:50%;
margin:0 auto 50rem
}
.parallax-section .content-box .icon-box:before {
content:'';
position:absolute;
left:-7rem;
top:0;
display:block;
width:80rem;
height:80rem;
background:#fff;
opacity:.30;
border-radius:50%
}
.parallax-section .content-box .icon-box:after {
content:'';
position:absolute;
left:0;
top:0;
display:block;
width:100%;
height:100%;
background:#19376d;
z-index:1;
border-radius:50%
}
.parallax-section .content-box .icon-box span {
position:relative;
z-index:2
}
.parallax-section .content-box h2 {
position:relative;
display:block;
font-size:70rem;
line-height:1em;
text-transform:uppercase;
color:#fff;
font-weight:500;
margin-bottom:0
}
.parallax-section .content-box h2 span {
color:#19376d
}
.sponsors-section {
position:relative;
padding:100rem 0;
background:#fff
}
.sponsors-outer {
position:relative
}
.sponsors-outer .slide-item {
display:block
}
.sponsors-outer .image-box {
position:relative;
display:inline-block
}
.sponsors-outer .image-box img {
max-width:100%;
width:auto;
display:inline-block;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
opacity:.20
}
.sponsors-outer .image-box img:hover {
opacity:1
}
.sponsors-outer .owl-dots,.sponsors-outer .owl-nav {
position:relative;
display:none
}
.agency-section {
position:relative;
padding:120rem 0 80rem;
/* background:#fff url(../image/pattern-2.png) left top repeat */
}
.agency-section .sec-title {
margin-bottom:40rem
}
.agency-section .featured-block {
position:relative;
display:block;
padding-left:230rem;
min-height:117rem;
margin-bottom:40rem
}
.agency-section .featured-block .image {
position:absolute;
left:0;
top:0;
width:200rem
}
.agency-section .featured-block .image img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
border-radius:7rem
}
.agency-section .featured-block .text {
position:relative;
top:-5rem;
display:block;
line-height:1.7em;
letter-spacing:.1em;
margin-bottom:32rem
}
.agency-section .left-col {
position:relative;
margin-bottom:30rem
}
.agency-section .left-col .inner {
position:relative;
display:block;
/* padding-right:50rem */
}
.agency-section .right-col {
position:relative;
margin-bottom:30rem
}
.agency-section .right-col .inner {
position:relative;
display:block
}
.tabs-box {
position:relative
}
.tabs-box .tab-buttons {
position:relative;
text-align: center;
}
.tabs-box .tab-buttons .tab-btn {
position:relative;
display:inline-block;
vertical-align:top;
cursor:pointer
}
.tabs-box .tabs-content {
position:relative
}
.tabs-box .tabs-content .tab {
position:relative;
display:none
}
.tabs-box .tabs-content .active-tab {
display:block
}
.default-tabs .tab-buttons .tab-btn {
position:relative;
line-height:30rem;
font-size:16rem;
font-weight:500;
color:var(--thm-black);
text-align:center;
padding:14rem 40rem 11rem;
text-transform:uppercase;
margin-bottom:10rem;
margin-right:10rem;
letter-spacing:.07em;
border-radius:7rem;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
.default-tabs .tab-buttons .active-btn{
    color: #fff;
}
.default-tabs .tab-buttons .tab-btn span {
position:relative;
display:block
}
.default-tabs .tab-buttons .tab-btn:last-child {
margin-right:0
}
.default-tabs .tab-buttons .tab-btn:before {
content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:2rem;
background:#19376d;
background: -moz-linear-gradient(90deg,#19376d 0,#576cbd 100%);
background: -webkit-linear-gradient(90deg,#19376d 0,#576cbd 100%);
background: linear-gradient(90deg,#19376d 0,#576cbd 100%);
border-radius:7rem;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
.default-tabs .tab-buttons .tab-btn.active-btn:before {
height:100%
}
.default-tabs .tab-buttons .tab-btn:hover,.default-tabs .tab-buttons .tab-btn.active-btn:hover {
color:var(--thm-black)
}
.default-tabs .tabs-content {
position:relative;
padding-top:40rem
}
.default-tabs .tabs-content .content {
position:relative;
display:block;
opacity:0;
visibility:hidden;
-ms-transform:translateY(50rem);
transform:translateY(50rem);
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}
.default-tabs .tabs-content .active-tab .content {
opacity:1;
visibility:visible;
-ms-transform:translateY(0rem);
transform:translateY(0rem)
}
.default-tabs .tabs-content .text {
position:relative;
font-size:20rem;
font-weight:300;
color:var(--thm-text);
line-height:1.7em;
/*letter-spacing:2rem*/
}
.agency-section .right-col .text {
position:relative;
font-size:20rem;
font-weight:300;
color:var(--thm-text);
line-height:1.7em;
letter-spacing:1rem;
margin-bottom:50rem
}
.agency-section .featured-block-two {
position:relative;
display:block;
padding-left:268rem;
min-height:248rem;
padding-top:20rem
}
.agency-section .featured-block-two .image {
position:absolute;
left:0;
top:0;
width:242rem;
border-radius:50%
}
.agency-section .featured-block-two .image img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
border-radius:50%
}
.agency-section .featured-block-two .text {
position:relative;
top:-5rem;
display:block;
font-weight:300;
line-height:1.5em;
letter-spacing:.1em;
margin-bottom:0
}
.agency-section .featured-block-two .text ul {
position:relative
}
.agency-section .featured-block-two .text ul li {
position:relative;
line-height:1.7em;
margin-bottom:12rem;
padding-left:30rem;
font-weight:300;
color:var(--thm-text)
}
.agency-section .featured-block-two .text ul li:before {
content:"\f107";
font-family:'Flaticon';
position:absolute;
left:0;
top:-1rem;
color:#19376d;
font-weight:400;
font-size:18rem
}
.news-section {
position:relative;
padding:120rem 0 90rem
}
.news-section.alt-bg {
background:#fff url(../image/pattern-2.png) left top repeat
}
.news-section .more-box {
position:relative;
display:block;
padding-top:30rem;
text-align:center;
padding-bottom:10rem
}
.news-block {
position:relative;
margin-bottom:30rem
}
.news-block .inner-box {
position:relative;
display:block;
text-align:center
}
.news-block .image-box {
position:relative;
display:block;
overflow:hidden
}
.news-block .image-box img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
border-radius:7rem
}
.news-block .inner-box:hover .image-box img {
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%)
}
.news-block .lower-box {
position:relative;
padding:0 20rem 0
}
.news-block .post-meta {
position:relative;
top:-27rem;
margin:0 10rem -3rem
}
.news-block .post-meta ul {
position:relative;
display:block;
padding:10rem 5rem 0;
background:#fff;
border-radius:7rem;
box-shadow:0 10rem 30rem 0 rgba(0,0,0,0.05)
}
.news-block .post-meta ul li {
position:relative;
display:inline-block;
vertical-align:middle;
margin:0 10rem 10rem;
font-size:16rem;
letter-spacing:.1em;
text-transform:uppercase
}
.news-block .post-meta ul li .far,.news-block .post-meta ul li .fa {
position:relative;
color:#19376d;
font-size:14rem;
padding-right:3rem;
vertical-align:middle
}
.news-block .lower-box h5 {
text-transform:uppercase;
font-size:24rem;
color:var(--thm-black);
margin-bottom:20rem;
height: 60rem;
}
.news-block .lower-box h5 a {
color:var(--thm-black);
transition:500ms;
overflow: hidden;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.news-block .lower-box h5 a:hover {
color:#19376d;
text-decoration:underline
}
.news-block .lower-box .text {
position:relative;
top:-5rem;
color:var(--thm-text);
display:block;
font-weight:300;
line-height:1.5em;
letter-spacing:.1em
}
.news-block .lower-box .link-box {
position:relative;
margin-top:20rem
}
.news-block .lower-box .link-box a {
position:relative;
display:inline-block;
width:50rem;
height:50rem;
line-height:50rem;
text-align:center;
font-size:12rem;
color:#fff;
background:#d3d3d4;
border-radius:50%
}
.news-block .lower-box .link-box a span {
font-weight:700;
vertical-align:middle
}
.news-block .lower-box .link-box a:hover {
background:#19376d;
color:#fff;
}
.news-block-two {
position:relative;
margin-bottom:40rem
}
.news-block-two .inner-box {
position:relative;
display:block
}
.news-block-two .image-box {
position:relative;
display:block;
overflow:hidden
}
.news-block-two .image-box img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
border-radius:7rem
}
.news-block-two .inner-box:hover .image-box img {
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%)
}
.news-block-two .lower-box {
position:relative;
padding:30rem 0 0
}
.news-block-two .post-meta {
position:relative;
display:block
}
.news-block-two .post-meta ul {
position:relative;
display:block
}
.news-block-two .post-meta ul li {
position:relative;
display:inline-block;
vertical-align:middle;
margin:0 20rem 5rem 0;
font-size:16rem;
letter-spacing:.07em;
text-transform:uppercase
}
.news-block-two .post-meta ul li .far,.news-block-two .post-meta ul li .fa {
position:relative;
top:-2rem;
color:#19376d;
font-size:14rem;
padding-right:3rem;
vertical-align:middle
}
.news-block-two .lower-box h4 {
text-transform:uppercase;
font-size:40rem;
line-height:1.1em;
color:var(--thm-black);
margin-bottom:30rem
}
.news-block-two .lower-box h4 a {
color:var(--thm-black)
}
.news-block-two .lower-box h4 a:hover {
color:#19376d;
text-decoration:underline
}
.news-block-two .lower-box .text {
position:relative;
top:-5rem;
display:block;
font-weight:300;
line-height:1.6em;
/*letter-spacing:.1em*/
}
.news-block-two .lower-box .link-box {
position:relative;
margin-top:20rem
}
.news-block-two .lower-box .link-box a {
position:relative;
display:inline-block;
text-transform:uppercase;
font-size:20rem;
color:var(--thm-black);
letter-spacing:1rem
}
.news-block-two .lower-box .link-box a:before {
content:'';
position:absolute;
left:0;
bottom:0;
width:100%;
border-bottom:2rem solid #19376d
}
.news-block-two .lower-box .link-box a:hover {
color:#19376d
}
.news-block-two .lower-box .link-box a:hover:before {
border-color:var(--thm-black)
}
.news-block-two .image-box .vid-link {
position:absolute;
left:0;
top:0;
display:block;
width:100%;
height:100%;
z-index:1;
text-align:center;
font-size:24rem;
color:var(--thm-black);
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
z-index:3
}
.news-block-two .image-box .vid-link .icon {
position:absolute;
display:block;
left:50%;
top:50%;
margin-top:-50rem;
margin-left:-50rem;
width:100rem;
height:100rem;
line-height:100rem;
text-align:center;
font-size:24rem;
color:var(--thm-black);
background:#19376d;
border-radius:50%;
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.news-block-two .image-box .vid-link:hover .icon {
background:var(--thm-black);
color:#19376d
}
.news-block-three {
position:relative;
margin-bottom:30rem
}
.news-block-three .inner-box {
position:relative;
display:block;
padding:50rem 50rem 40rem;
background:#f4f5f8;
border-radius:7rem
}
.news-block-three .quote-icon {
position:relative;
display:block;
top:30rem;
font-weight:400;
font-size:150rem;
line-height:.40em;
color:#19376d;
margin-bottom:10rem
}
.news-block-three .link-icon {
position:relative;
display:block;
font-weight:400;
font-size:40rem;
line-height:1em;
color:#19376d;
margin-bottom:15rem
}
.news-block-three .inner-box h4 {
text-transform:uppercase;
font-size:40rem;
line-height:1.1em;
color:var(--thm-black);
font-weight:400;
margin-bottom:0
}
.news-block-three .inner-box h4 a {
color:var(--thm-black)
}
.news-block-three .inner-box:hover h4 a {
color:#19376d;
text-decoration:underline
}
.news-block-three .inner-box .text {
position:relative;
top:-5rem;
display:block;
font-weight:300;
line-height:1.6em;
letter-spacing:.1em;
margin:0
}
.news-block-three .over-link {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:2
}
.sidebar-page-container .more-box {
position:relative;
padding-top:20rem
}
.call-to-section {
position:relative;
padding:0;
z-index:1
}
.call-to-section .shape-1 {
position:absolute;
right:0;
top:0;
width:340rem;
max-width:100%;
height:100%;
background:url(../image/call-to-shape-1.png) right top no-repeat;
z-index:1
}
.call-to-section .shape-2 {
position:absolute;
right:170rem;
top:0;
width:410rem;
height:54rem;
background:url(../image/call-to-shape-2.png) right top no-repeat;
z-index:0
}
.call-to-section .inner {
position:relative;
display:block;
padding:95rem 95rem 68rem;
background:#19376d;
color:var(--thm-black);
border-radius:7rem;
overflow:hidden;
bottom:-60rem;
margin-top:-60rem
}
.call-to-section h2 {
position:relative;
float:left;
display:block;
font-size:60rem;
line-height:.85em;
text-transform:uppercase;
color:var(--thm-black);
font-weight:500;
margin:0 0 25rem;
z-index:3
}
.call-to-section .link-box {
position:relative;
float:right;
padding-top:12rem;
z-index:3
}
.main-footer {
position:relative;
color:#999b9f;
background:var(--thm-black);
}
.main-footer .widgets-section {
position:relative;
padding:170rem 0 70rem
}
.main-footer.normal-padding .widgets-section {
padding:120rem 0 70rem
}
.main-footer .column {
position:relative;
margin-bottom:35rem
}
.main-footer .footer-widget {
position:relative
}
.main-footer .footer-logo {
position:relative;
margin-top:-10rem;
margin-bottom:20rem
}
.main-footer h6 {
position:relative;
font-size:24rem;
font-weight:500;
color:#fff;
text-transform:uppercase;
letter-spacing:.03em;
margin-bottom:30rem
}
.main-footer .logo-widget {
position:relative
}
.main-footer .logo-widget .logo {
position:relative;
margin-bottom:26rem
}
.main-footer .logo-widget .logo img {
height:34rem
}
.main-footer .logo-widget .text {
position:relative;
display:block;
font-weight:300;
line-height:1.5em;
letter-spacing:.1em;
margin:0 0 30rem
}
.main-footer .links-widget ul li {
position:relative;
margin-bottom:3rem
}
.main-footer .links-widget ul li:last-child {
margin:0
}
.main-footer .links-widget ul li a {
position:relative;
color:#999b9f;
font-size:20rem;
line-height:30rem;
text-transform:capitalize;
letter-spacing:.07em;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.main-footer .links-widget ul li a:before {
content:'';
position:absolute;
left:0;
bottom:0;
width:100%;
border-bottom:2rem solid #19376d;
transform:scaleX(0);
transform-origin:left;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.main-footer .links-widget ul li a:hover:before {
transform:scaleX(1)
}
.main-footer .links-widget ul li a:hover {
color:#fff
}
.main-footer .social-links {
position:relative
}
.main-footer .social-links li {
position:relative;
margin-right:8rem;
display:inline-block
}
.main-footer .social-links li a {
position:relative;
display:block;
color:#999b9f;
font-size:16rem;
width:44rem;
height:44rem;
line-height:44rem;
background:#1c1e22;
text-align:center;
border-radius:50%;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.main-footer .social-links li a span {
vertical-align:middle
}
.main-footer .social-links li a:hover {
color:#fff;
background: #19376d;
background: -moz-linear-gradient(90deg,#19376d 0,#576cbd 100%);
background: -webkit-linear-gradient(90deg,#19376d 0,#576cbd 100%);
background: linear-gradient(90deg,#19376d 0,#576cbd 100%);
}
.main-footer .info-widget ul li {
position:relative;
display:block;
font-weight:300;
line-height:32rem;
letter-spacing:.1em;
padding-left:30rem;
margin-bottom:5rem
}
.main-footer .info-widget ul li.address {
margin-bottom:5rem
}
.main-footer .info-widget ul li .icon {
position:absolute;
left:0;
top:0;
line-height:30rem;
font-size:16rem;
color: #576cbd;
}
.copyright a{
    color: #576cbd;
}
.main-footer .info-widget ul li:last-child {
margin:0
}
.main-footer .info-widget ul li a {
position:relative;
color:#999b9f;
line-height:28rem;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.main-footer .info-widget ul li a:hover {
color:#fff;
text-decoration:underline;
text-decoration-color:#19376d
}
.main-footer .newsletter-widget .text {
position:relative;
display:block;
font-weight:300;
line-height:1.5em;
font-size:18rem;
letter-spacing:.1em;
margin:25rem 0 0
}
.main-footer .newsletter-form {
position:relative
}
.main-footer .newsletter-form form {
position:relative
}
.main-footer .newsletter-form .form-group {
position:relative;
margin:0
}
.main-footer .newsletter-form .form-group input[type="text"],.main-footer .newsletter-form .form-group input[type="tel"],.main-footer .newsletter-form .form-group input[type="email"] {
position:relative;
width:100%;
line-height:30rem;
padding:20rem 60rem 20rem 25rem;
height:70rem;
display:block;
font-size:18rem;
background:#1c1e22;
font-weight:300;
letter-spacing:.07em;
color:#fff;
border-radius:5rem;
border:1rem solid #1c1e22;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease
}
.main-footer .newsletter-form .form-group input[type="text"]:focus,.main-footer .newsletter-form .form-group input[type="email"]:focus,.main-footer .newsletter-form .form-group input[type="tel"]:focus {
border-color:#19376d
}
.newsletter-form .form-group input::-webkit-input-placeholder {
color:#999b9f
}
.newsletter-form .form-group .theme-btn {
position:absolute;
right:12rem;
top:12rem;
width:44rem;
height:44rem;
background:#19376d;
color:var(--thm-black);
border-radius:50%
}
.newsletter-form .form-group .theme-btn span {
vertical-align:middle;
font-size:14rem
}
.newsletter-form .form-group .theme-btn:hover {
background:#fff;
color:#19376d
}
.main-footer .footer-bottom {
position:relative;
text-align:center
}
.main-footer .footer-bottom .inner {
position:relative;
display:block;
padding:35rem 0;
line-height:30rem;
color:#999b9f;
border-top:1rem solid rgba(255,255,255,0.10)
}
.main-footer .footer-bottom .copyright {
position:relative;
font-weight:300;
line-height:1.5em;
font-size:18rem;
letter-spacing:.1em
}
.services-section-two {
position:relative;
padding:120rem 0 0;
background:#fff
}
.services-section-two .sec-title {
margin-bottom:30rem
}
.services-section-two .sec-title .column {
margin-bottom:20rem
}
.services-section-two .sec-title .lower-text {
padding-top:0;
margin-top:0
}
.services-section-two .services {
position:relative;
z-index:2;
margin-bottom:-100rem
}
.service-block-two {
position:relative;
margin-bottom:30rem
}
.service-block-two .inner-box {
position:relative;
display:block;
padding:50rem 45rem 40rem;
background:#fff;
border-radius:7rem;
box-shadow:0 0 10rem 0 rgba(0,0,0,0.05);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.service-block-two .inner-box:before {
content:'';
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
display:block;
border-radius:7rem;
overflow:hidden;
box-shadow:0 0 30rem 0 rgba(0,0,0,0.04);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.service-block-two .inner-box:hover:before {
background:var(--thm-black);
bottom:-10rem
}
.service-block-two .inner-box .bottom-curve {
position:absolute;
right:-70rem;
bottom:-10rem;
width:120rem;
height:120rem;
background:#fff;
opacity:.10;
z-index:0;
transform:skewX(0deg) scaleX(0);
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.service-block-two .inner-box:hover .bottom-curve {
transform:skewX(-45deg) scaleX(1)
}
.service-block-two .inner-box .icon-box {
position:relative;
display:block;
color:#19376d;
font-size:64rem;
line-height:1em;
margin-bottom:20rem;
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.service-block-two .inner-box:hover .icon-box {
color:#19376d
}
.service-block-two .inner-box h5 {
font-size:30rem;
text-transform:uppercase;
color:var(--thm-black);
font-weight:400;
letter-spacing:1rem;
line-height:1.1em;
margin:0
}
.service-block-two .inner-box h5 a {
color:var(--thm-black);
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.service-block-two .inner-box:hover h5,.service-block-two .inner-box:hover h5 a {
color:#fff
}
.service-block-two .inner-box h5 a:hover {
text-decoration:underline
}
.service-block-two .text {
position:relative;
display:block;
font-size:20rem;
line-height:1.7em;
font-weight:300;
letter-spacing:.1em;
color:var(--thm-text);
padding:30rem 0 0;
z-index:1
}
.service-block-two .inner-box:hover .text {
color:#999b9f
}
.service-block-two .link-box {
position:absolute;
right:3rem;
bottom:8rem;
width:30rem;
height:30rem;
z-index:1
}
.service-block-two .link-box a {
position:relative;
line-height:30rem;
font-size:20rem;
color:#fff
}
.featured-section {
position:relative;
padding:200rem 0 90rem;
background:#fff url(../image/pattern-2.png) left top repeat
}
.featured-section .left-col {
position:relative;
margin-bottom:30rem
}
.featured-section .left-col .inner {
position:relative;
display:block;
padding-right:30rem
}
.featured-section .left-col .image-box {
position:relative;
display:block;
border-radius:7rem;
overflow:hidden
}
.featured-section .left-col .image-box:before {
content:'';
position:absolute;
left:-90rem;
bottom:0;
width:180rem;
height:180rem;
background:#19376d;
z-index:1;
transform:skewX(45deg);
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.featured-section .left-col .image-box img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
border-radius:7rem
}
.featured-section .left-col .image-box:hover img {
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%)
}
.featured-section .right-col {
position:relative
}
.featured-section .right-col .inner {
position:relative;
display:block
}
.featured-section .features {
position:relative
}
.featured-section .feature {
position:relative;
margin-bottom:30rem
}
.featured-section .feature .inner-box {
position:relative;
display:block;
padding-left:15rem
}
.featured-section .feature .inner-box:before {
content:'';
position:absolute;
left:0;
top:11rem;
width:5rem;
height:5rem;
background:#19376d;
border-radius:50%
}
.featured-section .feature h6 {
font-size:24rem;
text-transform:uppercase;
left:1rem;
font-weight:400;
margin-bottom:0;
color:var(--thm-black)
}
.featured-section .feature .text {
position:relative;
display:block;
font-size:20rem;
line-height:1.7em;
font-weight:300;
letter-spacing:.1em;
color:var(--thm-text);
padding:10rem 0 0
}
.gallery-section-two {
position:relative;
padding:120rem 0 0
}
.gallery-section-two.alternate {
position:relative;
background:#fff url(../image/pattern-2.png) right top repeat;
padding-bottom:90rem
}
.gallery-section-two .sec-title {
margin-bottom:40rem
}
.project-tab {
position:relative
}
.project-tab .tabs-header {
position:relative;
text-align:center
}
.project-tab .product-tab-btns {
position:relative;
margin-bottom:50rem
}
.project-tab .product-tab-btns .p-tab-btn {
position:relative;
display:inline-block;
vertical-align:top;
font-size:24rem;
line-height:40rem;
padding:0;
cursor:pointer;
color:var(--thm-text);
font-weight:300;
margin:0 20rem 10rem;
text-transform:uppercase;
letter-spacing:1rem;
background:0;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.project-tab .product-tab-btns .p-tab-btn:before {
content:'';
position:absolute;
left:0;
bottom:0;
width:100%;
border-bottom:2rem solid #19376d;
transform:scaleX(0);
transform-origin:left;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.project-tab .product-tab-btns .p-tab-btn sup {
position:absolute;
right:0;
top:3rem;
font-size:16rem;
opacity:0;
visibility:hidden;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.project-tab .product-tab-btns .p-tab-btn.active-btn sup {
opacity:1;
visibility:visible
}
.project-tab .product-tab-btns .p-tab-btn.active-btn:before {
transform:scaleX(1)
}
.project-tab .product-tab-btns .p-tab-btn.active-btn {
color:var(--thm-black);
font-weight:400;
padding-right:20rem
}
.project-tab .p-tabs-content {
position:relative;
display:block;
margin:0 -15rem
}
.project-tab .p-tab {
position:absolute;
left:0;
top:0;
width:100%;
height:auto;
visibility:hidden
}
.project-tab .p-tab.active-tab {
position:relative;
visibility:visible;
z-index:5
}
.p-tab .gallery-item {
position:relative;
opacity:0;
visibility:hidden;
-webkit-transform:scaleX(0);
-ms-transform:scaleX(0);
-moz-transform:scaleX(0);
transform:scaleX(0)
}
.p-tab.active-tab .gallery-item {
opacity:1;
visibility:visible;
-webkit-transform:scaleX(1);
-ms-transform:scaleX(1);
-moz-transform:scaleX(1);
transform:scaleX(1);
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.project-tab .owl-theme .owl-nav {
position:relative;
width:100%;
text-align:center;
padding-top:30rem;
display:none
}
.project-tab .owl-theme .owl-dots {
position:relative;
width:100%;
text-align:center;
padding-top:40rem
}
.project-tab .owl-theme .owl-dots .owl-dot {
position:relative;
display:inline-block;
vertical-align:top;
margin:0 3rem
}
.project-tab .owl-theme .owl-dots .owl-dot span {
position:relative;
display:block;
width:10rem;
height:10rem;
background:#d3d3d4;
border:2rem solid #d3d3d4;
border-radius:50%
}
.project-tab .owl-theme .owl-dots .owl-dot.active span {
background:#fff;
border-color:#19376d
}
.gallery-section-two.alternate .owl-theme .owl-dots {
display:none
}
.why-us-section {
position:relative;
padding:110rem 0 80rem;
background:#fff
}
.why-us-section .left-col {
position:relative;
margin-bottom:40rem
}
.why-us-section .left-col .inner {
position:relative;
display:block
}
.why-us-section .left-col .round-box {
position:relative;
display:block;
border-radius:50%
}
.why-us-section .left-col .image-box {
position:relative;
display:block;
border-radius:50%;
overflow:hidden
}
.why-us-section .left-col .image-box img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
border-radius:50%
}
.why-us-section .left-col .image-box:hover img {
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%)
}
.why-us-section .left-col .image-box:before {
content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:url(../image/shape-1.png) left top no-repeat;
z-index:1
}
.why-us-section .left-col .image-box:after {
content:'';
position:absolute;
left:50rem;
top:-70%;
width:100%;
height:100%;
background:var(--thm-black);
opacity:.20;
border-radius:50%;
z-index:2
}
.why-us-section .left-col .vid-link {
position:absolute;
right:55rem;
bottom:25rem;
width:84rem;
height:84rem;
line-height:84rem;
text-align:center;
font-size:20rem;
color:#fff;
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
z-index:3
}
.why-us-section .left-col .vid-link .icon {
position:relative;
display:block;
width:100rem;
height:100rem;
line-height:100rem;
text-align:center;
font-size:24rem;
color:var(--thm-black);
background:#19376d;
border-radius:50%;
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.why-us-section .left-col .vid-link a:hover .icon {
background:var(--thm-black);
color:#19376d
}
.why-us-section .left-col .vid-link .icon:before {
content:'';
position:absolute;
left:-8rem;
top:-8rem;
right:-8rem;
bottom:-8rem;
border:1rem solid rgba(0,0,0,0.30);
border-radius:50%
}
.why-us-section .left-col .vid-link .ripple,.why-us-section .left-col .vid-link .ripple:before,.why-us-section .left-col .vid-link .ripple:after {
position:absolute;
top:50%;
left:50%;
width:116rem;
height:116rem;
border-radius:50%;
-ms-border-radius:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
-webkit-box-shadow:0 0 0 0 rgba(255,170,23,.6);
-moz-box-shadow:0 0 0 0 rgba(255,170,23,.6);
-ms-box-shadow:0 0 0 0 rgba(255,170,23,.6);
-o-box-shadow:0 0 0 0 rgba(255,170,23,.6);
box-shadow:0 0 0 0 rgba(255,170,23,.6);
-webkit-animation:ripple 3s infinite;
-moz-animation:ripple 3s infinite;
-ms-animation:ripple 3s infinite;
-o-animation:ripple 3s infinite;
animation:ripple 3s infinite
}
.why-us-section .left-col .vid-link .ripple:before {
-webkit-animation-delay:.9s;
-moz-animation-delay:.9s;
-ms-animation-delay:.9s;
-o-animation-delay:.9s;
animation-delay:.9s;
content:"";
position:absolute
}
.why-us-section .left-col .vid-link .ripple:after {
-webkit-animation-delay:.6s;
-moz-animation-delay:.6s;
-ms-animation-delay:.6s;
-o-animation-delay:.6s;
animation-delay:.6s;
content:"";
position:absolute
}
.why-us-section .right-col {
position:relative
}
.why-us-section .right-col .inner {
position:relative;
display:block;
padding-left:50rem
}
.why-us-section .features {
position:relative
}
.why-us-section .feature {
position:relative;
margin-bottom:40rem
}
.why-us-section .feature .inner-box {
position:relative;
display:block;
padding-left:90rem
}
.why-us-section .feature .inner-box:before {
content:'\f131';
font-family:'Flaticon';
position:absolute;
left:0;
top:0;
width:60rem;
height:60rem;
color:#19376d;
font-size:20rem;
line-height:60rem;
text-align:center;
background:#ffeed1;
border-radius:50%;
transition:all 500ms ease
}
.why-us-section .feature:hover .inner-box:before {
background-color:var(--thm-black);
color:#fff
}
.why-us-section .feature h6 {
font-size:24rem;
text-transform:uppercase;
left:1rem;
font-weight:400;
margin-bottom:0
}
.why-us-section .feature .text {
position:relative;
display:block;
font-size:20rem;
line-height:1.7em;
font-weight:300;
letter-spacing:.1em;
color:var(--thm-text);
padding:10rem 0 0
}
.testimonials-section {
position:relative;
padding:120rem 0;
background:#fff url(../image/pattern-2.png) left top repeat;
overflow:hidden
}
.testimonials-page {
padding-bottom:90rem
}
.testimonials-section .sec-title {
margin-bottom:40rem
}
.testimonials-section .carousel-box {
position:relative;
margin:0
}
.testimonials-section .carousel-box .owl-stage-outer {
overflow:visible
}
.testi-block {
position:relative;
margin-bottom:30rem
}
.owl-theme .testi-block {
margin:0
}
.testi-block .inner {
position:relative;
display:block;
padding:60rem 60rem 50rem;
background:#fff;
border-radius:7rem;
box-shadow:0 10rem 30rem 0 rgba(0,0,0,0.04);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.testi-block:hover .inner {
background-color:#19376d
}
.testimonials-page .testi-block .inner {
-webkit-box-shadow:0 0 30rem 0 rgba(0,0,0,0.05);
-ms-box-shadow:0 0 30rem 0 rgba(0,0,0,0.05);
box-shadow:0 0 30rem 0 rgba(0,0,0,0.05)
}
.owl-theme .testi-block .inner {
margin:7rem 0
}
.testi-block .icon {
position:absolute;
right:50rem;
top:60rem;
font-weight:700;
font-size:100rem;
line-height:1em;
color:#19376d;
transition:all 500ms ease
}
.testi-block:hover .icon {
color:var(--thm-black)
}
.testi-block .info {
position:relative;
padding-left:100rem;
padding-top:16rem;
min-height:70rem;
margin-bottom:35rem
}
.testi-block .info .image {
position:absolute;
left:0;
top:0;
width:70rem;
height:70rem;
border-radius:50%;
overflow:hidden
}
.testi-block .info .image img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
filter:grayscale(0%);
border-radius:7rem;
transition:all 500ms ease
}
.testi-block:hover .info .image img {
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
filter:grayscale(0%)
}
.testi-block .info .name {
display:block;
font-size:24rem;
line-height:1.2em;
color:var(--thm-black);
font-weight:400;
text-transform:uppercase;
letter-spacing:.05em
}
.testi-block .info .designation {
display:block;
font-size:16rem;
color:#19376d;
line-height:1.2em;
font-weight:300;
text-transform:uppercase;
letter-spacing:.05em;
transition:all 500ms ease
}
.testi-block:hover .info .designation {
color:var(--thm-black)
}
.testi-block .text {
position:relative;
display:block;
font-size:20rem;
line-height:1.7em;
font-weight:300;
letter-spacing:.1em;
color:var(--thm-text);
transition:all 500ms ease;
padding:0
}
.testi-block:hover .text {
color:var(--thm-black)
}
.testimonials-section .owl-theme .owl-nav {
position:relative;
width:100%;
text-align:center;
padding-top:30rem;
display:none
}
.testimonials-section .owl-theme .owl-dots {
position:absolute;
top:-70rem;
width:1170rem;
left:50%;
margin-left:-585rem;
text-align:right
}
.testimonials-section .owl-theme .owl-dots .owl-dot {
position:relative;
display:inline-block;
vertical-align:top;
margin:0 0 0 6rem
}
.testimonials-section .owl-theme .owl-dots .owl-dot span {
position:relative;
display:block;
width:10rem;
height:10rem;
background:#d3d3d4;
border:2rem solid #d3d3d4;
border-radius:50%
}
.testimonials-section .owl-theme .owl-dots .owl-dot.active span {
background:#fff;
border-color:#19376d
}
.features-section {
position:relative;
padding:120rem 0;
background:#1c1e22;
color:#fff;
z-index:1
}
.features-section .image-layer {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:top center;
background-size:cover;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
opacity:.30;
background-attachment:fixed
}
.features-section .content-box {
position:relative;
max-width:700rem
}
.features-section .content-box h2 {
position:relative;
display:block;
font-size:70rem;
line-height:1em;
text-transform:uppercase;
color:#fff;
letter-spacing:.01em;
font-weight:400;
margin-bottom:45rem
}
.features-section .content-box h2 span {
color:#19376d;
padding-left:3rem
}
.features-section .feature-block {
position:relative;
float:left;
margin-bottom:45rem
}
.features-section .feature-block .inner {
position:relative;
display:block;
padding-right:80rem;
margin-right:80rem
}
.features-section .feature-block .inner:before {
content:'';
position:absolute;
right:0;
top:20rem;
bottom:20rem;
border-right:1rem solid rgba(255,255,255,0.15)
}
.features-section .feature-block:last-child .inner {
padding-right:0;
margin-right:0
}
.features-section .feature-block:last-child .inner:before {
display:none
}
.features-section .feature-block .icon-box {
position:relative;
display:block;
line-height:1em;
color:#fff;
font-size:60rem;
margin:0 0 20rem
}
.features-section .feature-block h6 {
font-size:24rem;
line-height:1.25em;
margin:0;
letter-spacing:.03em;
text-transform:uppercase;
font-weight:400;
color:#fff
}
.get-quote-section {
position:relative;
padding:120rem 0 90rem;
border-bottom:1rem solid #e9ebee
}
.get-quote-section .left-col {
position:relative;
margin-bottom:30rem
}
.get-quote-section .left-col .inner {
position:relative;
display:block;
padding-right:70rem
}
.get-quote-section .featured-block {
position:relative;
display:block;
padding-left:320rem;
min-height:186rem;
margin-bottom:55rem
}
.get-quote-section .featured-block .image {
position:absolute;
left:0;
top:0;
width:270rem
}
.get-quote-section .featured-block .image img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
border-radius:7rem
}
.get-quote-section .featured-block h4 {
font-size:40rem;
font-weight:400;
text-transform:uppercase;
margin-bottom:25rem
}
.get-quote-section .featured-block .text {
position:relative;
display:block;
line-height:1.7em;
letter-spacing:.1em;
margin-bottom:32rem
}
.get-quote-section .counter {
position:relative;
display:block;
padding-top:55rem;
border-top:1rem solid #e9ebee
}
.get-quote-section .counter .counter-text {
position:relative;
float:left
}
.get-quote-section .counter .counter-image {
position:relative;
float:right;
padding-left:55rem
}
.get-quote-section .counter .counter-image:before {
content:'';
position:absolute;
left:0;
top:0;
width:14rem;
height:100%;
background:#19376d;
border-radius:7rem
}
.get-quote-section .counter .counter-image img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
border-radius:7rem
}
.get-quote-section .counter .count-box {
position:relative;
display:block;
font-size:60rem;
text-transform:uppercase;
color:var(--thm-black);
font-weight:400;
line-height:1em;
letter-spacing:.02em
}
.get-quote-section .counter .counter-title {
position:relative;
display:block;
font-size:20rem;
text-transform:uppercase;
color:var(--thm-text);
font-weight:400;
line-height:1.25em;
letter-spacing:.05em
}
.get-quote-section .right-col {
position:relative;
margin-bottom:30rem
}
.get-quote-section .right-col .inner {
position:relative;
display:block
}
.get-quote-section .form-box {
position:relative;
display:block;
text-align:center;
background:#fff;
padding:50rem 45rem 40rem;
margin-top:-180rem;
border-radius:7rem;
border:1rem solid rgba(0,0,0,0.05);
box-shadow:0 0 70rem 0 rgba(0,0,0,0.1);
z-index:5
}
.get-quote-section .form-box h4 {
color:var(--thm-black);
font-size:40rem;
font-weight:400;
text-transform:uppercase;
margin-bottom:25rem
}
.get-quote-section .form-box h4 span {
padding-left:3rem;
color:#19376d
}
.get-quote-section .default-form .form-group {
margin-bottom:10rem
}
.get-quote-section .default-form .theme-btn {
display:block;
width:100%
}
.fluid-section {
position:relative;
padding:0
}
.fluid-section .row {
margin:0
}
.fluid-section .column {
padding:0
}
.fluid-section .column .inner {
position:relative;
display:block;
text-align:center;
min-height:100%;
padding:120rem 20rem;
background:#1c1e22
}
.fluid-section .column:nth-child(2) .inner {
background:#19376d
}
.fluid-section .image-layer {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
opacity:.10
}
.fluid-section .content-box {
position:relative;
max-width:620rem;
margin:0 auto
}
.fluid-section h3 {
position:relative;
display:block;
font-size:60rem;
line-height:1.1em;
text-transform:uppercase;
color:#fff;
font-weight:400;
margin:0;
z-index:3
}
.fluid-section .column:nth-child(2) h3 {
color:var(--thm-black)
}
.fluid-section .link-box {
position:relative;
padding-top:25rem;
z-index:3
}
.call-to-section-two {
position:relative;
padding:120rem 0 90rem;
background-color:#2a2c30;
background-image:url(../image/cta-bg-1-1.png);
color:#fff;
z-index:1
}
.call-to-section-two.alternate {
background:#ffab19;
background-image:url(../image/cta-2-bg-1-1.png)
}
.call-to-section-two .inner {
position:relative;
display:block
}
.call-to-section-two h2 {
position:relative;
float:left;
display:block;
font-size:70rem;
line-height:.85em;
text-transform:uppercase;
color:#fff;
font-weight:400;
margin:0 0 25rem;
z-index:1
}
.call-to-section-two.alternate h2 {
color:var(--thm-black)
}
.call-to-section-two .link-box {
position:relative;
float:right;
padding-top:25rem;
z-index:1
}
.services-section-three {
position:relative;
padding:0 0 90rem;
background:#fff
}
.services-section-three.padd-top {
padding-top:120rem
}
.services-section-three .services {
position:relative
}
.discover-section {
position:relative;
padding:120rem 0 90rem;
background:#fff
}
.discover-block {
position:relative;
margin-bottom:30rem
}
.discover-block .inner-box {
position:relative;
display:block;
padding-left:30rem
}
.discover-block .image-box {
position:relative;
display:block;
overflow:hidden
}
.discover-block .image-box img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
border-radius:7rem
}
.discover-block .image-box:hover img {
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%)
}
.discover-block .cap-box {
position:absolute;
left:0;
bottom:0;
display:block;
width:100%;
max-width:330rem
}
.discover-block .cap-inner {
position:relative;
display:block;
padding:40rem 80rem 36rem 40rem;
background:#19376d;
border-radius:7rem
}
.discover-block .cap-inner h5 {
font-size:30rem;
text-transform:uppercase;
font-weight:400;
color:var(--thm-black);
line-height:1em;
margin:0
}
.discover-block .cap-inner .more-link {
position:absolute;
right:20rem;
bottom:20rem;
width:50rem;
height:50rem
}
.discover-block .cap-inner .more-link a {
position:relative;
display:block;
width:50rem;
height:50rem;
font-size:16rem;
background:var(--thm-black);
color:#fff;
line-height:50rem;
border-radius:50%;
text-align:center
}
.discover-block .cap-inner .more-link a:hover {
opacity:.50
}
.features-section-two {
position:relative;
padding:0;
background:#fff
}
.features-section-two .content-container {
position:relative;
display:block;
padding:120rem 0 90rem
}
.features-section-two .content-container:before {
content:'';
position:absolute;
right:0;
top:0;
bottom:0;
left:-2000rem;
background:#fff url(../image/pattern-2.png) right top repeat;
border-radius:0 7rem 7rem 0
}
.features-section-two .left-col {
position:relative;
/* margin-bottom:30rem */
}
.features-section-two .left-col .inner {
position:relative;
display:block;
padding-right:40rem
}
.features-section-two .sec-title {
margin-bottom:40rem
}
.features-section-two .features {
position:relative
}
.features-section-two .feature {
position:relative;
display:block;
padding:0 0 40rem;
margin-bottom:47rem;
padding-left:90rem;
min-height:100rem;
border-bottom:1rem solid #e9ebee
}
.features-section-two .feature:last-child {
margin-bottom:0;
padding-bottom:0;
border-bottom:0
}
.features-section-two .feature .count {
position:absolute;
left:0;
top:0;
width:60rem;
height:60rem;
text-align:center;
background:#19376d;
padding:10rem;
line-height:40rem;
font-size:30rem;
letter-spacing:1rem;
color:var(--thm-black);
text-transform:uppercase;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
line-height:1em;
transition:.5s
}
.features-section-two .feature:hover .count {
background-color:var(--thm-black);
color:#fff
}
.features-section-two .feature .count span {
line-height:1em;
position:relative;
top:2rem
}
.features-section-two .feature h5 {
font-weight:400;
font-size:24rem;
margin:0;
line-height:1.2em;
text-transform:uppercase;
margin-bottom:15rem
}
.features-section-two .feature .sub-text {
display:block;
position:relative;
top:0;
display:block;
line-height:1.7em;
letter-spacing:.1em
}
.features-section-two .right-col {
position:relative;
/* margin-bottom:30rem */
}
.features-section-two .right-col .inner {
position:relative;
display:block
}
.features-section-two .right-col .image-box {
position:relative;
display:block
}
.features-section-two .right-col .image-box img {
position:relative;
display:block;
width:auto;
max-width:none;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
border-radius:7rem
}
.features-section-two .right-col .image-box:hover img {
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%)
}
.features-section-two .right-col .cap-box {
position:absolute;
left:0;
bottom:0;
display:block;
width:100%;
max-width:350rem
}
.features-section-two .right-col .cap-inner {
position:relative;
display:block;
padding:40rem 60rem;
background:#19376d;
border-radius:7rem
}
.features-section-two .right-col .cap-inner h5 {
font-size:30rem;
text-transform:uppercase;
font-weight:400;
color:var(--thm-black);
line-height:1em;
margin:0
}
.we-work-section {
position:relative;
padding:120rem 0 80rem
}
.work-tabs {
position:relative
}
.work-tabs .tab-buttons {
position:relative;
display:block;
background:#f4f5f8;
border-radius:7rem;
text-align:center;
margin-bottom:50rem;
overflow:hidden
}
.work-tabs .tab-buttons .tab-btn {
position:relative;
float:left;
width:33.333%;
line-height:40rem;
font-size:30rem;
font-weight:400;
letter-spacing:.01em;
color:var(--thm-black);
padding:30rem 15rem;
text-transform:uppercase;
margin:0;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.work-tabs .tab-buttons .tab-btn span {
position:relative;
display:block;
z-index:1
}
.work-tabs .tab-buttons .tab-btn:before {
content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:0;
background:var(--thm-black);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.work-tabs .tab-buttons .tab-btn.active-btn:before {
height:100%
}
.work-tabs .tab-buttons .tab-btn.active-btn {
color:#fff
}
.work-tabs .tabs-content {
position:relative
}
.work-tabs .image-col {
position:relative;
margin-bottom:30rem
}
.work-tabs .image-col .inner {
position:relative;
display:block;
opacity:0;
visibility:hidden;
-ms-transform:translateY(50rem);
transform:translateY(50rem);
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}
.work-tabs .tabs-content .image {
position:relative;
display:block;
border-radius:7rem
}
.work-tabs .tabs-content .image img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
border-radius:7rem
}
.work-tabs .text-col {
position:relative;
margin-bottom:30rem
}
.work-tabs .text-col .inner {
position:relative;
display:block;
padding-left:30rem;
opacity:0;
visibility:hidden;
-ms-transform:translateY(50rem);
transform:translateY(50rem);
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}
.work-tabs .active-tab .text-col .inner,.work-tabs .active-tab .image-col .inner {
opacity:1;
visibility:visible;
-ms-transform:translateY(0rem);
transform:translateY(0rem)
}
.work-tabs .tabs-content .text {
position:relative;
font-size:20rem;
font-weight:300;
line-height:1.7em;
letter-spacing:.1em
}
.work-tabs .tabs-content .text p {
position:relative;
font-size:20rem;
font-weight:300;
line-height:1.7em;
letter-spacing:2rem;
margin-bottom:30rem
}
.work-tabs .tabs-content .text ul {
position:relative
}
.work-tabs .tabs-content .text ul li {
position:relative;
line-height:1.7em;
margin-bottom:8rem;
padding-left:30rem;
font-weight:300
}
.work-tabs .tabs-content .text ul li:before {
content:"\f131";
font-family:'Flaticon';
position:absolute;
left:0;
top:-1rem;
color:#19376d;
font-weight:400;
font-size:18rem
}
.testimonials-section-two {
position:relative;
padding:120rem 0;
background:#1c1e22;
color:#fff;
z-index:1
}
.testimonials-section-two .image-layer {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-attachment:fixed;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
opacity:.30
}
.testimonials-section-two .carousel-box {
position:relative;
padding-right:200rem
}
.testi-block-two {
position:relative
}
.testi-block-two .inner {
position:relative;
display:block
}
.testi-block-two .icon {
position:relative;
top:35rem;
display:block;
font-weight:400;
font-size:200rem;
line-height:.70em;
color:#fff;
margin-bottom:0
}
.testi-block-two .info {
position:relative;
margin-top:50rem
}
.testi-block-two .info .name {
display:block;
font-size:24rem;
line-height:1.2em;
color:#fff;
font-weight:400;
text-transform:uppercase;
letter-spacing:.05em
}
.testi-block-two .text {
position:relative;
display:block;
font-size:34rem;
line-height:1.25em;
font-weight:400;
letter-spacing:.1em;
color:#fff;
padding:0
}
.testimonials-section-two .owl-theme .owl-dots {
display:none
}
.testimonials-section-two .owl-theme .owl-nav {
position:absolute;
right:-170rem;
top:50%;
margin-top:-50rem;
height:110rem;
text-align:right
}
.testimonials-section-two .owl-theme .owl-nav .owl-next,.testimonials-section-two .owl-theme .owl-nav .owl-prev {
position:absolute;
top:0;
right:0;
width:50rem;
height:50rem;
background:#fff!important;
color:var(--thm-black);
padding:0;
margin:0;
line-height:50rem;
text-align:center;
opacity:.20;
border-radius:50%;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.testimonials-section-two .owl-theme .owl-nav .owl-next {
top:auto;
bottom:0
}
.testimonials-section-two .owl-theme .owl-nav .owl-next span,.testimonials-section-two .owl-theme .owl-nav .owl-prev span {
vertical-align:middle
}
.testimonials-section-two .owl-theme .owl-nav .owl-next:hover,.testimonials-section-two .owl-theme .owl-nav .owl-prev:hover {
opacity:1
}
.about-section-two {
position:relative;
padding:120rem 0 90rem
}
.about-section-two .left-col {
position:relative
}
.about-section-two .left-col .inner {
position:relative;
display:block;
padding-right:50rem
}
.about-section-two .counter {
position:relative;
display:block
}
.about-section-two .right-col {
position:relative;
margin-bottom:30rem
}
.about-section-two .right-col .inner {
position:relative;
display:block;
padding-left:30rem
}
.about-section-two .image-box {
position:relative;
display:block;
margin-top:-240rem;
z-index:5
}
.about-section-two .image-box .image {
position:relative;
display:block
}
.about-section-two .image-box .image img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
border-radius:7rem
}
.about-section-two .image-box .since {
position:absolute;
right:50rem;
bottom:50rem
}
.about-section-two .image-box .since:before {
content:'';
position:absolute;
left:-42rem;
top:4rem;
bottom:4rem;
border-left:2rem solid #19376d
}
.about-section-two .image-box .since .txt {
position:relative;
display:block;
padding:21rem 5rem;
width:90rem;
height:90rem;
line-height:24rem;
text-align:center;
background:#fff;
text-transform:uppercase;
color:var(--thm-black);
border-radius:50%
}
.counter-block {
position:relative;
margin-bottom:30rem
}
.counter-block .inner-box {
position:relative;
padding-left:160rem;
min-height:140rem;
padding-top:42rem
}
.counter-block .graph-outer {
position:absolute;
left:0;
top:0;
width:140rem;
height:140rem;
display:block;
text-align:center
}
.counter-block .graph-outer:before {
content:'';
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
border:3rem solid #e9ebee;
border-radius:50%
}
.counter-block .graph-outer canvas {
position:relative
}
.counter-block .graph-outer .count-box {
position:absolute;
left:0;
top:50%;
width:100%;
font-size:30rem;
color:var(--thm-black);
font-weight:400;
line-height:60rem;
text-transform:uppercase;
letter-spacing:.05em;
margin-top:-30rem
}
.counter-block .graph-outer .count-box .sign {
font-size:20rem
}
.counter-block input {
opacity:0;
visibility:hidden;
position:absolute;
left:0;
top:0
}
.counter-block h4 {
position:relative;
line-height:1.1em;
font-size:24rem;
color:var(--thm-black);
font-weight:400;
text-transform:uppercase;
letter-spacing:.05em;
margin:0
}
.get-quote-two {
position:relative;
padding:120rem 0 210rem;
background-color:var(--thm-black);
background-image:url(../image/pattern-1.png);
background-size:cover;
color:#999b9f
}
.get-quote-two .sec-title {
margin-bottom:35rem
}
.get-quote-two .sec-title h2 {
color:#fff
}
.get-quote-two .left-col {
position:relative;
margin-bottom:30rem
}
.get-quote-two .left-col .inner {
position:relative;
display:block;
max-width:480rem
}
.get-quote-two .left-col .text {
position:relative;
display:block;
color:#999b9f;
line-height:1.7em;
letter-spacing:.1em;
margin-bottom:35rem
}
.get-quote-two .info {
position:relative;
display:block
}
.get-quote-two .form-box form .form-group input,.get-quote-two .form-box form .form-group select,.get-quote-two .form-box form .form-group textarea,.get-quote-two .form-group .ui-selectmenu-button.ui-button {
background-color:#fff;
border-color:#fff
}
.get-quote-two .info ul li {
position:relative;
display:block;
font-weight:300;
line-height:28rem;
min-height:60rem;
letter-spacing:.1em;
padding-left:85rem;
padding-top:5rem;
margin-bottom:20rem
}
.get-quote-two .info ul li strong {
display:block;
color:#fff;
font-size:16rem;
font-weight:400;
text-transform:uppercase
}
.get-quote-two .info ul li .icon {
position:absolute;
left:0;
top:0;
line-height:30rem;
padding:15rem 10rem;
width:60rem;
height:60rem;
text-align:center;
background-color:#19376d;
border-radius:50%;
font-size:16rem;
color:var(--thm-black)
}
.get-quote-two .info ul li:last-child {
margin:0
}
.get-quote-two .info ul li a {
position:relative;
color:#999b9f;
line-height:28rem;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.get-quote-two .info ul li a:hover {
color:#fff;
text-decoration:underline;
text-decoration-color:#19376d
}
.get-quote-two .right-col {
position:relative;
margin-bottom:10rem
}
.get-quote-two .right-col .inner {
position:relative;
display:block
}
.get-quote-two .form-box {
position:relative;
display:block
}
.get-quote-two .form-box form .row {
margin:0 -10rem
}
.get-quote-two .form-box form .form-group {
padding:0 10rem;
margin-bottom:20rem
}
.map-section {
position:relative;
padding:0 0 120rem
}
.map-section .map-container {
position:relative;
display:block;
width:100%;
margin-top:-120rem;
border-radius:7rem;
overflow:hidden;
z-index:3
}
.map-canvas,.map-iframe {
position:relative;
display:block;
width:100%;
height:450rem
}
.map-data {
font-family:var(--thm-font);
text-align:center;
font-size:20rem;
color:#222;
font-weight:300;
letter-spacing:.05em;
line-height:1.7em
}
.map-data h6 {
font-family:var(--thm-font);
font-size:24rem;
font-weight:400;
text-align:center;
margin-bottom:10rem;
line-height:1em;
color:#222;
text-transform:uppercase;
letter-spacing:.05em
}
.sponsors-section-two {
position:relative;
padding:120rem 0 90rem;
background:#fff;
border-top:1rem solid #e9ebee
}
.sponsors-section-two .title-col {
position:relative;
margin-bottom:30rem
}
.sponsors-section-two .sec-title {
margin-bottom:0
}
.sponsors-section-two .logo-col {
position:relative
}
.sponsors-section-two .logo-block {
position:relative;
margin-bottom:30rem
}
.sponsors-section-two .image-box img {
max-width:100%;
width:auto;
display:inline-block;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
opacity:.20
}
.sponsors-section-two .image-box img:hover {
opacity:1
}
.page-banner {
position:relative;
padding:0;
color:#fff;
background:var(--thm-black);
background-position:center top;
background-repeat:no-repeat;
background-size:cover
}
.page-banner .image-layer {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:.40;
z-index:0;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(100%)
}
.page-banner .shape-1 {
position:absolute;
right:0;
top:0;
width:250rem;
max-width:100%;
height:100%;
background:url(../image/b-shape-1.png) right bottom no-repeat;
z-index:1
}
.page-banner .shape-2 {
position:absolute;
right:0;
top:0;
width:250rem;
max-width:100%;
height:100%;
background:url(../image/b-shape-2.png) right top no-repeat;
z-index:1
}
.page-banner .banner-inner {
position:relative;
display:block;
text-align:center;
z-index:3
}
.page-banner .inner-container {
position:relative;
padding:200rem 0 200rem
}
.page-banner h1 {
position:relative;
font-size:50rem;
color:#fff;
line-height:.9em;
font-weight:600;
letter-spacing:1rem;
text-transform:uppercase;
margin:0
}
.page-banner .page-nav {
position:relative;
padding-top:5rem;
text-align:center
}
.page-banner .bread-crumb {
position:relative;
display:inline-block
}
.page-banner .bread-crumb li {
position:relative;
float:left;
font-size:20rem;
line-height:30rem;
color:#ccd6df;
font-weight:400;
text-transform:uppercase;
letter-spacing:1rem;
cursor:default;
padding-right:15rem;
margin-right:15rem
}
.page-banner .bread-crumb li:before {
position:absolute;
right:-15rem;
width:30rem;
text-align:center;
font-size:20rem;
line-height:30rem;
font-weight:400;
content:"-"
}
.page-banner .bread-crumb li:last-child {
padding-right:0;
margin-right:0
}
.page-banner .bread-crumb li:last-child:before {
display:none
}
.page-banner .bread-crumb li a {
color:#fff;
font-weight:400;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.page-banner .bread-crumb li a:hover,.page-banner .bread-crumb li.active {
color:#19376d
}
.faqs-section {
position:relative;
padding:120rem 0 100rem;
background:#fff url(../image/pattern-2.png) left top repeat;
overflow:hidden
}
.faqs-section .faq-block {
position:relative;
margin-bottom:20rem
}
.get-quote-three {
position:relative;
padding:120rem 0 100rem;
background:#fff
}
.get-quote-three .sec-title {
margin-bottom:40rem
}
.get-quote-three .form-box {
position:relative;
display:block;
max-width:770rem;
margin:0 auto;
text-align:center
}
.get-quote-three .form-box form .row {
margin:0 -10rem
}
.get-quote-three .form-box form .form-group {
padding:0 10rem;
margin-bottom:20rem
}
.error-section {
position:relative;
background:#fff;
padding:120rem 0
}
.error-section .content {
position:relative;
max-width:700rem;
text-align:center;
margin:0 auto
}
.error-section .big-text {
position:relative;
line-height:.7em;
font-size:340rem;
color:#19376d;
font-weight:400;
letter-spacing:15rem;
line-height:1em
}
.error-section .big-text .front {
position:relative;
display:block;
width:100%;
text-align:center
}
.error-section .big-text .back {
position:absolute;
padding-left:20rem;
left:0;
top:0;
display:block;
width:100%;
text-align:center;
color:rgba(255,170,23,0.10)
}
.error-section h2 {
font-weight:400;
color:var(--thm-black);
line-height:1em;
margin-bottom:0;
text-transform:uppercase;
letter-spacing:.005em
}
.error-section .text {
position:relative;
display:block;
font-weight:300;
line-height:1.5em;
letter-spacing:.1em
}
.error-section .link-box {
position:relative;
padding-top:20rem
}
.error-section .link-box .theme-btn {
position:relative;
min-width:200rem
}
.error-form {
position:relative;
max-width:520rem;
margin:50rem auto 0
}
.error-form form {
position:relative
}
.error-form .form-group {
position:relative;
margin:0
}
.error-form .form-group input[type="text"],.error-form .form-group input[type="search"],.error-form .form-group input[type="email"] {
position:relative;
width:100%;
line-height:30rem;
padding:20rem 60rem 20rem 30rem;
height:70rem;
display:block;
font-size:20rem;
background:#f4f5f8;
font-weight:300;
letter-spacing:.07em;
color:var(--thm-text);
border-radius:7rem;
border:1rem solid #f4f5f8;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease
}
.error-form .form-group input[type="text"]:focus,.error-form .form-group input[type="email"]:focus,.error-form .form-group input[type="search"]:focus {
border-color:#19376d
}
.error-form .form-group input::-webkit-input-placeholder {
color:#575757
}
.error-form .form-group .theme-btn {
position:absolute;
right:25rem;
top:15rem;
width:40rem;
height:40rem;
line-height:40rem;
font-size:20rem;
background:0;
color:var(--thm-text)
}
.error-form .form-group .theme-btn span {
vertical-align:middle
}
.contact-section {
position:relative;
padding:120rem 0 100rem;
background:#fff
}
.contact-section .map-box {
position:relative;
display:block;
margin:0 0 120rem;
border-radius:7rem;
overflow:hidden
}
.contact-section .form-box {
position:relative;
display:block;
/* max-width:770rem; */
margin:0 auto;
text-align:center
}
.contact-section .form-box form .row {
margin:0 -10rem
}
.contact-section .form-box form .form-group {
padding:0 10rem;
margin-bottom:20rem
}
.contact-section .upper-info {
position:relative;
margin-bottom:0rem
}
.contact-section .info-block {
position:relative;
margin-bottom:30rem
}
.contact-section .info-block .inner-box {
position:relative;
display:block;
height:100%;
min-height:100%;
padding:45rem 45rem 40rem;
background:#fff;
border-radius:7rem;
box-shadow:0 0 10rem 0 rgba(0,0,0,0.05);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}
.contact-section .info-block .inner-box:hover {
background:#19376d;
background: -moz-linear-gradient(90deg,#19376d 0,#576cbd 100%);
background: -webkit-linear-gradient(90deg,#19376d 0,#576cbd 100%);
background: linear-gradient(90deg,#19376d 0,#576cbd 100%);
}

.contact-section .info-block .inner-box h5 {
font-size:24rem;
text-transform:uppercase;
color:var(--thm-black);
font-weight:400;
letter-spacing:1rem;
line-height:1.1em;
margin:0
}
.contact-section .info-block .inner-box h5 a {
color:var(--thm-black);
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.contact-section .info-block .inner-box:hover h5,.contact-section .info-block .inner-box:hover h5 a {
color:#fff
}
.contact-section .info-block .inner-box .text {
position:relative;
display:block;
font-size:20rem;
line-height:1.7em;
font-weight:300;
letter-spacing:.1em;
color:var(--thm-text);
padding:30rem 0 0;
z-index:1
}
.contact-section .info-block .inner-box .text a {
position:relative;
color:var(--thm-text)
}
.contact-section .info-block .inner-box:hover .text,.contact-section .info-block .inner-box:hover .text a {
color:#fff
}
.contact-section .info-block .inner-box:hover h5 a:hover,.contact-section .info-block .inner-box:hover .text a:hover {
text-decoration:underline;
color:#fff
}
.sidebar-page-container {
position:relative;
padding:120rem 0 90rem
}
.sidebar-page-container .content-side {
position:relative;
margin-bottom:30rem;
z-index:1
}
.sidebar-page-container .sidebar-side {
position:relative;
margin-bottom:30rem
}
.sidebar-page-container .sidebar {
position:relative
}
.sidebar .sidebar-widget {
position:relative;
display:block;
margin-bottom:30rem
}
.sidebar .sidebar-widget:last-child {
margin-bottom:0
}
.sidebar .sidebar-widget .widget-inner {
position:relative;
display:block;
padding:45rem 45rem;
background:#f4f5f8;
border-radius:7rem
}
.sidebar-title {
position:relative;
margin-bottom:20rem
}
.sidebar-title h4 {
position:relative;
display:inline-block;
font-size:24rem;
line-height:1.1em;
color:var(--thm-black);
font-weight:400;
text-transform:uppercase;
letter-spacing:.01em;
margin-bottom:0
}
.sidebar .services ul {
position:relative
}
.sidebar .services ul li {
position:relative;
line-height:48rem;
font-size:20rem;
letter-spacing:1rem;
text-transform:capitalize;
color:var(--thm-text);
font-weight:300;
margin-bottom:5rem
}
.sidebar .services ul li:before {
content:'';
position:absolute;
left:-20rem;
top:0;
right:-20rem;
bottom:0;
background:#fff;
border-radius:7rem;
opacity:0;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.sidebar .services ul li:after {
content:'';
position:absolute;
left:-20rem;
top:50%;
margin-top:-12rem;
height:24rem;
border-left:2rem solid #19376d;
opacity:0;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.sidebar .services ul li:last-child {
margin-bottom:0
}
.sidebar .services ul li a {
position:relative;
display:block;
line-height:48rem;
font-size:20rem;
letter-spacing:1rem;
text-transform:capitalize;
color:var(--thm-text);
font-weight:300;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
z-index:1
}
.sidebar .services ul li:hover a,.sidebar .services ul li.active a {
color:var(--thm-black)
}
.sidebar .services ul li:hover:before,.sidebar .services ul li.active:before,.sidebar .services ul li:hover:after,.sidebar .services ul li.active:after {
opacity:1
}
.sidebar .services ul li a:after {
position:absolute;
right:0;
top:-1rem;
font-family:'Flaticon';
content:"\f15f";
opacity:1;
font-size:10rem;
line-height:48rem;
font-weight:700;
z-index:1
}
.sidebar .services ul li a:hover:before,.sidebar .services ul li.active a:before {
opacity:1;
transform:scaleX(1);
-webkit-transition:all .3s ease .1s;
-moz-transition:all .3s ease .1s;
-ms-transition:all .3s ease .1s;
-o-transition:all .3s ease .1s;
transition:all .3s ease .1s
}
.sidebar .call-up .widget-inner {
background:var(--thm-black);
color:#999b9f
}
.sidebar .call-up .sidebar-title h4 {
color:#fff
}
.sidebar .call-up .text {
position:relative;
display:block;
font-weight:300;
line-height:1.5em;
font-size:20rem;
letter-spacing:.1em
}
.sidebar .call-up .phone {
position:relative;
margin-top:20rem;
color:#fff;
font-size:30rem;
line-height:40rem;
text-transform:uppercase;
letter-spacing:1rem;
font-weight:300
}
.sidebar .call-up .phone .icon {
position:relative;
display:inline-block;
vertical-align:middle;
color:#19376d;
font-size:20rem;
padding-right:15rem
}
.sidebar .call-up .phone a {
position:relative;
color:#fff
}
.sidebar .call-up .phone a:hover {
text-decoration:underline
}
.sidebar .search-box .widget-inner {
padding:0;
background:0
}
.sidebar .search-box .form-group {
position:relative;
margin:0
}
.sidebar .search-box .form-group input[type="text"],.sidebar .search-box .form-group input[type="search"] {
position:relative;
line-height:40rem;
padding:19rem 80rem 19rem 35rem;
background:#19376d;
color:var(--thm-black);
display:block;
font-size:24rem;
font-weight:300;
letter-spacing:1rem;
width:100%;
height:80rem;
border:1rem solid #19376d;
border-radius:7rem;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}
.sidebar .search-box .form-group input:focus {
border-color:var(--thm-black)
}
.sidebar .search-box .form-group button {
position:absolute;
right:20rem;
top:0;
height:80rem;
width:60rem;
line-height:80rem;
display:block;
font-size:24rem;
color:#848484;
background:0;
font-weight:normal
}
.sidebar .search-box .form-group input:focus+button,.sidebar .search-box .form-group button:hover {
color:#181b1f
}
.sidebar .recent-posts .post {
position:relative;
font-size:20rem;
color:var(--thm-text);
padding:7rem 0 0 85rem;
min-height:62rem;
margin-bottom:30rem
}
.sidebar .recent-posts .post:last-child {
margin-bottom:0
}
.sidebar .recent-posts .post-thumb {
position:absolute;
left:0;
top:0;
width:62rem;
height:62rem;
border-radius:50%
}
.sidebar .recent-posts .post-thumb img {
position:relative;
display:block;
width:100%;
border-radius:50%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
transition:all .4s ease;
-moz-transition:all .4s ease;
-webkit-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease
}
.sidebar .recent-posts .post:hover .post-thumb img {
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%)
}
.sidebar .recent-posts .text {
font-size:20rem;
line-height:1.3em;
color:var(--thm-text);
font-weight:300;
text-transform:capitalize;
margin:0;
letter-spacing:.07em;
max-width:170rem
}
.sidebar .recent-posts .text a {
color:var(--thm-text)
}
.sidebar .recent-posts .text a:hover {
color:var(--thm-black)
}
.sidebar .popular-tags .tags-list {
padding-right:20rem
}
.sidebar .popular-tags .tags-list li,.sidebar .popular-tags .tags-list a {
position:relative;
color:var(--thm-text);
display:inline-block;
vertical-align:top;
letter-spacing:.09em;
line-height:1.45em;
word-spacing:3rem
}
.sidebar .popular-tags .tags-list a {
position:relative;
display:inline-block;
line-height:1.45em;
text-align:center;
font-size:20rem;
font-weight:300;
color:var(--thm-text);
letter-spacing:.09em;
text-transform:capitalize;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease
}
.sidebar .popular-tags .tags-list a:hover {
color:var(--thm-black)
}
.sidebar .archives ul {
position:relative
}
.sidebar .archives ul li {
position:relative;
line-height:30rem;
font-size:20rem;
letter-spacing:1rem;
text-transform:capitalize;
color:var(--thm-text);
font-weight:300;
margin-bottom:15rem
}
.sidebar .archives ul li:last-child {
margin-bottom:0
}
.sidebar .archives ul li a {
position:relative;
display:block;
line-height:30rem;
font-size:20rem;
letter-spacing:1rem;
text-transform:capitalize;
color:var(--thm-text);
font-weight:300;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
z-index:1
}
.sidebar .archives ul li:hover a,.sidebar .archives ul li.active a {
color:var(--thm-black);
font-weight:400
}
.sidebar .archives ul li a:after {
position:absolute;
right:0;
top:-1rem;
font-family:'Flaticon';
content:"\f15f";
opacity:1;
font-size:10rem;
line-height:30rem;
font-weight:700;
z-index:1
}
.sidebar .recent-comments .comment {
position:relative;
font-size:20rem;
color:var(--thm-text);
padding:0 0 0 70rem;
min-height:48rem;
margin-bottom:30rem
}
.sidebar .recent-comments .comment:last-child {
margin-bottom:0
}
.sidebar .recent-comments .comment .icon {
position:absolute;
left:0;
top:0;
width:48rem;
height:48rem;
font-size:18rem;
line-height:48rem;
background-color:var(--thm-black);
color:#fff;
text-align:center;
border-radius:50%;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.sidebar .recent-comments .comment:hover .icon {
background:#19376d
}
.sidebar .recent-comments .comment .text {
font-size:20rem;
line-height:24rem;
color:var(--thm-text);
font-weight:300;
letter-spacing:.07em;
text-transform:capitalize;
margin:0
}
.sidebar .recent-comments .comment .text a {
color:var(--thm-text)
}
.sidebar .recent-comments .comment .text a:hover {
color:var(--thm-black)
}
.post-details {
position:relative;
margin-bottom:30rem
}
.post-details .inner-box {
position:relative;
display:block
}
.post-details .image-box {
position:relative;
display:block;
overflow:hidden
}
.post-details .image-box img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
border-radius:7rem
}
.post-details .inner-box:hover .image-box img {
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%)
}
.post-details .lower-box {
position:relative;
padding:30rem 0 0
}
.post-details .post-meta {
position:relative;
display:block
}
.post-details .post-meta ul {
position:relative;
display:block
}
.post-details .post-meta ul li {
position:relative;
display:inline-block;
vertical-align:middle;
margin:0 20rem 5rem 0;
font-size:16rem;
letter-spacing:.07em;
text-transform:uppercase
}
.post-details .post-meta ul li .far,.post-details .post-meta ul li .fa {
position:relative;
top:-2rem;
color:#19376d;
font-size:14rem;
padding-right:3rem;
vertical-align:middle
}
.post-details .lower-box h4 {
text-transform:uppercase;
font-size:40rem;
line-height:1.1em;
color:var(--thm-black);
margin-bottom:30rem
}
.post-details .lower-box h4 a {
color:var(--thm-black)
}
.post-details .lower-box h4 a:hover {
color:#19376d;
text-decoration:underline
}
.post-details .lower-box .text {
position:relative;
display:block;
font-weight:300;
line-height:1.6em;
letter-spacing:.1em
}
.post-details .lower-box .text p {
position:relative;
line-height:1.6em;
margin-bottom:35rem
}
.post-details .info-row {
position:relative;
display:block;
padding:28rem 0 0;
border-top:1rem solid #e9ebee;
font-size:20rem;
line-height:30rem;
font-weight:300;
letter-spacing:.05em
}
.post-details .info-row strong {
font-size:24rem;
text-transform:uppercase;
font-weight:400
}
.post-details .info-row a {
color:var(--thm-text)
}
.post-details .info-row a:hover {
text-decoration:underline
}
.post-details .info-row .tags-info {
position:relative;
float:left
}
.post-details .info-row .cat-info {
position:relative;
float:right
}
.sidebar-page-container .post-control-two {
position:relative;
margin-bottom:20rem
}
.sidebar-page-container .post-control-two .control-col {
position:relative;
margin-bottom:30rem
}
.sidebar-page-container .post-control-two .control-inner {
position:relative;
display:block;
padding:55rem 50rem;
background:#f4f5f8;
height:100%;
min-height:100%;
border-radius:7rem;
transition:all .4s ease;
-moz-transition:all .4s ease;
-webkit-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease
}
.sidebar-page-container .post-control-two .control-inner:hover {
background:#19376d
}
.sidebar-page-container .post-control-two .over-link {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:2
}
.sidebar-page-container .post-control-two .control-inner h4 {
position:relative;
font-weight:400;
text-transform:uppercase;
font-size:30rem;
line-height:1.1em;
color:var(--thm-black);
margin-bottom:0
}
.sidebar-page-container .post-control-two .control-inner h4 a {
color:var(--thm-black)
}
.comments-title {
position:relative;
margin-bottom:40rem
}
.comments-title h3 {
font-size:36rem;
font-weight:400;
text-transform:uppercase;
letter-spacing:.02em;
color:var(--thm-black);
margin:0
}
.comments-area {
position:relative;
margin-bottom:70rem
}
.comments-area .comment-box {
position:relative;
margin-bottom:60rem;
padding-bottom:60rem;
border-bottom:1rem solid #e9ebee
}
.comments-area .comment {
position:relative;
min-height:90rem;
padding-left:130rem
}
.comments-area .comment-box .author-thumb {
position:absolute;
left:0;
top:0;
width:90rem;
height:90rem;
border-radius:50%;
margin-bottom:20rem;
overflow:hidden
}
.comments-area .comment-box .author-thumb img {
width:90rem;
height:90rem;
display:block;
border-radius:50%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(100%)
}
.comments-area .comment-box .info {
position:relative;
margin-bottom:25rem;
line-height:24rem
}
.comments-area .comment-box .info .name {
position:relative;
display:block;
font-size:24rem;
line-height:30rem;
font-weight:400;
letter-spacing:.02em;
color:var(--thm-black);
text-transform:uppercase
}
.comments-area .comment-box .info .date {
position:relative;
display:inline-block;
font-size:20rem;
line-height:24rem;
letter-spacing:.1em;
font-weight:300;
color:#19376d
}
.comments-area .comment-box .text {
position:relative;
display:block;
color:var(--thm-text);
font-weight:300;
line-height:1.5em;
letter-spacing:.1em;
margin-bottom:30rem
}
.comments-area .comment-box .reply-btn {
position:relative;
display:block
}
.comments-area .comment-box .theme-btn .btn-title {
padding:6rem 30rem 4rem;
line-height:30rem
}
.leave-comments {
position:relative
}
.leave-comments form .row {
margin:0 -10rem
}
.leave-comments form .form-group {
padding:0 10rem;
margin-bottom:20rem
}
.leave-comments form .form-group:last-child {
margin-bottom:0
}
.service-details {
position:relative
}
.service-details .image {
position:relative;
display:block;
overflow:hidden
}
.service-details .image img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
border-radius:7rem;
transition:all .4s ease;
-moz-transition:all .4s ease;
-webkit-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease
}
.service-details .image:hover img {
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%)
}
.service-details .main-image {
margin-bottom:35rem
}
.service-details h3 {
font-size:50rem;
letter-spacing:1rem;
text-transform:uppercase;
font-weight:400;
line-height:1.1em;
margin-bottom:25rem
}
.service-details h4 {
font-size:36rem;
letter-spacing:1rem;
text-transform:uppercase;
font-weight:400;
line-height:1.1em;
margin-bottom:20rem
}
.service-details .text-content {
position:relative;
display:block;
font-weight:300;
line-height:1.5em;
font-size:20rem;
letter-spacing:.1em
}
.service-details .text-content p {
margin-bottom:35rem
}
.service-details .text-content .last {
margin-bottom:0
}
.service-details .featured {
position:relative;
padding-top:15rem;
padding-bottom:15rem
}
.service-details .featured .image-col {
margin-bottom:30rem
}
.service-details .text-content ul {
margin-bottom:20rem
}
.service-details .text-content ul li {
position:relative;
padding-left:30rem;
margin-bottom:10rem
}
.service-details .text-content ul li:before {
content:"\f131";
font-family:'Flaticon';
position:absolute;
left:0;
top:-1rem;
color:#19376d;
font-weight:400;
font-size:18rem
}
.project-single {
position:relative;
padding:120rem 0 80rem
}
.project-single .image-col {
position:relative;
margin-bottom:10rem
}
.project-single .image-col .inner {
position:relative;
display:block
}
.project-single .image-box {
position:relative;
display:block;
border-radius:7rem;
overflow:hidden;
margin-bottom:30rem
}
.project-single.style-two .image-box {
margin-bottom:35rem
}
.project-single .image-box img {
display:block;
width:100%;
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%);
border-radius:7rem;
transition:all .4s ease;
-moz-transition:all .4s ease;
-webkit-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease
}
.project-single .image-box:hover img {
-webkit-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-moz-filter:grayscale(0%)
}
.project-single h5 {
font-size:30rem;
letter-spacing:.005em;
text-transform:uppercase;
font-weight:400;
line-height:1.1em;
margin-bottom:20rem
}
.project-single.style-two h5 {
font-size:36rem
}
.project-single .text-content {
position:relative;
display:block;
font-weight:300;
line-height:1.5em;
font-size:20rem;
letter-spacing:.1em
}
.project-single .text-content p {
margin-bottom:25rem
}
.project-single .text-content .last {
margin-bottom:0
}
.project-single .text-content .info {
position:relative
}
.project-single .text-content .info li {
position:relative;
line-height:26rem;
margin-bottom:30rem
}
.project-single .text-content .info li strong {
font-size:24rem;
letter-spacing:.01em;
text-transform:uppercase;
font-weight:400;
line-height:1em
}
.post-control {
position:relative
}
.post-control .inner {
position:relative;
display:block;
padding:50rem 0;
border-top:1rem solid #e9ebee;
border-bottom:1rem solid #e9ebee
}
.post-control .control {
position:relative;
float:left;
line-height:30rem;
font-size:24rem;
color:var(--thm-black);
letter-spacing:.05em;
text-transform:uppercase;
font-weight:400
}
.post-control .control.next {
float:right
}
.post-control .control a {
display:block;
line-height:30rem;
font-size:24rem;
color:var(--thm-black);
font-weight:400
}
.post-control .control a:hover {
color:#19376d
}
.post-control .control .fa {
position:relative;
vertical-align:top;
line-height:30rem;
font-size:18rem
}
.side-menu__block {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:99999;
-webkit-transform:scale(0,1);
transform:scale(0,1);
-webkit-transform-origin:left center;
transform-origin:left center;
-webkit-transition:-webkit-transform .7s ease;
transition:-webkit-transform .7s ease;
transition:transform .7s ease;
transition:transform .7s ease,-webkit-transform .7s ease
}
.side-menu__block.active {
-webkit-transform:scale(1,1);
transform:scale(1,1)
}
.side-menu__block-overlay {
width:100%;
height:100%;
background-color:var(--thm-black);
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:999;
opacity:.7
}
.side-menu__block-overlay .cursor-follower {
background-color:rgba(8,39,64,0.3)
}
.side-menu__block-inner {
position:absolute;
left:0;
top:0;
width:100%;
max-width:520rem;
height:100%;
overflow-y:auto;
background-color:#eceeef;
z-index:999999;
padding:40rem 0;
padding-top:20rem
}
@media(max-width:575rem) {
.side-menu__block-inner {
max-width:480rem
}
}@media(max-width:480rem) {
.side-menu__block-inner {
max-width:400rem
}
}@media(max-width:375rem) {
.side-menu__block-inner {
max-width:300rem
}
}.side-menu__block-inner .mCustomScrollBox {
width:100%
}
.side-menu__top {
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
padding-left:100rem;
padding-right:40rem
}
.mobile-nav__container {
padding-left:100rem;
padding-right:100rem;
padding-top:50rem
}
.mobile-nav__container ul {
margin:0;
padding:0;
list-style:none
}
.mobile-nav__container li.dropdown ul {
display:none;
padding:10rem 0 0;
margin-bottom:20rem;
padding-left:.5em
}
.mobile-nav__container li.dropdown ul li {
margin-bottom:10rem
}
.mobile-nav__container li.dropdown {
position:relative
}
.mobile-nav__container li.dropdown>a {
position:relative;
display:inline-block;
padding-right:25rem;
vertical-align:middle
}
.mobile-nav__container li.dropdown .dropdown-btn {
position:absolute;
top:0;
right:0;
line-height:22rem;
width:22rem;
height:22rem;
display:block;
text-align:center;
vertical-align:middle;
border:0;
outline:0;
background-color:transparent;
color:#9ca3a9;
font-size:14rem;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
-webkit-transition:all 500ms ease;
transition:all 500ms ease
}
.mobile-nav__container li.dropdown .dropdown-btn.open {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.mobile-nav__container li+li {
margin-top:10rem
}
.mobile-nav__container li a {
text-transform:uppercase;
color:#9ca3a9;
font-size:20rem;
letter-spacing:1rem;
line-height:24rem;
font-weight:300;
display:block;
-webkit-transition:all 500ms ease;
transition:all 500ms ease;
position:relative
}
.mobile-nav__container li a:hover {
color:#ffaa16
}
.mobile-nav__container li.current-menu-item>a,.mobile-nav__container li.current>a {
color:#ffaa16
}
.side-menu__social {
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin-top:80rem;
margin-bottom:40rem
}
.side-menu__social a {
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
text-align:center;
width:57rem;
height:57rem;
background-color:#fff;
color:#9ca3a9;
font-size:16rem;
border-radius:50%;
-webkit-transition:all 500ms ease;
transition:all 500ms ease
}
.side-menu__social a+a {
margin-left:10rem
}
.side-menu__social a:hover {
background-color:#ffaa16;
color:var(--thm-black)
}
.side-menu__content {
padding-left:100rem;
padding-right:100rem
}
.side-menu__content p {
margin:0;
font-size:20rem;
line-height:30rem;
font-weight:400;
color:#9ca3a9;
letter-spacing:.05em
}
.side-menu__content p+p {
margin-top:30rem
}
.side-menu__content p a {
color:var(--thm-black);
-webkit-transition:all 500ms ease;
transition:all 500ms ease
}
.side-menu__content p a:hover {
color:#ffaa16;
text-decoration:underline
}
.side-menu__sep {
width:calc(100% - 200rem);
margin-left:auto;
margin-right:auto;
height:1rem;
background-color:#fff;
margin-top:70rem;
margin-bottom:70rem
}
.side-menu__text p {
font-size:20rem;
line-height:30rem;
font-weight:400;
letter-spacing:.05em;
color:#9ca3a9;
margin:0;
margin-bottom:25rem
}
.side-menu__text a {
font-size:20rem;
color:#ff0143;
line-height:30rem;
font-weight:400;
-webkit-transition:all 500ms ease;
transition:all 500ms ease
}
.side-menu__text a:hover {
color:#ffa801
}
.side-menu__block__copy {
text-transform:uppercase;
font-size:16rem;
color:#9ca3a9;
font-weight:400;
letter-spacing:.2em
}
@media(max-width:575rem) {
.side-menu__top,.side-menu__content,.mobile-nav__container {
padding-left:50rem;
padding-right:50rem
}
.side-menu__sep {
margin-top:40rem;
margin-bottom:40rem;
width:calc(100% - 100rem)
}
}@media(max-width:480rem) {
.side-menu__top,.side-menu__content,.mobile-nav__container {
padding-left:25rem;
padding-right:25rem
}
.side-menu__sep {
width:calc(100% - 50rem)
}
.side-menu__social {
margin-top:40rem
}
.side-menu__social a {
width:45rem;
height:45rem
}
}

.mianbaoxie a{
    color: #666;
}
.mianbaoxie a:last-child{
    color: #1b3970;
}
.text_c{
    text-align: center;
    font-size: 20rem;
    color: #686a6f;
}
.pinpai h3{
    font-size: 40rem;
    color: #000;
    font-family:"Arial","Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti,MingLiu";
    text-align: center;   
}
.pt40{
    padding-top: 40rem;
}
.mb40{
    margin-bottom: 40rem;
}
.line2{
    line-height: 2;
}
.tw{
    background: #fff url(../image/pattern-2.png) left top repeat;
}
.dfx{
    display: flex !important;
    align-items: center !important;
}
.dfxr{
    display: flex;
    align-items: center;
    justify-content: right;
}
.dfxl{
    display: flex;
    justify-content: left;
}
.pl40{
    padding-left: 40rem !important;
}
.pr0{
    padding-right: 0rem !important;
}
.pl0{
    padding-left: 0rem !important;
}
.huise{
    background: #ebebeb;
}
.p80{
    padding-top: 80rem;
    padding-bottom: 80rem;
}
.p0{
    padding: 0;
}
.pl60{
    padding-left: 60rem;
}
.pr60{
    padding-right: 60rem;
}
.pt100{
    padding-top: 100rem;
}
.pt0{
    padding-top: 0 !important;
}
.pb40{
    padding-bottom: 40rem;
}
.jusc{
    justify-content: center;
}
.textc{
    text-align: center;   
}
.jussb{
    justify-content: space-between;
}
.nav-outer::after{
    display: none !important;
}
.clearfix::after{
    display: none;
}
.main-menu .navigation > li > ul.erji{
    display: flex !important;
    justify-content: left;
    background: none;
    padding-bottom: 20rem;
    padding-top: 20rem;
}
.main-menu .navigation > li > ul.erji li > a{
    color: #fff;
}
.main-menu .navigation > li > ul{
    width: 100vw;
}
.main-menu .navigation > li > ul > li{
    width: auto;
    text-align:left;
    padding: 0;
    padding-right: 40rem;
}
.main-menu .navigation > li > ul > li ol a{
    display: block;
    font-size: 17rem;
    line-height: 2;
}
.main-menu .navigation > li > ul > li ol{
    padding-top: 15rem;
}
.posfixd{
    position: fixed;
    left: 0;
    background: #19376d;
}
.main-menu .navigation > li > ul.erji li > ol a{
    color: #6f94d7;
}
.main-menu .navigation > li > ul.erji li > ol a:hover{
    color: #fff;
    text-decoration: underline;
}
.main-menu .navigation > li > ul.erjibottombox{
    background: #19376d;
    position: fixed;
    left: 0;
    top: 100rem;
    height: 300rem;
    width: 100vw;
    z-index: -1;
}
.header-upper:hover {
    background: #19376d;
  }

.main-menu1 .navigation > li > ul{
    right: 0
}
.social-links li{
    position: relative;
}
.social-links li img{
    display: none;
    position: absolute;
    bottom: 50rem;
    left: 50%;
    right:0;
    width: 120rem;
    height: 120rem;
    /* display: block; */
    max-width: none;
    margin: auto;
    margin-left: -60rem;
}
.yinglist{
    display: flex;
    align-items: center;
    height: 260rem;
    position: relative;
    z-index: 2;
    transition: all 0.7s;
}
.yinglist span{
    display: block;
    width: 30rem;
    height: 2px;
    background: #1b3970;
    transition: all 0.7s;
}
.yinglist :hover span{
    width: 70rem;
}
.yinglist h3{
    display: block;
    font-size: 24rem;
    color: #000;
    margin: 20rem 0;
    margin-top: 30rem;
}
.yinglist div{
    display: block;
    font-size: 20rem;
    color: #666;
    transition: all .6s;
}
.yinglistbox{
    height: 260rem;
}
.yingyong{
    height: 260rem;
    justify-content: left;
}
.yinglistbox{
    position: relative;
    overflow: hidden;
    border-top: 1px solid #afb3b6;
    transition: all .6s;
    background-repeat: no-repeat;
    background-position: center center;
}
.yinglistbox::before{
    background:rgba(255, 255, 255, 0.8);
    content: "";
    height: 260rem;
    width: 50%;
    display: block;
    z-index: 1;
    position: absolute;
    backdrop-filter: blur(5px);
    opacity: 1;
    left: 0;
    top: 0;
    transition: all .2s; 
}
.yinglistbox::after{
    background:rgba(255, 255, 255, 1);
    content: "";
    height: 260rem;
    width: 100%;
    display: block;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
     transition: all 1s; 
}
.yinglistbox:hover:after{
    opacity: 0;
}
.yinglistbox:hover:before{
    opacity: 1;
}
.p100{
    padding: 100rem 0;
}
.tc{
    text-align: center;
}
.dfxs{
    display: flex;
    justify-content: space-between;
}
.dfxs {
    margin-top: 50rem;
}
.dfxs a{
    color: #666;
    font-size: 20rem;

}
.xianggaunbiaoti{
    margin-bottom: 0;
}
.pb0{
    padding-bottom: 0;
}
.mb0{
    margin-bottom: 0 !important;
}
.xianggaunxinghao{
    font-size: 20rem !important;
    font-weight: bold !important;
    color: #000 !important;
}
.yuanxing{
    border-radius: 50%;
    overflow: hidden;
    margin: 40rem;
}
.mt0{
    margin-top: 0 !important;
}
.zhichihengfu{
    height: 100rem;
    background: #ebebeb;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40rem;
}
.zhichihengfu .sousuokuang{
    width:320rem;
    padding:0 30rem;
    height:60rem;
    line-height:60rem;
    box-sizing:border-box;
}
.zhichihengfu .sousuoanniu{
    width:60rem;
    background:#fff url(../image/ss.png) no-repeat center;
    background-size: 40%;
    display: block;
    height: 60rem;
    margin-right:10px;

}
.leibiebtn span{
    display: block;
    padding: 0 30rem;
}
.leibiebtn a{
    display: block;
    padding: 0 30rem;
    background: #fff;
    color: #666;
    width: 100%;
    display: none;
}
.leibiebtn{
    position: relative;
    height: 60rem;
    width: 380rem;
    padding: 0 30rem;
    height: 60rem;
    line-height: 60rem;
    box-sizing: border-box;
    background: #fff;
    margin:0 10px;

}
.leibielist{
    position: absolute;
    top: 0rem;
    left: 0;
    z-index: 999;
    width: 100%;
}
.soubox *{
    float: left;
}
.d1{
    width: 40%;
    float: left;
    font-weight: bold;
    color: #000;
}
.xi{
    font-weight: 500;
    color: var(--thm-text);
}
.d2{
    width: 20%;
    float: left;
}
.d3{
    width: 20%;
    float: left;

}
.d4{

}
.zhichixiazai dl{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.zhichixiazai dd{
    height: 80rem;
    line-height: 80rem;

}
.zhichixiazai li{
    border-bottom: solid 1px #eee;
}
.zhichixiazai li:hover dd{
    color: #1b3970;
}
.d4imgb{
    display: none;
}
.pb100{
    padding-bottom: 100rem;
}
.mySwiper2{
    width: 640rem;
}
.mySwiper{
    height: 500rem;
    width: 120rem;
}
.mySwiper2 .bb{
    height: 500rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mySwiper2 .bb img{
    height: 500rem;
}
.mySwiper .aa{
    width: 120rem;
    /*background: #ededed;*/
    display: flex;
    align-items: center;
    border-radius: 8rem;
    border: solid 2rem #ededed;
}
.mySwiper .aa img{
    max-width: 100%;
}
.nimadfa .swiper{
    float: left;
}
.xiangq h3,.xiangq h4{
    font-size: 40rem;
}
.xiangq h3{
    margin-bottom: 20rem;
}
.mt70{
    margin-top: 70rem;
}
.canshu span{
    font-weight: bold;
    color: #000;
    display: inline-block;
    width: 300rem;
    line-height: 50rem;
}
.canshu a{
    display: inline-block;
    line-height: 50rem;
    color: var(--thm-text);
}
.canshu p{
    border: solid 1px #eaedff;
    box-sizing: border-box;
    padding: 0 20rem;
    margin-bottom: 0;
    margin-top: -1px;
}
.textc{
    text-align: center;
}
.job li{
    /* height: 200rem; */
    padding: 40rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: solid 1px #c0c0c0;
    border-bottom: solid 1px #c0c0c0;
    margin-top: -1px;
}
.job h3{
    font-size: 30rem;
    position: relative;
    display: inline-block;
    padding-bottom: 16rem;
}
.job h3::before{
    content: "";
    width: 100%;
    height: 2px;
    background: #1b3970;
    display: block;
    bottom: 0;
    left: 0;
    position: absolute;
}
.job h4{
    font-size: 24rem;
    margin-bottom: 14rem;
}
.job p{
    margin-bottom: 0;
}
.tl{
    text-align: left;
}
.maptext{
    margin-bottom: 80rem;
}
.maptext .topyi{
    width: 200rem;
    background: #19376d;
    background: -moz-linear-gradient(90deg,#19376d 0,#576cbd 100%);
    background: -webkit-linear-gradient(90deg,#19376d 0,#576cbd 100%);
    background: linear-gradient(90deg,#19376d 0,#576cbd 100%);
    color: #fff;
    line-height: 44rem;
    display: block;
    text-align: center;
    border-radius: 8rem;
    color: #fff !important;
}
.maptext dt{
    text-align: right;
    color: #000000;
    width: 200rem;
    line-height: 44rem;
    display: inline-block;
    margin-right: 20rem;
    
}
.maptext dt a{
    color: #000000;
    font-weight: 500;
}
.maptext dd{
    display: inline-block;
    padding: 0 20rem;
    line-height: 44rem;
    background: #ebebeb;
    margin: 0 5rem;
    border-radius: 8rem;
}
.maptext dd a{
    color: var(--thm-text);
    font-size: 18rem;
}

.maptext dd:hover{
    background: #19376d;
    background: -moz-linear-gradient(90deg,#19376d 0,#576cbd 100%);
    background: -webkit-linear-gradient(90deg,#19376d 0,#576cbd 100%);
    background: linear-gradient(90deg,#19376d 0,#576cbd 100%);
}
.maptext dd:hover a{
    color: #fff;
}
.maptext dl{
    margin-top: 20rem;
}
.maptext li{
    margin-bottom: 20rem;
}
.banner{
    height: 100vh;
}
.banner .swiper-slide{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100vw 100vh;
    -webkit-transition: all 7000ms linear;
    -moz-transition: all 7000ms linear;
    -ms-transition: all 7000ms linear;
    -o-transition: all 7000ms linear;
    transition: all 7000ms linear;
}
.banner .swiper-slide .sub-title{
    position: relative;
    transform: translateY(100rem);
    opacity: 0;
    color: #fff;
    -webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    transition: all 600ms linear;
    font-size: 26rem;
    margin-bottom: 20px;
}
.banner .swiper-slide .dabi{
    position: relative;
    transform: translateY(100rem);
    opacity: 0;
    color: #fff;
    -webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    transition: all 600ms linear;
    transition-delay:600ms;
    display: block;
    font-size: 62rem;
    line-height: 1.5;
    color: #fff;
    font-weight: 600;
}
.banner .swiper-slide .link-box ul{
    position: relative;
    display: flex;
    justify-content: left;
    color: #fff;
    font-size: 16rem;
    text-align: center;
    margin-left: -20rem;
    opacity: 0;
    -webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    transition: all 600ms linear;
    transition-delay:1200ms;
    transform: translateY(100rem);
    margin-top: 40rem;
    
}
.banner .swiper-slide .link-box ul li{
    width: 310rem;
}
.banner .swiper-slide .link-box ul li img{
    width: 260rem;
}
.banner .swiper-slide .link-box ul li p{
    font-weight: bold;
    margin-top: 10rem;
    margin-bottom: 0;
}
.banner .auto-container{
    height: 100vh;
    display: flex;
    align-items: center;
}
.banner .mxdon{
    background-size: 125vw 125vh;
    
}
.banner .mxdon .sub-title{
    position: relative;
    transform: translateY(0);
    opacity: 1;
    color: #fff;
}
.banner .mxdon .dabi{
    position: relative;
    transform: translateY(0);
    opacity: 1;
    color: #fff;
}
.banner .mxdon .link-box ul{
    position: relative;
    transform: translateY(0);
    opacity: 1;
}
.shijian .swiper-slide h1{
    font-size: 40rem;
    font-family: "Impact","Arial","Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti,MingLiu";
    opacity: 0.4;
    text-align: center;
    transform: scale(0.5);
}
.gegwu .swiper-button-lock{
    display: block;
}
.gegwu{
    position: relative;
    padding-top: 90rem;
}
.shijiannext{
    position: absolute;
    right: 0;
    top: 80rem;
    background: #dbc7ac;
    color: #fff;
    width: 36rem !important;
    height: 36rem !important;
    font-size: 20px;
    text-align: center;
    line-height: 36rem;
    border-radius: 50%;
}
.shijianprev{
    position: absolute;
    left: 0;
    top: 80rem;
    background: #dbc7ac;
    color: #fff;
    width: 36rem !important;
    height: 36rem !important;
    font-size: 20px;
    text-align: center;
    line-height: 36rem;
    border-radius: 50%;
}
.banner .swiper-button-next{
    position: absolute;
    top: 50%;
    right: 5% !important;
    width: 50px;
    height: 50px;
    background: #fff !important;
    padding: 0;
    margin: 0;
    line-height: 50px;
    text-align: center;
    opacity: .20;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    color: #000;
    margin-top: calc(-5px - (var(--swiper-navigation-size)/ 2));
}
.banner .swiper-button-prev{
    position: absolute;
    top: 50%;
    right: 5% !important;
    left: auto;
    width: 50px;
    height: 50px;
    background: #fff !important;
    padding: 0;
    margin: 0;
    line-height: 50px;
    text-align: center;
    opacity: .20;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    color: #000;
    margin-top: calc(55px - (var(--swiper-navigation-size)/ 2));
}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after,.shijiannext::after,.shijianprev::after{
    content: none;
}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{
    opacity: 1;
}
.shijian .swiper-slide{
     cursor: pointer;
     padding-bottom: 20rem;
}
.shijian .swiper-slide span{
    width: 12px;
    height: 12px;
    background: #dbc7ac;
    border-radius: 50%;
    display: block;
    margin: auto;
    position: relative;
}

.shijian .swiper-slide-thumb-active span::before{
    content: '';
    position: absolute;
    border: rgba(219,200,172,0.6) solid 10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    -webkit-animation: ripple-out 1.3s 0.1s infinite;
    animation: ripple-out 1.3s 0.1s infinite;
    z-index: 1;
    border-radius: 50%;
    margin: auto;
}
@keyframes ripple-out {
    100% {
	top:-20px;
	right:-20px;
	bottom:-20px;
	left:-20px;
	opacity:0;   
    }
}
.shijian h1{
    /* height: 50rem; */
    transition: all .6s;
}
.shijian .swiper-slide-thumb-active h1{
    opacity: 1;
    color: #194191;
    transform: scale(1);
}
.shijian::before{
    position: absolute;
    content: "";
    bottom:25rem;
    width: calc(100% - 72rem);
    height: 1px;
    background: #dbc7ac;
    left: 0;
    right: 0;
    margin: auto;
}
.shijian2 h1{
    font-size: 120rem;
    font-family: "Impact","Arial","Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti,MingLiu";
    color: #194191;
}
.shijian2 h2{
    font-size: 26rem;
}
.w100{
    max-width: 100%;
}
.cmgb{
    max-width: none !important;
    opacity: .55!important;
    width: 33.3%;
    margin: 0 10rem;
}
.cmgb:hover{
    opacity: 1!important;
}
.chanpinlist{
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 0 20rem;
}
.chanpinlist .inner-box::before{
    content: none !important;
}
.ick{
    display: block;
    width: 50rem;
    height: 50rem;
    margin: auto;
}
.service-block .inner-box{
    background: none;
    border: solid 1px #fff;
    border-radius: 0;
    background: #000;
}
.service-block .inner-box:hover{
    background: none;
}
.service-block .inner-box:hover h6 a,.service-block .inner-box:hover h6{
    color: #fff;
}
.coloron {
    color: #194191;
    cursor: pointer;
  }
.op0{
    opacity: 0;
}

/* 页码 */
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;}
.pagination>li{display:inline;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#19376d;background-color:#fff;border:1px solid #ddd;margin-left:-1px;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#19376d;border-color:#19376d;cursor:default;}
.dfxs a:hover{
    color: #19376d;
}
.wx{
    background: url(../img/wx.png) no-repeat center;
    width: 22rem;
    height: 22rem;
    background-size: 100% 100%;
}
.xcx{
    background: url(../img/xcx.png) no-repeat center;
    width: 22rem;
    height: 22rem;
    background-size: 100% 100%;
}
.d4imga,.d4imgb{
    width: 41rem;
    height: 31rem;
}

@media (max-width: 780px){
    .mxdtel{display: block;}
    .mxdtel1{height: 60px;display: block;}
}




.huiyuan{
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .6);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    font-size: 16px;
}
.huiayunc{
    width: 600rem;
    background: #fff;
    border-radius: 20rem;
    overflow: auto;
    position: relative;
}
.huiayunc .x{
    position: absolute;
    right: 20rem;
    top: 20rem;
    width: 20rem;
    height: 20rem;
    display: block;
}
.huiyuantop{
    background: #194191;
    padding: 30rem 0;
}
.huiyuantop img{
    width: 172rem;
    height: 80rem;
    display: block;
    margin: auto;
   
}
.formbox{
    width: 100%;
    padding: 0 80rem;
}
.formbox p{
    font-size: 16rem;
    color: #222222;
    /* padding-top: 10rem;
    padding-bottom: 10rem; */
    margin-bottom: 0;
    margin-top: 15rem;
}
.formbox input{
    width: 100%;
    height: 46rem;
    border-radius: 5rem;
    border: solid 1px #DADADA;
    padding: 0 20rem;
    font-size: 15rem;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
}
.formbox button{
    font-family: Arial, Helvetica, sans-serif;
}
.formdix{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.formlist1{
    width: 60%;
}
.formlist2{
    width: 35%;
}
.dix2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5rem;
    border: solid 1px #DADADA;
    height: 46rem;
    overflow: hidden;
}
.dix2 input{
    border: none;
    border-radius: 0;
    width: 150rem;
    line-height: 44rem;
}
.dix2 a{
    display: block;
    color: #2458A7;
    font-size: 15rem;
    width: 80rem;
}
.fuxuan{
    display: flex;
    align-items: center;
}
.fuxuan input{
   width: 16rem;
   display: block;
   margin-right: 5rem !important;
}
.formbox button{
    width: 270rem;
    height: 46rem;
    background: #2458A7;
    color: #fff;
    font-size: 16rem;
    border: none;
    border-radius: 8rem;
    display: block;
    margin: auto;
    margin-top: 30rem;
    margin-bottom: 50rem;
}
.formboxzhuce{
    display: flex;
    justify-content: space-between;
}
.formboxzhuce button{
    width: 48%;
    margin-left: 0;
    margin-right: 0;
}