@import "global.css";

@import "font-awesome.css";

@import "flaticon.css";

@import "animate.css";

@import "owl.css";

@import "slick.css";

@import "preloader.css";

@import "animation.css";

@import "jquery-ui.css";

@import "custom-animate.css";

@import "magnific-popup.css";

@import "odometer-theme-default.css";

@import "jquery.mCustomScrollbar.min.css";

.main-header {
position:relative;
z-index:999;
width:100%
}

.header-top {
position:relative;
background-color:var(--color-two)
}

.header-top .top-left {
position:relative;
float:left;
padding:11px 0
}

.header-top .top-left .text {
font-size:var(--font-15);
color:var(--color-three)
}

.header-top .top-left .text a {
position:relative;
color:var(--main-color)
}

.header-top .top-right {
position:relative
}

.header-top .top-right .clock {
position:relative;
float:left;
margin:14px 0;
padding-left:25px;
display:inline-block;
color:var(--color-three);
font-size:var(--font-15);
margin-right:var(--margin-right-30)
}

.header-top .top-right .clock:before {
position:absolute;
content:'\f017';
left:0;
top:0;
color:var(--color-three);
font-family:'FontAwesome'
}

.header-top .top-right .social-box {
position:relative;
float:left;
padding:13px 0 13px 15px
}

.header-top .top-right .social-box:before {
position:absolute;
content:'';
left:0;
top:0;
bottom:0;
width:1px;
opacity:.5;
transform:rotate(20deg);
background-color:var(--color-three)
}

.header-top .top-right .social-box a {
position:relative;
display:inline-block;
color:var(--color-three);
font-size:var(--font-18);
margin-left:var(--margin-left-15)
}

.header-top .top-right .social-box a:hover {
color:var(--white-color)
}

.main-header .main-box {
position:relative;
padding:0;
left:0;
top:0;
width:100%;
background:none;
-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-header .main-box .outer-container {
position:relative;
padding:0 40px
}

.main-header .main-box .logo-box {
position:relative;
float:left;
left:0;
z-index:10;
padding:30px 0
}

.main-header .main-box .logo-box .logo img {
display:inline-block;
max-width:100%;
-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-header .header-upper {
position:relative;
background-color:#4b4c4a;
}

.main-header .header-upper .logo-box {
position:relative;
padding:11px 0;
margin-top:5px
}

.main-header .header-upper .logo-box .logo {
position:relative
}

.main-header .header-upper .upper-right {
position:relative;
padding-top:var(--padding-top-15)
}

.main-header .info-box {
position:relative;
float:left;
z-index:1;
text-align:left;
color:var(--color-five);
font-size:var(--font-15);
padding:0 0 10px 50px;
margin-left:var(--margin-left-50)
}

.main-header .info-box .icon-box {
position:absolute;
left:0;
top:3px;
font-size:36px;
line-height:1em;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
color:var(--main-color);
font-family:"Flaticon"
}

.main-header .info-box ul li {
position:relative;
line-height:20px;
margin-bottom:4px;
font-weight:400;
color:var(--color-five);
font-size:var(--font-15);
text-transform:capitalize
}

.main-header .info-box strong {
position:relative;
font-weight:500;
font-size:var(--font-15);
color:var(--color-four);
text-transform:capitalize;
font-family:var(--font-family-BeVietnam)
}

.main-header .header-lower {
position:absolute;
left:0;
right:0;
bottom:-32px
}

.main-header .header-lower:before {
position:absolute;
content:'';
left:50%;
bottom:0;
right:0;
top:0;
background-color:var(--main-color)
}

.main-header .header-lower .inner-container {
position:relative
}

.main-header .header-lower .inner-container:after {
display:none
}

.main-header .nav-outer {
position:relative;
float:right
}

.main-header .nav-outer:before {
position:absolute;
content:'';
left:-2%;
bottom:0;
right:0;
top:0;
transform:skewX(-30deg);
background-color:var(--main-color)
}

.main-header .outer-box {
position:relative;
float:right;
padding:23px 0 20px
}

.main-header .search-box-outer {
position:relative;
float:left
}

.main-header .search-box-btn {
position:relative;
cursor:pointer;
text-align:center;
font-family:"Flaticon";
color:var(--white-color);
font-size:var(--font-18);
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease
}

.main-header .btn-box {
position:relative;
float:left
}

.main-header .main-menu {
position:relative;
float:left;
margin-left:var(--margin-left-40);
-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-header .main-menu .navbar-collapse {
padding:0;
float:left;
display:block!important
}

.main-header .main-menu .navigation {
position:relative;
margin:0
}

.main-header .main-menu .navigation > li {
position:relative;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
margin-right:var(--margin-right-35)
}

.main-header .sticky-header .main-menu .navigation > li > a {
padding:23px 0;
color:var(--dark-color)
}

.main-header .sticky-header .main-menu .navigation > li:hover > a,.main-header .sticky-header .main-menu .navigation > li.current > a {
color:var(--main-color);
background-color:inherit!important
}

.main-header .sticky-header .nav-outer .options-box {
margin-top:45px
}

.main-header .sticky-header {
position:fixed;
opacity:0;
visibility:hidden;
left:0;
top:0;
width:100%;
padding:0;
background:#4b4c4a;
z-index:0;

transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.main-header .sticky-header .mobile-nav-toggler {
float:right;
color:#000;
font-size:24px;
padding:20px 0;
display:none;
font-family:"Flaticon"
}

.main-header .sticky-header .logo {
padding:7px 0 6px
}

.main-header.fixed-header .sticky-header {
z-index:999;
opacity:1;
visibility:visible;
-ms-animation-name:fadeInDown;
-moz-animation-name:fadeInDown;
-op-animation-name:fadeInDown;
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown;
-ms-animation-duration:500ms;
-moz-animation-duration:500ms;
-op-animation-duration:500ms;
-webkit-animation-duration:500ms;
animation-duration:500ms;
-ms-animation-timing-function:linear;
-moz-animation-timing-function:linear;
-op-animation-timing-function:linear;
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
-ms-animation-iteration-count:1;
-moz-animation-iteration-count:1;
-op-animation-iteration-count:1;
-webkit-animation-iteration-count:1;
animation-iteration-count:1
}

.main-header .main-menu .navigation > li > a {
position:relative;
display:block;
color:#fff;
text-align:center;
line-height:30px;
text-transform:capitalize;
letter-spacing:0;
opacity:1;
font-weight:500;
padding:20px 0;
font-size:var(--font-17);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:var(--font-family-Poppins)
}

.main-header .main-menu .navigation > li.dropdown > a {
padding-right:15px!important
}

.main-header .main-menu .navigation > li.dropdown > a:before {
font-family:'FontAwesome';
content:"\f107";
position:absolute;
right:0;
font-size:13px;
line-height:34px
}

.main-header .main-menu .navigation > li:before {
position:absolute;
content:'';
left:50%;
bottom:0;
opacity:0;
margin-left:-7px;
border-left:7px solid transparent;
border-right:7px solid transparent;
border-bottom:10px solid var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.main-header .main-menu .navigation > li:hover::before,.main-header .main-menu .navigation > li.current::before {
opacity:1;
z-index:1
}

.main-header .sticky-header .main-menu .navigation > li {
position:relative;
margin-left:30px;
margin-right:0
}

.main-header .main-menu .navigation > li:hover > a,.main-header .main-menu .navigation > li.current > a {
opacity:1;
color:#fff
}

.main-header .main-menu .navigation > li > ul {
position:absolute;
width:15rem;
transform:perspective(300px) scaleY(0) translateZ(30px);
-webkit-transform-origin:top;
-ms-transform-origin:top;
-o-transform-origin:top;
transform-origin:top;
opacity:0;
visibility:hidden;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
border-radius:0;
background-color:var(--main-color);
box-shadow:0 0 10px rgba(0,0,0,0.10)
}

.main-header .main-menu .navigation > li > ul.from-right {
left:auto;
right:0
}

.main-header .main-menu .navigation > li > ul > li {
position:relative;
width:100%;
border-bottom:1px solid rgba(255,255,255,0.20)
}

.main-header .main-menu .navigation > li > ul > li:last-child {
border-bottom:none
}

.main-header .main-menu .navigation > li > ul > li > a {
position:relative;
display:block;
padding:13px 18px;
line-height:24px;
font-weight:500;
font-size:var(--font-16);
text-transform:capitalize;
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:var(--font-family-Poppins)
}

.main-header .sticky-header .main-menu .navigation > li > a {
padding:19px 0
}

.main-header .main-menu .navigation > li > ul > li > a:before {
position:absolute;
content:'//';
left:10px;
top:13px;
opacity:0;
font-size:var(--font-10);
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.main-header .main-menu .navigation > li > ul > li:hover > a::before {
opacity:1
}

.main-header .sticky-header .main-menu .navigation > li > a:before {
top:18px!important
}

.main-header .main-menu .navigation > li > ul > li:hover > a {
padding-left:30px
}

.main-header .main-menu .navigation > li > ul > li.dropdown > a:after {
font-family:'FontAwesome';
content:"\f105";
position:absolute;
right:15px;
top:13px;
width:10px;
height:20px;
z-index:5;
display:block;
line-height:20px;
font-weight:400;
text-align:center;
font-size:var(--font-20);
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > a:after {
color:#222
}

.main-header .main-menu .navigation > li > ul > li > ul {
position:absolute;
left:100%;
top:0;
width:15rem;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:top;
-ms-transform-origin:top;
-o-transform-origin:top;
transform-origin:top;
opacity:0;
visibility:hidden;
visibility:hidden;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
border-radius:0;
background-color:var(--main-color);
box-shadow:0 0 10px rgba(0,0,0,0.10)
}

.main-header .main-menu .navigation > li > ul > li > ul.from-right {
left:auto;
right:0
}

.main-header .main-menu .navigation > li > ul > li > ul > li {
position:relative;
width:100%;
border-bottom:1px solid rgba(255,255,255,0.20)
}

.main-header .main-menu .navigation > li > ul > li > ul > li:last-child {
border-bottom:none
}

.main-header .main-menu .navigation > li > ul > li > ul > li > a {
position:relative;
display:block;
padding:13px 18px;
line-height:24px;
font-weight:500;
font-size:var(--font-16);
text-transform:capitalize;
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:var(--font-family-Poppins)
}

.main-header .main-menu .navigation > li > ul > li > ul > li > a:before {
position:absolute;
content:'//';
left:10px;
top:13px;
opacity:0;
font-size:var(--font-10);
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a::before {
opacity:1
}

.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a {
padding-left:30px
}

.main-header .main-menu .navigation > li.dropdown:hover > ul {
transform:perspective(300px) scaleY(1) translateZ(0);
opacity:1;
visibility:visible
}

.main-header .main-menu .navigation li > ul > li.dropdown:hover > ul {
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
-o-transform:scaleY(1);
transform:scaleY(1);
opacity:1;
visibility:visible
}

.main-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
position:absolute;
right:10px;
top:6px;
width:30px;
height:30px;
text-align:center;
color:#fff;
line-height:28px;
border:1px solid #fff;
background-size:20px;
cursor:pointer;
z-index:5;
display:none
}

.main-header .search-box {
position:relative;
float:left;
width:160px;
padding:33px 0
}

.main-header .search-box .form-group {
position:relative;
margin:0
}

.main-header .search-box .form-group input[type="text"],.main-header .search-box .form-group input[type="search"] {
position:relative;
line-height:38px;
padding:10px 50px 10px 20px;
background:none;
display:block;
font-size:14px;
width:100%;
height:30px;
color:#fff;
border-radius:0;
font-weight:600;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border-left:1px solid #005df7
}

.main-header .search-box .form-group textarea::-webkit-input-placeholder,.main-header .search-box .form-group input::-webkit-input-placeholder {
color:#fff
}

.main-header .search-box .form-group button {
position:absolute;
right:0;
top:8px;
display:block;
font-size:16px;
color:#fff;
cursor:pointer;
line-height:100%;
font-weight:400;
background:none
}

.main-header .header-lower .options-box {
position:relative;
float:right;
padding:10px 15px
}

.main-header .header-lower .options-box .option-inner:before {
position:absolute;
content:'';
left:-10px;
top:-10px;
bottom:-10px;
width:110%;
background-color:#005df7;
border-radius:50px 50px 50px 50px
}

.main-header .header-lower .options-box .option-inner {
position:relative;
padding-left:70px
}

.main-header .header-lower .options-box .option-inner .icon {
position:absolute;
left:0;
top:0;
color:#fff;
font-size:50px;
line-height:1em
}

.main-header .header-lower .options-box .option-inner .number {
position:relative
}

.main-header .header-lower .options-box .option-inner .number span {
position:relative;
display:block;
color:#fff;
margin-bottom:3px;
text-transform:uppercase
}

.main-header .header-lower .options-box .option-inner .number a {
position:relative;
font-weight:800;
font-size:22px;
color:#fff
}

.main-header .info-box .social-nav {
position:relative;
margin-top:4px
}

.main-header .info-box .social-nav li {
position:relative;
margin-left:8px;
display:inline-block
}

.main-header .info-box .social-nav li a {
position:relative;
width:40px;
height:40px;
color:#222;
line-height:38px;
font-size:16px;
text-align:center;
display:inline-block;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
border:1px solid #222
}

.main-header .info-box .social-nav li a:hover {
color:#fff;
background-color:#222
}

.header-style-two .info-box {
padding-left:var(--padding-left-65)
}

.header-style-two .info-box ul li {
font-weight:700;
line-height:24px;
font-size:var(--font-16);
color:var(--color-twentyfour);
font-family:var(--font-family-BeVietnam)
}

.header-style-two .info-box .icon-box {
width:50px;
height:50px;
border-radius:50%;
text-align:center;
line-height:50px;
font-size:var(--font-24);
color:#fff;
background-color:var(--color-twentyfive)
}

.header-style-two .nav-outer {
width:99%;
border-radius:4px;
padding-right:var(--padding-right-10);
background-color:var(--color-twentyfour)
}

.header-style-two .header-upper {
padding-bottom:var(--padding-bottom-45)
}

.header-style-two .nav-outer:before,.header-style-two .header-lower:before {
display:none
}

.header-style-two .main-menu .navigation > li:before {
display:none
}

.header-style-two .outer-box {
padding:7px 0
}

.header-style-two .outer-box .btn-box .theme-btn {
display:block
}

.header-style-two .header-upper .upper-right {
padding-top:var(--padding-top-20);
margin-top:5px
}

.header-style-three {
background-color:var(--color-fourty)
}

.header-style-three .header-lower {
position:relative;
bottom:0
}

.header-style-three .header-lower:before {
display:none
}

.header-style-three .nav-outer:before {
display:none
}

.header-style-three .main-menu .navigation > li:before {
display:none
}

.header-style-three .main-menu .navigation > li {
margin-right:var(--margin-right-30)
}

.header-style-three .main-menu .navigation > li > a {
font-weight:700;
font-size:var(--font-18);
font-family:var(--font-family-Roboto)
}

.header-style-three .main-menu {
margin-left:0
}

.header-style-three .outer-box {
padding:12px 0 6px
}

.header-style-two .main-menu .navigation > li > ul > li > ul,.header-style-two .main-menu .navigation > li > ul {
background-color:var(--color-twentyseven)
}

.header-style-two .sticky-header .main-menu .navigation > li:hover > a,.header-style-two .sticky-header .main-menu .navigation > li.current > a {
color:var(--color-twentyseven)
}

.header-style-three .main-menu .navigation > li > ul > li > ul,.header-style-three .main-menu .navigation > li > ul {
background-color:var(--color-fourtyone)
}

.header-style-three .sticky-header .main-menu .navigation > li:hover > a,.header-style-three .sticky-header .main-menu .navigation > li.current > a {
color:var(--color-fourtyone)
}

.main-header .nav-outer .mobile-nav-toggler {
position:relative;
float:right;
font-size:26px;
line-height:50px;
cursor:pointer;
color:#fff;
display:none;
font-family:"Flaticon"
}

.main-header .mobile-menu {
position:fixed;
right:0;
top:0;
width:300px;
padding-right:30px;
max-width:100%;
height:100%;
visibility:hidden;
z-index:999999
}

.main-header .mobile-menu .nav-logo {
position:relative;
padding:20px;
text-align:left
}

.main-header .mobile-menu .nav-logo img {
max-width:200px
}

.mobile-menu-visible {
overflow:hidden
}

.mobile-menu-visible .mobile-menu {
visibility:visible
}

.mobile-menu .menu-backdrop {
position:fixed;
right:0;
top:0;
width:0;
height:100%;
z-index:1;
background:rgba(0,0,0,0.90);
-webkit-transform:translateX(101%);
-ms-transform:translateX(101%);
transform:translateX(101%);
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
-webkit-transition-delay:300ms;
-moz-transition-delay:300ms;
-ms-transition-delay:300ms;
-o-transition-delay:300ms;
transition-delay:300ms
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
opacity:1;
width:100%;
visibility:visible;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}

.mobile-menu .menu-box {
position:absolute;
right:-400px;
top:0;
width:100%;
height:100%;
max-height:100%;
overflow-y:auto;
background:#fff;
padding:0;
z-index:5;
border-radius:0;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease
}

.mobile-menu-visible .header-style-five .mobile-menu {
right:0;
-webkit-transition-delay:600ms;
-moz-transition-delay:600ms;
-ms-transition-delay:600ms;
-o-transition-delay:600ms;
transition-delay:600ms
}

.mobile-menu-visible .mobile-menu .menu-box {
right:0;
-webkit-transition-delay:600ms;
-moz-transition-delay:600ms;
-ms-transition-delay:600ms;
-o-transition-delay:600ms;
transition-delay:600ms
}

.mobile-menu .close-btn {
position:absolute;
right:15px;
top:15px;
line-height:30px;
width:30px;
text-align:center;
font-size:14px;
color:#202020;
cursor:pointer;
z-index:10;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;
-webkit-transform:translateY(-50px);
-ms-transform:translateY(-50px);
transform:translateY(-50px)
}

.mobile-menu-visible .mobile-menu .close-btn {
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px);
-webkit-transition-delay:900ms;
-moz-transition-delay:900ms;
-ms-transition-delay:900ms;
-o-transition-delay:900ms;
transition-delay:900ms
}

.mobile-menu .close-btn:hover {
opacity:.5
}

.mobile-menu .navigation {
position:relative;
display:block;
width:100%;
border-top:1px solid rgba(0,0,0,0.10)
}

.mobile-menu .navigation li {
position:relative;
display:block;
border-bottom:1px solid rgba(0,0,0,0.10)
}

.mobile-menu .navigation li > ul > li:last-child {
border-bottom:none
}

.mobile-menu .navigation li > ul > li:first-child {
border-top:1px solid rgba(0,0,0,0.10)
}

.mobile-menu .navigation li > a {
position:relative;
display:block;
line-height:24px;
padding:10px 20px;
font-size:15px;
color:#404040;
text-transform:capitalize
}

.mobile-menu .navigation li:hover > a,.mobile-menu .navigation li.current > a {
color:#111
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
position:absolute;
right:0;
top:0;
width:44px;
height:44px;
text-align:center;
font-size:16px;
line-height:44px;
color:#404040;
cursor:pointer;
z-index:5
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
content:'';
position:absolute;
left:0;
top:10px;
width:1px;
height:24px;
border-left:1px solid rgba(0,0,0,0.10)
}

.mobile-menu .navigation li > ul,.mobile-menu .navigation li > ul > li > ul {
display:none
}

.main-header .sticky-header .navbar-header,.header-style-five .sticky-header .navbar-header {
display:none
}

.search-popup {
position:fixed;
left:0;
top:0;
height:100vh;
width:100%;
z-index:99999;
margin-top:-540px;
transform:translateY(-100%);
background-color:rgba(0,0,0,0.90);
-webkit-transition:all 500ms cubic-bezier(0.860,0.000,0.070,1.000);
-moz-transition:all 500ms cubic-bezier(0.860,0.000,0.070,1.000);
-o-transition:all 500ms cubic-bezier(0.860,0.000,0.070,1.000);
transition:all 1500ms cubic-bezier(0.860,0.000,0.070,1.000);
-webkit-transition-timing-function:cubic-bezier(0.860,0.000,0.070,1.000);
-moz-transition-timing-function:cubic-bezier(0.860,0.000,0.070,1.000);
-o-transition-timing-function:cubic-bezier(0.860,0.000,0.070,1.000);
transition-timing-function:cubic-bezier(0.860,0.000,0.070,1.000)
}

.sidenav-bar-visible .search-popup {
width:80%
}

.search-popup:before {
position:absolute;
left:0;
top:100%;
width:100%;
height:560px;
background-image:url(../images/icons/waves-shape.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
margin-top:0;
content:""
}

.search-active .search-popup {
transform:translateY(0%);
margin-top:0
}

.search-popup .close-search {
position:absolute;
left:0;
right:0;
top:75%;
margin:0 auto;
margin-top:-200px;
border-radius:50%;
text-align:center;
background-color:var(--main-color);
width:70px;
cursor:pointer;
box-shadow:0 0 10px rgba(0,0,0,0.05);
border-bottom:3px solid var(--white-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
opacity:0;
visibility:hidden
}

.search-popup .close-search span {
position:relative;
display:block;
height:70px;
width:70px;
font-size:30px;
line-height:70px;
color:#fff
}

.search-active .search-popup .close-search {
visibility:visible;
opacity:1;
top:50%;
-webkit-transition-delay:1500ms;
-moz-transition-delay:1500ms;
-ms-transition-delay:1500ms;
-o-transition-delay:1500ms;
transition-delay:1500ms
}

.search-popup form {
position:absolute;
max-width:700px;
top:50%;
left:15px;
right:15px;
margin:-35px auto 0;
transform:scaleX(0);
transform-origin:center;
background-color:#111;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}

.search-active .search-popup form {
transform:scaleX(1);
-webkit-transition-delay:1200ms;
-moz-transition-delay:1200ms;
-ms-transition-delay:1200ms;
-o-transition-delay:1200ms;
transition-delay:1200ms
}

.search-popup .form-group {
position:relative;
margin:0;
overflow:hidden
}

.search-popup .form-group input[type="text"],.search-popup .form-group input[type="search"] {
position:relative;
display:block;
font-size:18px;
line-height:50px;
color:#000;
height:70px;
width:100%;
padding:10px 30px;
background-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;
font-weight:500;
text-transform:capitalize
}

.search-popup .form-group input[type="submit"],.search-popup .form-group button {
position:absolute;
right:30px;
top:0;
height:70px;
line-height:70px;
background:transparent;
text-align:center;
font-size:24px;
color:#000;
padding:0;
cursor:pointer;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}

.search-popup .form-group input[type="submit"]:hover,.search-popup .form-group button:hover {
color:#000
}

.search-popup input::placeholder,.search-popup textarea::placeholder {
color:#000
}

.search-popup .close-search.style-two {
position:absolute;
right:25px;
left:auto;
color:#fff;
width:auto;
height:auto;
top:25px;
margin:0;
border:none;
background:none!important;
box-shadow:none!important;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}

.search-popup .close-search.style-two span {
font-size:20px;
color:#fff
}

.main-header .sticky-header .outer-box {
margin-left:20px;
padding:15px 0
}

.main-header .sticky-header .search-box-btn {
margin-left:10px
}

.main-header .sticky-header .outer-box .cart-box .cart-box-btn .total-cart {
background-color:#005df7
}

.close-side-widget,.close-side-widget:hover {
color:#fff;
font-size:24px
}

.main-header .header-upper .outer-box .nav-btn {
position:relative;
float:left;
font-size:25px;
color:#222;
cursor:pointer;
margin-top:19px;
margin-left:25px
}

.main-header .sticky-header .outer-box .nav-btn {
position:relative;
float:right;
font-size:28px;
color:#000;
cursor:pointer;
margin-top:9px;
margin-left:30px
}

.main-header .sticky-header .outer-box .mobile-nav-toggler {
position:relative;
float:right;
font-size:28px;
color:#000;
cursor:pointer;
margin-top:9px;
margin-left:30px
}

.main-slider {
position:relative;
overflow:hidden;
z-index:10;
background-color:var(--color-seven)
}

.main-slider .image-layer {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
-webkit-transition:all 6000ms linear;
-moz-transition:all 6000ms linear;
-ms-transition:all 6000ms linear;
-o-transition:all 6000ms linear;
transition:all 6000ms linear
}

.main-slider .slide:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
z-index:1;
background:url(../images/main-slider/shadow-layer.png);
background-repeat:repeat-y
}

.main-slider .slide {
position:relative;
overflow:hidden;
background-size:cover;
padding:140px 0 500px
}

.main-slider .active .slide .image-layer {
-webkit-transform:scale(1.15);
-ms-transform:scale(1.15);
transform:scale(1.15)
}

.main-slider .slide .pattern-layer {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
z-index:1
}

.main-slider .slide .pattern-layer-two {
position:absolute;
left:0;
top:60px;
width:253px;
height:297px;
z-index:1
}

.main-slider .content-column {
position:relative;
z-index:2
}

.main-slider .content-column .inner-column {
position:relative
}

.main-slider h1 {
opacity:0;
transform:scaleY(0);
transform-origin:top;
color:var(--white-color);
-webkit-transition:all 1000ms ease;
-moz-transition:all 100ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
margin-bottom:var(--margin-bottom-30)
}

.main-slider .active h1 {
opacity:1;
transform:scaleY(1);
-webkit-transition-delay:300ms;
-moz-transition-delay:300ms;
-ms-transition-delay:300ms;
-o-transition-delay:300ms;
transition-delay:300ms
}

.main-slider .text {
opacity:0;
max-width:580px;
transform:scaleY(0);
transform-origin:top;
color:var(--color-six);
font-size:var(--font-18);
-webkit-transition:all 1000ms ease;
-moz-transition:all 100ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
margin-bottom:var(--margin-bottom-35)
}

.main-slider .active .text {
opacity:1;
transform:scaleY(1);
-webkit-transition-delay:600ms;
-moz-transition-delay:600ms;
-ms-transition-delay:600ms;
-o-transition-delay:600ms;
transition-delay:600ms
}

.main-slider .button-box {
opacity:0;
transform:scaleY(0);
transform-origin:top;
display:inline-block;
-webkit-transition:all 900ms ease;
-moz-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
transition:all 900ms ease
}

.main-slider .active .button-box {
opacity:1;
transform:scaleY(1);
-webkit-transition-delay:900ms;
-moz-transition-delay:900ms;
-ms-transition-delay:900ms;
-o-transition-delay:900ms;
transition-delay:900ms
}

.main-slider .owl-dots {
display:none
}

.main-slider .owl-nav {
position:absolute;
right:30px;
top:50%;
width:60px;
transform:translateY(-50%)
}

.main-slider .owl-nav .owl-prev,.main-slider .owl-nav .owl-next {
position:relative;
width:50px;
height:50px;
line-height:52px;
text-align:center;
border-radius:50%;
display:inline-block;
font-size:var(--font-18);
color:var(--black-color);
background-color:var(--white-color);
margin-bottom:var(--margin-bottom-15);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
font-family:"Flaticon"
}

.main-slider .owl-nav .owl-prev:hover,.main-slider .owl-nav .owl-next:hover {
color:var(--white-color);
background-color:var(--main-color)
}

.main-slider-two {
position:relative;
overflow:hidden;
z-index:10;
background-color:var(--color-seven)
}

.main-slider-two .social-box {
position:absolute;
left:30px;
bottom:150px;
z-index:10;
width:30px;
writing-mode:vertical-rl;
transform:rotate(180deg)
}

.main-slider-two .social-box li {
position:relative;
display:inline-block;
margin-top:var(--margin-top-40)
}

.main-slider-two .social-box li a {
position:relative;
font-size:var(--font-16);
color:var(--white-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}

.main-slider-two .social-box li a:hover {
color:var(--color-twentyeight)
}

.main-slider-two .social-box li a::before {
transform:rotate(90deg);
display:inline-block
}

.main-slider-two .social-box li span {
position:relative;
display:inline-block;
margin-left:var(--margin-left-5);
font-family:var(--font-family-BeVietnam)
}

.main-slider-two .image-layer {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
-webkit-transition:all 6000ms linear;
-moz-transition:all 6000ms linear;
-ms-transition:all 6000ms linear;
-o-transition:all 6000ms linear;
transition:all 6000ms linear
}

.main-slider-two .image-layer:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
width:100%;
bottom:0;
z-index:1;

}

.main-slider-two .image-layer:after {
position:absolute;
content:'';
left:0;
top:0;
right:0;
width:60%;
bottom:0;
z-index:1;

}

.main-slider-two .slide {
position:relative;
overflow:hidden;
background-size:cover;
padding:200px 0 270px
}

.main-slider-two .active .slide .image-layer {
-webkit-transform:scale(1.15);
-ms-transform:scale(1.15);
transform:scale(1.15)
}

.main-slider-two .content-column {
position:relative;
z-index:2
}

.main-slider-two .content-column .inner-column {
position:relative
}

.main-slider-two .title {
position:relative;
opacity:0;
font-weight:700;
transform:scaleY(0);
transform-origin:top;
color:var(--white-color);
font-size:var(--font-30);
-webkit-transition:all 1000ms ease;
-moz-transition:all 100ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
margin-bottom:var(--margin-bottom-30);
font-family:var(--font-family-BeVietnam)
}

.main-slider-two .title span {
color:var(--color-twentyeight)
}

.main-slider-two .active .title {
opacity:1;
transform:scaleY(1);
-webkit-transition-delay:300ms;
-moz-transition-delay:300ms;
-ms-transition-delay:300ms;
-o-transition-delay:300ms;
transition-delay:300ms;
margin:10px
}

.main-slider-two h1 span {
color:var(--color-twentyeight)
}

.main-slider-two h1 {
opacity:0;
font-weight:800;
transform:scaleY(0);
transform-origin:top;
color:var(--white-color);
-webkit-transition:all 1000ms ease;
-moz-transition:all 100ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
margin-bottom:var(--margin-bottom-30)
}

.main-slider-two .active h1 {
opacity:1;
transform:scaleY(1);
-webkit-transition-delay:300ms;
-moz-transition-delay:300ms;
-ms-transition-delay:300ms;
-o-transition-delay:300ms;
transition-delay:300ms
}

.main-slider-two .text {
opacity:0;
max-width:580px;
transform:scaleY(0);
transform-origin:top;
color:var(--color-six);
font-size:var(--font-18);
-webkit-transition:all 1000ms ease;
-moz-transition:all 100ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
margin-bottom:var(--margin-bottom-35)
}

.main-slider-two .active .text {
opacity:1;
transform:scaleY(1);
-webkit-transition-delay:600ms;
-moz-transition-delay:600ms;
-ms-transition-delay:600ms;
-o-transition-delay:600ms;
transition-delay:600ms
}

.main-slider-two .button-box {
opacity:0;
transform:scaleY(0);
transform-origin:top;
display:inline-block;
-webkit-transition:all 900ms ease;
-moz-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
transition:all 900ms ease
}

.main-slider-two .active .button-box {
opacity:1;
transform:scaleY(1);
-webkit-transition-delay:900ms;
-moz-transition-delay:900ms;
-ms-transition-delay:900ms;
-o-transition-delay:900ms;
transition-delay:900ms
}

.main-slider-two .phone-box {
position:relative;
margin-left:var(--margin-left-30);
opacity:0;
transform:scaleY(0);
transform-origin:top;
-webkit-transition:all 900ms ease;
-moz-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
transition:all 900ms ease
}

.main-slider-two .phone-box .box-inner {
position:relative;
font-weight:700;
color:var(--white-color);
font-size:var(--font-16);
padding-top:var(--padding-top-50);
padding-left:var(--padding-left-110)
}

.main-slider-two .phone-box .box-inner:before {
position:absolute;
content:'';
left:40px;
top:40px;
width:64px;
height:59px;
background:url(../images/icons/slider-icon.png) no-repeat
}

.main-slider-two .phone-box .icon {
position:absolute;
left:0;
top:0;
width:50px;
height:50px;
line-height:50px;
text-align:center;
border-radius:50px;
display:inline-block;
font-family:"Flaticon";
color:var(--white-color);
font-size:var(--font-20);
background-color:var(--color-twentyseven)
}

.main-slider-two .phone-box strong {
position:relative;
display:block;
font-weight:700;
color:var(--white-color);
font-size:var(--font-24);
margin-top:var(--margin-top-10);
font-family:var(--font-family-Poppins)
}

.main-slider-two .active .phone-box {
opacity:1;
transform:scaleY(1);
-webkit-transition-delay:900ms;
-moz-transition-delay:900ms;
-ms-transition-delay:900ms;
-o-transition-delay:900ms;
transition-delay:900ms
}

.main-slider-two .pattern-layer {
/*position:absolute;
left:0;
bottom:0;
right:0;
height:206px;
z-index:10;
background-position:center bottom;
background-size:cover*/
}

.main-slider-two .owl-dots {
display:none
}

.main-slider-two .owl-nav {
position:absolute;
right:60px;
top:50%;
width:60px;
transform:translateY(-50%)
}

.main-slider-two .owl-nav .owl-prev,.main-slider-two .owl-nav .owl-next {
position:relative;
width:50px;
height:50px;
line-height:46px;
text-align:center;
border-radius:50%;
display:inline-block;
font-size:var(--font-18);
color:var(--color-thirty);
border:2px solid var(--color-thirty);
margin-bottom:var(--margin-bottom-15);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
font-family:"Flaticon";
background-color:rgba(var(--black-color-rgb),0.1)
}

.main-slider-two .owl-nav .owl-prev:hover,.main-slider-two .owl-nav .owl-next:hover {
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color)
}

.main-slider-three {
position:relative;
overflow:hidden;
z-index:10
}

.main-slider-three .social-box {
position:absolute;
right:30px;
top:120px;
z-index:10;
width:30px;
writing-mode:vertical-rl;
transform:rotate(180deg)
}

.main-slider-three .social-box li {
position:relative;
display:inline-block;
margin-top:var(--margin-top-40)
}

.main-slider-three .social-box li a {
position:relative;
font-size:var(--font-16);
color:var(--white-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}

.main-slider-three .social-box li a:hover {
color:var(--color-fourtytwo)
}

.main-slider-three .social-box li a::before {
transform:rotate(90deg);
display:inline-block
}

.main-slider-three .social-box li span {
position:relative;
display:inline-block;
margin-left:var(--margin-left-5);
font-family:var(--font-family-BeVietnam)
}

.main-slider-three .image-layer {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
-webkit-transition:all 6000ms linear;
-moz-transition:all 6000ms linear;
-ms-transition:all 6000ms linear;
-o-transition:all 6000ms linear;
transition:all 6000ms linear
}

.main-slider-three .image-layer:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
width:100%;
bottom:0;
z-index:1;

}

.main-slider-three .slide {
position:relative;
overflow:hidden;
background-size:cover;
padding:80px 0 270px
}

.main-slider-three .active .slide .image-layer {
-webkit-transform:scale(1.15);
-ms-transform:scale(1.15);
transform:scale(1.15)
}

.main-slider-three .content-column {
position:relative;
z-index:2
}

.main-slider-three .content-column .inner-column {
position:relative;
padding-top:var(--padding-top-110)
}

.main-slider-three .title {
position:relative;
opacity:0;
font-weight:700;
transform:scaleY(0);
transform-origin:top;
color:var(--white-color);
font-size:var(--font-24);
-webkit-transition:all 1000ms ease;
-moz-transition:all 100ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
text-transform:uppercase;
margin-bottom:var(--margin-bottom-25)
}

.main-slider-three .active .title {
opacity:1;
transform:scaleY(1);
-webkit-transition-delay:300ms;
-moz-transition-delay:300ms;
-ms-transition-delay:300ms;
-o-transition-delay:300ms;
transition-delay:300ms
}

.main-slider-three h1 span {
color:var(--color-fourtytwo)
}

.main-slider-three h1 {
opacity:0;
font-weight:800;
line-height:75px;
transform:scaleY(0);
transform-origin:top;
color:var(--white-color);
font-size:var(--font-65);
-webkit-transition:all 1000ms ease;
-moz-transition:all 100ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
margin-bottom:var(--margin-bottom-30)
}

.main-slider-three .active h1 {
opacity:1;
transform:scaleY(1);
-webkit-transition-delay:300ms;
-moz-transition-delay:300ms;
-ms-transition-delay:300ms;
-o-transition-delay:300ms;
transition-delay:300ms
}

.main-slider-three .text {
opacity:0;
max-width:540px;
line-height:30px;
transform:scaleY(0);
transform-origin:top;
color:var(--color-six);
font-size:var(--font-18);
-webkit-transition:all 1000ms ease;
-moz-transition:all 100ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
transition:all 1000ms ease;
margin-bottom:var(--margin-bottom-35)
}

.main-slider-three .active .text {
opacity:1;
transform:scaleY(1);
-webkit-transition-delay:600ms;
-moz-transition-delay:600ms;
-ms-transition-delay:600ms;
-o-transition-delay:600ms;
transition-delay:600ms
}

.main-slider-three .button-box {
opacity:0;
transform:scaleY(0);
transform-origin:top;
display:inline-block;
-webkit-transition:all 900ms ease;
-moz-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
transition:all 900ms ease
}

.main-slider-three .active .button-box {
opacity:1;
transform:scaleY(1);
-webkit-transition-delay:900ms;
-moz-transition-delay:900ms;
-ms-transition-delay:900ms;
-o-transition-delay:900ms;
transition-delay:900ms
}

.main-slider-three .image-column {
position:relative;
z-index:10
}

.main-slider-three .image-column .inner-column {
position:relative
}

.main-slider-three .image-column .image {
position:relative;
border-radius:5px;
margin-right:-50px;
border:6px solid var(--color-thirtytwo);
opacity:0;
transform:scaleX(0);
transform-origin:top;
display:inline-block;
-webkit-transition:all 900ms ease;
-moz-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
transition:all 900ms ease
}

.main-slider-three .active .image-column .image {
opacity:1;
transform:scaleX(1);
-webkit-transition-delay:900ms;
-moz-transition-delay:900ms;
-ms-transition-delay:900ms;
-o-transition-delay:900ms;
transition-delay:900ms
}

.main-slider-three .pattern-layer {
position:absolute;
left:-6px;
top:0;
bottom:0;
right:0;
z-index:1;
background-position:left bottom;
background-size:cover
}

.main-slider-three .client-thumb-outer {
position:absolute;
left:-100px;
right:15px;
bottom:55px;
z-index:999;
max-width:330px;
margin:0 auto;
overflow:hidden;
text-align:center
}

.main-slider-three .client-thumb-outer .owl-item.active .thumb-item .thumb-box {
z-index:999
}

.main-slider-three .client-thumb-outer .owl-item.active .thumb-item .author-info {
opacity:1
}

.main-slider-three .client-thumb-outer .client-thumbs-carousel {
position:relative;
max-width:90px;
margin:0 auto;
text-align:center
}

.main-slider-three .client-thumb-outer .client-thumbs-carousel .owl-stage-outer {
overflow:visible
}

.main-slider-three .client-thumb-outer .thumb-item .thumb-box {
width:90px;
height:90px;
cursor:pointer;
border-radius:50%;
margin:0 auto;
overflow:hidden;
border:4px solid var(--white-color);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
transform:scale(0.9,0.9)
}

.main-slider-three .client-thumb-outer .owl-item {
z-index:0
}

.main-slider-three .client-thumb-outer .owl-item.active .thumb-box {
border-color:var(--color-fourtytwo)
}

.main-slider-three .client-thumb-outer .client-thumbs-carousel .thumb-item img {
overflow:hidden;
width:100%;
height:100%;
display:block;
border-radius:0
}

.main-slider-three .owl-dots,.main-slider-three .owl-nav {
display:none
}

.service-section {
position:relative;
z-index:10
}

.service-section .inner-container {
position:relative;
margin-top:-385px
}

.service-block {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.service-block .inner-box {
position:relative;
overflow:hidden;
border-radius:5px;
padding:50px 40px 70px
}

.service-block .inner-box:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
background-color:rgba(var(--black-color-rgb),0.90)
}

.service-block .inner-box .icon {
position:relative;
line-height:1em;
font-family:"Flaticon";
font-size:var(--font-66);
color:var(--white-color);
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.service-block .inner-box:hover .icon {
transform:rotateY(180deg)
}

.service-block .inner-box h5 {
font-size:var(--font-22);
margin-top:var(--margin-top-35);
margin-bottom:var(--margin-bottom-35);
padding-bottom:var(--padding-bottom-15)
}

.service-block .inner-box h5 a {
position:relative;
color:var(--white-color)
}

.service-block .inner-box h5:before {
position:absolute;
content:'';
left:0;
bottom:0;
width:60px;
height:3px;
background-color:var(--main-color)
}

.service-block .inner-box .read-more {
position:relative;
padding:14px 22px;
border-radius:4px;
font-weight:700;
display:inline-block;
font-size:var(--font-14);
color:var(--white-color);
text-transform:uppercase;
background-color:var(--main-color);
font-family:var(--font-family-BeVietnam)
}

.service-block .inner-box .read-more span {
position:relative;
top:2px;
font-family:"Flaticon";
font-size:var(--font-16);
margin-left:var(--margin-left-5)
}

.service-block .inner-box .shape-one {
position:absolute;
right:0;
top:40px;
width:62px;
height:86px;
background-repeat:no-repeat
}

.service-block .inner-box .shape-two {
position:absolute;
right:0;
top:20px;
width:120px;
height:166px;
opacity:0;
z-index:2;
background-repeat:no-repeat;
-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 .shape-two {
opacity:1
}

.service-block .inner-box:hover .image-layer {
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1);
-webkit-transform-origin:right center;
-ms-transform-origin:right center;
transform-origin:right center
}

.service-block .inner-box .image-layer {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
filter:blur(10px);
-webkit-filter:blur(10px);
background-repeat:no-repeat;
border:1px solid rgba(255,255,255,1);
transition:-webkit-transform .4s ease;
transition:transform .4s ease;
transition:transform .4s ease,-webkit-transform .4s ease;
-webkit-transform:scale(0,1);
-ms-transform:scale(0,1);
transform:scale(0,1);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center
}

.service-block .inner-box .text {
color:var(--color-seven);
display:none;
margin-bottom:var(--margin-bottom-40)
}

.about-section {
background:#4b4c4a;
position:relative;
overflow:hidden;
padding:130px 0 100px
}

.about-section .content-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.about-section .content-column .inner-column {
position:relative;
padding-left:var(--padding-left-30)
}

.about-section .content-column .lower-box {
position:relative;
margin-top:var(--margin-top-15);
padding-top:var(--padding-top-40);
margin-right:var(--margin-right-100);
border-top:1px solid var(--color-nine)
}

.feature-block {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.feature-block .inner-box {
position:relative;
padding-left:var(--padding-left-75)
}

.feature-block .inner-box .icon {
position:absolute;
left:0;
top:-4px;
line-height:1em;
display:inline-block;
color:var(--main-color);
font-size:var(--font-56);
font-family:"Flaticon";
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.feature-block .inner-box:hover .icon {
-webkit-transform:scale(-1) rotate(180deg);
-moz-transform:scale(-1) rotate(180deg);
-ms-transform:scale(-1) rotate(180deg);
-o-transform:scale(-1) rotate(180deg);
transform:scale(-1) rotate(180deg)
}

.feature-block .inner-box h5 {
text-transform:uppercase;
color:#fff;
line-height:18px;
}

.about-section .content-column .button-box {
position:relative;
float:left
}

.about-section .content-column .phone-box {
position:relative;
float:left;
margin-left:var(--margin-left-40)
}

.about-section .content-column .phone-box .box-inner {
position:relative;
font-size:var(--font-15);
color:var(--color-eight);
padding-top:var(--padding-top-5);
padding-left:var(--padding-left-80)
}

.about-section .content-column .phone-box .icon {
position:absolute;
left:0;
top:0;
width:60px;
height:60px;
line-height:60px;
text-align:center;
border-radius:50px;
display:inline-block;
font-family:"Flaticon";
font-size:var(--font-26);
background-color:var(--color-ten)
}

.about-section .content-column .phone-box strong {
position:relative;
display:block;
color:#fff;
font-size:var(--font-20);
margin-top:var(--margin-top-5);
font-family:var(--font-family-BeVietnam)
}

.about-section .image-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.about-section .image-column .inner-column {
position:relative;
z-index:10;
padding-left:var(--padding-left-30);
padding-right:var(--padding-right-60)
}

.about-section .image-column .counter-box {
position:relative
}

.about-section .image-column .counter-box .counter-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.about-section .image-column .counter-box h2 {
font-weight:700;
color:var(--main-color);
font-size:var(--font-44);
font-family:var(--font-family-BeVietnam)
}

.about-section .image-column .counter-box .counter-text {
position:relative;
font-weight:700;
color:var(--black-color);
font-size:var(--font-18);
margin-top:var(--margin-top-5)
}

.about-section .image-column .image {
position:relative;
margin-top:var(--margin-top-20);
width: 500px;

}

.about-section .image-column .image img {
position:relative;
width:100%;
display:block;
overflow:hidden;
border-radius:25px
}

.about-section .image-column .image .circle-layer {
position:absolute;
left:-30px;
top:-20px;
width:194px;
height:194px;
z-index:1;
border-radius:50%;
box-shadow:0 5px 15px rgba(0,0,0,0.10)
}

.about-section .image-column .image .gear-icon-one {
position:absolute;
left:-70px;
top:-70px;
line-height:1em;
font-size:280px;
color:var(--white-color);
font-family:"Flaticon"
}

.about-section .image-column .image .gear-icon-two {
position:absolute;
right:-100px;
bottom:-100px;
line-height:1em;
font-size:350px;
color:var(--white-color);
font-family:"Flaticon"
}

.service-section-two {
position:relative;
padding:140px 0
}

.service-section-two .image-layer {
position:absolute;
left:0;
top:0;
right:0;
height:500px;
background-size:cover
}

.service-section-two .pattern-layer-one {
position:absolute;
left:7%;
top:0;
width:405px;
height:394px
}

.service-section-two .pattern-layer-two {
position:absolute;
right:4%;
top:40%;
width:232px;
height:235px
}

.service-section-two .pattern-layer-three {
position:absolute;
left:0;
bottom:-80px;
width:344px;
height:281px;
background-repeat:no-repeat
}

.service-block-two {
position:relative;
z-index:20;
margin-bottom:var(--margin-bottom-30)
}

.service-block-two .inner-box {
position:relative;
border-radius:6px;
overflow:hidden;
box-shadow:0 10px 15px rgba(0,0,0,0.10)
}

.service-block-two .inner-box .image {
position:relative
}

.service-block-two .inner-box .image img {
position:relative;
width:100%;
display:block
}

.service-block-two .inner-box .overlay-box {
position:absolute;
left:0;
bottom:0;
right:35px;
z-index:1;
padding-left:110px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.service-block-two .inner-box:hover .overlay-box {
bottom:-120px
}

.service-block-two .inner-box .overlay-box .icon {
position:absolute;
left:0;
top:0;
width:100px;
height:90px;
line-height:90px;
text-align:center;
font-size:var(--font-44);
color:var(--white-color);
font-family:"Flaticon";
background-color:var(--color-eleven)
}

.service-block-two .inner-box .overlay-box .content {
position:relative;
padding:18px 25px 14px;
background-color:var(--white-color)
}

.service-block-two .inner-box .overlay-box h5 {
font-size:var(--font-22)
}

.service-block-two .inner-box .overlay-box .title {
position:relative;
display:block;
font-size:var(--font-15);
margin-top:var(--margin-top-5)
}

.service-block-two .inner-box:hover .overlay-box-two {
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1);
-webkit-transform-origin:right center;
-ms-transform-origin:right center;
transform-origin:right center
}

.service-block-two .inner-box .overlay-box-two {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
z-index:1;
transition:-webkit-transform .4s ease;
transition:transform .4s ease;
transition:transform .4s ease,-webkit-transform .4s ease;
-webkit-transform:scale(0,1);
-ms-transform:scale(0,1);
transform:scale(0,1);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center
}

.service-block-two .inner-box .overlay-box-two:before {
position:absolute;
content:'';
left:0;
top:0;
right:30px;
bottom:0;
opacity:.9;
background-color:var(--white-color)
}

.service-block-two .inner-box .overlay-box-two .icon-two {
position:absolute;
right:0;
top:0;
width:100px;
height:90px;
line-height:90px;
text-align:center;
font-size:var(--font-44);
color:var(--white-color);
font-family:"Flaticon";
background-color:var(--color-eleven)
}

.service-block-two .inner-box .overlay-box-two .icon-two:after {
position:absolute;
content:'';
right:0;
bottom:-18px;
border-top:18px solid var(--color-twelve);
border-right:30px solid transparent
}

.service-block-two .inner-box .overlay-box-two .overlay-inner {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 40px
}

.service-block-two .inner-box .overlay-box-two .overlay-inner .overlay-content {
position:relative;
display:table-cell;
vertical-align:middle
}

.service-block-two .inner-box .overlay-box-two h5 {
line-height:30px;
max-width:190px;
font-size:var(--font-22)
}

.service-block-two .inner-box .overlay-box-two h5 a {
position:relative;
color:var(--black-color);
-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 .overlay-box-two h5 a:hover {
color:var(--color-eleven)
}

.service-block-two .inner-box .overlay-box-two .text {
line-height:30px;
color:var(--color-eight);
margin-top:var(--margin-top-15);
margin-bottom:var(--margin-bottom-20)
}

.service-block-two .inner-box .overlay-box-two .read-more {
position:relative;
padding:14px 22px;
border-radius:4px;
font-weight:700;
display:inline-block;
font-size:var(--font-14);
color:var(--white-color);
text-transform:uppercase;
background-color:var(--color-eleven);
font-family:var(--font-family-BeVietnam)
}

.service-block-two .inner-box .overlay-box-two .read-more span {
position:relative;
top:1px;
font-family:"Flaticon";
font-size:var(--font-12);
margin-left:var(--margin-left-5)
}

.service-block-two.style-two .inner-box .overlay-box .icon,.service-block-two.style-two .inner-box .overlay-box-two .read-more,.service-block-two.style-two .inner-box .overlay-box-two .icon-two {
background-color:var(--main-color)
}

.service-block-two.style-two .inner-box .overlay-box-two h5 a:hover {
color:var(--main-color)
}

.service-block-two.style-three .inner-box .overlay-box .icon,.service-block-two.style-three .inner-box .overlay-box-two .read-more,.service-block-two.style-three .inner-box .overlay-box-two .icon-two {
background-color:var(--color-thirteen)
}

.service-block-two.style-three .inner-box .overlay-box-two h5 a:hover {
color:var(--color-thirteen)
}

.service-section-two .owl-nav .owl-prev {
position:absolute;
left:0;
font-family:"Flaticon";
font-size:var(--font-20)
}

.service-section-two .owl-nav .owl-next {
position:absolute;
right:0;
font-family:"Flaticon";
font-size:var(--font-20)
}

.service-section-two .owl-nav {
position:absolute;
left:50%;
bottom:27px;
width:100%;
z-index:1;
max-width:140px;
transform:translateX(-50%)
}

.service-section-two .owl-dots {
position:relative;
display:block;
text-align:center;
counter-reset:slides-num;
margin-top:var(--margin-top-15)
}

.service-section-two .owl-dots .owl-dot {
position:relative;
display:inline-block;
vertical-align:top;
counter-increment:slides-num
}

.service-section-two .owl-dots .owl-dot span {
position:relative;
content:"0" counter(slides-num) "";
display:block;
font-size:var(--font-16);
font-weight:700;
margin:0 10px;
color:var(--black-color);
padding-bottom:5px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
font-family:var(--font-family-BeVietnam)
}

.service-section-two .owl-dots .owl-dot span:after {
position:absolute;
content:'/';
right:-14px;
top:0;
opacity:0;
font-size:var(--font-14);
color:var(--black-color);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}

.service-section-two .owl-dots .owl-dot:hover span:after,.service-section-two .owl-dots .owl-dot.active span:after {
opacity:1
}

.service-section-two .owl-dots .owl-dot span:before {
position:relative;
content:"0" counter(slides-num) ""
}

.service-section-two .owl-dots .owl-dot:hover span,.service-section-two .owl-dots .owl-dot.active span {
color:var(--main-color);
opacity:1
}

.service-section-two .owl-dots .owl-dot:last-child span::after {
display:none
}

.project-section {
position:relative;
overflow:hidden;
padding-bottom:140px;
padding-top:var(--padding-top-40)
}

.project-section .auto-container {
position:relative
}

.project-section .gear-pattern-layer {
position:absolute;
right:-160px;
bottom:-100px;
width:345px;
height:344px;
background-repeat:no-repeat
}

.project-section .tabs-box {
position:relative;
z-index:1
}

.project-section .btns-outer {
position:absolute;
right:0;
top:0;
width:100%;
max-width:510px;
padding-left:170px;
padding-top:var(--padding-top-80);
padding-bottom:var(--padding-bottom-40)
}

.project-section .btns-outer .tab-buttons {
position:relative;
max-width:180px;
z-index:10
}

.project-section .btns-outer .title-box {
position:relative;
margin-bottom:var(--margin-bottom-55)
}

.project-section .btns-outer .title-box h2 {
color:var(--white-color);
font-size:var(--font-40)
}

.project-section .btns-outer .btns-pattern-layer {
position:absolute;
right:0;
top:0;
left:0;
bottom:0
}

.project-section .tab-btns .tab-btn {
position:relative;
cursor:pointer;
font-weight:500;
display:inline-block;
font-size:var(--font-24);
transition:all .3s ease;
color:var(--white-color);
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
font-family:var(--font-family-Inter);
margin-bottom:var(--margin-bottom-30)
}

.project-section .tab-btns .tab-btn:hover,.project-section .tab-btns .tab-btn.active-btn {
color:var(--main-color);
transform:translateX(50px)
}

.project-section .tab-btns .tab-btn:before {
position:absolute;
content:'';
left:-180px;
bottom:9px;
width:165px;
height:2px;
opacity:0;
display:block;
background-color:var(--main-color);
transform:scale(0.2,1);
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}

.project-section .tab-btns .tab-btn:hover::before,.project-section .tab-btns .tab-btn.active-btn::before {
opacity:1;
transform:scale(1,1)
}

.project-section .tab-btns .tab-btn:after {
position:absolute;
content:'';
right:-25px;
bottom:4px;
opacity:0;
display:block;
transform:scale(0.2,1);
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
border-top:7px solid transparent;
border-left:12px solid var(--main-color);
border-bottom:7px solid transparent
}

.project-section .tab-btns .tab-btn:hover::after,.project-section .tab-btns .tab-btn.active-btn::after {
opacity:1;
transform:scale(1,1)
}

.project-section .tabs-content {
position:relative;
padding-right:410px
}

.project-section .tabs-content .image {
position:relative;
margin-left:-180px;
padding-top:var(--padding-top-60)
}

.project-section .prod-tabs .tabs-content .tab {
position:relative;
display:none;
z-index:1;
transition:all .7s ease;
-moz-transition:all .7s ease;
-webkit-transition:all .7s ease;
-ms-transition:all .7s ease;
-o-transition:all .7s ease;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
-moz-transform:scaleY(0);
transform:scaleY(0)
}

.project-section .prod-tabs .tabs-content .tab.active-tab {
display:block;
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
-o-transform:scaleY(1);
-moz-transform:scaleY(1);
transform:scaleY(1)
}

.project-section .content {
position:absolute;
right:0;
bottom:0;
width:100%;
max-width:420px;
padding:45px 35px;
transition:all .7s ease;
-moz-transition:all .7s ease;
-webkit-transition:all .7s ease;
-ms-transition:all .7s ease;
-o-transition:all .7s ease
}

.project-section .content .pattern-layer {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
filter:blur(5px);
-webkit-filter:blur(5px);
background-repeat:no-repeat
}

.project-section .content h5 {
position:relative;
line-height:32px;
font-weight:700
}

.project-section .content h5 a {
position:relative;
color:var(--white-color);
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}

.project-section .content h5 a:hover {
color:var(--main-color)
}

.project-section .content .category {
position:relative;
font-weight:500;
letter-spacing:2px;
color:var(--white-color);
text-transform:uppercase;
font-size:var(--font-14);
margin-top:var(--margin-top-20)
}

.project-section .content .arrow {
position:absolute;
right:0;
bottom:0;
width:65px;
height:75px;
line-height:75px;
text-align:center;
font-size:var(--font-24);
color:var(--white-color);
font-family:"Flaticon";
background-color:var(--main-color);
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}

.project-section .content .arrow:hover {
color:var(--main-color);
background-color:var(--white-color)
}

.products-section {
position:relative;
overflow:hidden;
padding:140px 0;
background-color:var(--color-fourteen)
}

.products-section .sec-title {
margin-bottom:var(--margin-bottom-60)
}

.products-section .pattern-layer {
position:absolute;
left:12%;
top:0;
width:404px;
height:393px;
background-repeat:no-repeat
}

.products-section .pattern-layer-two {
position:absolute;
right:8%;
top:8%;
width:86px;
height:142px;
background-repeat:no-repeat
}

.products-section .pattern-layer-three {
position:absolute;
left:1%;
bottom:10%;
width:212px;
height:196px;
background-repeat:no-repeat
}

.products-section .pattern-layer-four {
position:absolute;
right:-10px;
top:25%;
width:320px;
height:312px;
background-repeat:no-repeat
}

.products-section .pattern-layer-five {
position:absolute;
right:0;
bottom:30px;
width:359px;
height:505px;
background-repeat:no-repeat
}

.products-section .owl-nav .owl-prev {
position:absolute;
left:0;
font-family:"Flaticon";
font-size:var(--font-20)
}

.products-section .owl-nav .owl-next {
position:absolute;
right:0;
font-family:"Flaticon";
font-size:var(--font-20)
}

.products-section .owl-nav {
position:absolute;
left:50%;
bottom:27px;
width:100%;
z-index:1;
max-width:180px;
transform:translateX(-50%)
}

.products-section .owl-dots {
position:relative;
display:block;
text-align:center;
counter-reset:slides-num;
margin-top:var(--margin-top-15)
}

.products-section .owl-dots .owl-dot {
position:relative;
display:inline-block;
vertical-align:top;
counter-increment:slides-num
}

.products-section .owl-dots .owl-dot span {
position:relative;
content:"0" counter(slides-num) "";
display:block;
font-size:var(--font-16);
font-weight:700;
margin:0 10px;
color:var(--black-color);
padding-bottom:5px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
font-family:var(--font-family-BeVietnam)
}

.products-section .owl-dots .owl-dot span:after {
position:absolute;
content:'/';
right:-14px;
top:0;
opacity:0;
font-size:var(--font-14);
color:var(--black-color);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}

.products-section .owl-dots .owl-dot:hover span:after,.products-section .owl-dots .owl-dot.active span:after {
opacity:1
}

.products-section .owl-dots .owl-dot span:before {
position:relative;
content:"0" counter(slides-num) ""
}

.products-section .owl-dots .owl-dot:hover span,.products-section .owl-dots .owl-dot.active span {
color:var(--main-color);
opacity:1
}

.products-section .owl-dots .owl-dot:last-child span::after {
display:none
}

.products-section .owl-carousel .owl-stage-outer {
padding:15px 0 0
}

.product-block {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.product-block .inner-box {
position:relative;
text-align:center
}

.product-block .inner-box .color-layer {
position:absolute;
left:0;
top:90px;
right:0;
bottom:25px;
border-radius:7px;
background-color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.product-block .inner-box .color-layer:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
opacity:0;
border-radius:7px;
transform:scale(0.30,1);
background-color:var(--black-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.product-block .inner-box:hover .color-layer:before {
transform:scale(1,1);
opacity:1
}

.product-block .inner-box .image-box {
position:relative;
display:inline-block
}

.product-block .inner-box .image-box:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
opacity:0;
border-radius:50%;
background-color:var(--main-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.product-block .inner-box:hover .image-box:before {
transform:translateY(-15px);
opacity:1
}

.product-block .inner-box .image {
position:relative;
width:190px;
height:190px;
margin:0 auto;
overflow:hidden;
border-radius:50%;
background-color:var(--white-color);
box-shadow:0 10px 15px rgba(0,0,0,0.10)
}

.product-block .inner-box h5 {
font-weight:700;
line-height:34px;
font-size:var(--font-22);
margin-top:var(--margin-top-20)
}

.product-block .inner-box h5 a {
position:relative;
color:var(--black-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.product-block .inner-box:hover h5 a {
color:var(--white-color)
}

.product-block .inner-box .lower-box {
position:relative;
margin:0 25px;
padding-top:var(--padding-top-20);
border-top:1px solid var(--color-fifteen);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.product-block .inner-box:hover .lower-box {
border-color:rgba(255,255,255,0.15)
}

.product-block .inner-box .price {
position:relative;
font-weight:700;
font-size:var(--font-16);
color:var(--black-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.product-block .inner-box .price span {
position:relative;
color:var(--color-seventeen);
text-decoration:line-through;
margin-right:var(--margin-right-5)
}

.product-block .inner-box:hover .price {
color:var(--white-color)
}

.product-block .inner-box .rating {
position:relative;
font-size:var(--font-16);
color:var(--color-sixteen)
}

.product-block .inner-box .btn-box {
margin-top:var(--margin-top-25)
}

.product-block .inner-box .read-more {
position:relative;
padding:16px 26px 14px;
border-radius:4px;
font-weight:700;
display:inline-block;
font-size:var(--font-14);
color:var(--white-color);
text-transform:uppercase;
background-color:var(--main-color);
font-family:var(--font-family-BeVietnam)
}

.product-block .inner-box .read-more span {
position:relative;
top:-1px;
font-family:"Flaticon";
font-size:var(--font-10);
margin-left:var(--margin-left-5)
}

.team-section {
position:relative;
overflow:hidden;
padding:100px 0 90px
}

.team-section .owl-carousel .owl-stage-outer {
padding:0 0 65px
}

.team-section .owl-theme .team-block {
margin:0 15px
}

.team-section .owl-carousel {
margin:0 -15px;
width:auto
}

.team-section .owl-nav .owl-prev {
position:absolute;
left:0;
font-family:"Flaticon";
font-size:var(--font-20)
}

.team-section .owl-nav .owl-next {
position:absolute;
right:0;
font-family:"Flaticon";
font-size:var(--font-20)
}

.team-section .owl-nav {
position:absolute;
right:0;
top:-80px;
width:100%;
z-index:10;
max-width:140px;
margin-left:-70px
}

.team-section .owl-dots {
position:absolute;
right:30px;
top:-95px;
z-index:10;
display:block;
text-align:center;
counter-reset:slides-num;
margin-top:var(--margin-top-15)
}

.team-section .owl-dots .owl-dot {
position:relative;
display:inline-block;
vertical-align:top;
counter-increment:slides-num
}

.team-section .owl-dots .owl-dot span {
position:relative;
content:"0" counter(slides-num) "";
display:block;
font-size:var(--font-16);
font-weight:700;
margin:0 10px;
color:var(--black-color);
padding-bottom:5px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
font-family:var(--font-family-BeVietnam)
}

.team-section .owl-dots .owl-dot span:after {
position:absolute;
content:'/';
right:-14px;
top:0;
opacity:0;
font-size:var(--font-14);
color:var(--black-color);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}

.team-section .owl-dots .owl-dot:hover span:after,.team-section .owl-dots .owl-dot.active span:after {
opacity:1
}

.team-section .owl-dots .owl-dot span:before {
position:relative;
content:"0" counter(slides-num) ""
}

.team-section .owl-dots .owl-dot:hover span,.team-section .owl-dots .owl-dot.active span {
color:var(--main-color);
opacity:1
}

.team-section .owl-dots .owl-dot:last-child span::after {
display:none
}

.team-block {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.team-block .inner-box {
position:relative
}

.team-block .inner-box .image {
position:relative
}

.team-block .inner-box .image::before {
position:absolute;
content:'';
left:0;
bottom:0;
right:0;
height:50%;
z-index:1;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
background-image:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(250,67,24,1) 100%);
background-image:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(250,67,24,1) 100%);
background-image:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(250,67,24,1) 100%);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100,rgba(250,67,24,1)));
background-image:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(250,67,24,1) 100%);
background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(250,67,24,1) 100%)
}

.team-block .inner-box .image img {
position:relative;
width:100%;
display:block;
filter:grayscale(100%);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,0 100%,0% 50%)
}

.team-block .inner-box:hover .image img {
filter:grayscale(0%)
}

.team-block .inner-box .image .social-box {
position:absolute;
left:-15px;
top:30px;
width:32px
}

.team-block .inner-box .image .social-box a {
position:relative;
left:0;
top:0;
width:30px;
height:30px;
line-height:30px;
text-align:center;
display:inline-block;
color:var(--white-color);
background-color:var(--main-color);
margin-bottom:var(--margin-bottom-10)
}

.team-block .inner-box .image .social-box a:hover {
color:var(--main-color);
background-color:var(--white-color);
box-shadow:0 0 10px rgba(0,0,0,0.10)
}

.team-block .inner-box .lower-content {
position:relative;
text-align:center;
margin-top:-25px;
z-index:1;
padding-top:var(--padding-top-25)
}

.team-block .inner-box .lower-content .gear-icon {
position:absolute;
left:0;
top:0;
opacity:0;
width:101px;
height:97px;
background:url(../images/icons/gear.png);
background-repeat:no-repeat;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.team-block .inner-box:hover .lower-content .gear-icon {
opacity:1
}

.team-block .inner-box .lower-content:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:25px;
background-color:var(--white-color);
border:1px solid var(--color-eightteen);
clip-path:polygon(0 0,88% 0,100% 12%,100% 100%,0 100%,0% 50%);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.team-block .inner-box:hover .lower-content:before {
bottom:-35px;
border-color:var(--color-nineteen);
background-color:var(--color-nineteen)
}

.team-block .inner-box .lower-content:after {
position:absolute;
content:'';
right:0;
top:0;
border-bottom:17px solid var(--color-six);
border-right:31px solid transparent;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.team-block .inner-box:hover .lower-content:after {
border-bottom:22px solid var(--color-six)
}

.team-block .inner-box h5 {
font-size:var(--font-22)
}

.team-block .inner-box h5 a {
position:relative;
color:var(--black-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.team-block .inner-box:hover .list li,.team-block .inner-box:hover .designation,.team-block .inner-box:hover h5 a {
color:var(--white-color)
}

.team-block .inner-box .designation {
position:relative;
font-weight:500;
color:var(--main-color);
font-size:var(--font-15);
margin-top:var(--margin-top-5);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.team-block .inner-box .middle-content {
position:relative
}

.team-block .inner-box .list {
position:absolute;
left:0;
right:0;
opacity:0;
margin-top:var(--margin-top-15);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.team-block .inner-box .list li {
position:relative;
display:inline-block;
color:var(--black-color);
font-size:var(--font-16);
padding-left:var(--padding-left-25);
margin-bottom:var(--margin-bottom-5);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.team-block .inner-box .list li .icon {
position:absolute;
left:0;
color:var(--main-color);
font-family:"Flaticon";
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.team-block .inner-box .btn-box {
position:relative;
text-align:center;
margin-top:var(--margin-top-25);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.team-block .inner-box:hover .list {
opacity:1
}

.team-block .inner-box:hover .btn-box {
transform:translateY(60px)
}

.team-block .inner-box .btn-box .read-more {
position:relative;
padding:16px 26px 14px;
border-radius:4px;
font-weight:700;
display:inline-block;
font-size:var(--font-14);
color:var(--white-color);
text-transform:uppercase;
background-color:var(--main-color);
font-family:var(--font-family-BeVietnam);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.team-block .inner-box .btn-box .read-more span {
position:relative;
top:-1px;
font-family:"Flaticon";
font-size:var(--font-10);
margin-left:var(--margin-left-5)
}

.cta-section {
position:relative;
text-align:center;
z-index:1;
padding:100px 0 120px
}

.cta-section .gradient-layer {
position:absolute;
left:0;
top:0;
right:0;
width:40%;
bottom:0;
opacity:.8;
background:var(--main-color);
background:-webkit-linear-gradient(to right,var(--main-color) 0%,rgba(255,255,255,0) 100%);
background:-moz-linear-gradient(to right,var(--main-color) 0%,rgba(255,255,255,0) 100%);
background:linear-gradient(to right,var(--main-color) 0%,rgba(255,255,255,0) 100%)
}

.cta-section .pattern-layer {
position:absolute;
left:0;
bottom:0;
width:113px;
height:215px;
z-index:1
}

.cta-section .pattern-layer-two {
position:absolute;
right:60px;
top:80px;
width:86px;
height:142px
}

.cta-section:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
opacity:.5;
background-color:var(--black-color)
}

.cta-section .icon {
position:relative
}

.cta-section h2 {
line-height:72px;
font-size:var(--font-60);
color:var(--white-color);
margin-top:var(--margin-top-30);
margin-bottom:var(--margin-bottom-40);
font-family:var(--font-family-Roboto)
}

.news-section {
position:relative;
overflow:hidden;
padding:130px 0 100px;
background-color:var(--color-fourteen)
}

.news-section .pattern-layer {
position:absolute;
left:12%;
top:0;
width:404px;
height:393px;
background-repeat:no-repeat
}

.news-section .pattern-layer-two {
position:absolute;
right:8%;
top:8%;
width:86px;
height:142px;
background-repeat:no-repeat
}

.news-section .pattern-layer-three {
position:absolute;
left:1%;
bottom:10%;
width:212px;
height:196px;
background-repeat:no-repeat
}

.news-section .pattern-layer-four {
position:absolute;
right:-10px;
top:25%;
width:320px;
height:312px;
background-repeat:no-repeat
}

.news-section .pattern-layer-five {
position:absolute;
right:0;
bottom:30px;
width:359px;
height:505px;
background-repeat:no-repeat
}

.news-section .owl-nav .owl-prev {
position:absolute;
left:0;
font-family:"Flaticon";
font-size:var(--font-20)
}

.news-section .owl-nav .owl-next {
position:absolute;
right:0;
font-family:"Flaticon";
font-size:var(--font-20)
}

.news-section .owl-nav {
position:absolute;
right:0;
top:-80px;
width:100%;
z-index:1;
max-width:140px;
margin-left:-70px
}

.news-section .owl-dots {
position:absolute;
right:30px;
top:-95px;
display:block;
text-align:center;
counter-reset:slides-num;
margin-top:var(--margin-top-15)
}

.news-section .owl-dots .owl-dot {
position:relative;
display:inline-block;
vertical-align:top;
counter-increment:slides-num
}

.news-section .owl-dots .owl-dot span {
position:relative;
content:"0" counter(slides-num) "";
display:block;
font-size:var(--font-16);
font-weight:700;
margin:0 10px;
color:var(--black-color);
padding-bottom:5px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
font-family:var(--font-family-BeVietnam)
}

.news-section .owl-dots .owl-dot span:after {
position:absolute;
content:'/';
right:-14px;
top:0;
opacity:0;
font-size:var(--font-14);
color:var(--black-color);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}

.news-section .owl-dots .owl-dot:hover span:after,.news-section .owl-dots .owl-dot.active span:after {
opacity:1
}

.news-section .owl-dots .owl-dot span:before {
position:relative;
content:"0" counter(slides-num) ""
}

.news-section .owl-dots .owl-dot:hover span,.news-section .owl-dots .owl-dot.active span {
color:var(--main-color);
opacity:1
}

.news-section .owl-dots .owl-dot:last-child span::after {
display:none
}

.news-block {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.news-block .inner-box {
position:relative;
border-radius:6px;
overflow:hidden;
box-shadow:0 10px 15px rgba(0,0,0,0.10)
}

.news-block .inner-box .image {
position:relative
}

.news-block .inner-box .image img {
position:relative;
width:100%;
display:block
}

.news-block .inner-box .category {
position:absolute;
right:15px;
top:15px;
z-index:1;
padding:6px 12px;
font-weight:600;
border-radius:3px;
display:inline-block;
color:var(--white-color);
text-transform:uppercase;
background-color:var(--main-color);
font-family:var(--font-family-BeVietnam)
}

.news-block .inner-box .overlay-box {
position:absolute;
left:0;
bottom:0;
right:0;
z-index:1;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.news-block .inner-box:hover .overlay-box {
bottom:-150px
}

.news-block .inner-box .overlay-box .content {
position:relative;
padding:25px 25px 20px;
background-color:var(--white-color)
}

.news-block .inner-box .overlay-box h5 {
font-weight:700;
line-height:28px;
margin-top:var(--black-color);
margin-top:var(--margin-top-10)
}

.news-block .inner-box .post-meta {
position:relative
}

.news-block .inner-box .post-meta li {
position:relative;
font-weight:500;
display:inline-block;
color:var(--color-five);
font-size:var(--font-16);
margin-right:var(--margin-right-10);
padding-left:var(--padding-left-25)
}

.news-block .inner-box .post-meta li:last-child {
margin-right:var(--margin-zero)
}

.news-block .inner-box .post-meta li .icon {
position:absolute;
left:0;
top:0;
font-size:var(--font-16);
color:var(--black-color);
font-family:"Flaticon"
}

.news-block .inner-box .overlay-box .title {
position:relative;
display:block;
font-size:var(--font-15);
margin-top:var(--margin-top-5)
}

.news-block .inner-box:hover .overlay-box-two {
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1);
-webkit-transform-origin:right center;
-ms-transform-origin:right center;
transform-origin:right center
}

.news-block .inner-box .overlay-box-two {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
z-index:1;
transition:-webkit-transform .4s ease;
transition:transform .4s ease;
transition:transform .4s ease,-webkit-transform .4s ease;
-webkit-transform:scale(0,1);
-ms-transform:scale(0,1);
transform:scale(0,1);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center
}

.news-block .inner-box .overlay-box-two .image-layer {
position:absolute;
content:'';
left:0;
top:0;
right:30px;
bottom:0;
filter:blur(10px);
-webkit-filter:blur(10px)
}

.news-block .inner-box .overlay-box-two .post-date {
position:absolute;
right:0;
top:0;
width:73px;
height:76px;
line-height:24px;
text-align:center;
font-weight:700;
padding-top:var(--padding-top-15);
font-size:var(--font-16);
color:var(--white-color);
font-family:var(--font-family-BeVietnam);
background-color:var(--main-color)
}

.news-block .inner-box .overlay-box-two .post-date:after {
position:absolute;
content:'';
right:0;
bottom:-18px;
border-top:18px solid var(--color-twenty);
border-right:30px solid transparent
}

.news-block .inner-box .overlay-box-two .overlay-inner {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 30px
}

.news-block .inner-box .overlay-box-two .overlay-inner .overlay-content {
position:relative;
display:table-cell;
vertical-align:middle
}

.news-block .inner-box .overlay-box-two h5 {
line-height:30px;
font-size:var(--font-22)
}

.news-block .inner-box .overlay-box-two h5 a {
position:relative;
color:var(--white-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease
}

.news-block .inner-box .overlay-box-two h5 a:hover {
color:var(--main-color)
}

.news-block .inner-box .overlay-box-two .text {
line-height:30px;
max-width:280px;
color:var(--white-color);
margin-top:var(--margin-top-15);
margin-bottom:var(--margin-bottom-20)
}

.news-block .inner-box .overlay-box-two .read-more {
position:relative;
padding:14px 22px;
border-radius:4px;
font-weight:700;
display:inline-block;
font-size:var(--font-14);
color:var(--white-color);
text-transform:uppercase;
background-color:var(--main-color);
font-family:var(--font-family-BeVietnam)
}

.news-block .inner-box .overlay-box-two .read-more span {
position:relative;
top:1px;
font-family:"Flaticon";
font-size:var(--font-12);
margin-left:var(--margin-left-5)
}

.main-footer {
position:relative;
z-index:10;
padding:90px 0 0;
background-position:center center;
background-repeat:no-repeat;
background-color:var(--color-twentyone)
}

.main-footer .footer-widget {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.main-footer .widgets-section {
position:relative;
padding-bottom:var(--padding-bottom-60)
}

.main-footer .logo-widget {
position:relative
}

.main-footer .logo-widget .logo {
position:relative;
margin-bottom:25px
}

.main-footer .logo-widget .text {
line-height:1.8em;
color:var(--color-twentytwo);
margin-bottom:var(--margin-bottom-30)
}

.main-footer .logo-widget .about-btn {
position:relative;
padding:11px 27px;
font-weight:700;
margin-top:0;
border-radius:5px;
display:inline-block;
font-size:var(--font-14);
text-transform:uppercase;
color:var(--white-color);
background-color:var(--main-color)
}

.main-footer .footer-widget h4 {
font-weight:700;
margin-top:10px;
margin-bottom:30px;
color:var(--white-color);
text-transform:capitalize;
padding-bottom:var(--padding-bottom-20)
}

.main-footer .footer-widget h4:before {
position:absolute;
content:'';
left:0;
bottom:0;
width:50px;
height:2px;
background-color:var(--main-color)
}

.main-footer .newsletter-widget .text {
line-height:1.8em;
color:var(--color-twentytwo);
margin-bottom:var(--margin-bottom-30)
}

.main-footer .email-box {
position:relative;
margin-bottom:22px
}

.main-footer .email-box .form-group {
position:relative;
margin:0;
width:100%;
max-width:100%
}

.main-footer .email-box .form-group input[type="text"],.main-footer .email-box .form-group input[type="email"] {
position:relative;
line-height:43px;
padding:10px 55px 10px 25px;
background-color:rgba(255,255,255,0.20);
display:block;
font-size:14px;
height:50px;
width:100%;
border-radius:0;
box-shadow:inherit;
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.main-footer .email-box .form-group input::placeholder,.main-footer .email-box .form-group textarea::placeholder {
color:#fff
}

.main-footer .email-box .form-group button {
position:absolute;
right:0;
top:0;
height:50px;
width:64px;
display:block;
cursor:pointer;
line-height:100%;
font-weight:400;
text-align:center;
color:var(--white-color);
font-size:var(--font-18);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:"Flaticon";
background-color:var(--main-color)
}

.main-footer .email-box .form-group button:hover {
color:#fff
}

.newsletter-widget .social-box {
position:relative
}

.newsletter-widget .social-box li {
position:relative;
margin-right:15px;
display:inline-block
}

.newsletter-widget .social-box li a {
position:relative;
color:var(--white-color);
font-size:var(--font-18);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease
}

.newsletter-widget .social-box li a:hover {
color:var(--main-color)
}

.main-footer .contact-widget .contact-list {
position:relative
}

.main-footer .contact-widget .contact-list li {
position:relative;
line-height:1.8em;
font-size:var(--font-14);
color:var(--color-twentytwo);
padding-left:var(--padding-left-30);
margin-bottom:var(--margin-bottom-15)
}

.main-footer .contact-widget .contact-list li .icon {
position:absolute;
left:0;
top:-1px;
color:var(--white-color)
}

.main-footer .contact-widget .contact-list li:last-child {
margin-bottom:0
}

.main-footer .contact-widget .timing {
position:relative;
line-height:1.8em;
font-size:var(--font-15);
color:var(--color-twentytwo);
margin-top:var(--margin-top-20)
}

.main-footer .contact-widget .timing strong {
position:relative;
font-weight:700;
display:block;
color:var(--white-color);
text-decoration:underline;
margin-bottom:var(--margin-bottom-10)
}

.main-footer .instagram-widget .images-outer {
position:relative;
margin:0 -3px
}

.main-footer .instagram-widget .image-box {
position:relative;
float:left;
width:33.333%;
padding:0 3px;
margin-bottom:var(--margin-bottom-5)
}

.main-footer .instagram-widget .image-box img {
position:relative;
display:block;
width:100%;
-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 .instagram-widget .image-box img:hover {
opacity:.7
}

.main-footer .footer-bottom {
position:relative;
padding:22px 0;
text-align:center;
border-top:1px solid rgba(255,255,255,0.10)
}

.main-footer .footer-bottom .copyright {
position:relative;
font-size:var(--font-15);
color:var(--color-twentytwo)
}

.main-footer .footer-bottom .copyright a {
color:var(--main-color)
}

.vertical-lines-wrapper {
position:fixed;
width:100%;
height:100%;
overflow:hidden;
left:0;
top:0;
margin:0;
-webkit-pointer-events:none;
-moz-pointer-events:none;
pointer-events:none;
z-index:1
}

.vertical-lines {
position:fixed;
max-width:1170px;
width:100%;
height:100%;
left:50%;
top:0;
opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
filter:alpha(opacity=100);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
transform:translateX(-50%)
}

.vertical-effect {
position:relative;
width:20%;
height:100%;
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-left:1px solid var(--color-twentythree)
}

.vertical-effect:nth-child(6) {
position:absolute;
right:0;
top:0;
bottom:0;
width:2px
}

.vertical-effect::before {
content:"";
position:absolute;
display:block;
width:3px;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
-ms-animation-direction:normal;
-o-animation-direction:normal;
animation-direction:normal
}

.vertical-effect:first-child::before,.vertical-effect:nth-child(6)::before,.vertical-effect:nth-child(5)::before,.vertical-effect:nth-child(3)::before,.vertical-effect:nth-child(4)::before,.vertical-effect:nth-child(5)::before {
content:"";
position:absolute;
left:-2px
}

.vertical-effect:first-child::before {
top:0;
-webkit-animation:raindrop 6s ease-out infinite;
-moz-animation:raindrop 6s ease-out infinite;
-ms-animation:raindrop 6s ease-out infinite;
-o-animation:raindrop 6s ease-out infinite;
animation:raindrop 6s ease-out infinite;
background:-webkit-linear-gradient(top,rgba(225,225,225,0),rgba(225,225,225,1));
background:-ms-linear-gradient(top,rgba(225,225,225,0),rgba(225,225,225,1));
background:linear-gradient(top,rgba(225,225,225,0),rgba(225,225,225,1))
}

.vertical-effect:nth-child(2)::before {
bottom:0;
-webkit-animation:raindrop-reverse 6s ease-out infinite;
-moz-animation:raindrop-reverse 6s ease-out infinite;
-ms-animation:raindrop-reverse 6s ease-out infinite;
-o-animation:raindrop-reverse 6s ease-out infinite;
animation:raindrop-reverse 6s ease-out infinite;
background:-webkit-linear-gradient(top,rgba(225,225,225,1),rgba(225,225,225,0));
background:-ms-linear-gradient(top,rgba(225,225,225,1),rgba(225,225,225,0));
background:linear-gradient(top,rgba(225,225,225,1),rgba(225,225,225,0))
}

.vertical-effect:nth-child(3)::before {
top:0;
-webkit-animation:raindrop 12s ease-out infinite;
-moz-animation:raindrop 12s ease-out infinite;
-ms-animation:raindrop 12s ease-out infinite;
-o-animation:raindrop 12s ease-out infinite;
animation:raindrop 12s ease-out infinite;
background:-webkit-linear-gradient(top,rgba(225,225,225,0),rgba(225,225,225,1));
background:-ms-linear-gradient(top,rgba(225,225,225,0),rgba(225,225,225,1));
background:linear-gradient(top,rgba(225,225,225,0),rgba(225,225,225,1))
}

.vertical-effect:nth-child(4)::before {
bottom:0;
-webkit-animation:raindrop-reverse 6s ease-out infinite;
-moz-animation:raindrop-reverse 6s ease-out infinite;
-ms-animation:raindrop-reverse 6s ease-out infinite;
-o-animation:raindrop-reverse 6s ease-out infinite;
animation:raindrop-reverse 6s ease-out infinite;
background:-webkit-linear-gradient(top,rgba(225,225,225,1),rgba(225,225,225,0));
background:-ms-linear-gradient(top,rgba(225,225,225,1),rgba(225,225,225,0));
background:linear-gradient(top,rgba(225,225,225,1),rgba(225,225,225,0))
}

.vertical-effect:nth-child(5)::before {
top:0;
-webkit-animation:raindrop 6s ease-out infinite;
-moz-animation:raindrop 6s ease-out infinite;
-ms-animation:raindrop 6s ease-out infinite;
-o-animation:raindrop 6s ease-out infinite;
animation:raindrop 6s ease-out infinite;
background:-webkit-linear-gradient(top,rgba(225,225,225,0),rgba(225,225,225,1));
background:-ms-linear-gradient(top,rgba(225,225,225,0),rgba(225,225,225,1));
background:linear-gradient(top,rgba(225,225,225,0),rgba(225,225,225,1))
}

.vertical-effect:nth-child(6)::before {
bottom:0;
-webkit-animation:raindrop-reverse 6s ease-out infinite;
-moz-animation:raindrop-reverse 6s ease-out infinite;
-ms-animation:raindrop-reverse 6s ease-out infinite;
-o-animation:raindrop-reverse 6s ease-out infinite;
animation:raindrop-reverse 6s ease-out infinite;
background:-webkit-linear-gradient(top,rgba(225,225,225,1),rgba(225,225,225,0));
background:-ms-linear-gradient(top,rgba(225,225,225,1),rgba(225,225,225,0));
background:linear-gradient(top,rgba(225,225,225,1),rgba(225,225,225,0))
}

@-webkit-keyframes raindrop {
0% {
top:-10%;
opacity:0;
height:0
}

50% {
opacity:1
}

100% {
top:100%;
height:35%
}
}

@-ms-keyframes raindrop {
0% {
top:-10%;
opacity:0;
height:0
}

50% {
opacity:1
}

100% {
top:100%;
height:35%
}
}

@keyframes raindrop {
0% {
top:-10%;
opacity:0;
height:0
}

50% {
opacity:1
}

100% {
top:100%;
height:35%
}
}

@-webkit-keyframes raindrop-reverse {
0% {
bottom:-10%;
opacity:0;
height:0
}

50% {
opacity:1
}

100% {
bottom:100%;
height:35%
}
}

@-ms-keyframes raindrop-reverse {
0% {
bottom:-10%;
opacity:0;
height:0
}

50% {
opacity:1
}

100% {
bottom:100%;
height:35%
}
}

@keyframes raindrop-reverse {
0% {
bottom:-10%;
opacity:0;
height:0
}

50% {
opacity:1
}

100% {
bottom:100%;
height:35%
}
}

.about-section-two {
position:relative;
padding:130px 0 70px;
background-position:right bottom;
background-repeat:no-repeat
}

.about-section-two .image-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.about-section-two .image-column .inner-column {
position:relative;
padding-right:var(--padding-right-70);
padding-bottom:var(--padding-bottom-90)
}

.about-section-two .image-column .year-box {
position:absolute;
right:0;
top:45px;
z-index:1;
width:136px;
height:136px;
border-radius:5px;
text-align:center;
font-weight:700;
font-size:var(--font-32);
color:var(--white-color);
padding-top:var(--padding-top-15);
background-color:var(--color-twentyseven)
}

.about-section-two .image-column .year-box h2 {
position:relative;
font-weight:800;
font-size:var(--font-54);
color:var(--white-color);
margin-bottom:var(--margin-bottom-5);
font-family:var(--font-family-BeVietnam)
}

.about-section-two .image-column .image {
position:relative;
border-radius:5px;
overflow:hidden
}

.about-section-two .image-column .image img {
position:relative;
width:100%;
display:block
}

.about-section-two .image-column .image-two {
position:absolute;
right:0;
bottom:0;
width:255px;
border-radius:5px;
border:15px solid var(--white-color)
}

.about-section-two .content-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.about-section-two .content-column .inner-column {
position:relative
}

.feature-block-two {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.feature-block-two .inner-box {
position:relative;
padding:0 20px 25px
}

.feature-block-two .inner-box:before {
position:absolute;
content:'';
left:0;
top:25px;
right:0;
bottom:0;
background-color:var(--color-thirtytwo)
}

.feature-block-two .inner-box:hover .icon {
transform:rotateY(180deg)
}

.feature-block-two .inner-box .icon {
position:relative;
width:50px;
height:50px;
line-height:50px;
border-radius:3px;
text-align:center;
display:inline-block;
color:var(--white-color);
font-family:"Flaticon";
font-size:var(--font-32);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--color-twentyseven);
box-shadow:0 0 15px rgba(var(--color-twentyseven-rgb),0.5)
}

.feature-block-two .inner-box h6 {
font-weight:800;
margin-top:var(--margin-top-20);
color:var(--color-thirtyone)
}

.feature-block-two .inner-box {
position:relative
}

.feature-block-two .inner-box .text {
position:relative;
margin-top:var(--margin-top-10)
}

.feature-block-two:nth-child(2) .inner-box .icon {
background-color:var(--color-twentyeight);
box-shadow:0 0 15px rgba(var(--color-twentyeight-rgb),0.5)
}

.cta-section-one {
position:relative;
z-index:1
}

.cta-section-one .inner-container {
position:relative;
padding:60px 35px;
border-radius:5px;
overflow:hidden;
background-color:#101010
}

.cta-section-one h2 {
line-height:50px;
color:var(--white-color)
}

.cta-section-one .play-box {
position:relative;
font-weight:700;
float:left;
font-size:var(--font-16);
color:var(--white-color);
margin-top:var(--margin-top-20);
padding-left:var(--padding-left-90)
}

.cta-section-one .play-box .play-button {
position:absolute;
left:0;
top:0;
width:60px;
height:60px;
line-height:60px;
text-align:center;
border-radius:50px;
display:inline-block;
font-family:"Flaticon";
font-size:var(--font-16);
color:var(--white-color);
padding-left:var(--padding-left-5);
background-color:var(--color-twentyeight)
}

.cta-section-one .play-box .play-button:before {
position:absolute;
content:'';
left:-10px;
top:-10px;
right:-10px;
bottom:-10px;
border-radius:50px;
border:2px dashed var(--white-color)
}

.cta-section-one .play-box strong {
position:relative;
display:block;
font-weight:700;
font-size:var(--font-22);
margin-top:var(--margin-top-10);
font-family:var(--font-family-BeVietnam)
}

.cta-section-one .button-box {
position:relative;
float:left;
margin-top:var(--margin-top-15);
margin-left:var(--margin-left-30);
padding-left:var(--padding-left-30);
border-left:2px solid var(--white-color)
}

.cta-section-one .button-box .theme-btn {
display:block
}

.service-section-three {
position:relative;

padding:210px 0 100px;
background-attachment:fixed;
background-size:cover
}

.service-section-three .btn-box {
position:relative;
margin-top:var(--margin-top-30)
}

.service-section-three:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;

}

.service-block-three {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.service-block-three .inner-box {
position:relative;
border-radius:5px;
text-align:center;
border-radius:3px;
overflow:hidden;
padding:40px 20px 30px;
background-color:#101010
}

.service-block-three .inner-box .icon-box {
position:relative;
display:inline-block
}

.service-block-three .inner-box .icon-box:before {
position:absolute;
content:'';
left:-10px;
top:-10px;
right:-10px;
bottom:-10px;
border-radius:50px;
border:2px dashed var(--white-color)
}

.service-block-three .inner-box:hover .icon-box .icon {
background-color:var(--color-thirtyfour);
-webkit-transform:scale(-1) rotate(180deg);
-moz-transform:scale(-1) rotate(180deg);
-ms-transform:scale(-1) rotate(180deg);
-o-transform:scale(-1) rotate(180deg);
transform:scale(-1) rotate(180deg);
-webkit-transition-delay:900ms;
-moz-transition-delay:900ms;
-ms-transition-delay:900ms;
-o-transition-delay:900ms;
transition-delay:900ms
}

.service-block-three .inner-box .icon-box .icon {
position:relative;
width:70px;
height:70px;
line-height:70px;
border-radius:50px;
display:inline-block;
color:var(--white-color);
font-size:var(--font-36);
font-family:"Flaticon";
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--color-thirtyone)
}

.service-block-three .inner-box h5 {
margin-top:var(--margin-top-40)
}

.service-block-three .inner-box h5 a {
color:var(--white-color)
}

.service-block-three .inner-box .text {
color:var(--white-color);
font-size:var(--font-16);
margin-top:var(--margin-top-15);
margin-bottom:var(--margin-bottom-25)
}

.service-block-three .inner-box .plus-icon {
position:relative;
width:40px;
height:40px;
line-height:40px;
border-radius:4px;
display:inline-block;
font-family:"Flaticon";
color:var(--white-color);
font-size:var(--font-16);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--color-twentyseven)
}

.service-block-three .inner-box:hover .plus-icon {
background-color:var(--white-color);
color:var(--color-twentyeight)
}

.service-block-three .inner-box .color-layer {
position:absolute;
left:0;
top:0;
right:0;
bottom:0
}

.service-block-three .color-one {
position:absolute;
left:0;
top:0;
width:25%;
height:0;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
background-color:var(--color-twentyeight)
}

.service-block-three .inner-box:hover .color-one {
height:100%
}

.service-block-three .color-two {
position:absolute;
left:25%;
top:0;
width:25%;
height:0;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
background-color:var(--color-twentyeight)
}

.service-block-three .inner-box:hover .color-two {
height:100%;
-webkit-transition-delay:300ms;
-moz-transition-delay:300ms;
-ms-transition-delay:300ms;
-o-transition-delay:300ms;
transition-delay:300ms
}

.service-block-three .color-three {
position:absolute;
left:50%;
top:0;
width:25%;
height:0;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
background-color:var(--color-twentyeight)
}

.service-block-three .inner-box:hover .color-three {
height:100%;
-webkit-transition-delay:600ms;
-moz-transition-delay:600ms;
-ms-transition-delay:600ms;
-o-transition-delay:600ms;
transition-delay:600ms
}

.service-block-three .color-four {
position:absolute;
left:75%;
top:0;
width:25%;
height:0;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
background-color:var(--color-twentyeight)
}

.service-block-three .inner-box:hover .color-four {
height:100%;
-webkit-transition-delay:900ms;
-moz-transition-delay:900ms;
-ms-transition-delay:900ms;
-o-transition-delay:900ms;
transition-delay:900ms
}

.team-section-two {
position:relative;
overflow:hidden;
padding:100px 0
}

.team-section-two .pattern-layer {
position:absolute;
left:0;
top:0;
width:469px;
height:699px;
background-repeat:no-repeat
}

.team-section-two .pattern-layer-two {
position:absolute;
right:0;
bottom:-100px;
width:419px;
height:626px;
background-repeat:no-repeat
}

.team-section-two .sec-title-two .title:before {
background:url(../images/background/pattern-17.png)
}

.team-section-two .btn-box {
position:relative;
margin-top:var(--margin-top-20)
}

.team-block-two {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.team-block-two .inner-box {
position:relative
}

.team-block-two .inner-box .image {
position:relative;
overflow:hidden;
box-shadow:0 0 15px rgba(0,0,0,0.10)
}

.team-block-two .inner-box .image img {
position:relative;
width:100%;
display:block
}

.team-block-two .inner-box .social-box {
position:absolute;
right:-120px;
top:20px;
z-index:1;
width:45px;
text-align:center;
padding:20px 15px 18px;
border-radius:15px 0 0 15px;
background-color:var(--color-twentyseven);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.team-block-two .inner-box .social-box a {
position:relative;
display:inline-block;
color:var(--white-color);
font-size:var(--font-18);
margin-bottom:var(--margin-bottom-10);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.team-block-two .inner-box .social-box a:hover {
color:var(--color-twentyeight)
}

.team-block-two .inner-box .social-box a:last-child {
margin-bottom:var(--margin-zero)
}

.team-block-two .inner-box:hover .social-box {
right:0
}

.team-block-two .inner-box .lower-content {
position:relative;
padding-top:var(--padding-top-25)
}

.team-block-two .inner-box h4 a {
position:relative;
color:var(--color-thirtyone);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.team-block-two .inner-box:hover h4 a {
color:var(--color-twentyseven)
}

.team-block-two .inner-box .designation {
position:relative;
color:var(--color-eight);
margin-top:var(--margin-top-10)
}

.team-block-two .inner-box .plus-icon {
position:absolute;
right:0;
top:30px;
width:40px;
height:40px;
line-height:40px;
border-radius:4px;
text-align:center;
display:inline-block;
font-family:"Flaticon";
color:var(--white-color);
font-size:var(--font-16);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--color-twentyseven)
}

.team-block-two .inner-box:hover .plus-icon {
background-color:var(--color-twentyeight);
color:var(--white-color)
}

.project-section-two {
position:relative;
overflow:hidden;
padding-bottom:var(--padding-bottom-70)
}

.project-section-two:before {
position:absolute;
content:'';
left:0;
bottom:0;
right:0;
height:520px;
background-color:var(--color-twentyfour)
}

.project-section-two .title-column {
position:relative;
margin-bottom:var(--margin-bottom-30);
margin-top:-70px
}

.project-section-two .title-column .inner-column {
position:relative
}

.project-section-two .title-column h3 {
color:var(--white-color);
margin-top:var(--margin-top-100)
}

.project-section-two .title-column .text {
color:var(--white-color);
font-weight:500;
line-height:30px;
font-size:var(--font-16);
margin-top:var(--margin-top-25);
margin-bottom:var(--margin-bottom-40)
}

.project-section-two .carousel-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.project-section-two .carousel-column .inner-column {
position:relative
}

.project-section-two .carousel-column .inner-column:before {
position:absolute;
content:'';
right:-30px;
bottom:35px;
width:70px;
height:70px;
border-radius:50px;
background-color:var(--color-twentyeight)
}

.project-section-two .carousel-column .owl-nav {
display:none
}

.project-section-two .carousel-column .owl-dots {
position:relative;
text-align:center;
margin-top:var(--margin-top-40)
}

.project-section-two .carousel-column .owl-dots .owl-dot {
position:relative;
width:10px;
height:10px;
margin:0 5px;
border-radius:50px;
display:inline-block;
background-color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.project-section-two .carousel-column .owl-dots .owl-dot:hover,.project-section-two .carousel-column .owl-dots .owl-dot.active {
width:40px;
background-color:var(--color-twentyeight)
}

.faq-section {
position:relative;
padding:100px 0 70px
}

.faq-section .title-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.faq-section .title-column .inner-column {
position:relative
}

.faq-section .sec-title-two .title:before {
background:url(../images/background/pattern-20.png) center center no-repeat
}

.faq-section .title-column .image {
position:relative;
border-radius:8px;
overflow:hidden
}

.faq-section .title-column .image img {
position:relative;
width:100%;
display:block
}

.faq-section .accordion-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.faq-section .accordion-column .inner-column {
position:relative
}

.faq-section .accordion-column .upper-text {
position:relative;
line-height:28px;
font-size:var(--font-16);
color:var(--color-eight);
margin-top:var(--margin-top-70);
margin-bottom:var(--margin-bottom-50)
}

.accordion-box {
position:relative
}

.accordion-box .block {
position:relative;
border-radius:4px;
background-color:#4b4c4a;
margin-bottom:var(--margin-bottom-20);
border:1px solid var(--color-thirtysix)
}

.accordion-box .block .acc-btn {
font-size:var(--font-16);
position:relative;
cursor:pointer;
line-height:30px;
font-weight:700;
padding:14px 25px;
text-transform:capitalize;
color:var(--color-thirtyone);
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
font-family:var(--font-family-BeVietnam)
}

.accordion-box .block .icon-outer {
position:absolute;
right:10px;
top:5px;
width:50px;
height:50px;
text-align:center;
font-size:var(--font-18);
color:var(--color-thirtyone);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.accordion-box .block .icon-outer .icon {
position:absolute;
left:0;
top:0;
width:50px;
height:50px;
text-align:center;
line-height:50px;
font-size:var(--font-18);
color:var(--main-color-two);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.accordion-box .block .icon-outer .icon-plus {
opacity:1
}

.accordion-box .block .icon-outer .icon-minus {
opacity:0;
font-weight:400;
color:var(--main-color-two)
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
opacity:1;
color:var(--main-color)
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
opacity:0
}

.accordion-box .block .acc-btn.active {
color:var(--main-color)
}

.accordion-box .block .acc-content {
position:relative;
display:none
}

.accordion-box .block .acc-content .content-text {
padding-bottom:6px
}

.accordion-box .block .acc-content.current {
display:block
}

.accordion-box .block .content {
position:relative;
padding:0 25px 25px
}

.accordion-box .block .content .text p {
margin-bottom:0;
color:var(--dark-color)
}

.accordion-box .block .content p:last-child {
margin-bottom:0
}

.testimonial-section {
position:relative;
padding:110px 0 70px;
background-attachment:fixed;
background-size:cover
}

.testimonial-section:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
opacity:.9;
background-color:var(--color-thirtytwo)
}

.testimonial-section .counter-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.testimonial-section .counter-column .inner-column {
position:relative
}

.testimonial-section .counter-column .sec-title-two .title:before {
background:url(../images/background/pattern-21.png)
}

.testimonial-section .counter-block {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.testimonial-section .counter-block .inner-block {
position:relative;
padding:33px 25px;
border-radius:6px;
overflow:hidden;
background-color:var(--white-color);
box-shadow:0 0 15px rgba(0,0,0,0.10)
}

.testimonial-section .counter-block .icon-box {
position:absolute;
right:-20px;
top:-20px;
font-size:var(--font-30)
}

.testimonial-section .counter-block .icon-box:before {
position:absolute;
content:'';
left:-15px;
top:-5px;
width:100px;
height:100px;
opacity:.1;
border-radius:50%;
background-color:var(--color-twentyeight)
}

.testimonial-section .counter-block h3 {
color:var(--color-thirtyone);
font-size:var(--font-36);
font-weight:800
}

.testimonial-section .counter-block .counter-text {
position:relative;
font-weight:500;
font-size:var(--font-18);
color:var(--color-thirtyseven);
margin-top:var(--margin-top-5)
}

.testimonial-section .counter-block .icon-box .icon {
position:relative;
width:80px;
height:80px;
border-radius:50%;
line-height:92px;
display:inline-block;
font-family:"Flaticon";
color:var(--white-color);
padding-left:var(--padding-left-20);
background-color:var(--color-twentyeight)
}

.testimonial-section .carousel-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.testimonial-section .carousel-column .inner-column {
position:relative
}

.testimonial-section .carousel-column .single-verticle-carousel .slick-arrow {
display:none!important
}

.testimonial-section .carousel-column .single-verticle-carousel .slick-dots {
position:absolute;
left:-25px;
top:0
}

.testimonial-section .carousel-column .single-verticle-carousel .slick-dots li button {
position:relative;
width:8px;
height:16px;
font-size:0;
margin:5px 0;
cursor:pointer;
border-radius:20px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--color-twentyseven)
}

.single-verticle-carousel .slick-dots li.slick-active button {
height:40px!important;
background-color:var(--color-twentyeight)!important
}

.testimonial-block {
position:relative;
margin-bottom:var(--margin-bottom-20)
}

.testimonial-block .inner-box {
position:relative;
padding:25px;
border-radius:4px;
background-color:var(--white-color);
box-shadow:0 0 5px rgba(0,0,0,0.10)
}

.testimonial-block .inner-box .author-image {
position:absolute;
right:40px;
width:86px;
height:86px;
border-radius:50px
}

.testimonial-block .inner-box .author-image:before {
position:absolute;
content:'';
left:-10px;
top:-10px;
right:-10px;
bottom:-10px;
border-radius:50%;
border:2px dashed var(--color-twentyseven)
}

.testimonial-block .inner-box .author-image img {
position:relative;
width:86px;
height:86px;
overflow:hidden;
border-radius:50px
}

.testimonial-block .inner-box .quote {
position:relative;
width:44px;
height:44px;
line-height:44px;
text-align:center;
border-radius:50px;
display:inline-block;
font-family:"Flaticon";
font-size:var(--font-18);
color:var(--color-twentyseven);
background-color:rgba(var(--color-twentyseven-rgb),0.20)
}

.testimonial-block .inner-box .text {
position:relative;
font-weight:500;
line-height:30px;
padding-right:140px;
color:var(--color-five);
margin-top:var(--margin-top-20);
margin-bottom:var(--margin-bottom-15)
}

.testimonial-block .inner-box h4 {
font-weight:700;
color:var(--color-thirtyone)
}

.testimonial-block .inner-box .rating {
position:relative;
font-weight:700;
font-size:var(--font-16);
color:var(--color-thirtyone);
margin-top:var(--margin-top-5);
font-family:var(--font-family-BeVietnam)
}

.testimonial-block .inner-box .rating span {
position:relative;
margin-left:2px;
font-size:var(--font-18);
color:var(--color-thirtyeight)
}

.news-section-two {
position:relative;
overflow:hidden;
padding:110px 0 80px
}

.news-section-two .owl-dots {
display:none
}

.news-section-two .owl-nav {
position:absolute;
right:20px;
top:-70px
}

.news-section-two .owl-nav .owl-prev,.news-section-two .owl-nav .owl-next {
position:relative;
width:40px;
height:40px;
line-height:40px;
display:inline-block;
font-size:var(--font-18);
color:var(--white-color);
font-family:"Flaticon";
border-radius:5px;
text-align:center;
margin-left:var(--margin-left-10);
background-color:var(--color-thirtyone);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.news-section-two .owl-nav .owl-prev:hover,.news-section-two .owl-nav .owl-next:hover {
background-color:var(--color-twentyeight)
}

.news-section-two .sec-title-two {
margin-bottom:var(--margin-bottom-20)
}

.news-section-two .sec-title-two .title:before {
background:url(../images/background/pattern-22.png) no-repeat
}

.news-section-two .owl-carousel .owl-stage-outer {
padding:20px 0
}

.news-section-two .owl-theme .news-block-two {
margin:0 15px
}

.news-section-two .owl-carousel {
margin:0 -15px;
width:auto
}

.news-block-two {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.news-block-two .inner-box {
position:relative;
border-radius:5px;
padding:15px 15px 30px;
box-shadow:0 0 15px rgba(0,0,0,0.10)
}

.news-block-two .inner-box .image {
position:relative;
border-radius:5px;
overflow:hidden;
background-color:var(--color-twentyseven)
}

.news-block-two .inner-box .image img {
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.news-block-two .inner-box:hover .image img {
opacity:.8;
transform:scale(1.05,1.05)
}

.news-block-two .inner-box .lower-content {
position:relative;
padding-top:var(--padding-top-30)
}

.news-block-two .post-date {
position:relative;
font-weight:500;
padding:10px 12px 8px;
border-radius:3px;
display:inline-block;
font-size:var(--font-18);
color:var(--color-twentyseven);
background-color:rgba(var(--color-twentyseven-rgb),0.10)
}

.news-block-two .inner-box h4 {
font-weight:800;
margin-top:var(--margin-top-20)
}

.news-block-two .inner-box h4 a {
position:relative;
color:var(--color-thirtyone);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.news-block-two .inner-box h4 a:hover {
color:var(--color-twentyeight)
}

.news-block-two .inner-box .plus-icon {
position:relative;
width:40px;
height:40px;
line-height:40px;
border-radius:4px;
text-align:center;
display:inline-block;
font-family:"Flaticon";
color:var(--white-color);
font-size:var(--font-16);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
margin-top:var(--margin-top-20);
background-color:var(--color-twentyseven)
}

.news-block-two .inner-box:hover .plus-icon {
background-color:var(--color-twentyeight);
color:var(--white-color)
}

.info-section {
position:relative;
z-index:10
}

.info-section .inner-container {
position:relative;
border-radius:4px;
background-color:var(--color-twentyseven)
}

.info-section .info-block {
position:relative;
padding:0;
float:left
}

.info-section .info-block .inner-box {
position:relative;
padding:30px 25px
}

.info-section .info-block:nth-child(2) .inner-box {
background-color:var(--color-twentyeight)
}

.info-section .info-block:nth-child(2) .inner-box .icon {
background-color:rgba(var(--white-color-rgb),0.20)
}

.info-section .info-block .content {
position:relative;
padding-left:var(--padding-left-80)
}

.info-section .info-block .inner-box:hover .content .icon {
transform:rotateY(180deg)
}

.info-section .info-block .content .icon {
position:absolute;
left:0;
top:5px;
width:60px;
height:60px;
line-height:60px;
border-radius:5px;
text-align:center;
color:var(--white-color);
font-family:"Flaticon";
font-size:var(--font-30);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:rgba(var(--white-color-rgb),0.10)
}

.info-section .info-block strong {
position:relative;
font-weight:800;
font-size:var(--font-22);
color:var(--white-color);
font-family:var(--font-family-BeVietnam)
}

.info-section .info-block .content .text {
position:relative;
line-height:24px;
margin-right:-15px;
font-size:var(--font-15);
color:var(--white-color);
margin-top:var(--margin-top-10)
}

.footer-style-two {
position:relative;
margin-top:-70px;
padding:160px 0 0;
background-color:var(--color-thirtyone)
}

.footer-style-two .pattern-layer {
position:absolute;
left:0;
bottom:0;
width:317px;
height:619px;
background-repeat:no-repeat
}

.footer-style-two .pattern-layer-two {
position:absolute;
right:0;
bottom:0;
width:284px;
height:613px;
background-repeat:no-repeat
}

.footer-style-two .footer-widget {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.footer-style-two .widgets-section {
position:relative;
padding-bottom:var(--padding-bottom-60)
}

.footer-style-two .logo-widget {
position:relative
}

.footer-style-two .logo-widget .logo {
position:relative;
margin-bottom:25px
}

.footer-style-two .logo-widget .text {
line-height:1.8em;
color:var(--white-color);
margin-bottom:var(--margin-bottom-30)
}

.footer-style-two .footer-widget h5 {
font-weight:700;
margin-top:20px;
margin-bottom:30px;
color:var(--white-color);
text-transform:capitalize;
padding-bottom:var(--padding-bottom-20)
}

.footer-style-two .newsletter-widget .text {
line-height:1.8em;
color:var(--color-twentytwo);
margin-bottom:var(--margin-bottom-30)
}

.footer-style-two .news-widget .post {
position:relative;
padding-left:var(--padding-left-80);
margin-bottom:var(--margin-bottom-15)
}

.footer-style-two .news-widget .post .thumb {
position:absolute;
left:0;
top:0;
width:63px;
overflow:hidden;
border-radius:4px
}

.footer-style-two .news-widget .post .date {
position:relative;
font-weight:500;
font-size:var(--font-14);
color:var(--color-twentyeight);
padding-left:var(--padding-left-25)
}

.footer-style-two .news-widget .post .date:before {
position:absolute;
content:"\f183";
left:0;
top:1px;
line-height:1em;
font-family:"flaticon"
}

.footer-style-two .news-widget .post h6 {
font-weight:700;
line-height:24px;
font-size:var(--font-17);
margin-top:var(--margin-top-5)
}

.footer-style-two .news-widget .post h6 a {
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.footer-style-two .news-widget .post h6 a:hover {
color:var(--color-twentyeight)
}

.footer-style-two .newsletter-widget .text {
line-height:1.8em;
color:var(--white-color);
margin-bottom:var(--margin-bottom-30)
}

.footer-style-two .newsletter-widget .lower-text {
line-height:1.8em;
color:var(--white-color);
margin-top:var(--margin-top-30)
}

.footer-style-two .email-box-two {
position:relative;
margin-bottom:22px
}

.footer-style-two .email-box-two .form-group {
position:relative;
margin:0;
width:100%;
max-width:100%
}

.footer-style-two .email-box-two .form-group input[type="text"],.footer-style-two .email-box-two .form-group input[type="email"] {
position:relative;
line-height:43px;
padding:10px 55px 10px 20px;
display:block;
font-size:14px;
height:50px;
width:100%;
border-radius:5px;
box-shadow:inherit;
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background:none;
border:1px solid var(--white-color)
}

.footer-style-two .email-box-two .form-group input::placeholder,.footer-style-two .email-box-two .form-group textarea::placeholder {
color:#fff
}

.footer-style-two .email-box-two .form-group button {
position:absolute;
right:8px;
top:8px;
height:35px;
width:35px;
display:block;
cursor:pointer;
line-height:100%;
font-weight:400;
text-align:center;
border-radius:5px;
color:var(--white-color);
font-size:var(--font-18);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:"Flaticon";
background-color:var(--color-twentyseven)
}

.footer-style-two .email-box-two .form-group button:hover {
color:#fff
}

.footer-style-two .logo-widget .social-box {
position:relative
}

.footer-style-two .logo-widget .social-box li {
position:relative;
display:inline-block;
margin-right:var(--margin-right-10)
}

.footer-style-two .logo-widget .social-box li a {
position:relative;
width:46px;
height:46px;
color:var(--color-twentyseven);
font-size:var(--font-20);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
display:inline-block;
line-height:46px;
text-align:center;
border-radius:4px;
background-color:rgba(var(--color-twentyseven-rgb),0.15)
}

.footer-style-two .logo-widget .social-box li a:hover {
color:var(--white-color);
background-color:rgba(var(--color-twentyseven-rgb),1)
}

.footer-style-two .contact-widget .contact-list {
position:relative
}

.footer-style-two .contact-widget .contact-list li {
position:relative;
line-height:1.8em;
font-weight:400;
font-size:var(--font-16);
color:var(--white-color);
padding-left:var(--padding-left-70);
margin-bottom:var(--margin-bottom-20)
}

.footer-style-two .contact-widget .contact-list li .icon {
position:absolute;
left:0;
top:4px;
width:46px;
height:46px;
color:var(--color-twentyseven);
font-size:var(--font-20);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
display:inline-block;
line-height:46px;
text-align:center;
border-radius:4px;
font-family:"Flaticon";
background-color:rgba(var(--color-twentyseven-rgb),0.15)
}

.footer-style-two .contact-widget .contact-list li a {
position:relative;
font-weight:700;
display:block;
font-size:var(--font-18);
color:var(--white-color)
}

.footer-style-two .contact-widget .contact-list li:last-child {
margin-bottom:0
}

.footer-style-two .footer-bottom {
position:relative;
padding:22px 0;
text-align:center;
border-top:1px solid rgba(255,255,255,0.10)
}

.footer-style-two .footer-bottom .copyright {
position:relative;
font-size:var(--font-15);
color:var(--white-color)
}

.footer-style-two .footer-bottom .copyright a {
color:var(--color-twentyeight)
}

.footer-style-two .footer-bottom .footer-nav {
position:relative
}

.footer-style-two .footer-bottom .footer-nav li {
position:relative;
display:inline-block;
line-height:1em;
margin-right:var(--margin-right-15);
padding-right:var(--padding-right-15);
border-right:1px solid var(--white-color)
}

.footer-style-two .footer-bottom .footer-nav li a {
position:relative;
font-size:var(--font-15);
color:var(--white-color)
}

.footer-style-two .footer-bottom .footer-nav li:last-child {
position:relative;
border:0;
margin-right:var(--margin-zero);
padding-right:var(--padding-zero)
}

.counter-section {
position:relative;
padding:60px 0 80px;
background-color: #4b4c4a;
}

.counter-section .counter-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.counter-section .counter-column .inner-column {
position:relative;
padding:30px 20px 30px 140px;
box-shadow:0 5px 20px rgba(0,0,0,0.10);
position:relative;
overflow:hidden
}

.counter-section .counter-column .inner-column .icon-box {
position:absolute;
left:-100px;
top:-37px;
width:217px;
height:192px;
border-radius:50%;
text-align:right;
font-size:var(--font-60);
background:var(--color-fourtyone);
background:linear-gradient(to right,var(--color-fourtyone) 0%,var(--color-fourtytwo) 100%)
}

.counter-section .counter-column .icon-box:before {
position:absolute;
content:'';
left:-15px;
top:-5px;
right:-12px;
bottom:0;
opacity:.1;
border-radius:50%;
background:var(--color-fourtyone)
}

.counter-section .counter-column h3 {
color:var(--color-thirtyone);
font-weight:700;
font-size:var(--font-48);
font-family:var(--font-family-Poppins)
}

.counter-section .counter-column .counter-text {
position:relative;
font-weight:700;
font-size:var(--font-22);
color:var(--color-five);
margin-top:var(--margin-top-10)
}

.counter-section .counter-column .icon-box .icon {
position:relative;
line-height:210px;
display:inline-block;
font-family:"Flaticon";
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
padding-right:var(--padding-right-30)
}

.counter-section.style-two {
padding-top:var(--padding-top-100)
}

.counter-section.style-two .counter-column .inner-column .icon-box {
background-color:var(--main-color);
background-image:none
}

.welcome-section {
position:relative;
overflow:hidden;
padding:0 0 60px
}

.welcome-section .pattern-layer {
position:absolute;
right:0;
bottom:-100px;
width:484px;
height:664px
}

.welcome-section .pattern-layer-two {
position:absolute;
left:7%;
top:0;
width:70px;
height:73px;
background-repeat:no-repeat
}

.welcome-section .image-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.welcome-section .image-column .inner-column {
position:relative
}

.welcome-section .image-column .image {
position:relative;
width:570px;
height:570px;
z-index:1;
overflow:hidden;
border-radius:50%;
border:5px solid var(--color-fourtytwo)
}

.welcome-section .image-column .color-layer {
position:absolute;
left:50%;
bottom:-350px;
width:560px;
height:560px;
border-radius:50%;
transform:translateX(-50%);
background:var(--color-fourtyone);
background:linear-gradient(to right,var(--color-fourtyone) 0%,var(--color-fourtytwo) 100%)
}

.welcome-section .image-column .big-text {
position:absolute;
left:0;
right:0;
bottom:-70px;
opacity:.1;
font-weight:700;
text-align:center;
letter-spacing:5px;
font-size:var(--font-98);
text-transform:uppercase;
color:var(--white-color)
}

.welcome-section .content-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.welcome-section .content-column .sec-title-three {
margin-bottom:var(--margin-bottom-20)
}

.welcome-section .content-column .inner-column {
position:relative
}

.welcome-section .content-column .list {
position:relative
}

.welcome-section .content-column .list li {
position:relative;
font-weight:700;
font-size:var(--font-18);
padding-left:var(--padding-left-25);
margin-bottom:var(--margin-bottom-20)
}

.welcome-section .content-column .list li:before {
position:absolute;
left:0;
top:-1px;
content:"\f101";
font-size:var(--font-22);
font-family:'FontAwesome'
}

.welcome-section .content-column .quality-box {
position:relative;
padding:20px 25px;
margin-top:var(--margin-top-15);
margin-bottom:var(--margin-bottom-35);
box-shadow:0 0 15px rgba(0,0,0,0.10);
background-color:var(--white-color)
}

.welcome-section .content-column .quality-box .quality-inner {
position:relative;
padding-left:var(--padding-left-75)
}

.welcome-section .content-column .quality-box .icon {
position:absolute;
left:0;
top:18px;
line-height:1em;
font-size:var(--font-60);
font-family:"Flaticon";
color:var(--color-fourtyone)
}

.welcome-section .content-column .quality-box h4 {
color:var(--color-fourty);
font-size:var(--font-24)
}

.welcome-section .content-column .quality-box .text {
position:relative;
line-height:28px;
font-size:var(--font-16);
margin-top:var(--margin-top-10);
color:var(--color-thirtyseven)
}

.welcome-section.style-two .image-column .image {
border-color:var(--main-color)
}

.welcome-section.style-two .content-column .quality-box .icon {
color:var(--main-color)
}

.welcome-section.style-two .image-column .color-layer {
background:var(--color-fourtyfive);
background:linear-gradient(to right,var(--color-fourtyfive) 0%,var(--main-color) 100%)
}

.service-section-four {
position:relative;


}

.service-section-four .sec-title-three .text {
margin-top:var(--margin-top-45)
}

.service-block-four {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.service-block-four .inner-box {
position:relative;
padding:30px 22px;
border-radius:6px;
overflow:hidden;
background-color:#4b4c4a;
margin-top: -140px;
}

.service-block-four .inner-box .image-layer {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
background-position:center bottom;
background-repeat:no-repeat;
transition:-webkit-transform .4s ease;
transition:transform .4s ease;
transition:transform .4s ease,-webkit-transform .4s ease;
-webkit-transform:scale(0,1);
-ms-transform:scale(0,1);
transform:scale(0,1);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center
}

.service-block-four .inner-box .image-layer:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
opacity:.85;
background-color:var(--color-fourtytwo)
}

.service-block-four .inner-box:hover .image-layer {
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1);
-webkit-transform-origin:right center;
-ms-transform-origin:right center;
transform-origin:right center
}

.service-block-four .inner-box .post-number {
position:absolute;
right:30px;
top:35px;
line-height:1em;
font-weight:800;
font-size:var(--font-50);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-family:var(--font-family-BeVietnam);
-webkit-text-stroke-width:1px;
-webkit-text-stroke-color:linear-gradient(to bottom,var(--color-fourtythree) 0%,var(--white-color) 100%)
}

.service-block-four .inner-box:hover .post-number {

}

.service-block-four .inner-box:hover .icon-box {

background:var(--color-fourtyone);
background:linear-gradient(to right,var(--color-fourtyone) 0%,var(--color-fourtytwo) 100%)
}

.service-block-four .inner-box .icon-box {
position:relative;
width:60px;
height:60px;
line-height:56px;
text-align:center;
border-radius:50px;
display:inline-block;
font-family:"Flaticon";
font-size:var(--font-34);
color:var(--color-fourtytwo);
background-color:rgba(var(--color-fourtytwo-rgb),0.1);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.service-block-four .inner-box:hover .icon-box {
-webkit-transform:scale(-1) rotate(180deg);
-moz-transform:scale(-1) rotate(180deg);
-ms-transform:scale(-1) rotate(180deg);
-o-transform:scale(-1) rotate(180deg);
transform:scale(-1) rotate(180deg)
}

.service-block-four .inner-box h5 {
font-weight:800;
margin-top:var(--margin-top-20)
}

.service-block-four .inner-box h5 a {
position:relative;
color:#fff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.service-block-four .inner-box:hover h5 a,.service-block-four .inner-box:hover .text {

}

.service-block-four .inner-box .text {
position:relative;
color:#fff;
font-size:var(--font-16);
margin-top:var(--margin-top-15);
margin-bottom:var(--margin-bottom-20);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.service-block-four .inner-box .arrow {
position:relative;
width:35px;
height:35px;
line-height:35px;
text-align:center;
border-radius:50px;
display:inline-block;
font-family:"Flaticon";
font-size:var(--font-18);
color:var(--main-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:rgba(var(--color-fourtytwo-rgb),0.1)
}

.service-block-four .inner-box:hover .arrow {
color:var(--color-fourtytwo);
background-color:var(--white-color)
}

.cta-section-two {
position:relative;
z-index:1
}

.cta-section-two .inner-container:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
opacity:.78;
background-color:var(--color-fourty)
}

.cta-section-two .inner-container {
position:relative;
padding:20px 35px 0;
border-radius:5px;
overflow:hidden;
margin-top:-157px;
background-size:cover;
background-color:var(--color-twentyseven)
}

.cta-section-two .pattern-layer {
position:absolute;
left:0;
top:0;
width:522px;
height:173px;
background-repeat:no-repeat
}

.cta-section-two .pattern-layer-two {
position:absolute;
right:0;
bottom:0;
width:277px;
height:298px;
background-repeat:no-repeat
}

.cta-section-two h2 {
line-height:50px;
color:var(--white-color);
padding-top:var(--padding-top-45);
margin-bottom:var(--margin-bottom-15)
}

.cta-section-two .play-box {
position:relative;
font-weight:700;
float:left;
font-size:var(--font-16);
color:var(--white-color);
margin-top:var(--margin-top-20);
padding-left:var(--padding-left-90)
}

.cta-section-two .play-box .play-button {
position:absolute;
left:0;
top:0;
width:60px;
height:60px;
line-height:60px;
text-align:center;
border-radius:50px;
display:inline-block;
font-family:"Flaticon";
font-size:var(--font-16);
color:var(--white-color);
padding-left:var(--padding-left-5);
background-color:var(--color-fourtytwo)
}

.cta-section-two .play-box .play-button:before {
position:absolute;
content:'';
left:-10px;
top:-10px;
right:-10px;
bottom:-10px;
border-radius:50px;
border:2px dashed var(--white-color)
}

.cta-section-two .play-box strong {
position:relative;
display:block;
font-weight:700;
font-size:var(--font-22);
margin-top:var(--margin-top-10);
font-family:var(--font-family-BeVietnam)
}

.cta-section-two .button-box {
position:relative;
float:left;
margin-top:var(--margin-top-15);
margin-right:var(--margin-right-40)
}

.cta-section-two .button-box .theme-btn {
display:block
}

.cta-section-two .side-image {
text-align:right
}

.cta-section-two.style-two .inner-container {
margin-top:var(--margin-zero)
}

.cta-section-two.style-two .play-box .play-button {
background-color:var(--main-color)
}

.project-section-three {
position:relative;
overflow:hidden;
padding:100px 0
}

.project-section-three .lower-box {
position:relative;
margin-top:-55px;
z-index:10
}

.project-section-three .lower-box a {
position:relative;
font-weight:800;
padding-left:50px;
font-size:var(--font-16);
color:var(--color-fourty);
padding-top:var(--padding-top-10);
font-family:var(--font-family-BeVietnam)
}

.project-section-three .lower-box a:before {
position:absolute;
content:'';
left:-60px;
top:-25px;
width:48px;
height:53px;
background:url(../images/icons/arrow.png) no-repeat
}

.project-section-three .lower-box a .plus {
position:absolute;
left:0;
top:0;
width:36px;
height:36px;
line-height:36px;
text-align:center;
border-radius:50px;
font-family:"Flaticon";
color:var(--white-color);
background-color:var(--color-fourty);
box-shadow:0 0 15px rgba(243,0,48,0.20);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.project-section-three .lower-box a:hover {
color:var(--color-fourtytwo)
}

.project-section-three .lower-box a:hover .plus {
background-color:var(--color-fourtytwo)
}

.project-section-three .auto-container {
position:relative
}

.project-section-three .inner-container {
position:relative;
padding-left:400px
}

.project-section-three .project-tab .tab-btns-box {
position:absolute;
left:0;
top:0;
width:370px
}

.project-section-three .project-tab .tab-btns-box .p-tab-btn {
position:relative;
cursor:pointer;
font-weight:600;
display:block;
border-radius:3px;
color:var(--color-five);
font-size:var(--font-18);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
padding:17px 20px 17px 70px;
background-color:var(--white-color);
margin-bottom:var(--margin-bottom-20);
box-shadow:0 0 15px rgba(0,0,0,0.10);
font-family:var(--font-family-BeVietnam)
}

.project-section-three .project-tab .tab-btns-box .p-tab-btn .icon {
position:absolute;
left:15px;
top:8px;
width:40px;
height:40px;
color:#f30030;
line-height:40px;
border-radius:50px;
text-align:center;
font-weight:400;
font-family:"Flaticon";
background-color:rgba(var(--color-fourtytwo-rgb),0.06)
}

.project-section-three .project-tab .tab-btns-box .p-tab-btn:hover,.project-section-three .project-tab .tab-btns-box .p-tab-btn.active-btn {
color:var(--white-color);
background-color:var(--color-fourtytwo);
box-shadow:0 10px 15px rgba(0,153,255,0.10)
}

.project-section-three .project-tab .tab-btns-box .p-tab-btn:hover .icon,.project-section-three .project-tab .tab-btns-box .p-tab-btn.active-btn .icon {
color:var(--color-fourtytwo);
background-color:var(--white-color)
}

.project-section-three .project-tab .p-tabs-content {
position:relative;
display:block
}

.project-section-three .project-tab .p-tab {
position:absolute;
left:0;
top:0;
width:100%;
height:auto;
visibility:hidden
}

.project-section-three .project-tab .p-tab.active-tab {
position:relative;
visibility:visible;
z-index:5
}

.project-section-three .p-tab.active-tab .project-block {
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
-o-transform:scaleY(1);
-moz-transform:scaleY(1);
transform:scaleY(1)
}

.project-section-three .p-tab .project-block {
transition:all .7s ease;
-moz-transition:all .7s ease;
-webkit-transition:all .7s ease;
-ms-transition:all .7s ease;
-o-transition:all .7s ease;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
-moz-transform:scaleY(0);
transform:scaleY(0)
}

.project-section-three .owl-nav {
display:none
}

.project-section-three .owl-dots {
position:absolute;
left:0;
bottom:35px;
width:12px
}

.project-section-three .owl-dots .owl-dot {
position:relative;
width:6px;
height:6px;
margin:15px 0;
border-radius:50px;
background-color:var(--color-fourty);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.project-section-three .owl-dots .owl-dot:before {
position:absolute;
content:'';
left:-5px;
top:-5px;
right:-5px;
bottom:-5px;
opacity:0;
border-radius:50px;
display:inline-block;
border:1px solid var(--color-fourtytwo)
}

.project-section-three .owl-dots .owl-dot.active,.project-section-three .owl-dots .owl-dot:hover {
background-color:var(--color-fourtytwo)
}

.project-section-three .owl-dots .owl-dot.active::before,.project-section-three .owl-dots .owl-dot:hover::before {
opacity:1
}

.project-block {
position:relative;
margin-bottom:30px
}

.project-block .inner-box {
position:relative
}

.project-block .inner-box .image {
position:relative;
border-radius:8px;
overflow:hidden
}

.project-block .inner-box .image img {
position:relative;
width:100%;
display:block
}

.project-block .inner-box .content-box {
position:relative;
padding:30px;
border-radius:5px;
max-width:460px;
width:100%;
z-index:2;
margin-left:35px;
margin-top:-180px;
background-color:#fff;
box-shadow:0 0 15px rgba(0,0,0,0.15)
}

.project-block .inner-box .content-box h3 {
margin-bottom:20px;
font-weight:800
}

.project-block .inner-box .content-box h3 a {
position:relative;
color:var(--color-fourty);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.project-block .inner-box .content-box h3 a:hover {
color:var(--color-fourtytwo)
}

.project-block .inner-box .content-box .text {
position:relative;
font-size:16px;
line-height:24px;
font-weight:500;
margin-bottom:30px;
color:var(--color-five)
}

.project-block .inner-box .explore-btn {
position:relative;
padding:12px 30px;
border-radius:50px;
font-weight:700;
display:inline-block;
letter-spacing:1px;
color:var(--white-color);
font-size:var(--font-15);
background-color:var(--color-fourtytwo);
font-family:var(--font-family-BeVietnam)
}

.project-block .inner-box .explore-btn:hover {
color:var(--white-color);
background-color:var(--color-fourtyone)
}

.skill-section {
position:relative;
overflow:hidden;
padding:100px 0 80px
}

.skill-section .image-layer {
position:absolute;
left:0;
top:0;
right:0;
height:600px;
background-size:cover
}

.skill-section .image-layer:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
opacity:.85;
background-color:var(--color-fourty)
}

.skill-section .video-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.skill-section .video-column .inner-column {
position:relative
}

.skill-section .video-column .inner-column:before {
position:absolute;
content:'';
left:-50px;
top:-50px;
width:110px;
height:110px;
opacity:.5;
border-radius:50%;
border:30px solid var(--color-fourtytwo)
}

.video-box {
position:relative;
overflow:hidden;
border-radius:12px
}

.video-box .video-image {
position:relative;
margin:0;
background-color:var(--main-color)
}

.video-box .video-image img {
position:relative;
width:100%;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.video-box:hover .video-image img {
opacity:.7;
transform:scale(1.05,1.05)
}

.video-box .overlay-box {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height:45px;
overflow:hidden
}

.video-box .overlay-box:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
z-index:10;
opacity:.1;
background-color:var(--black-color)
}

.video-box .overlay-box span {
position:absolute;
width:85px;
height:85px;
left:50%;
top:50%;
z-index:10;
font-weight:700;
text-align:center;
display:inline-block;
margin-top:-42px;
margin-left:-42px;
line-height:85px;
border-radius:50%;
font-family:"flaticon";
font-size:var(--font-26);
color:var(--white-color);
padding-left:var(--padding-left-5);
background-color:var(--color-fourtytwo)
}

.video-box .overlay-box span:hover {
color:var(--white-color);
background-color:var(--main-color)
}

.video-box .ripple,.video-box .ripple:before,.video-box .ripple:after {
position:absolute;
top:50%;
left:50%;
width:85px;
height:85px;
-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-border-radius:50% 50% 50% 50%;
-moz-border-radius:50%;
-ms-border-radius:50% 50% 50% 50%;
-o-border-radius:50% 50% 50% 50%;
border-radius:50% 50% 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
}

.video-box .ripple:before {
-webkit-animation-delay:.9s;
-moz-animation-delay:.9s;
-ms-animation-delay:.9s;
-o-animation-delay:.9s;
animation-delay:.9s;
content:"";
position:absolute
}

.video-box .ripple:after {
-webkit-animation-delay:.6s;
-moz-animation-delay:.6s;
-ms-animation-delay:.6s;
-o-animation-delay:.6s;
animation-delay:.6s;
content:"";
position:absolute
}

.skill-section .skill-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.skill-section .skill-column .inner-column {
position:relative
}

.skills .skill-item {
position:relative;
margin-bottom:var(--margin-bottom-15)
}

.skills .skill-item:last-child {
margin-bottom:var(--margin-zero)
}

.skills .skill-item .skill-bar {
position:relative;
width:100%
}

.skills .skill-item .skill-bar .bar-inner {
position:relative;
width:100%;
height:6px;
background-color:var(--white-color)
}

.skills .skill-item .skill-bar .bar-inner .bar {
position:absolute;
left:0;
top:0;
width:0;
height:6px;
border-radius:0;
-webkit-transition:all 2000ms ease;
-ms-transition:all 2000ms ease;
-o-transition:all 2000ms ease;
-moz-transition:all 2000ms ease;
transition:all 2000ms ease;
background-color:var(--color-fourtytwo)
}

.skills .skill-item .skill-bar .bar-inner .bar:before {
position:absolute;
content:'';
right:0;
top:-7px;
width:18px;
height:18px;
border-radius:50px;
background-color:var(--color-fourtytwo)
}

.skills .skill-item .skill-header {
position:relative;
margin-bottom:var(--margin-bottom-10)
}

.skills .skill-item .skill-title {
float:left;
font-weight:700;
line-height:1.4em;
font-size:var(--font-16);
color:var(--white-color);
text-transform:capitalize
}

.skills .skill-item .skill-percentage {
position:absolute;
right:-5px;
top:-35px;
font-weight:700;
line-height:1.4em;
padding:3px 8px;
border-radius:5px;
color:var(--white-color);
text-transform:uppercase;
font-size:var(--font-16)
}

.skills.style-two {
max-width:500px
}

.skills.style-two .skill-item {
margin-bottom:var(--margin-bottom-25)
}

.skills.style-two .skill-item .skill-title {
color:var(--color-fiftythree);
font-size:var(--font-18)
}

.skills.style-two .skill-item .skill-percentage {
color:var(--color-fiftythree)
}

.skills.style-two .skill-item .skill-bar .bar-inner {
background-color:var(--color-fiftyone)
}

.skills.style-two .skill-item .skill-bar .bar-inner .bar,.skills.style-two .skill-item .skill-bar .bar-inner .bar:before {
background-color:var(--main-color)
}

.team-section-three {
position:relative;
padding:0 0 100px;
background-position:center center;
background-repeat:no-repeat
}

.team-section-three .btn-box {
position:relative;
margin-top:var(--margin-top-30)
}

.team-section-three .sec-title-three .text {
margin-top:var(--margin-top-45)
}

.team-block-three {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.team-block-three .inner-box {
position:relative
}

.team-block-three .inner-box .image {
position:relative;
overflow:hidden;
box-shadow:0 0 15px rgba(0,0,0,0.10)
}

.team-block-three .inner-box .image img {
position:relative;
width:100%;
display:block
}

.team-block-three .inner-box .overlay-box {
position:absolute;
left:0;
bottom:-300px;
right:0;
z-index:1;
padding:50px 25px 22px;
background:url(../images/background/pattern-28.png) left top no-repeat;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.team-block-three .inner-box:hover .overlay-box {
bottom:0
}

.team-block-three .inner-box h5 {
font-weight:800
}

.team-block-three .inner-box h5 a {
position:relative;
color:var(--white-color)
}

.team-block-three .inner-box .designation {
position:relative;
font-weight:400;
font-size:var(--font-16);
color:var(--white-color);
margin-top:var(--margin-top-5)
}

.team-block-three .inner-box .arrow {
position:absolute;
right:20px;
top:55px;
width:40px;
height:40px;
z-index:1;
line-height:38px;
text-align:center;
border-radius:50px;
display:inline-block;
font-size:var(--font-22);
color:var(--white-color);
font-family:'FontAwesome';
background-color:var(--color-fourtytwo);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transform:translateX(60px)
}

.team-block-three .inner-box:hover .arrow {
transform:translateX(0px);
-webkit-transition-delay:500ms;
-moz-transition-delay:500ms;
-ms-transition-delay:500ms;
-o-transition-delay:500ms;
transition-delay:500ms
}

.testimonial-section-three {
position:relative;
padding:110px 0;
background-position:center center
}

.testimonial-section-three .owl-carousel .owl-stage-outer {
padding:20px 0
}

.testimonial-section-three .owl-theme .testimonial-block-two {
margin:0 15px
}

.testimonial-section-three .owl-carousel {
margin:0 -15px;
width:auto
}

.testimonial-section-three .owl-nav {
display:none
}

.testimonial-section-three .owl-dots {
position:relative;
text-align:center;
margin-top:var(--margin-top-20)
}

.testimonial-section-three .owl-dots .owl-dot {
position:relative;
width:10px;
height:10px;
margin:0 12px;
border-radius:50%;
display:inline-block;
background-color:var(--color-fourty);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.testimonial-section-three .owl-dots .owl-dot:before {
position:absolute;
content:'';
left:-7px;
top:-7px;
right:-7px;
bottom:-7px;
opacity:0;
border-radius:50px;
display:inline-block;
border:1px solid var(--color-fourtytwo);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.testimonial-section-three .owl-dots .owl-dot.active,.testimonial-section-three .owl-dots .owl-dot:hover {
background-color:var(--color-fourtytwo)
}

.testimonial-section-three .owl-dots .owl-dot.active::before,.testimonial-section-three .owl-dots .owl-dot:hover::before {
opacity:1
}

.testimonial-block-two {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.testimonial-block-two .inner-box {
position:relative;
padding:0 30px 30px
}

.testimonial-block-two .inner-box:before {
position:absolute;
content:'';
left:0;
right:0;
top:44px;
bottom:0;
border-radius:4px;
background-color:var(--color-thirtytwo);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.testimonial-block-two .inner-box:hover::before {
background-color:var(--white-color);
box-shadow:0 0 15px rgba(0,0,0,0.10)
}

.testimonial-block-two .author-box {
position:relative;
border-radius:4px;
padding:17px 20px 15px;
background-color:var(--color-fourty)
}

.testimonial-block-two .author-box .author-inner {
position:relative;
padding-top:var(--padding-top-5);
padding-left:var(--padding-left-75)
}

.testimonial-block-two .author-box .author-image {
position:absolute;
left:0;
top:2px;
width:52px;
height:52px;
overflow:hidden;
border-radius:50%
}

.testimonial-block-two .author-box strong {
position:relative;
line-height:1em;
color:var(--white-color);
font-size:var(--font-18);
font-family:var(--font-family-BeVietnam)
}

.testimonial-block-two .author-box .designation {
position:relative;
font-weight:500;
color:var(--white-color);
font-size:var(--font-16);
margin-top:var(--margin-top-5)
}

.testimonial-block-two .inner-box .text {
line-height:30px;
color:var(--color-five);
margin-top:var(--margin-top-25)
}

.testimonial-block-two .inner-box .rating {
position:relative;
margin-top:var(--margin-top-15)
}

.testimonial-block-two .inner-box .rating .fa {
position:relative;
font-size:var(--font-20);
color:var(--color-thirtyeight)
}

.news-section-three {
position:relative;
overflow:hidden;
padding:0 0 100px;
background-position:center center;
background-repeat:no-repeat
}

.news-section-three .pattern-layer {
position:absolute;
right:0;
bottom:-100px;
width:484px;
height:664px
}

.news-section-three .sec-title-three .text {
margin-top:var(--margin-top-45)
}

.news-block-three {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.news-block-three .inner-box {
position:relative;
border-radius:5px;
padding:10px 10px 35px;
background-color:var(--white-color);
box-shadow:0 0 10px rgba(0,0,0,0.10)
}

.news-block-three .inner-box .image {
position:relative;
border-radius:5px;
overflow:hidden
}

.news-block-three .inner-box .image img {
position:relative;
width:100%;
display:block
}

.news-block-three .inner-box .image::before {
position:absolute;
top:50%;
left:50%;
z-index:1;
display:block;
content:'';
width:0;
height:0;
background:rgba(255,255,255,.2);
border-radius:0;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
opacity:0
}

.news-block-three .inner-box:hover .image::before {
-webkit-animation:circle .95s;
animation:circle .95s
}

@-webkit-keyframes circle {
0% {
opacity:1
}

40% {
opacity:1
}

100% {
width:200%;
height:200%;
opacity:0
}
}

@keyframes circle {
0% {
opacity:1
}

40% {
opacity:1
}

100% {
width:200%;
height:200%;
opacity:0
}
}

.news-block-three .inner-box .lower-content {
position:relative
}

.news-block-three .inner-box .post-info {
position:relative;
top:-25px;
border-radius:5px;
padding:14px 15px 12px;
margin-left:var(--margin-left-15);
margin-right:var(--margin-right-15);
background-color:var(--color-fourty);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.news-block-three .inner-box .post-info li {
position:relative;
display:inline-block;
font-size:var(--font-15);
color:var(--white-color);
margin-right:var(--margin-right-15);
padding-left:var(--padding-left-25)
}

.news-block-three .inner-box .post-info li .icon {
position:absolute;
left:0;
top:0;
font-family:"Flaticon";
font-size:var(--font-16)
}

.news-block-three .inner-box .post-info li:last-child {
margin-right:var(--margin-zero)
}

.news-block-three .inner-box:hover .post-info {
background-color:var(--color-fourtytwo)
}

.news-block-three .inner-box h4 {
padding:0 10px;
margin-bottom:var(--margin-bottom-20)
}

.news-block-three .inner-box h4 a {
position:relative;
color:var(--color-fourty);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.news-block-three .inner-box h4 a:hover {
color:var(--color-fourtytwo)
}

.news-block-three .inner-box .explore {
position:relative;
padding:10px 20px;
font-weight:600;
border-radius:50px;
display:inline-block;
font-size:var(--font-14);
color:var(--white-color);
margin-left:var(--margin-left-10);
background-color:var(--color-fourty);
font-family:var(--font-family-BeVietnam);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.news-block-three .inner-box .explore span {
position:relative;
font-size:var(--font-10);
font-family:"Flaticon";
margin-left:var(--margin-left-5)
}

.news-block-three .inner-box .explore:hover {
background-color:var(--color-fourtytwo)
}

.footer-style-three {
position:relative;
padding:110px 0 0;
background-color:var(--color-fourty)
}

.footer-style-three .side-title {
position:absolute;
right:100px;
top:100px;
opacity:.1;
font-weight:800;
font-size:var(--font-110);
color:var(--white-color);
font-family:var(--font-family-BeVietnam);
writing-mode:vertical-rl;
transform:rotate(180deg)
}

.footer-style-three .side-title span {
position:relative;
color:var(--color-fourtytwo)
}

.footer-style-three .pattern-layer {
position:absolute;
left:0;
bottom:0;
width:420px;
height:437px;
background-repeat:no-repeat
}

.footer-style-three .pattern-layer-two {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background-position:center center;
background-repeat:no-repeat
}

.footer-style-three .upper-box {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.footer-style-three .upper-box .info-box {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.footer-style-three .upper-box .info-box .box-inner {
position:relative;
padding:25px 30px;
border-radius:5px;
background-color:var(--color-fourtyfour)
}

.footer-style-three .upper-box .info-box .content {
position:relative;
padding-left:var(--padding-left-75)
}

.footer-style-three .upper-box .info-box .icon {
position:absolute;
left:0;
top:0;
line-height:1em;
font-size:var(--font-50);
font-family:"Flaticon";
color:var(--color-fourtytwo)
}

.footer-style-three .upper-box .info-box strong {
position:relative;
display:block;
font-weight:800;
font-size:var(--font-18);
color:var(--white-color);
margin-bottom:var(--margin-bottom-10);
font-family:var(--font-family-BeVietnam)
}

.footer-style-three .upper-box .info-box .text {
position:relative;
font-size:var(--font-16);
color:var(--white-color)
}

.footer-style-three .footer-widget {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.footer-style-three .widgets-section {
position:relative;
padding-bottom:var(--padding-bottom-60)
}

.footer-style-three .about-widget .text {
line-height:1.8em;
color:var(--white-color);
margin-bottom:var(--margin-bottom-30)
}

.footer-style-three .about-widget .read-more {
position:relative;
padding:14px 28px;
font-weight:600;
border-radius:50px;
display:inline-block;
font-size:var(--font-16);
color:var(--white-color);
font-family:var(--font-family-BeVietnam);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background:var(--color-fourtyone);
background:linear-gradient(to right,var(--color-fourtyone) 0%,var(--color-fourtytwo) 100%)
}

.footer-style-three .about-widget .read-more span {
position:relative;
font-size:var(--font-10);
font-family:"Flaticon";
margin-left:var(--margin-left-5)
}

.footer-style-three .about-widget .read-more:hover {
background-color:var(--color-fourtytwo)
}

.footer-style-three .footer-widget h4 {
font-weight:700;
color:var(--white-color);
text-transform:capitalize;
margin-top:var(--margin-top-20);
margin-bottom:var(--margin-bottom-20)
}

.footer-style-three .newsletter-widget .text {
line-height:1.8em;
color:var(--white-color);
margin-bottom:var(--margin-bottom-30)
}

.footer-style-three .links-widget {
position:relative
}

.footer-style-three .links-widget .list {
position:relative
}

.footer-style-three .links-widget .list li {
position:relative;
margin-bottom:var(--margin-bottom-15)
}

.footer-style-three .links-widget .list li a {
position:relative;
font-size:var(--font-16);
color:var(--white-color)
}

.footer-style-three .links-widget .list li a:hover {
color:var(--color-fourtytwo)
}

.footer-style-three .email-box-three {
position:relative;
margin-bottom:22px
}

.footer-style-three .email-box-three .form-group {
position:relative;
margin:0;
width:100%;
max-width:100%
}

.footer-style-three .email-box-three .form-group input[type="text"],.footer-style-three .email-box-three .form-group input[type="email"] {
position:relative;
line-height:43px;
padding:10px 55px 10px 20px;
display:block;
font-size:14px;
height:50px;
width:100%;
border-radius:5px;
box-shadow:inherit;
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background:none;
border:1px solid var(--white-color)
}

.footer-style-three .email-box-three .form-group input::placeholder,.footer-style-three .email-box-three .form-group textarea::placeholder {
color:#fff
}

.footer-style-three .email-box-three .form-group button {
position:absolute;
right:0;
top:-1px;
height:52px;
width:50px;
display:block;
cursor:pointer;
line-height:100%;
font-weight:400;
text-align:center;
border-radius:5px;
color:var(--white-color);
font-size:var(--font-18);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:"Flaticon";
background-color:var(--color-fourtytwo)
}

.footer-style-three .email-box-three .form-group button:hover {
color:#fff
}

.footer-style-three .footer-bottom {
position:relative;
padding:22px 0;
text-align:center;
border-top:1px solid rgba(255,255,255,1)
}

.footer-style-three .footer-bottom .copyright {
position:relative;
font-size:var(--font-16);
color:var(--white-color)
}

.footer-style-three .footer-bottom .copyright a {
color:var(--main-color)
}

.page-title {
position:relative;
overflow:hidden;
padding:120px 0 130px;
background-size:cover
}

.page-title:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0
}

.page-title h2 {
color:var(--white-color);
padding-top:var(--padding-top-25)
}

.page-title .bread-crumb {
position:relative
}

.page-title .bread-crumb li {
position:relative;
font-weight:500;
display:inline-block;
text-transform:capitalize;
font-size:var(--font-18);
color:var(--white-color);
margin-right:var(--margin-right-15);
padding-right:var(--padding-right-15)
}

.page-title .bread-crumb li:before {
position:absolute;
right:-5px;
top:0;
color:#fff;
content:"\f101";
font-weight:400;
font-size:var(--font-16);
color:var(--white-color);
font-family:'FontAwesome'
}

.page-title .bread-crumb li:last-child {
padding-right:0;
margin-right:0
}

.page-title .bread-crumb li:last-child:before {
display:none
}

.page-title .bread-crumb li a {
font-weight:500;
color:var(--white-color);
-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-title .bread-crumb li a:hover {
color:var(--main-color)
}

.approach-section {
position:relative;
padding:100px 0 40px
}

.approach-section:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
height:555px;
background-color:var(--color-thirtytwo)
}

.approach-block {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.approach-block .inner-box {
position:relative;
border-radius:3px;
padding:20px 20px 28px;
background-color:var(--white-color);
box-shadow:0 0 15px rgba(0,0,0,0.10)
}

.approach-block .inner-box .image {
position:relative
}

.approach-block .inner-box .image img {
position:relative;
width:100%;
display:block
}

.approach-block .inner-box .lower-content {
position:relative;
padding-top:var(--padding-top-25)
}

.approach-block .inner-box h4 {
position:relative;
font-weight:700
}

.approach-block .inner-box h4 a {
position:relative;
color:var(--color-fourty)
}

.approach-block .inner-box .text {
position:relative;
line-height:1.7em;
color:var(--color-five);
margin-top:var(--margin-top-10);
margin-bottom:var(--margin-bottom-15)
}

.approach-block .inner-box .explore {
position:relative;
font-weight:700;
font-size:var(--font-15);
color:var(--color-fourty)
}

.approach-block .inner-box h4 a:hover,.approach-block .inner-box .explore:hover {
color:var(--main-color)
}

.clients-section {
position:relative;
padding:0 0 110px
}

.clients-section .owl-carousel .owl-stage-outer {
position:relative;
padding:20px 0
}

.clients-section .owl-theme .image-box {
margin:0 15px
}

.clients-section .owl-carousel {
margin:0 -15px;
width:auto
}

.clients-section .image-box {
position:relative;
box-shadow:0 10px 15px rgba(0,0,0,0.10)
}

.clients-section .image-box img {
position:relative;
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
}

.clients-section .image-box:hover img {
filter:grayscale(0%)
}

.clients-section .owl-dots {
display:none
}

.clients-section .owl-nav {
position:absolute;
left:-5px;
right:-5px;
top:50%;
margin-top:-22px
}

.clients-section .owl-nav .owl-prev {
position:absolute;
left:0;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius:50px;
display:inline-block;
color:var(--white-color);
font-size:var(--font-16);
font-family:"Flaticon";
background-color:var(--color-fourty);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease
}

.clients-section .owl-nav .owl-next {
position:absolute;
right:0;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius:50px;
display:inline-block;
color:var(--white-color);
font-size:var(--font-16);
font-family:"Flaticon";
background-color:var(--color-fourty);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease
}

.clients-section .owl-nav .owl-prev:hover,.clients-section .owl-nav .owl-next:hover {
background-color:var(--main-color)
}

.service-section-five {
position:relative;
padding:100px 0
}

.service-section-five .btn-box {
position:relative;
margin-top:var(--margin-top-20)
}

.service-block-four.style-two .inner-box {
box-shadow:0 10px 15px rgba(0,0,0,0.10)
}

.service-block-four.style-two .inner-box .icon-box {
color:var(--main-color);
background-color:rgba(var(--main-color-rgb),0.1)
}

.service-block-four.style-two .inner-box .arrow {
color:var(--main-color);
background-color:rgba(var(--main-color-rgb),0.1)
}

.service-block-four.style-two .inner-box:hover .arrow {
color:var(--main-color);
background-color:var(--white-color)
}

.service-block-four.style-two .inner-box:hover .icon-box {
color:var(--white-color);
background-color:var(--main-color);
background-image:none
}

.service-block-four.style-two .inner-box .image-layer:before {
background:var(--color-fourtyfive);
background:linear-gradient(to right,var(--color-fourtyfive) 0%,var(--main-color) 100%)
}

.process-section {
position:relative;
padding:100px 0 70px
}

.process-section .content-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.process-section .content-column .inner-column {
position:relative
}

.process-block {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.process-block .inner-box {
position:relative;
font-size:var(--font-16);
color:var(--color-five);
line-height:1.7em;
padding-left:var(--padding-left-120)
}

.process-block .inner-box .number {
position:absolute;
left:0;
top:12px;
opacity:.3;
font-weight:800;
line-height:1em;
font-size:var(--font-72);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-family:var(--font-family-BeVietnam);
-webkit-text-stroke-width:1px;
-webkit-text-stroke-color:linear-gradient(to bottom,var(--color-fourtysix) 0%,var(--color-fourtysix) 100%)
}

.process-block .inner-box:hover .number {
opacity:1
}

.process-block .inner-box strong {
position:relative;
display:block;
font-weight:800;
font-size:var(--font-24);
color:var(--color-fourty);
margin-bottom:var(--margin-bottom-15);
font-family:var(--font-family-BeVietnam)
}

.process-section .images-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.process-section .images-column .inner-column {
position:relative
}

.process-section .images-column .image {
position:relative;
border-radius:5px;
overflow:hidden;
padding:10px;
display:inline-block;
background-color:var(--white-color);
margin-bottom:var(--margin-bottom-90);
box-shadow:0 10px 25px rgba(0,0,0,0.10)
}

.process-section .images-column .image img {
position:relative;
border-radius:5px;
overflow:hidden
}

.process-section .images-column .image-two {
position:absolute;
right:0;
top:150px;
overflow:hidden;
padding:10px;
display:inline-block;
background-color:var(--white-color);
box-shadow:0 0 15px rgba(0,0,0,0.10)
}

.process-section .images-column .image:first-child {
position:relative;
z-index:1
}

.process-section .images-column .image:nth-child(2) {
margin-bottom:var(--margin-zero)
}

.sidebar-page-container {
position:relative;
padding:110px 0 80px;
background-color: #4b4c4a;
}

.sidebar-page-container .content-side,.sidebar-page-container .sidebar-side {
margin-bottom:40px
}

.sidebar-page-container .sidebar-side .padding-left {
padding-left:var(--padding-left-20)
}

.sidebar-page-container .pattern-layer {
position:absolute;
right:0;
bottom:20%;
width:484px;
height:664px
}

.sticky-top {
z-index:1;
top:100px
}

.sidebar-widget {
position:relative;
margin-bottom:var(--margin-bottom-40)
}

.sidebar-widget .widget-content {
position:relative;
padding:30px 30px 40px;
border-radius:6px;
background-color:var(--color-thirtytwo)
}

.sidebar-title {
position:relative;
margin-bottom:var(--margin-bottom-20)
}

.sidebar-title h4 {
font-weight:800;
color:var(--color-fourty)
}

.sidebar-title-two {
position:relative;
margin-bottom:var(--margin-bottom-25)
}

.sidebar-title-two h4 {
font-weight:800;
color:var(--black-color);
padding-bottom:var(--padding-bottom-15)
}

.sidebar-title-two h4:before {
position:absolute;
content:'';
left:0;
bottom:0;
width:46px;
height:3px;
background-color:var(--main-color)
}

.service-list {
position:relative
}

.service-list li {
position:relative;
margin-bottom:var(--margin-bottom-15)
}

.service-list li:last-child {
margin-bottom:var(--margin-zero)
}

.service-list li a {
position:relative;
font-weight:800;
display:block;
padding:15px 20px;
border-radius:3px;
font-size:var(--font-18);
color:var(--color-five);
border:1px solid var(--color-fourtyseven);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease
}

.service-list li a:before {
position:absolute;
content:"\f112";
right:20px;
font-family:"Flaticon"
}

.service-list li.current a,.service-list li a:hover {
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color)
}

.service-list-two {
position:relative
}

.service-list-two li {
position:relative;
margin-bottom:var(--margin-bottom-20)
}

.service-list-two li:last-child {
margin-bottom:var(--margin-zero)
}

.service-list-two li a {
position:relative;
font-weight:500;
display:block;
border-radius:3px;
font-size:var(--font-15);
color:var(--color-five);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
padding-left:var(--padding-left-25)
}

.service-list-two li a:before {
position:absolute;
content:"\f18d";
left:0;
font-size:var(--font-10);
font-family:"Flaticon"
}

.service-list-two li span {
position:absolute;
right:0;
width:27px;
height:27px;
font-weight:500;
text-align:center;
line-height:27px;
font-size:var(--font-12);
color:var(--white-color);
background-color:var(--black-color);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease
}

.service-list-two li a:hover {
color:var(--main-color)
}

.service-list-two li:hover span {
background-color:var(--main-color)
}

.download-list {
position:relative
}

.download-list li {
position:relative;
margin-bottom:var(--margin-bottom-15)
}

.download-list li a {
position:relative;
font-weight:700;
display:block;
line-height:35px;
border-radius:4px;
font-size:var(--font-18);
color:var(--color-fourty);
padding:10px 10px 10px 25px;
background-color:var(--white-color);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease
}

.download-list li a .icon {
position:absolute;
right:10px;
top:8px;
width:38px;
height:38px;
border-radius:3px;
line-height:38px;
text-align:center;
font-family:"Flaticon";
color:var(--main-color);
background-color:rgba(var(--main-color-rgb),0.1)
}

.download-list li a:hover {
color:var(--white-color);
background-color:var(--main-color)
}

.download-list li a:hover .icon {
color:var(--main-color);
background-color:var(--white-color)
}

.download-list li:last-child {
margin-bottom:var(--margin-zero)
}

.support-widget .support-content {
position:relative;
border-radius:5px;
padding:35px 25px 45px;
background-color:var(--color-fourty)
}

.support-widget .title-box {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.support-widget .title-box h4 {
font-weight:800;
color:var(--white-color);
text-transform:uppercase
}

.support-widget .title-box .text {
position:relative;
color:var(--white-color);
margin-top:var(--margin-top-10)
}

.support-form .form-group {
margin-bottom:var(--margin-bottom-25)
}

.support-form .form-group:last-child {
margin-bottom:var(--margin-zero)
}

.support-form .form-group input[type="text"],.support-form .form-group input[type="password"],.support-form .form-group input[type="tel"],.support-form .form-group input[type="email"],.support-form .form-group select {
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
color:var(--white-color);
height:54px;
font-size:var(--font-16);
border-radius:3px;
background:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border:1px solid rgba(255,255,255,0.15)
}

.support-form .form-group input[type="text"]:focus,.support-form .form-group input[type="password"]:focus,.support-form .form-group input[type="tel"]:focus,.support-form .form-group input[type="email"]:focus,.support-form .form-group select:focus,.support-form .form-group textarea:focus {
border-color:var(--main-color)
}

.support-form .form-group textarea {
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 20px 25px;
color:var(--white-color);
height:140px;
font-size:var(--font-15);
border-radius:3px;
background:none;
resize:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border:1px solid rgba(255,255,255,0.15)
}

.support-form .form-group button {
margin-top:var(--margin-top-15)
}

.service-detail {
position:relative
}

.service-detail .inner-box {
position:relative
}

.service-detail .inner-box .image {
position:relative;
border-radius:5px;
overflow:hidden
}

.service-detail .inner-box .image img {
position:relative;
width:100%;
display:block
}

.service-detail .lower-content {
position:relative;
padding-top:var(--padding-top-30)
}

.service-detail .lower-content h3 {
font-weight:800;
color:#fff;
margin-bottom:var(--margin-bottom-15)
}

.service-detail .lower-content p {
color:#fff;
line-height:1.7em;
margin-bottom:var(--margin-bottom-15);
}

.service-detail .lower-content .options-outer {
position:relative;
margin-top:var(--margin-top-30);
margin-bottom:var(--margin-bottom-20)
}

.service-detail .lower-content .list {
position:relative
}

.service-detail .lower-content .list li {
position:relative;
font-weight:700;
font-size:var(--font-16);
color:var(--color-fourty);
margin-bottom:var(--margin-bottom-15);
padding-left:var(--padding-left-25)
}

.service-detail .lower-content .list li:before {
position:absolute;
content:"\f197";
left:0;
top:0;
font-family:"flaticon"
}

.service-detail .lower-content h4 {
font-weight:800;
color:var(--color-fourty);
margin-bottom:var(--margin-bottom-20)
}

.service-detail .lower-content .gallery-images {
position:relative;
margin-top:var(--margin-top-30)
}

.service-detail .accordion-outer {
position:relative;
margin-top:var(--margin-top-45);
padding-top:var(--padding-top-30);
border-top:1px solid rgba(var(--color-five-rgb),0.1)
}

.service-detail .accordion-outer .title-box {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.service-detail .accordion-outer .title-box .text {
position:relative;
color:var(--color-five);
line-height:1.7em
}

.faq-page-section {
position:relative;
padding:110px 0 80px
}

.faq-form-section {
position:relative;
padding-bottom:var(--padding-bottom-120)
}

.faq-form-section .inner-container {
position:relative;
max-width:970px;
margin:0 auto
}

.faq-form-section .pattern-layer {
position:absolute;
right:0;
bottom:10%;
width:484px;
height:664px
}

.faq-form .form-group {
margin-bottom:var(--margin-bottom-20)
}

.faq-form .form-group:last-child {
margin-bottom:var(--margin-zero)
}

.faq-form .form-group input[type="text"],.faq-form .form-group input[type="password"],.faq-form .form-group input[type="tel"],.faq-form .form-group input[type="email"],.faq-form .form-group select {
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
color:var(--color-thirtyseven);
height:54px;
font-size:var(--font-16);
border-radius:3px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border:1px solid rgba(0,0,0,0.10);
font-family:var(--font-family-Roboto);
background-color:var(--color-fourtyeight)
}

.faq-form .form-group input[type="text"]:focus,.faq-form .form-group input[type="password"]:focus,.faq-form .form-group input[type="tel"]:focus,.faq-form .form-group input[type="email"]:focus,.faq-form .form-group select:focus,.faq-form .form-group textarea:focus {
border-color:var(--main-color)
}

.faq-form .form-group textarea {
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 20px 25px;
color:var(--color-thirtyseven);
height:220px;
font-size:var(--font-16);
border-radius:3px;
resize:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border:1px solid rgba(0,0,0,0.10);
font-family:var(--font-family-Roboto);
background-color:var(--color-fourtyeight)
}

.faq-form .form-group button {
margin-top:var(--margin-top-15)
}

.error-section {
position:relative;
text-align:center;
padding:100px 0
}

.error-section .pattern-layer {
position:absolute;
right:0;
bottom:10%;
width:484px;
height:664px
}

.error-section h2 {
font-weight:800;
text-align:center;
color:var(--color-fourty)
}

.error-section .text {
text-align:center;
color:var(--color-fourtynine);
margin-top:var(--margin-top-25);
margin-bottom:var(--margin-bottom-35)
}

.error-section .search-box {
position:relative;
max-width:470px;
width:100%;
margin:0 auto
}

.error-section .search-box .form-group {
position:relative;
margin:var(--margin-zero)
}

.error-section .search-box .form-group input[type="text"],.error-section .search-box .form-group input[type="search"] {
position:relative;
line-height:28px;
font-size:var(--font-16);
padding:10px 50px 10px 25px;
background:var(--color-thirtytwo);
display:block;
width:100%;
height:60px;
border-radius:4px;
font-weight:400;
color:var(--color-thirtyseven);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.error-section .search-box .form-group button {
position:absolute;
right:10px;
top:10px;
height:40px;
width:40px;
display:block;
cursor:pointer;
line-height:100%;
font-weight:400;
border-radius:0;
background:none;
font-size:var(--font-18);
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background:var(--main-color)
}

.error-section .search-box .form-group button:hover {
background:var(--color-two)
}

.error-section .btn-box:before {
position:absolute;
content:'';
left:-80px;
top:-10px;
width:48px;
height:53px;
background:url(../images/icons/arrow.png) no-repeat
}

.error-section .btn-box {
position:relative;
display:inline-block;
margin-top:var(--margin-top-20)
}

.error-section .btn-box a {
position:relative;
border-radius:50px;
text-transform:capitalize
}

.team-page-section {
position:relative;
padding:100px 0
}

.team-page-section .button-box {
position:relative;
margin-top:var(--margin-top-20)
}

.team-page-section .button-box a {
text-transform:capitalize
}

.team-page-section .sec-title-three .text {
margin-top:var(--margin-top-45)
}

.team-detail-section {
position:relative;
padding:100px 0 70px
}

.team-detail-section .pattern-layer {
position:absolute;
right:0;
bottom:10%;
width:484px;
height:664px
}

.team-detail-section .info-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.team-detail-section .info-column .image {
position:relative;
border-radius:5px;
overflow:hidden;
margin-bottom:var(--margin-bottom-30)
}

.team-detail-section .info-column .image img {
position:relative;
width:100%;
display:block
}

.team-detail-section .info-column h3 {
font-weight:700;
color:var(--color-fourty)
}

.team-detail-section .info-column .designation {
position:relative;
font-size:var(--font-16);
color:var(--color-fifty);
margin-top:var(--margin-top-10);
margin-bottom:var(--margin-bottom-25)
}

.team-detail-section .info-column .list {
position:relative
}

.team-detail-section .info-column .list li {
position:relative;
font-weight:700;
line-height:40px;
font-size:var(--font-16);
padding-left:var(--padding-left-60);
margin-bottom:var(--margin-bottom-20);
font-family:var(--font-family-BeVietnam)
}

.team-detail-section .info-column .list li .icon {
position:absolute;
left:0;
top:0;
width:40px;
height:40px;
border-radius:3px;
text-align:center;
line-height:40px;
font-weight:400;
color:var(--main-color);
font-size:var(--font-20);
font-family:"Flaticon";
background-color:var(--color-fiftyone)
}

.team-detail-section .info-column .list li:last-child {
margin-bottom:var(--margin-zero)
}

.team-detail-section .info-column .social-box {
position:relative;
margin-top:var(--margin-top-40)
}

.team-detail-section .info-column .social-box .contact-btn {
position:relative;
line-height:30px;
font-weight:700;
float:left;
padding:7px 7px 7px 20px;
color:var(--white-color);
font-size:var(--font-14);
margin-bottom:var(--margin-bottom-5);
margin-right:var(--margin-right-5);
background-color:var(--main-color);
font-family:var(--font-family-BeVietnam)
}

.team-detail-section .info-column .social-box .contact-btn span {
position:relative;
width:27px;
height:27px;
line-height:27px;
text-align:center;
display:inline-block;
font-family:"Flaticon";
color:var(--black-color);
font-size:var(--font-10);
margin-left:var(--margin-left-10);
background-color:var(--white-color)
}

.team-detail-section .info-column .facebook {
position:relative;
width:44px;
height:44px;
float:left;
line-height:44px;
text-align:center;
color:var(--white-color);
font-size:var(--font-18);
background-color:#3b5999;
margin-bottom:var(--margin-bottom-5);
margin-right:var(--margin-right-5)
}

.team-detail-section .info-column .twitter {
position:relative;
width:44px;
height:44px;
float:left;
line-height:44px;
text-align:center;
color:var(--white-color);
font-size:var(--font-18);
background-color:#55acee;
margin-bottom:var(--margin-bottom-5);
margin-right:var(--margin-right-5)
}

.team-detail-section .info-column .youtube {
position:relative;
width:44px;
height:44px;
float:left;
line-height:44px;
text-align:center;
color:var(--white-color);
font-size:var(--font-18);
background-color:#cd201f;
margin-bottom:var(--margin-bottom-5);
margin-right:var(--margin-right-5)
}

.team-detail-section .content-column {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.team-detail-section .content-column h3 {
color:var(--color-fiftytwo);
margin-bottom:var(--margin-bottom-15)
}

.project-page-section {
position:relative;
overflow:hidden;
padding:100px 0;
background-color: #4b4c4a;
}

.project-page-section .pattern-layer {
position:absolute;
right:-100px;
bottom:-35%;
width:484px;
height:664px
}

.project-page-section .btn-box {
position:relative;
margin-top:var(--margin-top-20)
}

.project-page-section .btn-box .load-btn {
position:relative;
font-weight:600;
border-radius:50px;
padding:15px 36px 13px;
color:var(--white-color);
background-color:var(--main-color)
}

.project-page-section .btn-box .load-btn:hover {
color:var(--white-color);
background-color:var(--color-two)
}

.project-page-section .filters {
position:relative;
text-align:center;
margin-bottom:var(--margin-bottom-40)
}

.project-page-section .filters .filter-tabs {
position:relative
}

.project-page-section .filters li {
position:relative;
cursor:pointer;
font-weight:600;
padding:11px 28px;
margin:0 7px 10px;
border-radius:50px;
display:inline-block;
color:var(--color-fourty);
font-size:var(--font-15);
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
background-color:var(--color-fiftyfour);
font-family:var(--font-family-BeVietnam)
}

.project-page-section .filters .filter.active,.project-page-section .filters .filter:hover {
color:var(--white-color);
background-color:var(--main-color)
}

.project-block-two {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.project-block-two .inner-box {
position:relative
}

.project-block-two .inner-box .image {
position:relative;
overflow:hidden;
border-radius:5px
}

.project-block-two .inner-box .image img {
position:relative;
width:100%;
display:block
}

.project-block-two .inner-box .overlay-box {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
-webkit-transform:rotateX(-90deg);
transform:rotateX(-90deg);
-webkit-transform-origin:50% -50%;
-ms-transform-origin:50% -50%;
transform-origin:50% -50%;
z-index:1;
opacity:0;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease
}

.project-block-two .inner-box:hover .overlay-box {
-webkit-transform:rotateX(0deg);
transform:rotateX(0deg);
opacity:1;
-webkit-transition-delay:.2s;
transition-delay:.2s
}

.project-block-two .inner-box .overlay-box:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
opacity:.7;
background-color:var(--color-fourty)
}

.project-block-two .inner-box .overlay-box .plus {
position:absolute;
right:20px;
top:20px;
width:44px;
height:44px;
border-radius:3px;
text-align:center;
line-height:44px;
font-size:var(--font-18);
color:var(--white-color);
font-family:"Flaticon";
background-color:var(--main-color)
}

.project-block-two .inner-box .overlay-box .plus:hover {
color:var(--main-color);
background-color:var(--white-color)
}

.project-block-two .inner-box .content {
position:absolute;
left:35px;
bottom:30px
}

.project-block-two .inner-box .content .title {
position:relative;
font-weight:500;
color:var(--main-color);
font-size:var(--font-22)
}

.project-block-two .inner-box .content h4 {
line-height:36px;
margin-top:var(--margin-top-10)
}

.project-block-two .inner-box .content h4 a {
position:relative;
color:var(--white-color);
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease
}

.project-block-two .inner-box .content h4 a:hover {
color:var(--main-color)
}

.project-block-two.mix {
display:none
}

.project-detail-section {
position:relative;
overflow:hidden;
padding:110px 0;
background-color: #4b4c4a;
}

.project-detail-section .pattern-layer {
position:absolute;
right:-80px;
top:42%;
width:484px;
height:664px;
background-repeat:no-repeat
}

.project-detail-section .pattern-layer-two {
position:absolute;
left:0;
bottom:-300px;
width:337px;
height:652px;
background-repeat:no-repeat
}

.project-detail-section .upper-box {
position:relative;
padding-right:300px
}

.project-detail-section .upper-box .image {
position:relative;
overflow:hidden
}

.project-detail-section .upper-box .image img {
position:relative;
width:100%;
display:block
}

.project-detail-section .upper-box .info-box {
position:absolute;
right:0;
top:70px;
z-index:1;
width:100%;
border-radius:6px;
overflow:hidden;
max-width:370px;
background-color:var(--white-color);
box-shadow:0 0 35px rgba(0,0,0,0.10)
}

.project-detail-section .upper-box .info-box .title {
position:relative;
font-weight:700;
padding:18px 15px;
text-align:center;
font-size:var(--font-22);
color:var(--white-color);
font-family:var(--font-family-BeVietnam);
background:var(--color-fourtyone);
background:linear-gradient(to right,var(--color-fourtyone) 0%,var(--color-fourtytwo) 100%)
}

.project-detail-section .upper-box .info-list {
position:relative;
padding:30px 40px
}

.project-detail-section .upper-box .info-list li {
position:relative;
font-weight:700;
color:var(--color-five);
font-size:var(--font-17);
margin-bottom:var(--margin-bottom-15);
font-family:var(--font-family-Roboto)
}

.project-detail-section .upper-box .info-list li span {
position:absolute;
right:0;
font-weight:400
}

.project-detail-section .upper-box .info-list li:last-child {
margin-bottom:var(--margin-zero)
}

.project-detail-section .value-box {
position:relative;
padding:20px 40px;
border-top:1px solid var(--color-twentythree)
}

.project-detail-section .value-box .price {
position:relative;
font-weight:700;
line-height:1em;
font-size:var(--font-26);
color:var(--color-fiftyfive);
font-family:var(--font-family-BeVietnam)
}

.project-detail-section .value-box .rating {
position:relative;
margin-top:var(--margin-top-15)
}

.project-detail-section .value-box .rating .fa {
position:relative;
font-size:var(--font-18);
color:var(--color-sixteen)
}

.project-detail-section .middle-box {
position:relative;
padding-top:var(--padding-top-35)
}

.project-detail-section .middle-box h3 {
font-weight:800;
font-size:var(--font-36);
color:var(--color-fourty);
margin-bottom:var(--margin-bottom-15)
}

.project-detail-section .middle-box p {
position:relative;
line-height:30px;
color:var(--color-five);
font-size:var(--font-17)
}

.project-detail-section .gallery-box {
position:relative;
margin-top:var(--margin-top-30);
margin-bottom:var(--margin-bottom-30)
}

.project-detail-section .middle-box h4 {
font-weight:800;
color:var(--color-fourty);
margin-bottom:var(--margin-bottom-15)
}

.project-detail-section .blocks-outer {
position:relative;
margin-top:var(--margin-top-40);
margin-bottom:var(--margin-bottom-10)
}

.feature-block-three {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.feature-block-three .block-inner {
position:relative;
padding:25px;
border-radius:3px;
background-color:var(--white-color);
box-shadow:0 0 15px rgba(0,0,0,0.05)
}

.feature-block-three .block-content {
position:relative;
padding-left:var(--padding-left-85)
}

.feature-block-three .block-content .icon {
position:absolute;
left:0;
top:12px;
width:60px;
height:60px;
line-height:60px;
border-radius:3px;
text-align:center;
font-size:var(--font-30);
font-family:"Flaticon";
color:var(--main-color);
background-color:rgba(var(--main-color-rgb),0.05)
}

.feature-block-three .block-inner .block-text {
position:relative;
line-height:28px;
color:var(--color-five);
font-size:var(--font-16);
margin-top:var(--margin-top-5)
}

.project-detail-section .option-list {
position:relative;
margin-top:var(--margin-top-15)
}

.project-detail-section .option-list li {
position:relative;
line-height:30px;
color:var(--color-five);
font-size:var(--font-16);
padding-left:var(--padding-left-35);
margin-bottom:var(--margin-bottom-15)
}

.project-detail-section .option-list li:before {
position:absolute;
left:0;
top:-1px;
content:"\f1b8";
font-size:var(--font-18);
color:var(--color-fiftysix);
font-family:"Flaticon"
}

.project-detail-section .more-posts {
position:relative;
margin-top:var(--margin-top-20);
padding-top:var(--padding-top-50);
border-top:1px solid var(--color-twentythree)
}

.project-detail-section .more-posts .prev-post {
position:relative;
padding-left:130px;
min-height:100px;
font-size:var(--font-16);
color:var(--color-fourty);
padding-top:var(--padding-top-20)
}

.project-detail-section .more-posts .prev-post .thumb-image {
position:absolute;
left:0;
top:0;
overflow:hidden;
border-radius:6px;
background-color:var(--black-color)
}

.project-detail-section .more-posts .prev-post .thumb-image img {
opacity:.8
}

.project-detail-section .more-posts .prev-post .arrow {
position:absolute;
left:50%;
top:50%;
width:38px;
height:38px;
text-align:center;
line-height:38px;
border-radius:50px;
display:inline-block;
font-family:"Flaticon";
color:var(--white-color);
background-color:var(--color-fourty);
transform:translateX(-50%) translateY(-50%);
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease
}

.project-detail-section .more-posts .prev-post h6 {
margin-top:var(--margin-top-5)
}

.project-detail-section .more-posts .prev-post h6 a {
position:relative;
color:var(--color-fourty)
}

.project-detail-section .more-posts .next-post {
position:relative;
padding-right:130px;
text-align:right;
min-height:100px;
font-size:var(--font-16);
color:var(--color-fourty);
padding-top:var(--padding-top-20)
}

.project-detail-section .more-posts .next-post .thumb-image {
position:absolute;
right:0;
top:0;
overflow:hidden;
border-radius:6px;
background-color:var(--black-color)
}

.project-detail-section .more-posts .next-post .thumb-image img {
opacity:.8
}

.project-detail-section .more-posts .next-post .arrow {
position:absolute;
left:50%;
top:50%;
width:38px;
height:38px;
text-align:center;
line-height:38px;
border-radius:50px;
display:inline-block;
font-family:"Flaticon";
color:var(--white-color);
background-color:var(--color-fourty);
transform:translateX(-50%) translateY(-50%);
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease
}

.project-detail-section .more-posts .next-post h6 {
margin-top:var(--margin-top-5)
}

.project-detail-section .more-posts .next-post h6 a {
position:relative;
color:var(--color-fourty)
}

.project-detail-section .more-posts .prev-post:hover .arrow,.project-detail-section .more-posts .next-post:hover .arrow {
background-color:var(--main-color);
color:var(--white-color)
}

.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:43px;
padding:10px 50px 10px 25px;
background:var(--color-eightteen);
display:block;
font-size:var(--font-16);
width:100%;
height:60px;
color:var(--dark-color);
border-radius:3px;
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 button {
position:absolute;
right:0;
top:0;
height:56px;
width:60px;
display:block;
font-size:16px;
color:#272727;
cursor:pointer;
border-radius:0 0 0 0;
line-height:100%;
font-weight:400;
background:none
}

.sidebar .search-box .form-group input[type="text"]:focus,.sidebar .search-box .form-group input[type="search"]:focus {
border-color:var(--main-color)
}

.sidebar .popular-posts .post {
position:relative;
padding:0;
min-height:90px;
color:var(--dark-color);
font-size:var(--font-14);
margin-bottom:var(--margin-bottom-5);
padding-left:var(--padding-left-75)
}

.sidebar .popular-posts .post:last-child {
margin-bottom:var(--margin-zero);
border-bottom:0;
min-height:auto
}

.sidebar .popular-posts .post .post-thumb {
position:absolute;
left:0;
top:0;
width:58px;
border-radius:0;
overflow:hidden
}

.sidebar .popular-posts .post .post-thumb .overlay-box {
position:absolute;
content:'';
left:0;
top:0;
width:100%;
height:100%;
display:block;
color:var(--white-color);
font-size:var(--font-18);
opacity:0;
text-align:center;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
background-color:rgba(var(--main-color-rgb),0.3)
}

.sidebar .popular-posts .post .post-thumb .overlay-box .fa {
top:50%;
position:relative;
margin-top:-12px;
display:block
}

.sidebar .popular-posts .post:hover .post-thumb .overlay-box {
opacity:1
}

.sidebar .popular-posts .post .post-thumb img {
display:block;
width:100%;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}

.sidebar .popular-posts .post .text {
position:relative;
top:0;
font-size:var(--font-16);
margin:0;
font-weight:700;
color:var(--black-color);
line-height:1.5em;
text-transform:capitalize
}

.sidebar .popular-posts .post .text a {
color:var(--dark-color-two);
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}

.sidebar .popular-posts .post a:hover {
color:var(--main-color)
}

.sidebar .popular-posts .post-info {
position:relative;
font-weight:400;
font-size:var(--font-14);
color:var(--color-fiftyseven);
margin-top:var(--margin-top-5);
padding-left:var(--padding-left-25)
}

.sidebar .popular-posts .post-info:before {
position:absolute;
content:"\f183";
left:0;
font-size:var(--font-14);
color:var(--main-color);
font-family:"flaticon"
}

.sidebar .gallery-widget .images-outer {
position:relative;
margin:0 -3px
}

.sidebar .gallery-widget .image-box {
position:relative;
float:left;
width:33.333%;
padding:0 6px;
margin-bottom:var(--margin-bottom-15)
}

.sidebar .gallery-widget .image-box img {
position:relative;
display:block;
width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease
}

.sidebar .gallery-widget .image-box img:hover {
opacity:.7
}

.sidebar .popular-tags a {
position:relative;
display:inline-block;
line-height:24px;
padding:8px 20px;
margin:0 6px 10px 0;
color:var(--white-color);
text-align:center;
font-size:var(--font-14);
background:var(--black-color);
font-weight:700;
border-radius:0;
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 a:hover {
border-color:var(--main-color);
background-color:var(--main-color);
color:#fff
}

.news-block-four {
position:relative;
margin-bottom:var(--margin-bottom-40)
}

.news-block-four .inner-box {
position:relative;
overflow:hidden;
border-radius:5px 5px 0 0;
background-color:var(--white-color)
}

.news-block-four .inner-box .image {
position:relative;
overflow:hidden;
background-color:var(--main-color)
}

.news-block-four .inner-box:hover .image img {
opacity:.7;
transform:scale(1.05,1.05)
}

.news-block-four .inner-box .image img {
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.news-block-four .inner-box .lower-content {
position:relative;
padding:60px 25px 40px;
border:1px solid rgba(var(--color-five-rgb),0.1);
border-top:0;
border-radius:0 0 5px 5px
}

.news-block-four .inner-box .post-info {
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
margin-bottom:var(--margin-bottom-25);
padding-bottom:var(--padding-bottom-20);
border-bottom:1px solid rgba(var(--color-five-rgb),0.2)
}

.news-block-four .inner-box .post-info li {
position:relative;
font-weight:700;
display:inline-block;
font-size:var(--font-15);
color:var(--color-fourty);
margin-right:var(--margin-right-30);
padding-left:var(--padding-left-25)
}

.news-block-four .inner-box .post-info li:first-child {
position:relative;
padding:5px 24px;
border-radius:4px;
color:var(--white-color);
background-color:var(--main-color)
}

.news-block-four .inner-box .post-info li .icon {
position:absolute;
left:0;
top:0;
font-family:"Flaticon";
font-size:var(--font-16)
}

.news-block-four .inner-box .post-info li:last-child {
margin-right:var(--margin-zero)
}

.news-block-four .inner-box h3 {
margin-bottom:var(--margin-bottom-15)
}

.news-block-four .inner-box h3 a {
position:relative;
color:var(--color-fourty);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.news-block-four .inner-box h3 a:hover {
color:var(--color-fourtytwo)
}

.news-block-four .inner-box .text {
position:relative;
color:var(--color-thirtyseven);
margin-bottom:var(--margin-bottom-25)
}

.news-block-four .inner-box .explore {
position:relative;
padding:15px 32px;
font-weight:600;
border-radius:50px;
display:inline-block;
font-size:var(--font-14);
color:var(--white-color);
background-color:var(--color-fourty);
font-family:var(--font-family-BeVietnam);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.news-block-four .inner-box .explore span {
position:relative;
font-size:var(--font-10);
font-family:"Flaticon";
margin-left:var(--margin-left-5)
}

.news-block-four .inner-box .explore:hover {
background-color:var(--main-color)
}

.blog-classic .styled-pagination {
margin-top:var(--margin-top-50)
}

.styled-pagination {
position:relative
}

.styled-pagination li {
position:relative;
float:left;
margin-right:var(--margin-right-15)
}

.styled-pagination li a {
position:relative;
display:inline-block;
line-height:44px;
height:44px;
width:44px;
min-width:44px;
font-size:var(--font-18);
background-color:var(--color-ten);
font-weight:500;
border-radius:50px;
text-align:center;
color:var(--color-fourty);
text-transform:capitalize;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease
}

.styled-pagination li.prev a,.styled-pagination li.next a {
font-size:var(--font-24)
}

.styled-pagination li a:hover,.styled-pagination li a.active {
color:var(--white-color);
background-color:var(--main-color)
}

.news-detail {
position:relative;
margin-bottom:var(--margin-bottom-40)
}

.news-detail .inner-box {
position:relative;
overflow:hidden;
border-radius:5px 5px 0 0;
background-color:var(--white-color)
}

.news-detail .inner-box .image {
position:relative;
overflow:hidden
}

.news-detail .inner-box .image img {
position:relative;
width:100%;
display:block
}

.news-detail .inner-box .lower-content {
position:relative;
padding:60px 25px 40px;
border:1px solid rgba(var(--color-five-rgb),0.1);
border-top:0;
border-radius:0 0 5px 5px
}

.news-detail .inner-box .post-info {
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
margin-bottom:var(--margin-bottom-25);
padding-bottom:var(--padding-bottom-20);
border-bottom:1px solid rgba(var(--color-five-rgb),0.2)
}

.news-detail .inner-box .post-info li {
position:relative;
font-weight:700;
display:inline-block;
font-size:var(--font-15);
color:var(--color-fourty);
margin-right:var(--margin-right-30);
padding-left:var(--padding-left-25)
}

.news-detail .inner-box .post-info li:first-child {
position:relative;
padding:5px 24px;
border-radius:4px;
color:var(--white-color);
background-color:var(--main-color)
}

.news-detail .inner-box .post-info li .icon {
position:absolute;
left:0;
top:0;
font-family:"Flaticon";
font-size:var(--font-16)
}

.news-detail .inner-box .post-info li:last-child {
margin-right:var(--margin-zero)
}

.news-detail .inner-box h3 {
color:var(--color-fourty);
margin-bottom:var(--margin-bottom-15)
}

.news-detail .inner-box h4 {
color:var(--color-fourty);
margin-bottom:var(--margin-bottom-20)
}

.news-detail .inner-box p {
color:var(--color-five);
margin-bottom:var(--margin-bottom-15)
}

.news-detail .inner-box blockquote {
position:relative;
padding:25px 30px;
border-radius:3px;
line-height:28px;
color:var(--color-five);
font-size:var(--font-16);
margin-top:var(--margin-top-25);
margin-bottom:var(--margin-bottom-25);
background-color:var(--color-thirtytwo)
}

.news-detail .inner-box blockquote .quote-icon {
position:relative;
font-family:"Flaticon";
margin-right:var(--margin-right-15)
}

.news-detail .inner-box blockquote .designation {
position:relative;
font-weight:700;
font-style:italic;
color:var(--color-fiftyeight);
padding-left:var(--padding-left-60)
}

.news-detail .inner-box blockquote .designation:before {
position:absolute;
content:'';
left:10px;
top:6px;
width:40px;
height:2px;
background-color:var(--color-fiftyeight)
}

.news-detail .inner-box .gallery-box {
position:relative;
margin-top:var(--margin-top-25)
}

.news-detail .inner-box .gallery-box .carousel-column {
position:relative
}

.news-detail .inner-box .gallery-box .carousel-column .image {
position:relative;
border-radius:5px;
overflow:hidden
}

.news-detail .gallery-box {
margin-bottom:var(--margin-bottom-40)
}

.news-detail .gallery-box .owl-dots {
display:none
}

.news-detail .gallery-box .owl-nav {
position:absolute;
left:15px;
right:15px;
top:50%;
margin-top:-22px
}

.news-detail .gallery-box .owl-nav .owl-prev {
position:absolute;
left:0;
width:40px;
height:40px;
line-height:34px;
text-align:center;
border-radius:5px;
display:inline-block;
color:var(--white-color);
font-size:var(--font-20);
font-family:"Flaticon";
background-color:var(--color-fourty);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease
}

.news-detail .gallery-box .owl-nav .owl-next {
position:absolute;
right:0;
width:40px;
height:40px;
line-height:34px;
text-align:center;
border-radius:5px;
display:inline-block;
color:var(--white-color);
font-size:var(--font-20);
font-family:"Flaticon";
background-color:var(--color-fourty);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease
}

.news-detail .gallery-box .owl-nav .owl-prev:hover,.news-detail .gallery-box .owl-nav .owl-next:hover {
background-color:var(--main-color)
}

.video-box-two {
position:relative;
overflow:hidden;
border-radius:5px
}

.video-box-two .video-image {
position:relative;
margin:0;
background-color:var(--main-color)
}

.video-box-two .video-image img {
position:relative;
width:100%;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.video-box-two:hover .video-image img {
opacity:.7;
transform:scale(1.05,1.05)
}

.video-box-two .overlay-box {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height:45px;
overflow:hidden
}

.video-box-two .overlay-box:before {
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
z-index:10;
opacity:.5;
background-color:var(--color-fiftynine)
}

.video-box-two .overlay-box span {
position:absolute;
width:42px;
height:42px;
left:50%;
top:50%;
z-index:10;
font-weight:700;
text-align:center;
display:inline-block;
margin-top:-21px;
margin-left:-21px;
line-height:42px;
border-radius:50%;
font-family:"flaticon";
font-size:var(--font-14);
color:var(--white-color);
padding-left:var(--padding-left-5);
background-color:var(--main-color)
}

.video-box-two .overlay-box span:hover {
color:var(--white-color);
background-color:var(--main-color)
}

.video-box-two .ripple,.video-box-two .ripple:before,.video-box-two .ripple:after {
position:absolute;
top:50%;
left:50%;
width:42px;
height:42px;
-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-border-radius:50% 50% 50% 50%;
-moz-border-radius:50%;
-ms-border-radius:50% 50% 50% 50%;
-o-border-radius:50% 50% 50% 50%;
border-radius:50% 50% 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
}

.video-box-two .ripple:before {
-webkit-animation-delay:.9s;
-moz-animation-delay:.9s;
-ms-animation-delay:.9s;
-o-animation-delay:.9s;
animation-delay:.9s;
content:"";
position:absolute
}

.video-box-two .ripple:after {
-webkit-animation-delay:.6s;
-moz-animation-delay:.6s;
-ms-animation-delay:.6s;
-o-animation-delay:.6s;
animation-delay:.6s;
content:"";
position:absolute
}

.news-detail .inner-box p span {
position:relative;
font-weight:600;
text-decoration:underline
}

.news-detail .inner-box .bold-text {
position:relative;
font-weight:700;
line-height:1.7em;
font-size:var(--font-16);
color:var(--black-color)
}

.news-detail .post-share-options {
position:relative;
margin-top:var(--margin-top-30);
border-bottom:2px dashed rgba(var(--color-five-rgb),0.10)
}

.news-detail .post-share-options .post-share-inner {
position:relative;
padding-bottom:var(--padding-bottom-20)
}

.news-detail .post-share-options .tags {
position:relative;
float:left
}

.news-detail .post-share-options .tags span {
font-weight:700;
font-size:var(--font-16);
color:var(--color-fourty);
text-transform:capitalize;
margin-top:var(--margin-top-5);
margin-right:var(--margin-right-10)
}

.news-detail .post-share-options .tags a {
position:relative;
font-weight:500;
line-height:1em;
padding:10px 16px;
border-radius:2px;
border-radius:4px;
display:inline-block;
color:var(--color-fourty);
font-size:var(--font-15);
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
margin-right:var(--margin-right-5);
margin-bottom:var(--margin-bottom-5);
border:1px solid rgba(var(--color-five-rgb),0.10)
}

.news-detail .post-share-options .tags a:last-child {
margin-right:0
}

.news-detail .post-share-options .tags a:hover {
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color)
}

.news-detail .post-share-options .social-box {
position:relative;
float:right;
margin-top:6px
}

.news-detail .post-share-options .social-box .share {
position:relative;
display:inline-block;
font-size:var(--font-16);
color:var(--dark-color);
font-weight:600;
margin-right:10px;
text-transform:capitalize
}

.news-detail .post-share-options .social-box li {
position:relative;
display:inline-block;
margin-left:var(--margin-left-5)
}

.news-detail .post-share-options .social-box li a {
position:relative;
width:30px;
height:30px;
line-height:30px;
border-radius:50px;
font-size:var(--font-14);
color:var(--white-color);
display:inline-block;
text-align:center;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
background-color:var(--color-fourty)
}

.news-detail .post-share-options .social-box li a:hover {
background-color:var(--main-color)
}

.related-posts {
position:relative
}

.related-posts .owl-nav {
display:none
}

.related-posts .owl-dots {
position:relative;
text-align:center;
margin-top:var(--margin-top-20)
}

.related-posts .owl-dots .owl-dot {
position:relative;
width:7px;
height:7px;
margin:0 12px;
border-radius:50%;
display:inline-block;
background-color:var(--color-fourty);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.related-posts .owl-dots .owl-dot:before {
position:absolute;
content:'';
left:-7px;
top:-7px;
right:-7px;
bottom:-7px;
opacity:0;
border-radius:50px;
display:inline-block;
border:1px solid var(--color-fourtytwo);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

.related-posts .owl-dots .owl-dot.active,.related-posts .owl-dots .owl-dot:hover {
background-color:var(--color-fourtytwo)
}

.related-posts .owl-dots .owl-dot.active::before,.related-posts .owl-dots .owl-dot:hover::before {
opacity:1
}

.related-posts > h4 {
margin-top:var(--margin-top-25);
margin-bottom:var(--margin-bottom-10)
}

.related-posts .owl-carousel .owl-stage-outer {
padding:20px 0
}

.related-posts .owl-theme .news-block-three {
margin:0 15px
}

.related-posts .owl-carousel {
margin:0 -15px;
width:auto
}

.sidebar-page-container .comments-area {
position:relative;
margin-top:var(--margin-top-50);
margin-bottom:var(--margin-bottom-50)
}

.sidebar-page-container .group-title {
position:relative
}

.sidebar-page-container .group-title h4 {
font-weight:800;
margin-bottom:var(--margin-bottom-45)
}

.sidebar-page-container .comments-area .comment-box {
position:relative;
padding:30px 35px;
box-shadow:0 0 25px rgba(0,0,0,0.07);
margin-bottom:var(--margin-bottom-30);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease
}

.sidebar-page-container .comments-area .comment-box:last-child {
margin-bottom:var(--margin-zero)
}

.sidebar-page-container .comments-area .comment {
position:relative;
min-height:120px;
font-size:var(--font-14);
padding:0 0 0 100px
}

.sidebar-page-container .comments-area .reply-comment {
margin-left:var(--margin-left-40)
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
position:absolute;
left:0;
top:0;
width:80px;
height:80px;
border-radius:50%;
margin-bottom:var(--margin-bottom-20);
overflow:hidden
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
width:100%;
display:block
}

.sidebar-page-container .comments-area .comment-info {
margin-bottom:var(--margin-bottom-10)
}

.sidebar-page-container .comments-area .comment-box strong {
position:relative;
font-weight:800;
line-height:1.3em;
display:inline-block;
text-transform:capitalize;
font-size:var(--font-18);
color:var(--color-fourty);
padding-left:var(--padding-left-30);
font-family:var(--font-family-BeVietnam)
}

.sidebar-page-container .comments-area .comment-box strong:before {
position:absolute;
content:"\f19b";
left:0;
top:0;
font-family:"Flaticon"
}

.sidebar-page-container .comments-area .comment-box .text {
color:var(--color-five);
margin-bottom:var(--margin-bottom-15)
}

.sidebar-page-container .comments-area .comment-info .comment-time {
position:relative;
display:inline-block;
color:var(--text-color);
font-size:var(--font-16);
margin-left:var(--margin-left-20);
padding-left:var(--padding-left-25)
}

.sidebar-page-container .comments-area .comment-info .comment-time:before {
position:absolute;
content:"\f133";
left:0;
top:-1px;
color:var(--dark-color);
font-family:'FontAwesome'
}

.sidebar-page-container .comments-area .comment-box .theme-btn {
position:relative;
font-weight:500;
padding:8px 20px;
border-radius:50px;
display:inline-block;
color:var(--main-color);
font-size:var(--font-16);
text-transform:capitalize;
background-color:rgba(var(--main-color-rgb),0.10)
}

.sidebar-page-container .comments-area .comment-box .theme-btn:hover {
color:var(--white-color);
background-color:var(--color-two)
}

.comment-form {
position:relative;
padding:35px;
border-radius:5px;
background-color:var(--white-color);
box-shadow:0 0 20px rgba(0,0,0,0.10)
}

.comment-form .form-group {
margin-bottom:var(--margin-bottom-25)
}

.comment-form .form-group input[type="text"],.comment-form .form-group input[type="password"],.comment-form .form-group input[type="tel"],.comment-form .form-group input[type="email"],.comment-form .form-group select {
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
color:var(--text-color);
height:54px;
font-size:var(--font-16);
border-radius:3px;
background:var(--white-color);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border:1px solid rgba(var(--black-color-rgb),0.10)
}

.comment-form .form-group input[type="text"]:focus,.comment-form .form-group input[type="password"]:focus,.comment-form .form-group input[type="tel"]:focus,.comment-form .form-group input[type="email"]:focus,.comment-form .form-group select:focus,.comment-form .form-group textarea:focus {
border-color:var(--color-two);
background-color:var(--white-color)
}

.comment-form .form-group textarea {
position:relative;
display:block;
width:100%;
height:200px;
resize:none;
line-height:24px;
border-radius:3px;
padding:15px 20px 25px;
color:var(--dark-color);
font-size:var(--font-15);
background:var(--white-color);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border:1px solid rgba(var(--black-color-rgb),0.10)
}

.comment-form .form-group button {
border-radius:50px;
text-transform:capitalize
}

.contact-page-section {
position:relative;
padding:90px 0 70px;
background-color:#4b4c4a;
}

.location-block {
position:relative;
margin-bottom:var(--margin-bottom-30)
}

.location-block .inner-box {
position:relative;
padding:30px;
border-radius:5px;
line-height:1.8em;
font-size:var(--font-16);
color:#fff;
background-color#4b4c4a;
box-shadow:0 0 15px rgba(0,0,0,0.10)
}

.location-block .inner-box .content {
position:relative;
min-height:70px;
padding-top:var(--padding-top-10);
padding-left:var(--padding-left-90);
margin-bottom:var(--margin-bottom-20)
}

.location-block .inner-box .content .icon {
position:absolute;
left:0;
top:0;
width:70px;
height:70px;
text-align:center;
border-radius:50px;
line-height:70px;
color:var(--main-color);
font-size:var(--font-34);
font-family:"Flaticon";
background-color:rgba(var(--main-color-rgb),0.10)
}

.location-block .inner-box strong {
position:relative;
font-weight:800;
display:block;
font-size:var(--font-24);
font-family:var(--font-family-BeVietnam);
color:#fff;
}

.map-section {
position:relative;
z-index:1;
background-color:#4b4c4a;
}

.map-section .inner-container {
position:relative;
padding:20px;
border-radius:5px;
background-color:var(--white-color);
box-shadow:0 0 15px rgba(0,0,0,0.10)
}

.map-section iframe {
position:relative;
width:100%;
height:500px
}

.contact-form-section {
position:relative;
padding:100px 0;
background-color:#4b4c4a;
}

.contact-form-section .inner-container {
position:relative;
max-width:970px;
margin:0 auto
}

.contact-form-section .pattern-layer {
position:absolute;
right:0;
bottom:90%;
width:484px;
height:664px
}

.contact-form .form-group {
margin-bottom:var(--margin-bottom-20)
}

.contact-form .form-group:last-child {
margin-bottom:var(--margin-zero)
}

.contact-form .form-group input[type="text"],.contact-form .form-group input[type="password"],.contact-form .form-group input[type="tel"],.contact-form .form-group input[type="email"],.contact-form .form-group select {
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
color:var(--color-thirtyseven);
height:54px;
font-size:var(--font-16);
border-radius:3px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family:var(--font-family-Roboto);
background-color:var(--color-fourtyeight)
}

.contact-form .form-group input[type="text"]:focus,.contact-form .form-group input[type="password"]:focus,.contact-form .form-group input[type="tel"]:focus,.contact-form .form-group input[type="email"]:focus,.contact-form .form-group select:focus,.contact-form .form-group textarea:focus {
border-color:var(--main-color)
}

.contact-form .form-group textarea {
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 20px 25px;
color:var(--color-thirtyseven);
height:220px;
font-size:var(--font-16);
border-radius:3px;
resize:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family:var(--font-family-Roboto);
background-color:var(--color-fourtyeight)
}

.contact-form .form-group button {
margin-top:var(--margin-top-15)
}

.contact-form input.error,.contact-form select.error,.contact-form textarea.error {
border-color:red!important
}

.contact-form label.error {
display:block;
line-height:24px;
padding:5px 0 0;
margin:0;
text-transform:uppercase;
font-size:12px;
color:red;
font-weight:500
}