@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
@import "animate.css";
@import "owl.css";
@import "jquery.fancybox.min.css";
@import "linear.css";
@import "fontawesome.css";
@import "flaticon.css";
@import "jquery-ui.css";
@import "flaticon-set-oldkare.css";
@import "tm-bs-mp.css";
@import "tm-utility-classes.css";
:root { --theme-color1: #F35353;
--theme-color2: #343248;
--theme-color3: #ff6e2f;
--theme-color4: #87C03D;
--theme-color-light: #ffffff;
--theme-color-dark: #0E102A;
--theme-color-white: #ffffff;
--theme-color-gray: #f6f6f6;
--theme-color1-rgb: 243, 83, 83;
--theme-color2-rgb: 52, 50, 72;
--bg-theme-color1: var(--theme-color1);
--bg-theme-color2: var(--theme-color2);
--bg-theme-color3: var(--theme-color3);
--border-theme-color1: var(--theme-color1);
--border-theme-color2: var(--theme-color2);
--border-theme-color3: var(--theme-color3);
--text-color-bg-theme-color1: #fff;
--text-color-bg-theme-color2: #fff;
--text-color-bg-theme-color3: #fff;
--text-color-bg-theme-color4: #fff;
--text-color: #6a6a6a;
--headings-color: var(--theme-color2);
--link-color: var(--theme-color1);
--link-hover-color: var(--theme-color1);
--text-font: "Roboto", sans-serif;
--title-font: "DM Sans", sans-serif;
--body-font-size: 16px;
--body-line-height: 30px;
--body-font-weight: 500;
--body-font-weight-bold: 700;
--line-height-heading-h1: 1em;
--line-height-heading: 1.2em;
--line-height-heading-small: 1.4em;
--h1-font-size: 90px;
--h2-font-size: 46px;
--h3-font-size: 36px;
--h4-font-size: 24px;
--h5-font-size: 22px;
--h6-font-size: 20px;
--h1-font-weight: 700;
--h2-font-weight: 700;
--h3-font-weight: 700;
--h4-font-weight: 700;
--h5-font-weight: 700;
--h6-font-weight: 700;
--sec-title-subtitle-color: var(--theme-color1);
--sec-title-subtitle-font-size: 14px;
--sec-title-subtitle-font-family: var(--text-font);
--sec-title-subtitle-font-weight: 500;
--sec-title-subtitle-line-height: 1.2em;
--sec-title-color: var(--headings-color);
--sec-title-font-size: var(--h2-font-size);
--sec-title-font-family: var(--title-font);
--sec-title-font-weight: var(--h2-font-weight);
--theme-light-background: #f8f6f1;
--theme-light-background-text-color: var(--headings-color);
--theme-black: #222429;
--container-width: 1400px;
--small-container-width: 1200px;
--large-container-width: 1650px;
--container-pt: 120px;
--container-pb: 120px
}
::-moz-selection {
background:var(--theme-color1);
color:#fff;
text-shadow:none
}
::selection {
background:var(--theme-color1);
color:#fff;
text-shadow:none
}
::-moz-selection {
background:var(--theme-color1);
color:#fff;
text-shadow:none
}
::-webkit-selection {
background:var(--theme-color1);
color:#fff;
text-shadow:none
}
:active, :focus { outline:none!important }
::-webkit-input-placeholder {
color:#7c858c
}
::-moz-input-placeholder {
color:#7c858c
}
::-ms-input-placeholder {
color:#7c858c
}
body { background-color:#fff; background-attachment:fixed; -ms-word-wrap:break-word; word-wrap:break-word; counter-reset:my-sec-counter; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; color:var(--text-color); font-size:var(--body-font-size); font-family:var(--text-font); font-weight:var(--body-font-weight); line-height:var(--body-line-height) }
p, .text { color:var(--text-color); font-size:var(--body-font-size); font-family:var(--text-font); font-weight:var(--body-font-weight); line-height:var(--body-line-height) }
h1, h2, h3, h4, h5, h6 { color:var(--headings-color); font-family:var(--title-font); position:relative; line-height:var(--line-height-heading-); letter-spacing:-.04em }
h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small { font-weight:400; line-height:1; color:var(--headings-color) }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:inherit; font-weight:inherit }
section { position:relative }
h1, h2, h3, h4, h5, h6 { margin-bottom:1rem }
h1 { font-size:var(--h1-font-size); font-weight:var(--h1-font-weight); line-height:var(--line-height-heading-h1) }
h2 { font-size:var(--h2-font-size); font-weight:var(--h2-font-weight); line-height:var(--line-height-heading) }
h3 { font-size:var(--h3-font-size); font-weight:var(--h3-font-weight); line-height:var(--line-height-heading) }
h4 { font-size:var(--h4-font-size); font-weight:var(--h4-font-weight); line-height:var(--line-height-heading) }
h5 { font-size:var(--h5-font-size); font-weight:var(--h5-font-weight); line-height:var(--line-height-heading) }
h6 { font-size:var(--h6-font-size); font-weight:var(--h6-font-weight); line-height:var(--line-height-heading-small) }
table p { margin-bottom:0 }
p { margin-bottom:20px }
p a:not(.button):not(.btn):hover, p a:not(.button):not(.btn):focus {
text-decoration:underline
}
a { color:var(--link-color); text-decoration:none; font-weight:var(--body-font-weight); cursor:pointer; -webkit-transition:all .3s ease;
transition:all .3s ease
}
a:hover, a:focus { color:inherit; text-decoration:none; outline:none }
a b, a strong { -webkit-transition:all .3s ease;
transition:all .3s ease
}
a img { border:none }
pre, ul, ol, dl, dd, blockquote, address, table, fieldset { margin-bottom:10px }
ol, ul { list-style-position:inside; margin:0; padding:0 }
b, strong { color:#333; font-weight:var(--body-font-weight-bold) }
iframe { border:none!important }
.container .container { width:100% }
.container .container, .container .container-fluid, .container-fluid .container, .container-fluid .container-fluid { padding-left:0; padding-right:0 }
section>.container, section>.container-fluid { padding-top:var(--container-pt); padding-bottom:var(--container-pt) }
@media(min-width:1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width:var(--container-width)
}
}
.form-control, .input-text { height:calc(2.25rem + 27px); padding:14px 30px; outline:0; background-color:#f4f5f8; border:1px solid #f4f5f8; color:#686a6f; font-size:.9rem;
width:100% }
.form-control::-webkit-input-placeholder, .input-text::-webkit-input-placeholder {
color:#686a6f;
opacity:1
}
.form-control::-moz-placeholder, .input-text::-moz-placeholder {
color:#686a6f;
opacity:1
}
.form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder {
color:#686a6f;
opacity:1
}
.form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder {
color:#686a6f;
opacity:1
}
.form-control::placeholder, .input-text::placeholder {
color:#686a6f;
opacity:1
}
.form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder {
color:#686a6f
}
.form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder {
color:#686a6f
}
textarea.form-control { height:auto; padding-top:15px; padding-bottom:15px }
.tm-boxed-layout { background-color:#444; padding-top:40px; padding-bottom:40px; padding-left:15px; padding-right:15px }
.tm-boxed-layout.layer-overlay:before { z-index:-1 }
.tm-boxed-layout .page-wrapper { margin:0 auto; overflow:hidden }
@media(min-width:1200px) {
.tm-boxed-layout .page-wrapper {
width:1170px
}
}
.tm-boxed-layout .container .container { width:100% }
@media(min-width:1200px) {
.tm-boxed-layout .container {
width:1140px
}
}
@media(min-width:1000px) {
.tm-boxed-layout.tm-container-970px .page-wrapper {
width:970px
}
}
.tm-boxed-layout.tm-container-970px .container, .tm-boxed-layout.tm-container-970px .container-fluid { padding-left:20px; padding-right:20px }
.tm-boxed-layout.tm-container-970px .container .container, .tm-boxed-layout.tm-container-970px .container .container-fluid, .tm-boxed-layout.tm-container-970px .container-fluid .container, .tm-boxed-layout.tm-container-970px .container-fluid .container-fluid { padding-left:0; padding-right:0 }
@media(min-width:1300px) {
.tm-boxed-layout.tm-container-1230px .page-wrapper {
width:1230px
}
}
.tm-boxed-layout.tm-container-1230px .container, .tm-boxed-layout.tm-container-1230px .container-fluid { width:100%; padding-left:20px; padding-right:20px }
.tm-boxed-layout.tm-container-1230px .container .container, .tm-boxed-layout.tm-container-1230px .container .container-fluid, .tm-boxed-layout.tm-container-1230px .container-fluid .container, .tm-boxed-layout.tm-container-1230px .container-fluid .container-fluid { padding-left:0; padding-right:0 }
@media(min-width:1400px) {
.tm-boxed-layout.tm-container-1300px .page-wrapper {
width:1300px
}
}
.tm-boxed-layout.tm-container-1300px .container, .tm-boxed-layout.tm-container-1300px .container-fluid { width:100%; padding-left:20px; padding-right:20px }
.tm-boxed-layout.tm-container-1300px .container .container, .tm-boxed-layout.tm-container-1300px .container .container-fluid, .tm-boxed-layout.tm-container-1300px .container-fluid .container, .tm-boxed-layout.tm-container-1300px .container-fluid .container-fluid { padding-left:0; padding-right:0 }
@media(min-width:1400px) {
.tm-boxed-layout.tm-container-1340px .page-wrapper {
width:1340px
}
}
.tm-boxed-layout.tm-container-1340px .container, .tm-boxed-layout.tm-container-1340px .container-fluid { width:100%; padding-left:20px; padding-right:20px }
.tm-boxed-layout.tm-container-1340px .container .container, .tm-boxed-layout.tm-container-1340px .container .container-fluid, .tm-boxed-layout.tm-container-1340px .container-fluid .container, .tm-boxed-layout.tm-container-1340px .container-fluid .container-fluid { padding-left:0; padding-right:0 }
@media(min-width:1400px) {
.tm-boxed-layout.tm-container-1440px .page-wrapper {
width:1440px
}
}
.tm-boxed-layout.tm-container-1440px .container, .tm-boxed-layout.tm-container-1440px .container-fluid { width:100%; padding-left:20px; padding-right:20px }
.tm-boxed-layout.tm-container-1440px .container .container, .tm-boxed-layout.tm-container-1440px .container .container-fluid, .tm-boxed-layout.tm-container-1440px .container-fluid .container, .tm-boxed-layout.tm-container-1440px .container-fluid .container-fluid { padding-left:0; padding-right:0 }
@media(min-width:1560px) {
.tm-boxed-layout.tm-container-1500px .page-wrapper {
width:1500px
}
}
.tm-boxed-layout.tm-container-1500px .container, .tm-boxed-layout.tm-container-1500px .container-fluid { width:100%; padding-left:20px; padding-right:20px }
.tm-boxed-layout.tm-container-1500px .container .container, .tm-boxed-layout.tm-container-1500px .container .container-fluid, .tm-boxed-layout.tm-container-1500px .container-fluid .container, .tm-boxed-layout.tm-container-1500px .container-fluid .container-fluid { padding-left:0; padding-right:0 }
@media(min-width:1660px) {
.tm-boxed-layout.tm-container-1600px .page-wrapper {
width:1600px
}
}
.tm-boxed-layout.tm-container-1600px .container, .tm-boxed-layout.tm-container-1600px .container-fluid { width:100%; padding-left:20px; padding-right:20px }
.tm-boxed-layout.tm-container-1600px .container .container, .tm-boxed-layout.tm-container-1600px .container .container-fluid, .tm-boxed-layout.tm-container-1600px .container-fluid .container, .tm-boxed-layout.tm-container-1600px .container-fluid .container-fluid { padding-left:0; padding-right:0 }
.tm-boxed-layout.tm-container-100pr .page-wrapper { width:95% }
.tm-boxed-layout.tm-container-100pr .page-wrapper .container, .tm-boxed-layout.tm-container-100pr .page-wrapper .container-fluid { width:100% }
.tm-boxed-layout.container-shadow .page-wrapper { -webkit-box-shadow:0 0 25px 0 #777; box-shadow:0 0 25px 0 #777 }
.tm-boxed-layout .header, .tm-boxed-layout section, .tm-boxed-layout .footer { background-color:#fff }
.tm-boxed-layout .header .navbar-default { background-color:#fff; border-color:#fff; padding:0 }
.tm-boxed-layout .header .navbar-default .navbar-nav>li>a { padding:30px 5px }
.tm-boxed-layout .header .navbar-default .navbar-collapse { background-color:#fff; border-color:#fff; margin-right:30px }
.tm-boxed-layout .header #header-logo { margin:0; padding-top:27px }
.tm-boxed-layout .banner-section .slide-item { min-height:540px }
.tm-boxed-layout .banner-section .slide-item .content-box { padding:150px 0 220px }
.tm-boxed-layout .banner-section-two .content-box { padding:250px 0 150px }
.tm-boxed-layout .banner-section-three .content-box { padding:250px 0 150px }
.tm-boxed-layout .banner-section-four .content-box { padding:130px 0 }
@media(max-width:1200px) {
.tm-boxed-layout {
padding-top:15px
}
.tm-boxed-layout .header .navbar-default .navbar-nav>li>a {
padding:10px
}
.tm-boxed-layout .header .navbar-default .navbar-collapse {
margin-right:15px
}
.tm-boxed-layout .navbar-header {
padding:15px 0
}
.tm-boxed-layout .navbar-collapse .navbar-nav li a .caret {
margin-right:0
}
}
* { margin:0; padding:0; border:none; outline:none; font-size:100% }
textarea { overflow:hidden; resize:none }
button { outline:none!important; cursor:pointer }
img { display:inline-block; max-width:100%; height:auto }
ul, li { list-style:none; padding:0; margin:0 }
.blockquote-one { position:relative; font-size:16px; line-height:30px; color:#242323; font-weight:700; -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, .1); box-shadow:0 10px 60px rgba(0, 0, 0, .1); background-color:#fff; padding:20px 40px }
.blockquote-one::before {
position:absolute;
left:0;
top:10px;
bottom:10px;
width:4px;
background-color:var(--bg-theme-color2);
content:"";
border-radius:5px
}
.title a { color:inherit }
.color1 { color:var(--theme-color1) }
.color2 { color:var(--theme-color2) }
.color3 { color:var(--theme-color3) }
.page-wrapper { position:relative; margin:0 auto; width:100%; min-width:300px; overflow:hidden; z-index:99; background-color:#fff }
.large-container { position:static; max-width:var(--large-container-width); padding:0 15px; margin:0 auto; width:100% }
.auto-container { position:static; max-width:var(--container-width); padding:0 15px; margin:0 auto; width:100% }
.small-container { position:static; max-width:var(--small-container-width); padding:0 15px; margin:0 auto; width:100% }
.pull-right { float:right }
.pull-left { float:left }
.dropdown-toggle::after {
display:none
}
.style-font { font-family:var(--style-font) }
.bg { position:absolute; left:0; top:0; height:100%; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover }
.bg-pattern-1 { background-image:url(../images/icons/pattern-1.jpg) }
.bg-pattern-2 { background-image:url(../images/icons/pattern-2.jpg) }
.bg-pattern-3 { background-image:url(../images/icons/pattern-3.jpg) }
.bg-pattern-4 { background-image:url(../images/icons/pattern-4.jpg) }
.bg-pattern-5 { background-image:url(../images/icons/pattern-5.jpg) }
.bg-pattern-6 { background-image:url(../images/icons/pattern-6.jpg) }
.bg-pattern-7 { background-image:url(../images/icons/pattern-7.jpg) }
.bg-pattern-8 { background-image:url(../images/icons/pattern-8.jpg) }
.bg-pattern-9 { background-image:url(../images/icons/pattern-9.jpg) }
.bg-pattern-10 { background-image:url(../images/icons/pattern-10.jpg) }
.bg-pattern-11 { background-image:url(../images/icons/pattern-11.jpg) }
.bg-pattern-12 { background-image:url(../images/icons/pattern-12.jpg) }
.bg-pattern-13 { background-image:url(../images/icons/pattern-13.jpg) }
.bg-pattern-14 { background-image:url(../images/icons/pattern-14.jpg) }
.bg-pattern-15 { background-image:url(../images/icons/pattern-15.jpg) }
.bg-pattern-16 { background-image:url(../images/icons/pattern-16.jpg) }
.bg-pattern-17 { background-image:url(../images/icons/pattern-17.jpg) }
.bg-pattern-18 { background-image:url(../images/icons/pattern-18.jpg) }
.bg-pattern-19 { background-image:url(../images/icons/pattern-19.jpg) }
.bg-service-1 { background-image:url(../images/resource/bg-service-1.jpg) }
.preloader { position:fixed; left:0; top:0; width:100%; height:100%; z-index:999999; background-color:#fff }
.preloader:after { position:absolute; left:50%; top:50%; width:110px; margin-left:-55px; margin-top:-70px; height:110px; background-position:center center; background-repeat:no-repeat; -webkit-animation:pulse 1s infinite linear; animation:pulse 1s infinite linear; background-image:url(../images/icons/preloader.png); content:"" }
.preloader:before { position:absolute; top:50%; left:0; right:0; width:100%; max-width:200px; text-align:center; margin:0 auto; margin-top:0; padding-top:10px; color:var(--theme-color1); font-weight:700; font-size:14px; line-height:30px; letter-spacing:1px; text-transform:uppercase; -webkit-transition:none; transition:none; border-top:2px solid var(--border-theme-color4); content:"Loading" }
.scroll-to-top { position:fixed; right:20px; bottom:20px; width:40px; font-size:16px; line-height:40px; color:#fff; text-align:center; cursor:pointer; background-color:var(--theme-color2); z-index:100; display:none; border-radius:50%; margin:0 auto; -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .1); box-shadow:0 0 5px rgba(0, 0, 0, .1); -webkit-transition:all 300ms ease; transition:all 300ms ease }
.scroll-to-top:hover { background:var(--theme-color1); color:#fff }
.list-style-one { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; padding:10px 0 }
.list-style-one li { position:relative; font-size:14px; line-height:20px; font-weight:400; color:#8f8f8f; margin-right:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.list-style-one li i { margin-right:10px; color:var(--theme-color2); font-size:14px; line-height:20px }
.list-style-one li a { display:inline-block; color:#8f8f8f; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.list-style-one li a:hover { color:#fff }
.list-style-two { position:relative }
.list-style-two li { position:relative; font-size:18px; line-height:26px; font-weight:600; color:var(--theme-color1); padding-left:35px; margin-bottom:10px }
.list-style-two li i { position:absolute; left:0; top:0; color:var(--theme-color2); font-size:18px; line-height:26px }
.list-style-two li a { display:inline-block; color:var(--theme-color1); -webkit-transition:all 300ms ease; transition:all 300ms ease }
.list-style-two li a:hover { color:#fff }
.list-style-three { position:relative }
.list-style-three li { position:relative; font-size:16px; line-height:26px; font-weight:500; color:var(--theme-color1); padding-left:25px; margin-bottom:10px }
.list-style-three li:before { position:absolute; left:0; top:0; content:"\f058"; font-weight:900; font-family:fontawesome; color:var(--theme-color2) }
.list-style-three li a { display:inline-block; color:#fff; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.list-style-three li a:hover { color:#fff }
.list-style-three.two-column { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap }
.list-style-three.two-column li { width:50%; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; padding-right:10px }
.social-icon-one { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap }
.social-icon-one li { position:relative; margin-left:27px }
.social-icon-one li:first-child { margin-left:0 }
.social-icon-one li a { position:relative; display:block; line-height:40px; height:40px; text-align:center; font-size:14px; color:#fff; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.social-icon-one li a:hover { color:var(--theme-color2) }
.social-icon-two { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex }
.social-icon-two li { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; margin-left:10px }
.social-icon-two li:first-child { margin-left:0 }
.social-icon-two li a { position:relative; display:block; line-height:42px; height:42px; width:42px; border-radius:50%; text-align:center; font-size:14px; color:#fff; border-radius:50%; background-color:var(--bg-theme-color1); -webkit-transition:all 300ms ease; transition:all 300ms ease }
.social-icon-two li a:hover { color:#fff; background-color:var(--bg-theme-color2) }
.social-icon-three { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-wrap:wrap; flex-wrap:wrap }
.social-icon-three li { position:relative; margin-left:20px }
.social-icon-three li a { position:relative; display:block; line-height:40px; text-align:center; font-size:15px; color:#2f3529; border-radius:50%; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.social-icon-three li a:hover { color:var(--theme-color2) }
.tabs-box { position:relative }
.tabs-box .tab { display:none }
.tabs-box .active-tab { display:block }
.play-now { position:relative; display:block; z-index:9; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.play-now .icon { position:relative; display:inline-block; height:100px; width:100px; text-align:center; line-height:100px; background-color:#ff7607; color:#fff; z-index:1; font-size:24px; display:block; border-radius:50%; -webkit-box-shadow:0 0 10px 0 rgba(255, 255, 255, .3); box-shadow:0 0 10px 0 rgba(255, 255, 255, .3); -webkit-transform-origin:center; transform-origin:center }
.play-now .ripple, .play-now .ripple:before, .play-now .ripple:after { position:absolute; top:50%; left:50%; height:70px; width:70px; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border-radius:50%; -webkit-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; animation:ripple 3s infinite }
.play-now .ripple:before {
-webkit-animation-delay:.9s;
animation-delay:.9s; content:""; position:absolute }
.play-now .ripple:after {
-webkit-animation-delay:.6s;
animation-delay:.6s; content:""; position:absolute }
@-webkit-keyframes ripple { 70% {
-webkit-box-shadow:0 0 0 70px transparent;
box-shadow:0 0 0 70px transparent
}
100% {
-webkit-box-shadow:0 0 0 0 transparent;
box-shadow:0 0 0 0 transparent
}
}
@keyframes ripple { 70% {
-webkit-box-shadow:0 0 0 70px transparent;
box-shadow:0 0 0 70px transparent
}
100% {
-webkit-box-shadow:0 0 0 0 transparent;
box-shadow:0 0 0 0 transparent
}
}
.play-now-two { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; font-size:16px; line-height:23px; font-weight:800; -webkit-transition:all 300ms ease; transition:all 300ms ease; -webkit-animation:zoom-one 3s infinite linear; animation:zoom-one 3s infinite linear }
.play-now-two i { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:64px; width:64px; line-height:64px; border-radius:50%; font-size:14px; padding-left:0; overflow:hidden; background-color:var(--bg-theme-color2-dark); color:#fff; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.play-now-two:hover { color:var(--theme-color2) }
.play-now-two:hover i { background-color:var(--bg-theme-color1) }
.default-tabs { position:relative; overflow:hidden; margin-bottom:30px }
.default-tabs .tab-buttons { position:relative; margin-bottom:40px }
.default-tabs .tab-buttons li { position:relative; float:left; font-weight:600; font-size:14px; padding:15px 35px; color:var(--theme-color1); line-height:20px; border-radius:5px; letter-spacing:.05em; background-color:#fff; cursor:pointer; margin-right:20px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.default-tabs .tab-buttons li:last-child { margin-right:0 }
.default-tabs .tab-buttons li.active-btn { background-color:var(--theme-color2); color:#fff }
.default-tabs .tabs-content { position:relative; width:100% }
.select2-results__option { padding:0 10px; color:#7c858c }
.select2-container--default .select2-selection--single .select2-selection__rendered { color:#7c858c; padding-left:0 }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color:var(--bg-theme-color1) }
.select2-container--default .select2-search--dropdown .select2-search__field { height:30px }
.select2-container--default .select2-selection--single .select2-selection__arrow { bottom:1px; height:auto; width:40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:12px; color:#7c858c }
.select2-container--default .select2-selection--single .select2-selection__arrow:before { position:relative; content:"\f107"; font-family:fontawesome; font-weight:900 }
.select2-container--default .select2-selection--single .select2-selection__arrow b { display:none }
.select2-container--default .select2-selection--single { border-radius:0 }
.default-navs .owl-nav { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.default-navs .owl-next, .default-navs .owl-prev { background-color:var(--theme-color-light); border-radius:50%; color:var(--theme-color1); display:block; font-size:16px; font-weight:700; height:52px; line-height:52px; margin-right:10px; text-align:center; -webkit-transition:all 500ms ease; transition:all 500ms ease; width:52px }
.default-navs .owl-next:hover, .default-navs .owl-prev:hover { background-color:var(--theme-color3); color:var(--theme-color-light) }
.default-dots .owl-dots { position:absolute; left:0; bottom:0; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.default-dots .owl-dots .owl-dot { height:5px; width:40px; margin:0 5px; border:1px solid #d7d7d7 }
@media(max-width:575.98px) {
.default-dots .owl-dots .owl-dot {
width:20px
}
}
.default-dots .owl-dots .owl-dot.active { background-color:var(--theme-color1); border:1px solid var(--theme-color1) }
.skills { position:relative; margin-bottom:50px }
.skills .skill-item { position:relative; margin-bottom:20px }
.skills .skill-item:last-child { margin-bottom:0 }
.skills .skill-item .skill-header { position:relative; margin-bottom:0 }
.skills .skill-item .skill-header .skill-title { font-weight:700; margin-bottom:10px }
.skills .skill-item .skill-bar { position:relative; width:100%; height:13px; border-radius:5px }
.skills .skill-item .skill-bar .bar-inner { position:relative; width:100%; height:13px; background:#f4f5f8; border-radius:10px }
.skills .skill-item .skill-bar .bar-inner .bar { position:absolute; left:0; top:0; height:13px; width:0; -webkit-transition:all 3000ms ease; transition:all 3000ms ease; border-radius:10px; background-color:var(--bg-theme-color1) }
.skills .skill-item .skill-bar .bar-inner .skill-percentage { position:absolute; right:0; bottom:100%; font-size:16px; font-weight:400; color:#767676; line-height:25px; margin-bottom:10px }
.theme-btn { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center; white-space:nowrap; -webkit-transition:all .3s ease;
transition:all .3s ease;
z-index:0 }
.theme-btn .btn-title { position:relative; z-index:2; -webkit-transition:all .3s ease;
transition:all .3s ease
}
.btn-style-one { background:var(--bg-theme-color1); border-radius:0; color:#fff; font-weight:800; font-size:16px; line-height:28px; overflow:hidden; padding:15px 50px; position:relative; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.btn-style-one:hover { background:var(--bg-theme-color2); color:#fff }
.btn-style-one:hover .btn-title { color:#fff }
.btn-style-one.light { background-color:#fff; color:var(--theme-color1) }
.btn-style-one.light:before { background-color:#e8e8e8 }
.btn-style-one.light:hover .btn-title { color:var(--theme-color1) }
.btn-style-two { border-radius:0; position:relative; font-size:13px; line-height:24px; padding:15px 50px; font-weight:700; letter-spacing:.1em; overflow:hidden; text-transform:uppercase; color:#fff; background:var(--bg-theme-color1) }
.btn-style-two:before { position:absolute; left:0; top:0; height:100%; width:100%; content:""; background-color:var(--bg-theme-color2); -webkit-transform:scale(1, 0); transform:scale(1, 0); -webkit-transform-origin:bottom left; transform-origin:bottom left; transition:-webkit-transform 500ms cubic-bezier(.86, 0, .07, 1); -webkit-transition:-webkit-transform 500ms cubic-bezier(.86, 0, .07, 1); transition:transform 500ms cubic-bezier(.86, 0, .07, 1); transition:transform 500ms cubic-bezier(.86, 0, .07, 1), -webkit-transform 500ms cubic-bezier(.86, 0, .07, 1); -webkit-transition-timing-function:cubic-bezier(.86, 0, .07, 1); transition-timing-function:cubic-bezier(.86, 0, .07, 1) }
.btn-style-two:hover:before { -webkit-transform-origin:top right; transform-origin:top right; -webkit-transform:scale(1, 1); transform:scale(1, 1) }
.btn-style-two:hover { color:#fff; -webkit-box-shadow:0 10px 30px rgba(0, 0, 0, .1); box-shadow:0 10px 30px rgba(0, 0, 0, .1) }
.btn-style-two.hvr-light:hover { color:var(--theme-color2) }
.btn-style-two.hvr-light:before { background-color:#fff }
.btn-style-three { position:relative; font-size:13px; line-height:24px; padding:15px 50px; font-weight:700; letter-spacing:.1em; overflow:hidden; text-transform:uppercase; color:var(--theme-color1); background:var(--bg-theme-color3) }
.btn-style-three:before { position:absolute; left:0; top:0; height:100%; width:100%; content:""; background-color:var(--bg-theme-color1); -webkit-transform:scale(1, 0); transform:scale(1, 0); -webkit-transform-origin:bottom left; transform-origin:bottom left; transition:-webkit-transform 500ms cubic-bezier(.86, 0, .07, 1); -webkit-transition:-webkit-transform 500ms cubic-bezier(.86, 0, .07, 1); transition:transform 500ms cubic-bezier(.86, 0, .07, 1); transition:transform 500ms cubic-bezier(.86, 0, .07, 1), -webkit-transform 500ms cubic-bezier(.86, 0, .07, 1); -webkit-transition-timing-function:cubic-bezier(.86, 0, .07, 1); transition-timing-function:cubic-bezier(.86, 0, .07, 1) }
.btn-style-three:hover:before { -webkit-transform-origin:top right; transform-origin:top right; -webkit-transform:scale(1, 1); transform:scale(1, 1) }
.btn-style-three:hover { color:#fff }
.theme-btn.small { padding:10px 40px; line-height:20px; font-size:12px }
.anim-icons { position:absolute; left:0; top:0; right:0; height:100%; width:100%; max-width:1170px; margin:0 auto }
.anim-icons.full-width { max-width:100% }
.anim-icons .icon { position:absolute; background-position:center; background-repeat:no-repeat; background-size:100% }
.icon-quote { width:64px; height:46px; background-image:url(../images/icons/icon-quote.png) }
.bounce-y { -webkit-animation:bounce-y 10s infinite linear; animation:bounce-y 10s infinite linear }
.bounce-x { -webkit-animation:bounce-x 10s infinite linear; animation:bounce-x 10s infinite linear }
.zoom-one { -webkit-animation:zoom-one 10s infinite linear; animation:zoom-one 10s infinite linear }
@-webkit-keyframes float { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes float { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes bounce-y { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounce-y { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes bounce-x { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounce-x { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes zoom-one { 0% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
50% {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
100% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
}
@keyframes zoom-one { 0% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
50% {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
100% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
}
@-webkit-keyframes zoom-two { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes zoom-two { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.overlay-anim { position:relative }
.overlay-anim:after { background:rgba(255, 255, 255, .3); content:""; position:absolute; left:0; top:0; width:100%; height:0; opacity:1; z-index:9; pointer-events:none }
.overlay-anim:hover:after { height:100%; opacity:0; -webkit-transition:all 400ms linear; transition:all 400ms linear }
.search-popup { position:fixed; left:0; top:0; height:100vh; width:100%; z-index:99; opacity:0; visibility:hidden; -webkit-transition:all 500ms ease; transition:all 500ms ease; overflow:hidden; -webkit-transform:scale(.95); transform:scale(.95) }
.search-popup .search-back-drop { position:absolute; left:0; top:0; height:100%; width:100%; background-color:var(--bg-theme-color1); opacity:.95 }
.search-popup .close-search { position:absolute; top:30px; right:30px; font-size:26px; color:var(--theme-color2); z-index:3; border-radius:50%; background-color:transparent; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.search-popup .search-inner { position:relative; display:block; top:40%; height:auto; z-index:1; width:calc(100% - 60px); max-width:800px; margin:auto; opacity:0; -webkit-transform:translateY(-50px); transform:translateY(-50px); -webkit-transition:all 300ms ease; transition:all 300ms ease }
.search-popup .form-group { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.search-popup .form-group input[type=search], .search-popup .form-group input[type=text] { position:relative; display:block; line-height:20px; font-size:16px; width:100%; height:50px; border:1px solid #e1e6dc; padding:15px 20px; color:#707070; background:#fff; border-radius:5px; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.search-popup .form-group input[type=search]:focus, .search-popup .form-group input[type=text]:focus { border-color:var(--border-theme-color2) }
.search-popup .form-group button { position:absolute; right:5px; top:5px; height:40px; width:40px; display:block; font-size:14px; color:#fff; line-height:40px; border-radius:5px; font-weight:400; background:var(--theme-color2); -webkit-transition:all 500ms ease; transition:all 500ms ease }
.search-popup .form-group button:hover { background:var(--theme-color2); color:#fff }
.search-popup textarea::-webkit-input-placeholder, .search-popup input::-webkit-input-placeholder {
color:inherit
}
.search-popup textarea::-moz-placeholder, .search-popup input::-moz-placeholder {
color:inherit
}
.search-popup textarea:-ms-input-placeholder, .search-popup input:-ms-input-placeholder {
color:inherit
}
.search-popup textarea::-ms-input-placeholder, .search-popup input::-ms-input-placeholder {
color:inherit
}
.search-popup textarea::placeholder, .search-popup input::placeholder {
color:inherit
}
.moblie-search-active .search-popup { opacity:1; visibility:visible; -webkit-transform:scale(1); transform:scale(1); border-radius:0% }
.moblie-search-active .search-popup .search-inner { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:500ms; transition-delay:500ms }
.header-span { display:block; height:110px; position:relative; width:100% }
.main-header { position:relative; width:100%; z-index:999 }
.header-top { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; background-color:var(--bg-theme-color1) }
.header-top .inner-container { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:100%; padding:0 50px }
.header-top .top-left { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.header-top .top-right { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.header-top .social-icon-one { margin-left:35px }
.header-top .useful-links { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:12px 0 }
.header-top .useful-links li { position:relative; padding-left:15px; margin-left:15px; font-size:14px; color:#8f8f8f; line-height:20px }
.header-top .useful-links li:first-child { margin-left:0; padding-left:0 }
.header-top .useful-links li:first-child:before { display:none }
.header-top .useful-links li:before { position:absolute; left:-3px; top:0; content:"/" }
.header-top .useful-links li a { color:#808287; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.header-top .useful-links li a:hover { color:var(--theme-color-white) }
.main-header .header-lower { position:relative; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.main-header .header-lower .logo-box { padding:12px 0; position:relative }
.main-header { width:100%; z-index:999 }
.main-header .logo { position:relative; display:block }
.main-header .logo img { max-width:178px; height:auto }
.main-header .main-box { position:relative; left:0; top:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.main-header .main-box .nav-outer { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:100% }
.main-menu { position:relative }
.main-menu .navbar-header { display:none }
.main-menu .navbar-collapse { padding:0 }
.main-menu .navigation { position:relative; margin:0 }
.main-menu .navigation>li { float:left; margin-right:55px; padding:25px 0; position:relative; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.main-menu .navigation>li:last-child { margin-right:0 }
.main-menu .navigation>li:before { position:absolute; left:50%; bottom:23px; height:2px; width:0%; background-color:var(--bg-theme-color1); content:""; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.main-menu .navigation>li:hover:before, .main-menu .navigation>li.current:before { left:0; width:100% }
.main-menu .navigation>li>a { position:relative; display:block; text-align:center; opacity:1; color:var(--theme-color-white); font-size:16px; line-height:30px; font-weight:500; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.main-menu .navigation>li>a .icon { position:relative; font-size:22px; line-height:24px; margin-left:10px }
.main-menu .navigation>li>a:hover { color:var(--theme-color-white) }
.main-menu .navigation>li.current>a { color:var(--theme-color-white); font-weight:700 }
.main-menu .navigation>li.dropdown>a { padding-right:14px; margin-right:-14px }
.main-menu .navigation>li.dropdown>a:after { content:"\f107"; position:absolute; right:0; top:50%; width:10px; height:20px; display:block; line-height:24px; font-size:12px; z-index:5; font-family:"font awesome 6 pro"; margin-top:-2px; -webkit-transform:translateY(-50%); transform:translateY(-50%) }
.main-menu .navigation>li.dropdown:hover>ul { visibility:visible; opacity:1; top:100%; margin-top:0; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.main-menu .navigation>li>ul { position:absolute; left:0; top:100%; width:220px; z-index:100; padding:10px 0 0; background-color:var(--theme-color-white); margin-top:30px; opacity:0; display:none; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .1); box-shadow:0 0 3px rgba(0, 0, 0, .1); -webkit-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05); box-shadow:2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05) }
.main-menu .navigation>li>ul.from-right { left:auto; right:0 }
.main-menu .navigation>li>ul>li { position:relative; width:100%; border-bottom:1px solid #ebf1f5 }
.main-menu .navigation>li>ul>li:last-child { border-bottom:none }
.main-menu .navigation>li>ul>li>a { position:relative; display:block; padding:10px 0; line-height:29px; font-weight:400; font-size:16px; color:var(--bg-theme-color2); text-align:left; margin:0 30px; text-transform:capitalize; -webkit-transition:all 200ms ease; transition:all 200ms ease }
.main-menu .navigation>li>ul>li:hover>a { color:var(--theme-color1) }
.main-menu .navigation>li>ul>li.dropdown>a:after { font-family:"font awesome 6 pro"; content:"\f105"; position:absolute; right:0; top:11px; display:block; line-height:24px; font-size:14px; font-weight:900; z-index:5 }
.main-menu .navigation>li>ul>li.dropdown:hover>ul { visibility:visible; opacity:1; top:0; margin-top:20px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.main-menu .navigation>li>ul>li>ul { background-color:var(--theme-color-white); -webkit-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05); box-shadow:2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05); display:none; left:100%; margin-top:10px; opacity:0; padding:10px 0 0; position:absolute; top:0; -webkit-transform:translateY(-30px); transform:translateY(-30px); width:220px; z-index:100 }
.main-menu .navigation>li>ul>li>ul>li { border-bottom:1px solid #ebf1f5; position:relative; width:100% }
.main-menu .navigation>li>ul>li>ul>li:last-child { border-bottom:none }
.main-menu .navigation>li>ul>li>ul>li>a { color:var(--theme-color2); display:block; font-size:16px; font-weight:600; line-height:24px; margin:0 30px; padding:10px 0; position:relative; text-align:left; text-transform:capitalize; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.main-menu .navigation>li>ul>li>ul>li>a:hover { color:var(--theme-color1) }
.main-menu .navigation li.dropdown .dropdown-btn { border:1px solid var(--theme-color-white); color:var(--theme-color-white); cursor:pointer; display:none; font-size:16px; height:30px; line-height:26px; position:absolute; right:10px; text-align:center; top:8px; width:34px; z-index:5 }
.main-header .outer-box { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100% }
.main-header .outer-box .theme-btn { margin-left:40px; font-size:12px; text-transform:uppercase }
.main-header .outer-box .ui-btn-outer { -webkit-box-align:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; margin-top:4px; padding:6px 0 }
.main-header .ui-btn { position:relative; display:block; height:30px; width:30px; line-height:30px; text-align:center; background:0 0; font-size:26px; color:var(--theme-color-white); margin-left:20px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.main-header .ui-btn:hover { color:var(--theme-color2) }
.main-header .info-btn { position:relative; display:block; font-size:16px; padding:8px 0; padding-left:60px; color:#222; text-align:left; font-weight:600; white-space:nowrap; line-height:20px; margin-left:30px }
.main-header .info-btn small { color:#333; display:block; font-size:12px; font-weight:400 }
.main-header .info-btn i { background-color:var(--bg-theme-color1); color:#fff; border-radius:50%; font-size:16px; height:50px; left:0; line-height:50px; margin-top:-25px; position:absolute; text-align:center; top:50%; width:50px }
.main-header .info-btn:hover { color:var(--bg-theme-color2) }
.header-style-one .container-fluid { padding:0 50px }
.header-style-one .header-lower { position:absolute; left:0; top:100%; width:100%; border:2px solid rgba(255, 255, 255, .1) }
.header-style-one .logo { min-height:65px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.header-style-one .main-box { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between }
.header-style-one .main-box .nav-outer { width:auto }
.header-style-two { position:relative }
.header-style-two .info-btn-two { color:#181818; display:block; font-size:16px; font-family:var(--title-font); font-weight:700; line-height:22px; padding-left:60px; position:relative; text-align:left; white-space:nowrap }
.header-style-two .info-btn-two i { background-color:var(--theme-color1); color:var(--theme-color-white); font-size:16px; height:46px; left:0; line-height:46px; margin-top:-20px; position:absolute; text-align:center; top:50%; width:46px }
.header-style-two .info-btn-two small { color:#343248; font-size:12px; font-weight:500; letter-spacing:.1em; text-transform:uppercase }
.header-style-two .main-box { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:0; padding-right:60px }
@media only screen and (max-width:1439px) {
.header-style-two .main-box {
padding-right:40px
}
}
@media only screen and (max-width:1199px) {
.header-style-two .main-box {
padding-right:20px
}
}
.header-style-two .main-box .logo-box { background-color:#000; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-right:60px; min-height:105px; padding:20px 80px; position:relative }
.header-style-two .main-box .logo-box .ui-btn { border-left:1px solid rgba(255, 255, 255, .1); margin-left:30px; padding-left:30px }
@media only screen and (max-width:1439px) {
.header-style-two .main-box .logo-box .ui-btn {
display:none
}
}
@media only screen and (max-width:1700px) {
.header-style-two .main-box .logo-box {
padding-left:40px;
padding-right:60px
}
}
@media only screen and (max-width:1439px) {
.header-style-two .main-box .logo-box {
padding:20px 30px;
margin-right:40px
}
}
@media only screen and (max-width:1023px) {
.header-style-two .main-box .logo-box {
padding:15px 30px;
margin-right:0;
min-height:auto
}
}
.header-style-two .main-box .nav-outer { width:auto; margin-right:auto }
.header-style-two .main-box .outer-box .theme-btn { margin-left:40px; padding:10px 50px; font-size:14px; line-height:30px }
@media only screen and (max-width:1199px) {
.header-style-two .main-box .outer-box .theme-btn {
padding:10px 30px;
margin-left:20px
}
}
@media only screen and (max-width:1023px) {
.header-style-two .main-box .outer-box .theme-btn {
display:none
}
}
@media only screen and (max-width:1439px) {
.header-style-two .main-menu .navigation>li {
margin-right:45px
}
}
@media only screen and (max-width:1199px) {
.header-style-two .main-menu .navigation>li {
margin-right:35px
}
}
.header-style-two .main-menu .navigation>li a { color:var(--theme-color2) }
.header-style-two .main-menu .navigation>li:not(.current)>a {
color:#717070;
font-weight:600
}
.header-style-two .mobile-nav-toggler { color:var(--theme-color1) }
.main-header.header-style-three { left:0; position:absolute; top:20px; width:100%; z-index:9 }
.main-header.header-style-three .header-top { background-color:transparent; margin:0; padding:0; position:relative }
.main-header.header-style-three .header-top .inner-container { background-color:#121923; padding-bottom:6px; padding-left:220px; padding-right:40px; padding-top:6px }
.main-header.header-style-three .header-top .list-style-one li { color:#8c8f94; font-size:13px; font-weight:700 }
.main-header.header-style-three .header-top .list-style-one li a { color:#8c8f94 }
.main-header.header-style-three .header-top .list-style-one li:hover a { color:#fff }
.main-header.header-style-three .header-top .list-style-one li:last-child { margin-right:0 }
.main-header.header-style-three .header-top .list-style-one li i { color:var(--theme-color1) }
.main-header.header-style-three .header-top .social-icon-one li a { color:#fff }
.main-header.header-style-three .header-top .social-icon-one li a:hover { color:var(--theme-color1) }
@media only screen and (max-width:1023px) {
.main-header.header-style-three .main-box .nav-outer {
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:end;
width:100%
}
}
@media only screen and (max-width:767px) {
.main-header.header-style-three .main-box .nav-outer .ui-btn-outer {
display:none
}
}
.main-header.header-style-three .main-menu .navigation>li>ul>li>a, .main-header.header-style-three .main-menu .navigation>li>ul>li>ul>li>a, .main-header.header-style-three .main-menu .navigation>li.dropdown>a, .main-header.header-style-three .main-menu .navigation>li>a { color:#222 }
.main-header.header-style-three .ui-btn { color:#232331 }
.main-header.header-style-three .header-lower { position:relative }
.main-header.header-style-three .header-lower .logo img { max-width:125px }
.main-header.header-style-three .header-lower .main-box { background-color:#fff; padding-right:40px }
.main-header.header-style-three .header-lower .main-box .logo-box { -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#121923; display:-webkit-box; display:-ms-flexbox; display:flex; height:130px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-right:40px; margin-top:-40px; min-width:210px; padding:10px 20px; text-align:center }
.main-header.header-style-three .header-lower .main-box .main-menu .navigation>li { padding:30px 0 }
.main-header.header-style-three .header-lower .main-box .main-menu .navigation>li:before { bottom:28px }
.main-header.header-style-three .header-lower .main-box .outer-box .ui-btn-outer { margin-right:0; padding-right:0 }
.main-header.header-style-three .sticky-header { margin:0 auto; max-width:1170px; padding:0 15px; right:0 }
@media only screen and (max-width:1023px) {
.main-header.header-style-three .header-lower .main-box .logo-box {
margin-top:0
}
}
.sticky-header { position:fixed; visibility:hidden; opacity:0; left:0; top:0; width:100%; padding:0; z-index:99999; background:var(--theme-color-white); -webkit-box-shadow:0 0 20px rgba(0, 0, 0, .05); box-shadow:0 0 20px rgba(0, 0, 0, .05) }
.sticky-header.fixed-header { opacity:1; z-index:9999; visibility:visible }
.sticky-header .logo { padding:10px 0 }
.sticky-header .logo img { max-height:40px }
.sticky-header .nav-outer { position:relative; background:0 0 }
.sticky-header .inner-container { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between }
.sticky-header .main-menu .navigation>li { margin:0; margin-left:40px; padding:20px 0 }
.sticky-header .main-menu .navigation>li>a { color:#707070 }
.sticky-header .main-menu .navigation>li.current>a, .sticky-header .main-menu .navigation>li:hover>a { color:var(--theme-color2) }
.sticky-header .main-menu .navigation>li:before { display:none }
.sticky-header .outer-box, .sticky-header .navbar-header { display:none }
.sticky-header .mobile-nav-toggler { color:var(--theme-color1) }
.mobile-nav-toggler { position:relative; font-size:24px; line-height:20px; cursor:pointer; color:var(--theme-color1); display:none; top:0; margin-left:25px; -webkit-box-ordinal-group:9; -ms-flex-order:8; order:8 }
.mobile-menu { position:fixed; right:0; top:0; width:300px; max-width:100%; height:100%; opacity:0; visibility:hidden; z-index:999999 }
.mobile-menu .menu-backdrop { position:fixed; right:0; top:0; width:100%; height:100%; z-index:1; background:rgba(0, 0, 0, .7); opacity:0; visibility:hidden }
.mobile-menu .upper-box { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:100%; padding:20px }
.mobile-menu .close-btn { position:relative; top:-10px; text-align:center; font-size:18px; color:var(--theme-color-white); cursor:pointer; z-index:10; -webkit-transition:all .5s ease;
transition:all .5s ease;
-webkit-transform:translateY(-50px); transform:translateY(-50px) }
.mobile-menu .close-btn:hover { opacity:.5 }
.mobile-menu .nav-logo { position:relative; text-align:left; width:100% }
.mobile-menu .nav-logo img { max-height:40px; filter: brightness(350%); }
.mobile-menu .menu-box { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; left:0; top:0; width:100%; height:100%; max-height:100%; overflow-y:auto; background:var(--bg-theme-color1); padding:0; z-index:5; opacity:0; visibility:hidden; border-radius:0; -webkit-transform:translateX(101%); transform:translateX(101%) }
.mobile-menu-visible { overflow:hidden }
.mobile-menu-visible .mobile-menu { opacity:1; visibility:visible }
.mobile-menu-visible .mobile-menu .menu-backdrop { opacity:1; visibility:visible; -webkit-transition:all .4s ease;
transition:all .4s ease
}
.mobile-menu-visible .mobile-menu .menu-box { opacity:1; visibility:visible; -webkit-transition:all .4s ease 200ms;
transition:all .4s ease 200ms;
-webkit-transform:translateX(0%); transform:translateX(0%) }
.mobile-menu-visible .mobile-menu .close-btn { -webkit-transform:translateY(0px); transform:translateY(0px) }
.mobile-menu-visible .scroll-to-top { opacity:0; visibility:hidden }
.mobile-menu .navigation { position:relative; display:block; width:100%; border-top:1px solid rgba(255, 255, 255, .1) }
.mobile-menu .navigation li { position:relative; display:block; border-bottom:1px solid rgba(255, 255, 255, .1) }
.mobile-menu .navigation li>ul>li:last-child { border-bottom:none }
.mobile-menu .navigation li>ul>li:first-child { border-top:1px solid rgba(255, 255, 255, .1) }
.mobile-menu .navigation li>a { position:relative; display:block; line-height:24px; padding:10px 20px; font-size:16px; color:#fff; font-weight:400; text-transform:capitalize }
.mobile-menu .navigation li:hover>a, .mobile-menu .navigation li.current>a { color:var(--theme-color-white) }
.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:#fff; 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(255, 255, 255, .1) }
.mobile-menu .navigation li.dropdown .dropdown-btn.active i:before { content:"\f106" }
.mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul { display:none }
.mobile-menu .navigation li>ul>li { padding-left:20px }
.contact-list-one { position:relative; padding:30px 20px 20px }
.contact-list-one li { position:relative; margin-bottom:20px }
.contact-list-one li:last-child { margin-right:0 }
.contact-list-one li .contact-info-box { position:relative; padding-left:54px; font-size:14px; line-height:24px; color:#fff }
.contact-list-one li .contact-info-box a { color:#fff; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.contact-list-one li .contact-info-box .icon { position:absolute; left:0; top:0; font-size:34px; line-height:50px; color:var(--theme-color-white) }
.contact-list-one li .contact-info-box .title { display:block; font-size:12px; color:#b2c1c0; font-weight:400; text-transform:uppercase }
.mobile-menu .social-links { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; background:var(--bg-theme-color1); width:100%; border-top:1px solid rgba(255, 255, 255, .1); margin-top:auto }
.mobile-menu .social-links li { position:relative; text-align:center; width:100%; border-right:1px solid rgba(255, 255, 255, .1) }
.mobile-menu .social-links li a { position:relative; display:block; line-height:50px; height:50px; font-size:14px; text-align:center; color:#fff; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.mobile-menu .social-links li a:hover { color:var(--theme-color2) }
.sec-title { position:relative; margin-bottom:50px; z-index:2 }
.sec-title .sub-title { position:relative; top:-8px; font-size:var(--sec-title-subtitle-font-size); color:var(--sec-title-subtitle-color); line-height:var(--sec-title-subtitle-line-height); font-weight:var(--sec-title-subtitle-font-weight); font-family:var(--sec-title-subtitle-font-family); display:inline-block; -webkit-transition:all .3s ease;
transition:all .3s ease
}
.sec-title h1 { position:relative; font-size:60px; line-height:1em; color:var(--sec-title-color); font-family:var(--sec-title-font-family); font-weight:var(--sec-title-font-weight) }
.sec-title h2 { position:relative; font-size:var(--sec-title-font-size); color:var(--sec-title-color); font-family:var(--sec-title-font-family); font-weight:var(--sec-title-font-weight); margin-top:-5px; margin-bottom:0;font-size:39px;}
.sec-title .text { margin-top:30px }
.sec-title .row .text { max-width:480px; width:100% }
.sec-title.light h3, .sec-title.light h2, .sec-title.light h1 { color:#fff }
.sec-title.light .sub-title, .sec-title.light .text { color:#8f8f8f }
.main-slider { position:relative }
.main-slider h1 { position:relative; display:block; font-size:90px; line-height:1em; color:#fff; font-weight:700 }
.main-slider .text { font-size:18px; line-height:36px; color:rgba(255, 255, 255, .5) }
.main-slider .btn-box { position:relative }
.main-slider .theme-btn { display:inline-block; white-space:nowrap; min-width:200px!important }
.tp-dottedoverlay { background-image:url(../images/main-slider/bg-pattern-2-dark.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; opacity:.5 }
.tp-bannertimer { display:none }
.main-slider .tparrows { background-color:rgba(255, 255, 255, .2); position:absolute; width:50px; height:50px; line-height:50px; border-radius:50px; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.main-slider .tparrows:before { line-height:50px }
.main-slider .tp-leftarrow { left:50px!important }
.main-slider .tp-rightarrow { left:auto!important; right:25px!important }
.banner-section { overflow:hidden; position:relative }
.banner-section .slide-item { position:relative }
.banner-section .slide-item .bg-image { background-repeat:no-repeat; background-position:center; background-size:cover; position:absolute; left:0; top:0; height:100%; width:100%; z-index:0 }
.banner-section .slide-item .bg-image:before { background-image:url(../images/main-slider/banner-bg.png); background-repeat:no-repeat; background-position:center; background-size:cover; content:""; position:absolute; left:0; top:0; height:100%; width:100% }
.banner-section .slide-item .bg-image:after { background-image:url(../images/main-slider/banner-bg.png); background-repeat:no-repeat; content:""; left:0; height:100%; position:absolute; top:0; width:100%; z-index:0 }
.banner-section .content-box { padding:285px 0 120px; position:relative; text-align:center }
@media(max-width:599px) {
.banner-section .content-box {
padding:180px 0 100px
}
}
.banner-section .content-box .banner-text { color:var(--theme-color-white); bottom:10%; font-size:17px; height:91px; line-height:30px; margin-left:auto; margin-right:-200px; position:relative; width:407px }
@media(max-width:1599.98px) {
.banner-section .content-box .banner-text {
margin-right:-100px
}
}
@media(max-width:1399.98px) {
.banner-section .content-box .banner-text {
margin-right:-50px
}
}
@media(max-width:1199.98px) {
.banner-section .content-box .banner-text {
margin-right:0
}
}
@media(max-width:414.98px) {
.banner-section .content-box .banner-text {
display:none
}
}
.banner-section .content-box .sub-title { border-bottom:1px solid var(--theme-color1); color:#fff; display:inline-block; font-size:20px; font-weight:400; line-height:25px; letter-spacing:.05em; margin-bottom:15px; position:relative; text-transform:capitalize }
.banner-section .content-box .title { color:#fff; font-size:90px; font-weight:700; line-height:110px; letter-spacing:-.04em; margin-bottom:35px }
.banner-section .content-box .btn-box { -webkit-box-align:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center }
.banner-section .content-box .btn-box .theme-btn { margin:0 5px }
.banner-section.home2-style .slide-item .bg-image:before { background-color:rgba(0, 0, 0, .3); background-image:none }
.banner-section.home2-style .slide-item .bg-image:after { display:none }
.banner-section.home2-style .content-box { padding:160px 0 180px }
.banner-section.home2-style .content-box .title { margin-bottom:45px }
@media(max-width:911px) {
.banner-section.home2-style .content-box .title {
font-size:60px;
line-height:1.2
}
}
@media(max-width:599px) {
.banner-section.home2-style .content-box .title {
font-size:50px
}
}
.banner-section.home2-style .content-box .text { color:var(--theme-color-white); font-size:17px; line-height:30.6144px; max-width:570px; margin-bottom:40px }
.owl-carousel .animate-7, .owl-carousel .animate-6, .owl-carousel .animate-5, .owl-carousel .animate-4, .owl-carousel .animate-3, .owl-carousel .animate-2, .owl-carousel .animate-1 { opacity:0; -webkit-transform:translateY(100px); transform:translateY(100px); -webkit-transition:all 500ms ease; transition:all 500ms ease }
.owl-carousel .animate-x { opacity:0; -webkit-transform:translateX(100px); transform:translateX(100px); -webkit-transition:all 500ms ease; transition:all 500ms ease }
.owl-carousel .active .animate-7, .owl-carousel .active .animate-6, .owl-carousel .active .animate-5, .owl-carousel .active .animate-4, .owl-carousel .active .animate-3, .owl-carousel .active .animate-2, .owl-carousel .active .animate-1 { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
.owl-carousel .active .animate-2 { -webkit-transition-delay:300ms; transition-delay:300ms }
.owl-carousel .active .animate-3 { -webkit-transition-delay:600ms; transition-delay:600ms }
.owl-carousel .active .animate-4 { -webkit-transition-delay:900ms; transition-delay:900ms }
.owl-carousel .active .animate-5 { -webkit-transition-delay:1200ms; transition-delay:1200ms }
.owl-carousel .active .animate-6 { -webkit-transition-delay:1500ms; transition-delay:1500ms }
.owl-carousel .active .animate-7 { -webkit-transition-delay:1800ms; transition-delay:1800ms }
.banner-carousel .owl-nav { position:absolute; left:0; right:0; top:50%; max-width:1400px; padding:0 15px; margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between }
.banner-carousel .owl-nav .owl-next, .banner-carousel .owl-nav .owl-prev { display:block; margin:10px 0; height:50px; width:50px; color:var(--theme-color1); border-radius:50%; background-color:#fff; font-size:20px; line-height:50px; font-weight:700; text-align:center; opacity:.2; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.banner-carousel .owl-nav .owl-next:hover, .banner-carousel .owl-nav .owl-prev:hover { opacity:1 }
.banner-two-carousel .owl-nav { -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; left:0; margin:0 auto; max-width:1400px; padding:0 15px; position:absolute; right:0; top:41% }
.banner-two-carousel .owl-nav .owl-next, .banner-two-carousel .owl-nav .owl-prev { background-color:#fff; border-radius:50%; color:var(--theme-color1); display:block; font-size:20px; font-weight:700; height:50px; line-height:50px; margin:10px 0; opacity:.6; text-align:center; -webkit-transition:all 500ms ease; transition:all 500ms ease; width:50px }
.banner-two-carousel .owl-nav .owl-next:hover, .banner-two-carousel .owl-nav .owl-prev:hover { opacity:1 }
.banner-two-carousel { overflow:hidden; position:relative }
.banner-two-carousel .slide-item { position:relative }
.banner-two-carousel .slide-item .bg-image { position:absolute; left:0; top:0; height:100%; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover }
.banner-two-carousel .slide-item .bg-image:before { background-image:linear-gradient(91deg, #000000 8%, rgba(0, 0, 0, 0.3019607843) 90%); background-repeat:no-repeat; background-position:center; background-size:cover; content:""; position:absolute; left:0; top:0; height:100%; width:100% }
.banner-two-carousel .content-box { position:relative; text-align:left }
.banner-two-carousel .content-box .title { font-size:46px; line-height:90px; color:var(--theme-color-white); font-family:outfit, Sans-serif; font-weight:800; letter-spacing:-1.8px; margin-bottom:60px }
@media(max-width:767.98px) {
.banner-two-carousel .content-box .title {
margin-bottom:20px
}
}
.banner-two-carousel .content-box .title span { color:var(--theme-color2) }
.banner-two-carousel .content-box .btn-box { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start }
@media(max-width:767.98px) {
.banner-two-carousel .content-box .btn-box {
margin-bottom:30px
}
}
.banner-section-three { overflow:hidden; position:relative }
.banner-section-three .content-box { padding:350px 0 210px; position:relative; text-align:center }
@media only screen and (max-width:767px) {
.banner-section-three .content-box {
padding:0 0 30px
}
}
.banner-section-three .content-box .banner-text { color:var(--theme-color-white); bottom:10%; font-size:17px; height:91px; line-height:30px; margin-left:auto; margin-right:-200px; position:relative; width:407px }
@media(max-width:1599.98px) {
.banner-section-three .content-box .banner-text {
margin-right:-100px
}
}
@media(max-width:1399.98px) {
.banner-section-three .content-box .banner-text {
margin-right:-50px
}
}
@media(max-width:1199.98px) {
.banner-section-three .content-box .banner-text {
margin-right:0
}
}
@media(max-width:414.98px) {
.banner-section-three .content-box .banner-text {
display:none
}
}
.banner-section-three .content-box .title { color:#fff; font-size:120px; font-weight:700; letter-spacing:-.04em; line-height:110px; margin-bottom:20px }
.banner-section-three .content-box .sub-title { color:#fff; display:inline-block; font-size:50px; font-weight:300; line-height:60px; margin-bottom:50px; position:relative; text-transform:capitalize }
.banner-section-three .content-box .btn-box { -webkit-box-align:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center }
.banner-section-three .content-box .btn-box .theme-btn { margin:0 5px }
.banner-section-three .banner-three-carousel { overflow:hidden; position:relative }
.banner-section-three .banner-three-carousel .slide-item { position:relative }
.banner-section-three .banner-three-carousel .slide-item .bg-image { background-repeat:no-repeat; background-position:center; background-size:cover; position:absolute; left:0; top:0; height:100%; width:100%; z-index:0 }
.banner-section-three .banner-three-carousel .slide-item .bg-image:before { background-color:rgba(0, 0, 0, .59); background-repeat:no-repeat; background-position:center; background-size:cover; content:""; position:absolute; left:0; top:0; height:100%; width:100% }
.banner-section-three .banner-three-carousel .slide-item .bg-image:after { background-image:url(../images/background/service-bg-1.png); background-repeat:no-repeat; content:""; left:0; height:100%; opacity:.12; position:absolute; top:0; width:100%; z-index:0 }
.about-section-one { background-image:url(../images/background/about1-bg.jpg); background-repeat:no-repeat; padding:120px 0 85px; position:relative }
.about-section-one .content-column { margin-bottom:35px; position:relative; z-index:1 }
.about-section-one .content-column .inner-column { position:relative }
.about-section-one .content-column .sec-title { margin-bottom:40px }
.about-section-one .content-column .content-box { position:relative }
@media only screen and (max-width:767px) {
.about-section-one .content-column .content-box {
padding-right:0
}
}
.about-section-one .content-column .info-box { background-color:#f4f5f8; border-top:7px solid var(--border-theme-color1); max-width:170px; padding:30px; position:absolute; right:0; top:0; -webkit-transition:all 300ms ease; transition:all 300ms ease }
@media only screen and (max-width:767px) {
.about-section-one .content-column .info-box {
margin-bottom:30px;
position:relative
}
}
.about-section-one .content-column .info-box:hover { -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, .1); box-shadow:0 10px 40px rgba(0, 0, 0, .1); background-color:#fff }
.about-section-one .content-column .info-box .title { font-size:20px; line-height:26px; font-weight:700; display:block; margin-bottom:10px }
.about-section-one .content-column .info-box .read-more { font-size:12px; line-height:30px; color:#808287; font-weight:700; text-transform:uppercase; display:-webkit-box; display:-ms-flexbox; display:flex; letter-spacing:.1em; -webkit-transition:all 100ms linear; transition:all 100ms linear }
.about-section-one .content-column .info-box .read-more i { margin-left:10px; color:var(--theme-color2); font-size:16px; -webkit-transition:all 100ms linear; transition:all 100ms linear }
.about-section-one .content-column .info-box .read-more:hover { color:var(--theme-color2) }
.about-section-one .content-column .info-box .read-more:hover i { -webkit-transform:translateX(-15px); transform:translateX(-15px); opacity:0 }
.about-section-one .content-column .btm-box { margin-top:10px }
.about-block-one { border-bottom:1px solid #e6e8ed; margin-bottom:30px; min-height:60px; padding-left:85px;  position:relative }
.about-block-one:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0 }
.about-block-one .icon { color:var(--theme-color1); font-size:40px; left:0; position:absolute; top:0px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.about-block-one:hover .icon { color:var(--theme-color2); -webkit-transform:rotateY(-190deg); transform:rotateY(-190deg) }
.about-block-one .title { margin-bottom:10px; position:relative; top:-3px }
.about-block-one .text { margin-top:5px }
.about-section-one .image-column { margin-bottom:35px; position:relative }
@media only screen and (max-width:1023px) {
.about-section-one .image-column {
margin-bottom:80px
}
}
.about-section-one .image-column .inner-column { margin-left:-105px; padding-right:70px; position:relative }
@media only screen and (max-width:1199px) {
.about-section-one .image-column .inner-column {
margin-left:0;
padding-right:1px
}
}
.about-section-one .image-column .image-1 { margin-bottom:0; max-width:400px; position:relative }
.about-section-one .image-column .image-1:before { background-color:var(--bg-theme-color1); content:""; height:110px; position:absolute; right:-40px; top:0; width:20px }
@media only screen and (max-width:1199px) {
.about-section-one .image-column .image-1:before {
display:none
}
}
.about-section-one .image-column .image-1 img { width:100% }
.about-section-one .image-column .image-2 { bottom:0; margin-bottom:0; position:absolute; right:75px }
@media only screen and (max-width:1023px) {
.about-section-one .image-column .image-2 {
right:0
}
}
.about-section-one .image-column .image-2 img { border:10px solid var(--theme-color-light); max-width:300px; width:100% }
@media only screen and (max-width:1199px) {
.about-section-one .image-column .image-2 {
display:none
}
}
.about-section-one .experience { background:#fff; bottom:-70px; -webkit-box-shadow:0 15px 60px rgba(0, 0, 0, .08); box-shadow:0 15px 60px rgba(0, 0, 0, .08); color:var(--theme-color1); font-size:18px; left:160px; line-height:26px; min-height:120px; min-width:290px; padding:20px 20px 20px 120px; position:absolute }
@media only screen and (max-width:1199px) {
.about-section-one .experience {
bottom:0;
left:0;
position:absolute
}
}
.about-section-one .experience .icon { height:80px; left:20px; position:absolute; top:20px; width:80px }
.about-section-one .experience strong { color:var(--theme-color2); display:block; font-size:34px; font-weight:700; line-height:36px; margin-top:7px; position:relative }
.about-section-two { position:relative; padding:120px 0 70px }
.about-section-two .bg { background-repeat:no-repeat; height:687px; width:843px }
.about-section-two:after { background:#5e3de3; content:""; -webkit-filter:blur(75px); filter:blur(75px); height:530px; opacity:.1; position:absolute; right:-120px; top:80px; width:530px; z-index:-1 }
.about-section-two .content-column { margin-bottom:50px; position:relative; z-index:1 }
.about-section-two .content-column .inner-column { position:relative }
.about-section-two .content-column .sec-title { margin-bottom:35px }
.about-section-two .content-column .sec-title h5 { color:var(--theme-color2); font-weight:500; margin-bottom:0; margin-top:30px }
.about-section-two .content-column .sec-title .text { margin-top:40px }
.about-section-two .content-column .content-box { max-width:470px }
.about-section-two .content-column .btn-box { position:relative }
.about-section-two .content-column .btn-box .theme-btn { margin-right:20px }
.about-section-two .image-column { margin-bottom:50px; position:relative }
.about-section-two .image-column .inner-column { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; position:relative }
@media only screen and (max-width:1023px) {
.about-section-two .image-column .inner-column {
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:start
}
}
.about-section-two .image-column .inner-column:before { background-color:var(--bg-theme-color1); border-radius:50%; content:""; height:380px; left:-20px; position:absolute; top:190px; width:380px }
@media only screen and (max-width:1023px) {
.about-section-two .image-column .inner-column:before {
display:none
}
}
.about-section-two .image-column .image-1 { max-width:460px; position:relative }
.about-section-two .image-column .image-1:before { -webkit-animation:zoom-one 3s infinite; animation:zoom-one 3s infinite; background-color:var(--bg-theme-color1); content:""; height:110px; left:-50px; position:absolute; top:0; width:20px }
.about-section-two .image-column .image-1 img { width:100% }
.about-section-two .image-column .image-2 { position:absolute; left:-80px; bottom:0; border:10px solid #fff; -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, .1); box-shadow:0 10px 60px rgba(0, 0, 0, .1); max-width:400px }
.about-section-two .image-column .image-3 { bottom:0; position:absolute; right:-100px; z-index:-1 }
.about-section-two .about-info-box { margin-top:0 }
.about-section-two .list-style-three { margin-bottom:50px; padding-bottom:0 }
.about-section-two .list-style-three li { color:#181818; font-family:var(--title-font); font-size:18px; font-weight:600; line-height:36px; margin-bottom:10px; padding-left:30px; position:relative }
.about-section-two .list-style-three li:before { content:"\f058"; color:var(--theme-color1); font-family:"font awesome 6 pro"; font-weight:900; left:0; position:absolute; top:0 }
.about-section-two .list-style-three li:last-child { margin-bottom:0 }
.about-section-three { padding:120px 0 70px; position:relative }
.about-section-three:before { background-image:url(../images/icons/pattern-7.png); background-position:center left; background-repeat:no-repeat; content:""; height:100%; left:-210px; position:absolute; top:-390px; width:100%; z-index:-1 }
.about-section-three .content-column { margin-bottom:50px; position:relative; z-index:1 }
.about-section-three .content-column .inner-column { position:relative }
.about-section-three .content-column .inner-column .list-style-three { border-bottom:1px solid #e6e8ed; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:50px; padding-bottom:30px }
.about-section-three .content-column .inner-column .list-style-three li { padding-right:20px; width:50% }
.about-section-three .content-column .btn-box { position:relative }
.about-section-three .content-column .btn-box .theme-btn { margin-right:20px }
.about-section-three .content-column .btn-box .info-btn { color:var(--theme-color1); display:block; font-size:14px; font-weight:600; line-height:20px; padding:8px 0; padding-left:60px; position:relative; text-align:left }
.about-section-three .content-column .btn-box .info-btn small { font-size:12px; font-weight:400; color:#808287 }
.about-section-three .content-column .btn-box .info-btn i { background-color:var(--bg-theme-color3); border-radius:50%; color:var(--theme-color2); font-size:18px; height:50px; left:0; line-height:50px; margin-top:-25px; position:absolute; text-align:center; top:50%; width:50px }
.about-section-three .content-column .btn-box .info-btn:hover { color:var(--theme-color2) }
.about-section-three .content-column .list-style-home3 { border-bottom:1px solid #e6e8ed; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:50px; padding-bottom:30px }
.about-section-three .content-column .list-style-home3 li { color:var(--theme-color2); font-size:16px; font-weight:500; line-height:26px; margin-bottom:10px; padding-left:25px; padding-right:20px; position:relative; width:50% }
.about-section-three .content-column .list-style-home3 li:before { color:var(--theme-color1); content:"\f058"; font-family:"font awesome 6 pro"; font-weight:900; left:0; position:absolute; top:0 }
.about-section-three .image-column { margin-bottom:50px; position:relative; z-index:1 }
.about-section-three .image-column .inner-column { display:-webkit-box; display:-ms-flexbox; display:flex; position:relative }
.about-section-three .image-column .inner-column:before { -webkit-animation:zoom-one 5s infinite linear; animation:zoom-one 5s infinite linear; border-radius:50%; border:50px solid var(--border-theme-color1); content:""; height:380px; left:-150px; position:absolute; top:80px; width:380px }
@media only screen and (max-width:1199px) {
.about-section-three .image-column .inner-column:before {
display:none
}
}
.about-section-three .image-column .image-1 { margin-bottom:0; position:relative }
.about-section-three .image-column .image-2 { border:10px solid #fff; -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, .08); box-shadow:0 10px 60px rgba(0, 0, 0, .08); max-width:300px; position:absolute; right:88px; top:60px }
@media only screen and (max-width:1199px) {
.about-section-three .image-column .image-2 {
display:none
}
}
.about-section-three .image-box { position:relative; display:inline-block }
.about-section-three .image-box:after { position:absolute; left:-70px; top:75px; width:203px; height:200px; background-image:url(../images/icons/icon-dots-2.png); content:"" }
.about-section-three .image-box .image { position:relative; padding-top:30px; padding-right:30px; z-index:1; margin-bottom:0 }
.about-section-three .image-box .image:before { position:absolute; right:0; top:0; width:180px; height:166px; border:4px solid var(--border-theme-color2); content:"" }
.about-section-three .image-box .image img { position:relative; max-width:100%; z-index:3 }
.about-section-three .image-box .experience { position:absolute; left:0; bottom:0; height:170px; width:205px; padding:85px 18px 20px; overflow:hidden; z-index:2 }
.about-section-three .image-box .experience:before { position:absolute; left:0; top:0; width:200%; height:100%; background-color:var(--bg-theme-color2); border-top:15px solid #fff; content:""; -webkit-transform:rotate(42deg); transform:rotate(42deg); -webkit-transform-origin:left top; transform-origin:left top }
.about-section-three .image-box .experience strong { position:relative; font-size:26px; line-height:1em; font-weight:700; font-family:var(--title-font) }
.about-section-three .image-box .experience .text { position:relative; top:-2px; font-size:16px; line-height:20px; letter-spacing:.02em; font-weight:500; color:var(--theme-color1) }
.about-section-three.style-two::before {
position:absolute;
left:auto;
right:-240px;
top:-40px;
-webkit-transform:scaleX(-1);
transform:scaleX(-1);
content:""
}
.about-section-three.style-two .sec-title { margin-bottom:30px }
.about-section-three.style-two .content-column .inner-column { padding-left:70px }
.about-section-three.style-two .content-column .inner-column .list-style-three li { font-size:18px }
.about-section-three.style-two .content-column .inner-column .list-style-three li:before { font-size:13px }
.about-section-three.style-two .image-column .inner-column:before { display:none }
.about-section-four { padding:120px 0 70px; position:relative }
.about-section-four .float-text { color:#f4f5f8; font-size:70px; left:-30px; letter-spacing:.6em; line-height:1em; position:absolute; top:0; text-transform:uppercase; -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-transform-origin:left top; transform-origin:left top }
.about-section-four:before { background-image:url(../images/icons/shape-2.png); background-repeat:no-repeat; background-position:center right; content:""; height:100%; position:absolute; right:0; top:0; width:100% }
.about-section-four .content-column { margin-bottom:50px; position:relative; z-index:1 }
.about-section-four .content-column .inner-column { padding-left:45px; position:relative }
.about-section-four .content-column .blockquote-style-one { margin-bottom:15px }
.about-section-four .content-column .btn-box { position:relative }
.about-section-four .content-column .btn-box .theme-btn { margin-right:20px }
.about-section-four .image-column { margin-bottom:50px; position:relative }
.about-section-four .image-column .inner-column { -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; display:-webkit-box; display:-ms-flexbox; display:flex; position:relative }
.about-section-four .image-column .image-1 { margin-bottom:0; margin-right:30px; position:relative }
@media only screen and (max-width:1023px) {
.about-section-four .image-column .image-1 {
margin-right:0;
width:50%
}
}
@media only screen and (max-width:767px) {
.about-section-four .image-column .image-1 {
width:100%
}
}
.about-section-four .image-column .image-1 img { width:100% }
.about-section-four .image-column .image-2 { margin-bottom:0; padding-bottom:40px; position:relative }
.about-section-four .image-column .image-2:before { background-color:var(--bg-theme-color1); bottom:0; content:""; height:10px; left:0; position:absolute; width:100% }
.blockquote-style-one { background-color:#fff; border-left:4px solid var(--border-theme-color2); -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, .07); box-shadow:0 10px 60px rgba(0, 0, 0, .07); color:#222429; font-size:18px; line-height:30px; padding:20px 40px; position:relative }
.services-section { position:relative; padding:120px 0 90px; z-index:1 }
.services-section:before { background-color:#f8f8f8; background-image:url(../images/background/service-bg-1.png); background-position:center center; background-repeat:no-repeat; background-size:cover; content:""; height:555px; left:0; position:absolute; right:0; top:0 }
.service-block { position:relative; margin-bottom:30px; z-index:1 }
.service-block .inner-box { position:relative; background-color:#fff; padding:15px; border:1px solid #e6e8ed; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.service-block .inner-box:hover { -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, .07); box-shadow:0 10px 60px rgba(0, 0, 0, .07) }
.service-block .inner-box:hover .image-box img { -webkit-transform:scale(1.1); transform:scale(1.1) }
.service-block .inner-box:hover .image-box .image:after { left:0; right:0; opacity:0 }
.service-block .image-box { position:relative }
.service-block .image-box .image { overflow:hidden; margin-bottom:0 }
.service-block .image-box .image img { width:100%; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.service-block .image-box .image:after { background:rgba(255, 255, 255, .3); bottom:0; content:""; left:50%; position:absolute; right:51%; top:0; opacity:1; pointer-events:none; -webkit-transition:all 400ms linear; transition:all 400ms linear }
.service-block .image-box .icon-box { background:var(--bg-theme-color1); bottom:-10px; color:var(--theme-color-light); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:58px; height:90px; left:25px; position:absolute; -webkit-transition:all 300ms ease; transition:all 300ms ease; width:90px }
@media only screen and (max-width:767px) {
.service-block .image-box .icon-box {
bottom:-30px;
right:auto;
top:auto
}
}
.service-block .image-box .icon-box:before { border-right:10px solid var(--border-theme-color1); border-bottom:10px solid transparent; bottom:0; content:""; position:absolute; left:-10px }
.service-block .image-box .icon-box:after { border-left:10px solid var(--border-theme-color1); border-bottom:10px solid transparent; bottom:0; content:""; position:absolute; right:-10px }
.service-block .image-box .icon-box .icon { color:var(--theme-color-light) }
.service-block .content-box { position:relative; padding:20px 0}
.service-block .content-box .title { margin-bottom:14px }
.service-block .content-box .title:hover { color:var(--theme-color2) }
.service-block .content-box .text { position:relative; margin-bottom:0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; overflow: hidden; }
.service-block .content-box .read-more { font-size:12px; line-height:30px; color:#808287; font-weight:700; text-transform:uppercase; display:-webkit-box; display:-ms-flexbox; display:flex; letter-spacing:.1em; -webkit-transition:all 100ms linear; transition:all 100ms linear; margin-top:15px }
.service-block .content-box .read-more i { margin-left:10px; color:var(--theme-color2); font-size:16px; -webkit-transition:all 100ms linear; transition:all 100ms linear }
.service-block .content-box .read-more:hover { color:var(--theme-color2) }
.service-block .content-box .read-more:hover i { -webkit-transform:translateX(-15px); transform:translateX(-15px); opacity:0 }
.services-section .bottom-text { border:1px solid rgba(0, 0, 0, .4); border-radius:5px; padding:15px 45px; position:relative; text-transform:capitalize }
.services-section .bottom-text .theme-btn.small { font-size:12px; font-weight:600; padding:16px 38px }
.services-section-two { position:relative; padding:120px 0 0 }
.service-block-two { margin-bottom:30px }
.service-block-two .inner-box { position:relative; background:#fff; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.service-block-two .inner-box:before { position:absolute; left:0; top:0; height:100%; width:100%; max-height:4px; z-index:2; background-color:var(--bg-theme-color1); -webkit-transition:all 300ms ease; transition:all 300ms ease; content:"" }
.service-block-two .inner-box:hover .image-box .image:before, .service-block-two .inner-box:hover .content-box { opacity:0; visibility:hidden }
.service-block-two .inner-box:hover .hover-content { opacity:1; visibility:visible; -webkit-transform:scale(1); transform:scale(1) }
.service-block-two .inner-box:hover .hover-content .icon { color:var(--theme-color-white); opacity:1; -webkit-transform:translate(0); transform:translate(0); -webkit-transition-delay:300ms; transition-delay:300ms }
.service-block-two .inner-box:hover .hover-content .title { opacity:1; -webkit-transform:translate(0); transform:translate(0); -webkit-transition-delay:400ms; transition-delay:400ms }
.service-block-two .inner-box:hover .hover-content .text { opacity:.7; -webkit-transform:translate(0); transform:translate(0); -webkit-transition-delay:500ms; transition-delay:500ms }
.service-block-two .inner-box .image-box { position:relative; min-height:304px }
.service-block-two .inner-box .image-box .image { position:relative; margin-bottom:0; background-color:var(--theme-color2) }
.service-block-two .inner-box .image-box .image:before { position:absolute; left:0; bottom:0; height:40px; width:100%; background-color:#fff; content:""; -webkit-transition:all 200ms ease; transition:all 200ms ease }
.service-block-two .inner-box .image-box .image img { width:100%; min-height:350px; -o-object-fit:cover; object-fit:cover; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.service-block-two .inner-box .content-box { position:absolute; left:0; bottom:0; right:20px; background-color:#fff; -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, .1); box-shadow:0 10px 60px rgba(0, 0, 0, .1); padding:16px 30px; -webkit-transition:all 200ms ease; transition:all 200ms ease }
.service-block-two .inner-box .content-box .icon { background-color:var(--theme-color1); bottom:100%; color:var(--theme-color-white); font-size:32px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:64px; position:absolute; right:0; width:64px; z-index:2; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.service-block-two .inner-box .content-box .title { color:var(--theme-color2); margin-bottom:0 }
.service-block-two .inner-box .hover-content { position:absolute; left:0; top:0; height:100%; width:100%; padding:35px 30px 20px; z-index:2; opacity:0; visibility:hidden; -webkit-transition:all 300ms ease; transition:all 300ms ease; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:bottom; transform-origin:bottom }
.service-block-two .inner-box .hover-content::before {
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
background-color:#0e0f11;
opacity:.9;
content:"";
border-bottom:4px solid var(--theme-color1)
}
.service-block-two .inner-box .hover-content .icon { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:64px; width:64px; color:var(--theme-color2); font-size:32px; background-color:var(--theme-color1); margin-bottom:25px; opacity:0; -webkit-transform:translateY(20px); transform:translateY(20px); -webkit-transition:all 300ms ease; transition:all 300ms ease }
.service-block-two .inner-box .hover-content .title { color:var(--theme-color-light); margin-bottom:18px; -webkit-transform:translateY(20px); transform:translateY(20px); opacity:0; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.service-block-two .inner-box .hover-content .text { color:var(--theme-color-light); -webkit-transform:translateY(20px); transform:translateY(20px); opacity:0; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.projects-section { background-image:url(../images/background/project1-bg.jpg); background-repeat:no-repeat; position:relative; padding:120px 0 }
@media only screen and (max-width:1023px) {
.projects-section {
padding-bottom:10px
}
}
.projects-section.pull-up { padding-top:200px; margin-top:-100px }
.projects-section.pull-up .bg { max-height:490px }
.projects-section .carousel-outer { margin:0 -260px }
.projects-section .owl-item:nth-child(even) .project-block .inner-box {
margin-top:30px
}
.projects-section.style-two .carousel-outer { position:relative; z-index:2; margin:0; margin-right:-530px }
.projects-section.style-two .owl-item:nth-child(even) .project-block .inner-box {
margin-top:0
}
.projects-section.style-two .owl-nav { position:absolute; right:530px; top:-120px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; z-index:9 }
.projects-section.style-two .owl-nav .owl-next, .projects-section.style-two .owl-nav .owl-prev { display:block; margin:0 5px; height:52px; width:52px; color:var(--theme-color1); border-radius:50%; background-color:#fff; font-size:16px; line-height:52px; font-weight:700; text-align:center; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.projects-section.style-two .owl-nav .owl-next:hover, .projects-section.style-two .owl-nav .owl-prev:hover { background-color:var(--bg-theme-color1); color:#fff; opacity:1 }
.project-block { position:relative; margin-bottom:40px }
.project-block .inner-box { position:relative; overflow:hidden }
.project-block .inner-box:before { content:""; position:absolute; bottom:0; left:0; width:150px; height:155px; clip-path:polygon(0 0, 0% 100%, 100% 100%); background-color:var(--theme-color1); -webkit-transition:all 300ms ease; transition:all 300ms ease; -webkit-transform:translateX(-150px); transform:translateX(-150px); z-index:3 }
.project-block .inner-box .overlay-1 { position:absolute; bottom:0; left:0; -webkit-transform:translateY(200px); transform:translateY(200px); -webkit-transition:all 300ms ease; transition:all 300ms ease; z-index:1 }
.project-block .inner-box:hover .overlay-1 { -webkit-transform:translate(0); transform:translate(0) }
.project-block .inner-box:hover:before { -webkit-transform:none; transform:none }
.project-block .inner-box:hover .image-box .image:before { height:100% }
.project-block .inner-box:hover .image-box .image img { -webkit-transform:scale(1.1); transform:scale(1.1) }
.project-block .inner-box:hover .icon { background-color:var(--theme-color-white); color:var(--theme-color2) }
.project-block .inner-box:hover .content-box .read-more { opacity:1; -webkit-transform:translate(0); transform:translate(0); -webkit-transition-delay:400ms; transition-delay:400ms }
.project-block .inner-box:hover .content-box .title { opacity:1; -webkit-transform:translate(0); transform:translate(0); -webkit-transition-delay:400ms; transition-delay:400ms }
.project-block .inner-box:hover .content-box .cat-list { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:200ms; transition-delay:200ms }
.project-block .image-box { position:relative; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.project-block .image-box .image { position:relative; overflow:hidden; margin-bottom:0 }
.project-block .image-box .image::before {
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:0;
pointer-events:none;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, #1d1d29));
background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #1d1d29 80%);
-webkit-transition:all 300ms ease;
transition:all 300ms ease;
z-index:2
}
.project-block .image-box .image img { position:relative; width:100%; height:100%; min-height:400px; -o-object-fit:cover; object-fit:cover; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.project-block .content-box { position:absolute; left:29px; bottom:26px; z-index:3 }
.project-block .content-box .read-more { position:relative; width:42px; height:42px; line-height:42px; border-radius:50%; margin-bottom:18px; opacity:0; display:inline-block; color:var(--text-color-bg-theme-color1); background-color:var(--theme-color1); text-align:center; -webkit-transform:translateX(-50px); transform:translateX(-50px); -webkit-transition:all 300ms ease; transition:all 300ms ease }
.project-block .content-box .read-more i { -webkit-transform:rotate(90deg); transform:rotate(90deg); font-size:16px }
.project-block .content-box .title { position:relative; font-weight:700; margin-bottom:0; padding:6px 18px; margin-bottom:1px; opacity:0; background-color:var(--theme-color-light); -webkit-transform:translateY(-40px); transform:translateY(-40px); -webkit-transition:all 300ms ease; transition:all 300ms ease }
.project-block .content-box .cat-list { position:relative; padding:3px 18px; font-weight:400; opacity:0; display:inline-block; background-color:var(--theme-color-light); -webkit-transform:translateY(-20px); transform:translateY(-20px); -webkit-transition:all 300ms ease; transition:all 300ms ease }
.project-block .content-box .cat-list li { color:var(--text-color) }
.project-section-two { padding:120px 0; position:relative }
.project-section-two:after { background-color:#2b2531; bottom:0; content:""; height:460px; left:0; opacity:.94; position:absolute; top:0; width:100% }
@media only screen and (max-width:767px) {
.project-section-two:after {
height:520px
}
}
.project-section-two:before { background-color:var(--bg-theme-color1); background-image:url(../images/background/project-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; content:""; height:460px; left:0; position:absolute; top:0; width:100% }
.project-section-two .carousel-outer { margin-right:-400px }
@media only screen and (max-width:1199px) {
.project-section-two .carousel-outer {
margin-right:0
}
}
.project-section-two .sec-title { margin-bottom:50px }
.project-block-two { position:relative }
.project-block-two .inner-box { position:relative }
.project-block-two .inner-box:hover .image img { -webkit-transform:scale(1.1); transform:scale(1.1) }
.project-block-two .inner-box:hover .overlay-box:before { left:0; opacity:1; visibility:visible }
.project-block-two .inner-box:hover .image-box .icon { left:0; opacity:1; -webkit-transition:all 300ms ease; transition:all 300ms ease; -webkit-transition-delay:200ms; transition-delay:200ms }
.project-block-two .inner-box:hover .image-box .title { top:0; opacity:1; -webkit-transition:all 300ms ease; transition:all 300ms ease; -webkit-transition-delay:300ms; transition-delay:300ms }
.project-block-two .inner-box:hover .image-box .cat { top:0; opacity:1; -webkit-transition:all 300ms ease; transition:all 300ms ease; -webkit-transition-delay:400ms; transition-delay:400ms }
.project-block-two .image-box { position:relative; overflow:hidden; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.project-block-two .image-box .image { position:relative; margin-bottom:0 }
.project-block-two .image-box .image img { width:100%; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.project-block-two .image-box .overlay-box { position:absolute; left:0; top:0; height:100%; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; padding:40px 50px; z-index:9; overflow:hidden }
.project-block-two .image-box .overlay-box::before {
position:absolute;
left:-100%;
top:0;
height:150%;
width:160%;
background-color:var(--bg-theme-color2);
content:"";
opacity:.9;
-webkit-transform:rotate(46.7deg);
transform:rotate(46.7deg);
-webkit-transform-origin:top left;
transform-origin:top left;
opacity:0;
visibility:hidden;
-webkit-transition:all 300ms ease;
transition:all 300ms ease
}
.project-block-two .image-box .overlay-box .icon { position:relative; display:block; left:-20px; height:52px; width:52px; border-radius:50px; margin-bottom:50px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:var(--theme-color1); background-color:#fff; font-size:18px; z-index:2; opacity:0; -webkit-transition:none; transition:none }
.project-block-two .image-box .overlay-box .icon:hover { background-color:var(--bg-theme-color1); color:var(--theme-color2); -webkit-transition-delay:0ms; transition-delay:0ms }
.project-block-two .image-box .overlay-box .title { position:relative; display:block; margin-bottom:2px; top:10px; opacity:0 }
.project-block-two .image-box .overlay-box .title:hover a { color:#fff }
.project-block-two .image-box .overlay-box .cat { position:relative; font-size:14px; line-height:30px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--theme-color1); top:10px; opacity:0 }
.process-section { position:relative; padding:120px 0 80px }
.process-section .auto-container { max-width:1050px }
.process-block { position:relative; margin-bottom:40px }
.process-block:last-child .image-box:before { display:none }
.process-block .inner-box { position:relative }
.process-block .inner-box:hover .info-box { background-color:#fff; -webkit-box-shadow:0 10px 50px rgba(0, 0, 0, .1); box-shadow:0 10px 50px rgba(0, 0, 0, .1) }
.process-block .inner-box:hover .icon { background-color:#fff; color:var(--theme-color2) }
.process-block .inner-box:hover .icon:after { height:136px; width:136px }
.process-block .icon-box { position:relative; padding-top:60px }
.process-block .icon-box::before {
position:absolute;
left:60px;
top:0;
width:190px;
height:146px;
background-image:url(../images/icons/process-arrow.png);
content:""
}
.process-block .icon-box .icon { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:136px; width:136px; border-radius:50%; margin-bottom:50px; color:#fff; font-size:72px; background-color:var(--bg-theme-color2); -webkit-transition:all 300ms ease; transition:all 300ms ease }
.process-block .icon-box .icon:after { position:absolute; left:0; top:0; height:160px; width:160px; display:block; background-color:#fff; border-radius:50%; z-index:-1; -webkit-transition:all 300ms ease; transition:all 300ms ease; -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, .1); box-shadow:0 10px 60px rgba(0, 0, 0, .1); content:"" }
.process-block .icon-box .count { position:absolute; left:140px; top:40px; font-size:120px; color:#f3f3f3; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-weight:900; z-index:2; opacity:.5; -webkit-transition:all 300ms linear; transition:all 300ms linear }
.process-block .title { z-index:2; font-weight:800; margin-bottom:15px }
.testimonial-section { background-color:#181818; padding:120px 0 90px; position:relative }
.testimonial-section .dotted-map { background-image:url(../images/icons/dotted-map-2.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; height:100%; position:absolute; right:0; top:0; width:100% }
.testimonial-section .title-column .info-box { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; min-height:90px;position:relative }
@media(max-width:575.98px) {
.testimonial-section .title-column .info-box {
padding-left:0
}
}
.testimonial-section .title-column .info-box .icon { background-color:var(--bg-theme-color1); border-radius:3px; color:var(--theme-color-light); font-size:62px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:90px; left:0; position:absolute; top:0; -webkit-transition:all 300ms ease; transition:all 300ms ease; width:90px }
@media(max-width:575.98px) {
.testimonial-section .title-column .info-box .icon {
margin-bottom:20px;
position:relative
}
}
.testimonial-section .title-column .info-box .text { color:var(--text-color); font-size:17px; line-height:30px }
.testimonial-section .title-column .info-box:hover .icon { background-color:var(--theme-color3); -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg) }
.testimonial-section .carousel-outer { position:relative; margin-right:-490px }
.testimonial-section .owl-nav { bottom:20px; left:-500px; position:absolute }
.testimonial-section .owl-dots { position:absolute; left:-500px; bottom:60px; display:-webkit-box; display:-ms-flexbox; display:flex }
.testimonial-section .owl-dots .owl-dot { display:block; height:20px; width:20px; background-color:#5e5e5e; border:3px solid #181818; margin-right:3px; border-radius:50% }
.testimonial-section .owl-dots .owl-dot.active { opacity:1; background-color:var(--bg-theme-color2); border-color:var(--bg-theme-color2) }
.testimonial-section.home3-style { padding-bottom:150px }
.testimonial-block { position:relative; padding:60px 0 0 }
.testimonial-block .inner-box { background-color:var(--theme-color-light); border-top:12px solid var(--border-theme-color1); border-radius:10px; margin-bottom:30px; max-width:500px; padding:30px 50px 45px; position:relative }
.testimonial-block .inner-box .text { font-size:17px }
.testimonial-block .inner-box:before { position:absolute; left:0; top:0; width:138px; height:96px; background-color:#f3f3f3; border-radius:0 0 500px 0; content:"" }
.testimonial-block .image-box { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:25px; padding-left:140px; position:relative; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.testimonial-block .image-box .image { height:132px; left:-10px; margin-bottom:0; padding:12px; position:absolute; top:-100px; width:132px }
.testimonial-block .image-box .image:before { background-color:var(--bg-theme-color1); border-radius:120px 120px 0 0; content:""; height:50%; left:0; position:absolute; top:0; width:100% }
.testimonial-block .image-box .image img { border:5px solid var(--theme-color-light); border-radius:50%; -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, .1); box-shadow:0 10px 60px rgba(0, 0, 0, .1); height:100%; position:relative; -webkit-transition:all 300ms ease; transition:all 300ms ease; width:100% }
.testimonial-block .name { margin-bottom:2px }
.testimonial-block .designation { position:relative; display:block; font-size:14px; line-height:26px; color:#6a6a6a; font-weight:400 }
.testimonial-block .rating { position:relative; color:#ffba25; font-size:14px; letter-spacing:.05em }
.testimonial-section-two { position:relative; padding:120px 0 90px }
.testimonial-section-two .sec-title { margin-bottom:35px }
.testimonial-section-two .carousel-outer { position:relative; margin-left:-17px; margin-bottom:30px }
.testimonial-section-two .bg-shape { position:absolute; left:0; top:0; display:block; height:540px; width:540px; background-image:url(../images/icons/shape-1.png); -webkit-animation:fa-spin 60s infinite linear; animation:fa-spin 60s infinite linear }
.testimonial-section-two .image-column { position:relative }
.testimonial-section-two .image-column .inner-column { position:relative; padding-right:100px }
.testimonial-section-two .image-column .bg-shape { margin-top:-20px }
.testimonial-section-two .image-column .image-box { position:relative; min-height:540px; text-align:right }
.testimonial-section-two .image-column .image-box .image { position:absolute }
.testimonial-section-two .image-column .image-box .image img { border-radius:50%; border:8px solid var(--theme-color-light) }
.testimonial-section-two .image-column .image-1 { position:relative!important; margin-top:90px; margin-right:-10px; display:inline-block }
.testimonial-section-two .image-column .image-2 { left:30px; top:10px; max-width:170px }
.testimonial-section-two .image-column .image-3 { right:-30px; top:10px }
.testimonial-section-two .image-column .image-4 { left:-10px; bottom:50px }
.testimonial-section-two .testimonial-column .inner-column { position:relative; padding-left:40px; margin-left:-50px }
.testimonial-section-two .owl-nav { display:none }
.testimonial-section-two .owl-dots { padding-left:17px }
.testimonial-block-two { position:relative; padding:17px }
.testimonial-block-two .inner-box { position:relative; background-color:var(--theme-color-light); border-radius:10px; padding:40px 50px 45px; margin-bottom:20px; -webkit-box-shadow:0 0 17px rgba(0, 0, 0, .1); box-shadow:0 0 17px rgba(0, 0, 0, .1) }
.testimonial-block-two .text { font-size:20px; line-height:36px; color:#6a6a6a; margin-bottom:20px }
.testimonial-block-two .name { margin-bottom:0 }
.testimonial-block-two .designation { position:relative; display:block; font-size:14px; line-height:26px; color:var(--theme-color2); font-weight:500; text-transform:uppercase }
.testimonial-block-two .icon-quote { position:absolute; right:55px; bottom:57px }
.testimonial-block-two .rating { position:absolute; right:0; bottom:-17px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:var(--theme-color-light); background-color:var(--bg-theme-color2); min-width:180px; font-size:12px; letter-spacing:.05em; height:45px; border-radius:10px }
.testimonial-section-three { position:relative }
.testimonial-section-three .outer-box { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex }
.testimonial-section-three .carousel-outer { position:relative; max-width:42%; -webkit-box-flex:0; -ms-flex:0 0 42%; flex:0 0 42%; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; background-color:#f3f3f3; background-image:url(../images/icons/shape-4.jpg); padding:100px 100px 90px }
.testimonial-section-three .fact-counter-two { position:relative; background-color:#181818; width:100%; padding:90px 30px 30px }
.testimonial-section-three .owl-nav { display:none }
.testimonial-section-three .owl-dots { position:absolute; right:0; top:30px }
.testimonial-block-three { position:relative }
.testimonial-block-three .inner-box { position:relative }
.testimonial-block-three .thumb { position:relative; height:80px; width:80px; margin-bottom:20px }
.testimonial-block-three .thumb img { height:80px; width:80px; border-radius:50%; border:5px solid var(--theme-color-light) }
.testimonial-block-three .thumb .icon { position:absolute; right:0; bottom:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:30px; width:30px; background-color:var(--bg-theme-color2); border-radius:50%; color:var(--theme-color-light); font-size:12px }
.testimonial-block-three .text { font-size:26px; line-height:40px; color:#6a6a6a; font-weight:400; margin-bottom:30px }
.testimonial-block-three .name { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:0 }
.testimonial-block-three .designation { position:relative; display:block; font-size:16px; line-height:26px; color:var(--theme-color2); font-weight:500; margin-left:10px }
.testimonial-block-three .icon-quote { position:absolute; right:55px; bottom:57px }
.testimonial-block-three .rating { position:absolute; right:0; bottom:-17px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:var(--theme-color-light); background-color:var(--bg-theme-color2); min-width:180px; font-size:12px; letter-spacing:.05em; height:45px; border-radius:10px }
.banner-box { position:relative; max-width:24%; width:100% }
.banner-box .inner-box { position:relative; background-repeat:no-repeat; background-position:center; background-size:cover; padding:90px 50px 100px; text-align:center; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center }
.banner-box .inner-box::before {
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
background-color:var(--bg-theme-color2);
opacity:.8;
content:""
}
.banner-box h3 { color:var(--theme-color-light); margin-bottom:40px }
.team-section { background-image:url(../images/background/about1-bg.jpg); background-repeat:no-repeat; padding:120px 0 80px; position:relative }
.team-block-two { position:relative; margin-bottom:40px }
.team-block-two .inner-box { position:relative; padding-right:40px }
.team-block-two .inner-box:hover .image img { -webkit-transform:scale(1.1); transform:scale(1.1) }
.team-block-two .inner-box:hover .social-links { -webkit-transform:scaleY(1); transform:scaleY(1); opacity:1; visibility:visible }
.team-block-two .image-box { position:relative }
.team-block-two .image-box .image { margin-bottom:0; overflow:hidden; position:relative; z-index:1 }
.team-block-two .image-box .image img { width:100%; -webkit-transition:all 400ms ease; transition:all 400ms ease }
.team-block-two .info-box { background:var(--theme-color-white); border:2px solid #171717; border-top:0; padding:25px 37px; position:relative }
.team-block-two .info-box .name { font-weight:800; z-index:2; margin-bottom:7px }
.team-block-two .info-box .name:hover { color:var(--theme-color2) }
.team-block-two .info-box .designation { position:relative; display:block; font-size:14px; font-weight:500; color:#6a6a6a; text-transform:uppercase; letter-spacing:1px; z-index:2; line-height:1em; -webkit-transition:all 400ms ease; transition:all 400ms ease }
.team-block-two .share-icon { background-color:var(--theme-color2); border-top:1px solid var(--theme-color-white); bottom:0; color:var(--text-color-bg-theme-color2); font-size:18px; height:60px; line-height:60px; position:absolute; right:2px; text-align:center; -webkit-transition:all 400ms ease; transition:all 400ms ease; width:60px; z-index:3 }
.team-block-two .social-links { -webkit-box-align:center; -ms-flex-align:center; align-items:center; background:#fff; border-radius:0; bottom:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; margin-top:5px; opacity:0; padding:15px 0; position:absolute; right:0; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:bottom; transform-origin:bottom; -webkit-transition:all 400ms ease; transition:all 400ms ease; visibility:hidden; z-index:3 }
.team-block-two .social-links a { color:var(--theme-color2); display:block; font-size:14px; height:34px; line-height:35px; position:relative; text-align:center; -webkit-transition:all 300ms ease; transition:all 300ms ease; width:60px }
.team-block-two .social-links a:hover { color:var(--theme-color1) }
.map-section { position:relative; z-index:1 }
.map-section .map { position:relative; min-height:492px; width:100%; display:block }
.map-section .branches-outer { position:absolute; left:0; bottom:0; width:100% }
.map-section.alternate .map { min-height:490px }
.map-section.alternate.pull-up { margin-top:-45px }
.branch-block { position:relative }
.branch-block .inner-box { position:relative; background-color:#fff; padding:45px 50px 50px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.branch-block .inner-box:hover { background-color:var(--bg-theme-color2) }
.branch-block .inner-box:hover .info-list li, .branch-block .inner-box:hover .info-list li i, .branch-block .inner-box:hover .title { color:#fff }
.branch-block .title { margin-bottom:35px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.branch-block .info-list { position:relative }
.branch-block .info-list li { position:relative; padding-left:50px; font-size:16px; line-height:26px; color:#7c859b; margin-bottom:10px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.branch-block .info-list li a { color:inherit; -webkit-transition:none; transition:none }
.branch-block .info-list li i { position:absolute; left:0; top:0; color:#d41e44; line-height:26px; width:20px; font-size:18px; text-align:center; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.faqs-section { position:relative; padding:120px 0 70px }
.faqs-section:before { position:absolute; right:0; top:0; height:100%; width:29.8%; background-color:var(--bg-theme-color4); content:"" }
.faqs-section .icon-object-2 { top:155px; left:-375px }
.faqs-section .icon-object-3 { top:290px; right:-350px; max-width:325px }
.faqs-section.style-two { padding:0 }
.faqs-section.style-two::before {
background-color:#f4f5f8;
background-position:right center;
background-repeat:no-repeat;
content:"";
height:100%;
position:absolute;
right:0;
top:0;
width:49%
}
@media(max-width:991.98px) {
.faqs-section.style-two::before {
width:100%
}
}
.faqs-section.style-two .faq-column { padding:120px 0 100px; margin-bottom:0 }
.faqs-section.style-two .faq-column .inner-column { padding-left:80px; padding-right:0 }
@media(max-width:1199.98px) {
.faqs-section.style-two .faq-column .inner-column {
padding-left:50px
}
}
@media(max-width:991.98px) {
.faqs-section.style-two .faq-column .inner-column {
padding-left:15px;
padding-right:15px
}
}
.faqs-section .faq-column { position:relative; margin-bottom:50px }
.faqs-section .faq-column .inner-column { position:relative; padding-right:70px }
.faqs-section .content-column { position:relative; margin-bottom:20px }
.faqs-section .form-column { position:relative }
.faqs-section .form-column .inner-column { position:relative; padding:120px 70px; padding-left:0 }
@media(max-width:767.98px) {
.faqs-section .form-column .inner-column {
padding:120px 15px 120px 0
}
}
.faqs-section .form-column .inner-column .sec-title .sub-title { color:var(--theme-color-light) }
.faqs-section .form-column .inner-column .sec-title .sub-title:before { color:var(--theme-color-light) }
.faqs-section .form-column .form-bg { position:absolute; right:15px; left:-375px; top:0; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover }
.faqs-section .form-column .form-bg:before { background-color:var(--theme-color2); background-image:url(../images/icons/faq-bg.png); background-repeat:no-repeat; content:""; opacity:.8; position:absolute; left:0; top:0; height:100%; width:100% }
.accordion-box { position:relative }
.accordion-box .block { position:relative; background-color:var(--theme-color-light); margin-bottom:10px; border:1px solid #ecf0f4;}
.accordion-box .block.active-block { background-color:#fafafc; border:1px solid #ecf0f4; -webkit-box-shadow:0 0 30px rgba(0, 0, 0, .1); box-shadow:0 0 30px rgba(0, 0, 0, .1) }
.accordion-box .block .acc-btn { background-color:var(--bg-theme-color4); border-radius:5px; color:var(--theme-color2); cursor:pointer; font-size:18px; font-weight:700; line-height:30px; padding:15px 20px; padding-right:70px; position:relative; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.accordion-box .block .acc-btn .icon { border-radius:50%; color:var(--theme-color2); font-size:14px; height:40px; line-height:40px; position:absolute; right:20px; text-align:center; top:10px; -webkit-transition:all 500ms ease; transition:all 500ms ease; width:40px }
.accordion-box .block .acc-btn.active { background-color:#fafafc }
.accordion-box .block .acc-btn.active .icon:before { content:"\f107" }
.accordion-box .block .acc-content { display:none; position:relative }
.accordion-box .block .acc-content .content { padding:20px 30px; position:relative }
.accordion-box .block .acc-content .content .text { color:var(--text-color); display:block; font-size:16px; line-height:30px; margin-bottom:0 }
.accordion-box .block .acc-content.current { background-color:#fafafc; display:block }
.contact-form { background-color:var(--theme-color-light); padding:55px; border-top:5px solid var(--theme-color1) }
@media(max-width:575.98px) {
.contact-form {
padding:30px
}
}
.contact-form .sub-title { color:var(--theme-color1) }
.contact-form .form-group { margin-bottom:20px; position:relative }
.contact-form .form-group:last-child { margin-bottom:0 }
.contact-form .form-group label { color:var(--theme-color-light); display:block; font-size:16px; font-weight:500; letter-spacing:1px; line-height:20px; margin-bottom:15px }
.contact-form .form-group label.error { color:red; display:block; font-size:13px; font-weight:500; line-height:24px; margin-bottom:0; text-transform:capitalize }
.contact-form .form-group .select2-container--default .select2-selection--single, .contact-form .form-group input:not([type=submit]), .contact-form .form-group textarea, .contact-form .form-group select {
display:block;
height:54px;
width:100%;
padding:15px 30px;
font-size:14px;
color:var(--theme-color1);
line-height:22px;
background-color:var(--theme-color-light);
border:1px solid rgba(255, 255, 255, .15);
font-weight:400;
margin-bottom:0;
position:relative;
-webkit-transition:all 300ms ease;
transition:all 300ms ease
}
.contact-form .form-group ::-webkit-input-placeholder {
color:#8c8f94
}
.contact-form .form-group ::-moz-input-placeholder {
color:#8c8f94
}
.contact-form .form-group ::-ms-input-placeholder {
color:#8c8f94
}
.contact-form .form-group input:focus, .contact-form .form-group select:focus, .contact-form .form-group textarea:focus { border-color:var(--border-theme-color2) }
.contact-form .form-group textarea { height:150px; resize:none }
.contact-form .form-group input[type=submit], .contact-form .form-group button { margin-top:5px; text-transform:uppercase; font-weight:400 }
.pricing-section { position:relative; overflow:hidden; padding:120px 0 80px }
.pricing-section .bg { max-height:670px }
.pricing-block { position:relative; margin-bottom:40px; z-index:2; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.pricing-block .inner-box { position:relative; padding:40px 50px; background-color:#fff; -webkit-transition:all 300ms ease; transition:all 300ms ease; width:100%; overflow:hidden; -webkit-box-shadow:0 10px 30px rgba(0, 0, 0, .1); box-shadow:0 10px 30px rgba(0, 0, 0, .1); background-image:url(../images/icons/price-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover }
.pricing-block .inner-box::before {
position:absolute;
left:0;
top:30px;
height:100%;
width:100%;
background-image:url(../images/icons/price-hover-bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
content:"";
opacity:0;
-webkit-transition:all 300ms ease;
transition:all 300ms ease
}
.pricing-block .inner-box:hover { -webkit-transform:translateY(-15px); transform:translateY(-15px) }
.pricing-block .title-box { position:relative; padding-bottom:25px; border-bottom:1px solid #e2e2e2; margin-bottom:30px }
.pricing-block .title { position:relative; font-weight:800; letter-spacing:.01em; margin-bottom:15px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.pricing-block .text { font-size:14px; line-height:24px; font-weight:500; color:#6c6a72; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.pricing-block .price { position:relative; display:block; font-size:60px; font-weight:900; margin-bottom:25px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.pricing-block .price sup { position:relative; top:-18px; font-size:28px; font-weight:700; margin-right:3px }
.pricing-block .price sub { position:relative; font-size:16px; line-height:30px; color:#6c6a72; -webkit-transition:all 300ms ease; transition:all 300ms ease; font-weight:400; letter-spacing:.01em; margin-left:10px; bottom:0 }
.pricing-block .sub-title { position:relative; color:var(--theme-color2); margin-bottom:25px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.pricing-block .features { position:relative; margin-bottom:40px }
.pricing-block .features li { position:relative; display:block; font-size:16px; line-height:26px; color:#1d1729; font-weight:700; padding-left:30px; margin-bottom:10px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.pricing-block .features li:before { position:absolute; left:0; top:0; font-size:16px; line-height:26px; color:var(--theme-color1); content:"\f101"; font-family:"font awesome 6 pro"; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.pricing-block .features li.false { opacity:.5 }
.pricing-block .theme-btn { line-height:24px; padding:15px 40px }
.pricing-block.tagged .inner-box { background-color:#23252a }
.pricing-block.tagged .inner-box:before { opacity:1; top:0 }
.pricing-block.tagged .features li, .pricing-block.tagged .features li:before, .pricing-block.tagged .price, .pricing-block.tagged .price sub, .pricing-block.tagged .text, .pricing-block.tagged .title { color:#fff }
.pricing-block.tagged .title-box { border-bottom:1px solid #5d5d5d }
.fun-fact-section { padding:120px 0 180px; position:relative }
.fun-fact-section .bg-image { height:455px; top:0 }
.fun-fact-section .bg-image:before { background-color:#0e102a; content:""; height:455px; left:0; opacity:.9; position:absolute; right:0; top:0 }
.counter-block { margin-bottom:50px; margin-top:75px; position:relative }
.counter-block .inner { background-color:#fff; background-image:url(../images/icons/pattern-1.png); background-repeat:no-repeat; background-position:center; -webkit-box-shadow:0 5px 40px rgba(0, 0, 0, .05); box-shadow:0 5px 40px rgba(0, 0, 0, .05); min-height:200px; margin-bottom:70px; margin-top:-170px; padding:5px 40px 40px; position:relative; text-align:center; -webkit-transition:all 300ms ease; transition:all 300ms ease; width:100% }
@media only screen and (max-width:1023px) {
.counter-block .inner {
margin-top:-130px
}
}
@media only screen and (max-width:767px) {
.counter-block .inner {
margin-bottom:100px
}
}
.counter-block .inner:hover { -webkit-transform:translateY(-5px); transform:translateY(-5px) }
.counter-block .inner:hover .icon { background-color:var(--theme-color3); border-radius:50%; color:var(--theme-color-white); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.counter-block .icon { background-color:var(--theme-color1); border-radius:50%; color:var(--theme-color-white); display:block; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:62px; font-weight:600; height:115px; margin:-75px auto 0; margin-bottom:20px; position:relative; -webkit-transition:all 300ms ease; transition:all 300ms ease; width:115px; z-index:1 }
.counter-block .count-box { font-family:var(--title-font); font-size:46px; font-weight:700; line-height:1em; margin-bottom:15px; text-transform:uppercase }
.counter-block .count-box .count-text { color:var(--theme-color2); font-size:46px; font-weight:700; line-height:1em }
.counter-block .counter-title { background-color:var(--theme-color-gray); display:block; font-size:12px; font-weight:500; line-height:18px; letter-spacing:.1em; margin-bottom:0; padding:10px; text-transform:uppercase; z-index:1; position:relative }
.work-section { position:relative; padding:120px 0 60px; background-color:#f3f3f3 }
.work-section .content-column { margin-bottom:20px }
.work-section .features-column .inner-column { padding-left:100px; padding-top:25px }
.work-block { position:relative }
.work-block .inner-box { padding-left:200px; max-width:510px; min-height:172px }
.work-block .image { position:absolute; left:0; top:0 }
.work-block .image img { height:172px; width:172px; border-radius:50% }
.feature-block-four { position:relative; padding-bottom:60px; border-bottom:1px solid #dcdce0; margin-bottom:60px }
.feature-block-four:last-child { border-bottom:0; padding-bottom:0 }
.feature-block-four .inner-box { position:relative; padding-left:100px }
.feature-block-four .inner-box:hover .icon { -webkit-transform:rotateY(190deg); transform:rotateY(190deg); color:var(--theme-color1) }
.feature-block-four .icon { position:absolute; left:0; top:0; font-size:64px; line-height:1em; -webkit-transition:all 300ms ease; transition:all 300ms ease; color:var(--theme-color2) }
.feature-block-four .title { margin-bottom:10px; letter-spacing:.05em }
.feature-block-four .text { letter-spacing:.05em }
.work-section-two { background-color:#040a1f; position:relative }
.work-section-two .content-column { position:relative }
.work-section-two .content-column .bg.bg-pattern-1 { background-image:url(../images/icons/faq-bg.png); background-repeat:no-repeat; position:absolute }
.work-section-two .content-column .inner-column { bottom:0; max-width:640px; padding:120px 60px 40px; padding-right:0; position:absolute; width:100% }
@media only screen and (max-width:1023px) {
.work-section-two .content-column .inner-column {
background-color:var(--theme-color2);
padding:20px
}
}
.work-section-two .content-column .text { color:var(--theme-color-white); font-size:20px; line-height:36px }
.work-section-two .image-column { position:relative }
.work-section-two .image-column .image { height:100%; margin-bottom:0; position:relative }
.work-section-two .image-column .image img { height:100%; -o-object-fit:cover; object-fit:cover; width:100% }
.work-section-two .image-column .play-now-two { background-color:rgba(243, 83, 83, .7); border-radius:50%; color:var(--theme-color-white); height:136px; left:50%; line-height:136px; position:absolute; text-align:center; top:40%; width:136px; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
@media only screen and (max-width:1199px) {
.work-section-two .image-column .play-now-two {
top:25%
}
}
@media only screen and (max-width:1023px) {
.work-section-two .image-column .play-now-two {
left:30px;
top:10%
}
}
@media only screen and (max-width:767px) {
.work-section-two .image-column .play-now-two {
display:none
}
}
.work-section-two .image-column .play-now-two i { font-size:30px }
.work-section-two .image-column .play-now-two:hover { background-color:var(--bg-theme-color1) }
.work-section-two .image-column .play-now-two:hover i { background-color:var(--bg-theme-color1) }
.why-choose-us-one { overflow:hidden; padding:120px 0 70px; position:relative }
.why-choose-us-one:before { background-image:url(../images/background/about1-bg.jpg); background-position:center center; background-repeat:no-repeat; content:""; height:100%; left:0; position:absolute; top:0; width:100% }
.why-choose-us-one .content-column { margin-bottom:50px; position:relative; z-index:1 }
.why-choose-us-one .content-column .inner-column { padding-right:70px; position:relative }
@media only screen and (max-width:1199px) {
.why-choose-us-one .content-column .inner-column {
padding-right:0
}
}
.why-choose-us-one .content-column .sec-title { margin-bottom:40px }
.why-choose-us-one .content-column .feature-box { margin-bottom:30px; min-height:70px; padding-left:100px; padding-top:5px; position:relative }
.why-choose-us-one .content-column .feature-box:hover .icon { color:var(--theme-color1); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.why-choose-us-one .content-column .feature-box:hover .icon:after { background-color:#ebebeb }
.why-choose-us-one .content-column .feature-box .icon { color:var(--theme-color1); font-size:64px; left:0; line-height:1em; position:absolute; top:0; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.why-choose-us-one .content-column .feature-box .icon:after { background-color:var(--theme-color2); border-radius:50%; content:""; left:25px; height:54px; opacity:.1; position:absolute; top:15px; -webkit-transition:all 300ms ease; transition:all 300ms ease; width:54px; z-index:-2 }
.why-choose-us-one .content-column .theme-btn { margin-top:20px }
.why-choose-us-one .image-column { margin-bottom:50px; position:relative }
@media only screen and (max-width:1199px) {
.why-choose-us-one .image-column {
display:none
}
}
.why-choose-us-one .image-column .image-box { margin-left:-24px; position:relative }
.why-choose-us-one .image-column .image { background-color:var(--bg-theme-color1); display:block; margin-bottom:0; position:relative }
.why-choose-us-one .image-column .image img { width:100% }
@media only screen and (max-width:1199px) {
.why-choose-us-one .info-column {
width:100%
}
}
.why-choose-us-one .info-column .inner-column { padding-left:36px; position:relative }
@media only screen and (max-width:1199px) {
.why-choose-us-one .info-column .inner-column {
padding-left:0
}
}
.why-choose-us-one .info-column .info { border-bottom:5px solid var(--bg-theme-color2); margin-bottom:40px; padding-bottom:30px; position:relative }
.why-choose-us-one .info-column .info:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0 }
.why-choose-us-one .info-column .info .title { margin-bottom:5px; position:relative; top:-5px }
@media only screen and (max-width:1023px) {
.why-choose-us-one .info-column .info .title br {
display:none
}
}
.why-choose-us-one .info-column .info-box { background-color:var(--theme-color1); margin-left:-60px; margin-right:70px; margin-top:30px; padding:30px 50px; position:relative }
@media only screen and (max-width:1199px) {
.why-choose-us-one .info-column .info-box {
margin-left:0;
margin-right:0
}
}
@media only screen and (max-width:1023px) {
.why-choose-us-one .info-column .info-box {
padding:20px 30px
}
}
.why-choose-us-one .info-column .info-box .icon { color:var(--theme-color-light); display:inline-block; font-size:28px; margin-bottom:8px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.why-choose-us-one .info-column .info-box .title { color:var(--theme-color-light); margin-bottom:0 }
@media only screen and (max-width:1023px) {
.why-choose-us-one .info-column .info-box .title br {
display:none
}
}
.why-choose-us-one .info-column .info-box:hover .icon { -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.why-choose-us-two { position:relative; padding:120px 0 70px }
.why-choose-us-two:before { position:absolute; left:-240px; top:-160px; height:100%; width:100%; background-image:url(../images/icons/pattern-7.png); background-repeat:no-repeat; background-position:center left; content:"" }
.why-choose-us-two:after { background:#cc3de3; border-radius:50%; content:""; -webkit-filter:blur(75px); filter:blur(75px); height:530px; left:-127px; opacity:.05; position:absolute; top:90px; width:530px; z-index:-1 }
.why-choose-us-two .content-column { position:relative; margin-bottom:50px }
.why-choose-us-two .content-column .inner-column { position:relative }
.why-choose-us-two .content-column .info-box { position:relative; background-color:#f4f5f8; padding:15px 30px; padding-left:60px; margin-bottom:30px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.why-choose-us-two .content-column .info-box:hover { -webkit-box-shadow:0 10px 30px rgba(0, 0, 0, .1); box-shadow:0 10px 30px rgba(0, 0, 0, .1) }
.why-choose-us-two .content-column .info-box .icon { position:absolute; left:30px; top:0; height:60px; line-height:60px; color:var(--theme-color1) }
.why-choose-us-two .content-column .info-box .title { -webkit-transition:all 300ms ease; transition:all 300ms ease; margin-bottom:0 }
.why-choose-us-two .content-column .skills { margin-top:20px; margin-bottom:0 }
.why-choose-us-two .content-column .skills .skill-item { margin-bottom:10px }
.why-choose-us-two .content-column .skills .skill-item:last-child { margin-bottom:0 }
.why-choose-us-two .content-column .skills .bar-inner .bar { background-color:var(--bg-theme-color1) }
.why-choose-us-two .image-column { position:relative; margin-bottom:50px }
.why-choose-us-two .image-column .image-box { position:relative; padding-left:100px; margin-right:-360px }
@media only screen and (max-width:1199px) {
.why-choose-us-two .image-column .image-box {
padding-left:0
}
}
@media only screen and (max-width:1023px) {
.why-choose-us-two .image-column .image-box {
margin-right:0
}
}
.why-choose-us-two .image-column .image-box .image { position:relative; margin-bottom:0 }
.why-choose-us-two .image-column .image-box .image img { width:100% }
.why-choose-us-two .image-column .image-box .play-btn { position:absolute; left:0; bottom:0; height:150px; width:160px; background-color:var(--bg-theme-color1); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:var(--theme-color-white); font-size:28px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.why-choose-us-two .image-column .image-box .play-btn:hover { background-color:var(--bg-theme-color2); color:var(--theme-color-white) }
.offer-section { background-color:#343248; position:relative }
.offer-section:before { position:absolute; left:0; top:0; height:100%; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url(../images/icons/pattern-3.png); content:"" }
.offer-section .content-column { position:relative }
.offer-section .content-column .inner-column { padding:120px 0 100px; padding-right:80px; position:relative }
@media only screen and (max-width:767px) {
.offer-section .content-column .inner-column {
padding-right:0
}
}
.offer-section .content-column .sec-title { margin-bottom:25px }
.offer-section .content-column .sec-title .text { font-size:16px; line-height:30px }
.offer-section .content-column .info-box { position:relative; padding-left:85px; min-height:70px; margin-bottom:30px }
.offer-section .content-column .info-box:hover .icon { color:#fff; -webkit-transform:scaleX(-1); transform:scaleX(-1) }
.offer-section .content-column .info-box .icon { color:var(--theme-color1); display:inline-block; font-size:72px; left:0; line-height:1em; position:absolute; top:0; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.offer-section .content-column .info-box .title { line-height:34px; margin-bottom:0; color:#fff }
.offer-section .content-column .list-style-two li { color:#ccc }
.offer-section .content-column .list-style-two li p{ color:#fff;padding:0;font-weight:300;margin-bottom:0;}
.offer-section .content-column .list-style-two i { color:var(--theme-color1) }
.offer-section .image-column { position:relative }
.offer-section .image-column .inner-column { position:relative }
.offer-section .image-column .image-box { position:relative; margin-right:-375px }
.offer-section .image-column .image-box .image { position:relative; margin-bottom:0; width:100% }
.offer-section .image-column .image-box .image img { width:100%; min-height:570px; -o-object-fit:cover; object-fit:cover }
.features-section { padding:120px 0 90px; position:relative }
.feature-block { position:relative; margin-bottom:30px }
.feature-block .inner-box { position:relative }
.feature-block .inner-box:hover .image-box img { -webkit-transform:scale(1.1); transform:scale(1.1) }
.feature-block .inner-box:hover .image-box a:after { height:100%; opacity:1; width:100% }
.feature-block .inner-box:hover .image-box .icon { color:var(--theme-color-white) }
.feature-block .image-box { position:relative; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.feature-block .image-box .image { position:relative; margin-bottom:0; overflow:hidden }
.feature-block .image-box .image img { width:100%; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.feature-block .image-box .image a:after { background:var(--gradient-3); left:0%; bottom:0; width:0; content:""; position:absolute; opacity:0; pointer-events:none; -webkit-transition:all 200ms ease; transition:all 200ms ease }
.feature-block .image-box .icon { position:absolute; left:0; bottom:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:70px; width:70px; background-color:var(--bg-theme-color1); color:#fff; font-size:46px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.feature-block .content-box { background-color:#fff; border-top:5px solid var(--border-theme-color1); -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, .15); box-shadow:0 10px 60px rgba(0, 0, 0, .15); margin-top:-25px; margin-right:30px; padding:20px 25px; padding-right:70px; position:relative; -webkit-transition:all 300ms ease; transition:all 300ms ease }
@media only screen and (max-width:1199px) {
.feature-block .content-box {
margin-right:0
}
}
.feature-block .content-box .icon { background-color:var(--bg-theme-color2); border-radius:50%; bottom:0; color:#fff; font-size:32px; height:70px; position:absolute; right:0; width:70px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center }
@media only screen and (max-width:599px) {
.feature-block .content-box .icon {
font-size:20px;
height:50px;
left:15px;
top:25px;
width:50px
}
}
.feature-block .content-box .title { font-weight:600; line-height:30px; margin-bottom:0 }
.feature-block .content-box .title a { display:inline-block }
.feature-block .content-box .title a:hover { color:var(--theme-color2) }
.feature-block .content-box .read-more { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:var(--theme-color1); font-size:24px; font-weight:400; height:50px; overflow:hidden; position:absolute; right:10px; top:10px; width:50px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.feature-block .content-box .read-more i { display:inline-block; position:relative; -webkit-transform:rotate(-40deg); transform:rotate(-40deg) }
.feature-block .content-box .read-more:hover { background-color:var(--bg-theme-color2); color:#fff }
.features-section-home2 { position:relative; padding:70px 0 20px }
.features-section-home2 .image-column { position:relative; margin-bottom:50px }
.features-section-home2 .image-column .inner-column { margin-left:50px; margin-right:-400px }
@media only screen and (max-width:1199px) {
.features-section-home2 .image-column .inner-column {
margin-right:0
}
}
.features-section-home2 .image-column .image { margin-bottom:0 }
.features-section-home2 .image-column .image img { border-radius:10px }
@media only screen and (max-width:1023px) {
.features-section-home2 .image-column {
display:none
}
}
.features-section-home2 .bg { background-color:#181818; border-radius:0 10px 10px 0; bottom:0; height:100%; left:0; top:0; width:62%; z-index:-1 }
@media only screen and (max-width:1199px) {
.features-section-home2 .bg {
width:100%
}
}
.features-section-home2 .bg:before { background-image:url(../images/icons/feature-bg.png); background-repeat:no-repeat; background-size:contain; content:""; height:100%; left:0; max-width:495px; position:absolute; top:0; width:100%; z-index:0 }
.features-section-home2 .skill-title, .features-section-home2 .title { color:var(--theme-color-white) }
.features-section-home2 .skills .skill-item .skill-bar .bar-inner { background-color:rgba(255, 255, 255, .12) }
.image-block-home2 { position:relative; margin-bottom:30px }
.image-block-home2 .image img { border-radius:10px }
.video-section { position:relative; padding:140px 0 185px; text-align:center; background-color:var(--bg-theme-color1) }
.video-section .bg-image { position:absolute; left:0; top:0; height:100%; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url(../images/icons/pattern-6.jpg); content:""; max-height:610px }
.video-section .play-now { position:relative; display:inline-block }
.video-section-two { position:relative; z-index:1 }
.video-section-two .video-box-two { position:relative }
.video-section-two .video-box-two .image { position:relative; margin-bottom:0 }
.video-section-two .video-box-two .play-now { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
.video-section-two .video-box-two .play-now .icon { background-color:#fff; color:var(--theme-color2); padding-left:0 }
.video-section-two .video-box-two .info-box { position:absolute; right:30px; top:-30px; background-color:var(--bg-theme-color2); padding:40px 50px; border-radius:5px }
.video-section-two .video-box-two .info-box .title { font-size:50px; color:#fff; font-weight:700; margin-bottom:5px }
.video-section-two .video-box-two .info-box .text { font-size:18px; color:#fff; font-weight:600; line-height:24px }
.video-section-three { position:relative; z-index:1 }
.video-section-three .video-box-three { position:relative }
.video-section-three .video-box-three .image { margin-bottom:0 }
.video-section-three .video-box-three .play-btn { position:absolute; left:0; top:0; height:100%; width:100%; z-index:2 }
.video-section-three .video-box-three .play-btn .icon { position:absolute; right:0; bottom:0; width:122px; height:120px; background-color:var(--bg-theme-color2); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:#fff; font-size:20px }
.video-section-four { position:relative; z-index:1 }
.video-section-four .video-box-two { position:relative }
.video-section-four .video-box-two .image { position:relative; margin-bottom:0 }
.video-section-four .video-box-two .play-now { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
.video-section-four .video-box-two .play-now .icon { background-color:#fff; color:var(--theme-color2); padding-left:0 }
.video-section-four .video-box-two .info-box { position:absolute; right:30px; top:-30px; background-color:var(--bg-theme-color2); padding:40px 50px; border-radius:5px }
.video-section-four .video-box-two .info-box .title { font-size:50px; color:#fff; font-weight:700; margin-bottom:5px }
.video-section-four .video-box-two .info-box .text { font-size:18px; color:#fff; font-weight:600; line-height:24px }
.call-to-action { position:relative; padding:140px 0 120px; background-repeat:no-repeat; background-position:center; background-size:cover; z-index:2 }
.call-to-action:before { position:absolute; left:0; top:0; height:100%; width:100%; background-color:var(--bg-theme-color1); opacity:.5; content:""; pointer-events:none }
.call-to-action:after { position:absolute; left:30px; top:30px; right:30px; bottom:30px; border:1px solid #fff; opacity:.1; pointer-events:none; content:"" }
.call-to-action .title-box { position:relative; text-align:center }
.call-to-action .title-box .title { font-size:60px; line-height:1.2em; color:#fff; margin-bottom:0 }
.call-to-action .title-box .theme-btn { margin-top:45px }
.call-to-action.alternate::before {
background-color:#090909;
opacity:.8
}
.call-to-action-three { padding:90px 0 40px; position:relative; z-index:2 }
.call-to-action-three .bg-shape { background-image:url(../images/icons/shape-11.png); background-position:center right; background-repeat:no-repeat; background-size:cover; height:100%; left:0; position:absolute; top:0; width:62.9% }
@media(max-width:1199.98px) {
.call-to-action-three .bg-shape {
width:80%
}
}
@media(max-width:991.98px) {
.call-to-action-three .bg-shape {
display:none
}
}
.call-to-action-three .bg-image { background-repeat:no-repeat; background-position:center right; background-size:cover; height:100%; position:absolute; right:0; top:0; width:61.1% }
.call-to-action-three .bg-image:before { background-color:var(--theme-color2); content:""; position:absolute; left:0; top:0; height:100%; width:100%; opacity:.7 }
@media(max-width:991.98px) {
.call-to-action-three .bg-image {
width:100%
}
}
.call-to-action-three .sec-title { margin-bottom:40px }
.call-to-action-three .sec-title h2 { font-size:40px }
@media(max-width:767.98px) {
.call-to-action-three .sec-title h2 {
font-size:34px
}
.call-to-action-three .sec-title h2 br {
display:none
}
}
.call-to-action-three .title-column .inner-column { padding-right:40px }
@media(max-width:991.98px) {
.call-to-action-three .title-column .inner-column {
padding:0;
text-align:center
}
}
.call-to-action-three .btn-column { margin-bottom:40px }
.call-to-action-three .btn-column .inner-column { text-align:right; padding-top:20px }
@media(max-width:991.98px) {
.call-to-action-three .btn-column .inner-column {
text-align:center;
padding-top:0
}
}
.contact-info-section { position:relative; padding:120px 0; z-index:2 }
.contact-info-section .outer-box { position:relative; margin-top:-60px; z-index:9 }
.contact-info-section .contact-info-block:nth-child(even) .inner-box {
background-image:url(../images/icons/shape-3.jpg)
}
.contact-info-block { position:relative }
.contact-info-block .inner-box { position:relative; padding:90px 100px; padding-right:50px; background-color:var(--bg-theme-color2); background-image:url(../images/icons/shape-2.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; height:100% }
.contact-info-block .inner-box:hover .icon { background-color:var(--bg-theme-color1); color:#fff }
.contact-info-block .inner-box .content { position:relative; padding-left:120px }
.contact-info-block .inner-box .icon { position:absolute; left:0; top:5px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:100px; width:100px; background-color:#fff; border-radius:50%; font-size:36px; -webkit-transition:all 300ms ease; transition:all 300ms ease; color:var(--theme-color1) }
.contact-info-block .inner-box .sub-title { position:relative; display:block; font-size:14px; color:#fff; text-transform:uppercase }
.contact-info-block .inner-box .title { color:#fff; margin-bottom:5px }
.contact-info-block .inner-box .text { position:relative; font-size:18px; line-height:2em; color:#fff }
.contact-info-block-two { position:relative }
.contact-info-block-two .inner-box { position:relative; background-color:var(--bg-theme-color2); padding:50px 30px; text-align:center; overflow:hidden; border-radius:10px }
.contact-info-block-two .inner-box .bg { position:absolute; left:0; top:0; height:100%; width:100%; background-image:url(../images/icons/shape-5.jpg); content:"" }
.contact-info-block-two .inner-box .title { color:#fff; margin-bottom:30px }
.contact-info-block-three { position:relative }
.contact-info-block-three .inner-box { position:relative; padding:50px 30px; text-align:center; border-radius:10px; overflow:hidden; height:100% }
.contact-info-block-three .inner-box .bg { position:absolute; left:0; top:0; height:100%; width:100%; content:"" }
.contact-info-block-three .inner-box .bg:before { position:absolute; left:0; top:0; height:100%; width:100%; background-color:#181818; opacity:.65; content:"" }
.contact-info-block-three .inner-box .title { color:#fff; margin-bottom:30px }
.contact-info-block-three .inner-box .num { color:#fff }
.contact-section { position:relative; padding:120px 0 }
.contact-section:before { position:absolute; left:0; top:0; height:730px; width:367px; background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url(../images/icons/dots-2.png); content:"" }
.contact-section .image-column .inner-column { position:relative; padding-left:70px; margin-right:-375px }
.contact-section .image-column .image { position:relative; margin-bottom:0 }
.contact-section .image-column .image:before { position:absolute; left:-20px; top:60px; bottom:0; width:20px; background-color:var(--bg-theme-color2); border-radius:10px 0 0 0; content:"" }
.contact-section .image-column .image img { border-radius:10px 0 0 0 }
.contact-form { position:relative }
.contact-form .form-group { position:relative; margin-bottom:20px }
.contact-form .form-group:last-child { margin-bottom:0 }
.contact-form .form-group label { font-size:16px; line-height:20px; color:#fff; font-weight:500; display:block; letter-spacing:1px; margin-bottom:15px }
.contact-form .form-group label.error { display:block; font-weight:500; font-size:12px; text-transform:capitalize; line-height:24px; color:red; margin-bottom:0 }
.contact-form .form-group .select2-container--default .select2-selection--single, .contact-form .form-group input:not([type=submit]), .contact-form .form-group textarea, .contact-form .form-group select {
position:relative;
display:block;
width:100%;
height:60px;
padding:15px 30px;
line-height:30px;
font-size:14px;
color:#6a6a6a;
font-weight:400;
background-color:#f3f3f3;
-webkit-box-shadow:none;
box-shadow:none;
border:1px solid rgba(255, 255, 255, .15);
border-radius:5px;
margin-bottom:0;
-webkit-transition:all 300ms ease;
transition:all 300ms ease
}
.contact-form .form-group ::-webkit-input-placeholder {
color:#6a6a6a
}
.contact-form .form-group ::-moz-input-placeholder {
color:#8c8f94
}
.contact-form .form-group ::-ms-input-placeholder {
color:#8c8f94
}
.contact-form .form-group input:focus, .contact-form .form-group select:focus, .contact-form .form-group textarea:focus { border-color:var(--border-theme-color2) }
.contact-form .form-group textarea { height:150px; resize:none }
.contact-form .form-group input[type=submit], .contact-form .form-group button { margin-top:5px }
.contact-form.style-two .select2-container--default .select2-selection--single, .contact-form.style-two input:not([type=submit]), .contact-form.style-two textarea, .contact-form.style-two select {
background-color:#0a090f;
border-color:#0a090f;
-webkit-box-shadow:none;
box-shadow:none;
color:#fff;
height:70px;
padding:20px 30px;
line-height:30px
}
.contact-form.style-two input:focus, .contact-form.style-two select:focus, .contact-form.style-two textarea:focus { border-color:var(--border-theme-color2) }
.contact-form.style-two textarea { height:150px; resize:none }
@media(max-width:400.98px) {
.contact-form .theme-btn {
margin-bottom:10px
}
}
.contact-section-two { position:relative; padding:120px 0 70px }
.contact-section-two.pull-up { margin-top:-60px; padding-top:0 }
.contact-section-two .info-column { position:relative; margin-bottom:50px }
.contact-section-two .info-column .inner-column { position:relative; padding-left:300px; padding-top:60px; padding-bottom:60px; margin-left:30px }
@media only screen and (max-width:767px) {
.contact-section-two .info-column .inner-column {
margin-left:0
}
}
@media only screen and (max-width:599px) {
.contact-section-two .info-column .inner-column {
padding-left:0
}
}
.contact-section-two .info-column .inner-column:before { position:absolute; left:0; top:0; height:100%; width:100%; background-color:#fff; width:1000%; content:"" }
.contact-section-two .info-column .inner-column .image { bottom:0; left:60px; max-width:200px; position:absolute; top:60px }
@media only screen and (max-width:599px) {
.contact-section-two .info-column .inner-column .image {
left:0;
max-width:initial;
position:relative;
top:0
}
}
.contact-section-two .info-column .inner-column .image img { height:100%; width:100%; -o-object-fit:cover; object-fit:cover }
.contact-section-two .info-column .inner-column .sec-title { margin-bottom:60px }
.contact-section-two .info-column .info-box { border-bottom:2px solid #e6e8ed; margin-bottom:40px; padding-left:75px; padding-bottom:40px; position:relative }
.contact-section-two .info-column .info-box:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0 }
.contact-section-two .info-column .info-box:hover .icon { background-color:var(--theme-color2); color:var(--theme-color-white); -webkit-transform:rotate(180deg) scale(-1); transform:rotate(180deg) scale(-1) }
.contact-section-two .info-column .info-box .icon { background-color:var(--theme-color1); border-radius:50%; color:var(--theme-color-white); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:50px; position:absolute; left:0; top:0; -webkit-transition:all 300ms ease; transition:all 300ms ease; width:50px }
.contact-section-two .info-column .info-box .title { color:var(--headings-color); margin-bottom:10px }
.contact-section-two .info-column .info-box .text { letter-spacing:.01em; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.contact-section-two .form-column { margin-bottom:50px; position:relative }
.contact-section-two .form-column .inner-column { position:relative }
.contact-section-two .form-column .contact-form { background-color:#fff; -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, .07); box-shadow:0 10px 60px rgba(0, 0, 0, .07); padding:45px 55px 55px }
.contact-section-three { position:relative; padding:100px 0; overflow:hidden }
.contact-section-three:before { position:absolute; right:0; top:-50%; height:100%; width:50%; background-repeat:no-repeat; background-position:center right; background-image:url(../images/icons/shape.png); content:"" }
.contact-section-three .image-column { position:relative; left:-165px; top:85px }
.contact-section-three .image-column .inner-column { position:relative; padding-bottom:90px }
.contact-section-three .image-column .bg-shape { position:absolute; left:-80px; top:-40px; width:540px; height:540px; background-image:url(../images/icons/shape-1.png); -webkit-animation:fa-spin 60s infinite linear; animation:fa-spin 60s infinite linear }
.contact-section-three .image-column .image-1 { position:relative; height:495px; width:495px; border-radius:50%; overflow:hidden; margin-bottom:0; border:5px solid #fff }
.contact-section-three .image-column .image-1 img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.contact-section-three .image-column .image-2 { position:absolute; right:-100px; bottom:-25px; margin-bottom:0; border-radius:50%; overflow:hidden; height:309px; width:309px; border:5px solid #fff }
.contact-section-three .image-column .image-2 img { width:100% }
.contact-form-three { position:relative; background-color:#fff; border:3px solid rgba(var(--theme-color2-rgb), 0.8); border-radius:15px; padding:50px 30px }
.contact-form-three .title { margin-bottom:50px; text-align:center }
.contact-form-three .form-group { position:relative; margin-bottom:20px }
.contact-form-three .form-group:last-child { margin-bottom:0 }
.contact-form-three .form-group .range-slider-one { margin-top:20px }
.contact-form-three .form-group .range-slider-one label { color:#000; margin-bottom:20px }
.contact-form-three .form-group .range-slider-one .range-amount { padding:0; background-color:transparent; -webkit-box-shadow:none; box-shadow:none; position:absolute; right:10px; display:inline-block; width:60px; bottom:10px }
.contact-form-three .form-group .ui-widget.ui-widget-content { border:none; border-radius:20px; background-color:#f4f4f4 }
.contact-form-three .form-group .ui-widget.ui-widget-content .ui-state-default { border-radius:50%; top:-10px; width:30px; height:30px; cursor:pointer; display:none; border:none; background-color:var(--theme-color2-dark) }
.contact-form-three .form-group .ui-widget.ui-widget-content .ui-state-default:last-child { display:block }
.contact-form-three .form-group .ui-widget.ui-widget-content .ui-slider-range { background-color:var(--theme-color2) }
.contact-form-three .select2-container--default .select2-selection--single, .contact-form-three input:not([type=submit]), .contact-form-three textarea, .contact-form-three select {
position:relative;
display:block;
height:55px;
width:100%;
padding:10px 10px 10px 20px;
color:#000;
line-height:29px;
font-weight:400;
font-size:14px;
background-color:var(--theme-color-light);
border-radius:10px;
background-color:#f4f4f4;
margin-bottom:0;
-webkit-transition:all 300ms ease;
transition:all 300ms ease
}
.contact-form-three ::-webkit-input-placeholder {
color:#b3b3b3
}
.contact-form-three .custom-select option { background-color:#fff }
.contact-form-three .select2-container { display:none }
.contact-form-three button { margin-top:30px; width:100% }
.tabs-style-three .tab-buttons { background-color:#fff; padding-right:10px }
.tabs-style-three .tab-buttons .tab-btn { background-color:#fff; border:1px solid #dfe3e7; border-radius:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:20px; padding:16px 18px; cursor:pointer; position:relative }
.tabs-style-three .tab-buttons .tab-btn:before { content:""; right:-21px; border-left:10px solid var(--theme-color2); border-right:10px solid transparent; border-bottom:10px solid transparent; border-top:10px solid transparent; position:absolute; opacity:0; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.tabs-style-three .tab-buttons .tab-btn:last-child { margin-bottom:0 }
.tabs-style-three .tab-buttons .tab-btn.active-btn { border-color:var(--theme-color2); background-color:var(--theme-color2) }
.tabs-style-three .tab-buttons .tab-btn.active-btn:before { opacity:1 }
.tabs-style-three .tab-buttons .tab-btn.active-btn .title { color:#fff }
.tabs-style-three .tab-buttons .tab-btn.active-btn .icon { color:#fff }
.tabs-style-three .tab-buttons .tab-btn .icon { color:var(--theme-color2); font-size:35px; margin-bottom:0; margin-right:11px; line-height:1 }
.tabs-style-three .tab-buttons .tab-btn .title { font-size:18px; font-weight:600; color:var(--headings-color) }
.contact-section-four { padding:120px 0; position:relative; background-color:#f4f4f4 }
.contact-section-four:before { position:absolute; right:0; top:0; height:100%; width:50%; background-repeat:no-repeat; background-position:center right; background-image:url(../images/icons/shape.png); content:"" }
.contact-section-four.style-two .tabs-column .inner-column { margin-right:40px; margin-left:0 }
.contact-section-four .image-column { position:relative }
.contact-section-four .image-column .image { position:absolute; bottom:0; left:0; left:-60px; margin-right:60px }
.contact-section-four .tabs-column .inner-column { background-color:#fff; padding:50px; -webkit-box-shadow:0 10px 60px 0 rgba(0, 0, 0, .07); box-shadow:0 10px 60px 0 rgba(0, 0, 0, .07); margin-left:40px }
.contact-section-four .tabs-column .inner-column .sec-title { margin-bottom:25px }
.contact-section-four .tabs-column .inner-column .sec-title h2 { font-size:32px }
.contact-section-four .tabs-column .inner-column .sec-title .sub-title-style-two { margin-bottom:10px }
.contact-section-four .content-column .inner-column .sec-title { margin-bottom:30px }
.contact-section-four .content-column .inner-column .sec-title h2 span { color:var(--theme-color2) }
.contact-section-four .content-column .inner-column .list-style { margin-bottom:40px }
.contact-section-four .content-column .inner-column .list-style ul li { font-size:16px; font-weight:600; color:#444; margin-bottom:10px }
.contact-section-four .content-column .inner-column .list-style ul li i { color:var(--theme-color2); margin-right:7px }
.contact-section-four .video-box { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; margin-bottom:20px }
.contact-section-four .video-box .image { position:relative; margin-bottom:0; width:100%; border:1px solid #fff; border-width:0 1px 1px 0 }
.contact-section-four .video-box .image img { border-radius:5px; width:100% }
.contact-section-four .video-box .play-btn { position:absolute; right:18px; bottom:18px; height:65px; width:65px; font-size:18px; background-color:var(--bg-theme-color2); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:#fff; padding-left:2px; border-radius:50% }
.contact-section-four .text5 { color:var(--theme-color2-dark); margin-bottom:0; font-weight:600 }
.contact-form-four { position:relative; background-color:transparent }
.contact-form-four .title { margin-bottom:50px; text-align:center }
.contact-form-four .form-group { position:relative; margin-bottom:20px }
.contact-form-four .form-group:last-child { margin-bottom:0 }
.contact-form-four .form-group .range-slider-one { margin-top:20px }
.contact-form-four .form-group .range-slider-one label { color:#000; margin-bottom:20px }
.contact-form-four .form-group .range-slider-one .range-amount { padding:0; background-color:transparent; -webkit-box-shadow:none; box-shadow:none; position:absolute; right:10px; display:inline-block; width:60px; bottom:10px; border:none }
.contact-form-four .form-group .ui-widget.ui-widget-content { border:none; border-radius:20px; background-color:#f4f4f4 }
.contact-form-four .form-group .ui-widget.ui-widget-content .ui-state-default { border-radius:50%; top:-10px; width:30px; height:30px; cursor:pointer; border:none; display:none; background-color:var(--theme-color2-dark) }
.contact-form-four .form-group .ui-widget.ui-widget-content .ui-state-default:last-child { display:block }
.contact-form-four .form-group .ui-widget.ui-widget-content .ui-slider-range { background-color:var(--theme-color2) }
.contact-form-four .form-group label { font-size:16px; font-weight:600; color:#000; margin-bottom:10px }
.contact-form-four .form-group label .quform-required { color:red }
.contact-form-four .select2-container--default .select2-selection--single, .contact-form-four input:not([type=submit]), .contact-form-four textarea, .contact-form-four select {
position:relative;
display:block;
height:55px;
width:100%;
padding:10px 10px 10px 20px;
color:#000;
line-height:29px;
font-weight:400;
font-size:14px;
background-color:var(--theme-color-light);
border-radius:10px;
background-color:#fff;
border:1px solid rgb(var(--theme-color2-rgb), 0.5);
margin-bottom:0;
-webkit-transition:all 300ms ease;
transition:all 300ms ease
}
.contact-form-four ::-webkit-input-placeholder {
color:#b3b3b3
}
.contact-form-four .custom-select option { background-color:#fff }
.contact-form-four .select2-container { display:none }
.contact-form-four button { margin-top:30px; width:100% }
.default-tabs { position:relative; overflow:hidden; margin-bottom:35px }
.default-tabs .tabs-style-four { position:relative; margin-bottom:0 }
.default-tabs .tabs-style-four li { position:relative; float:left; font-weight:600; font-size:14px; padding:10px 20px; color:#fff; line-height:20px; border-radius:5px; background-color:var(--theme-color2); cursor:pointer; margin-right:10px; letter-spacing:normal; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.default-tabs .tabs-style-four li:last-child { margin-right:0 }
.default-tabs .tabs-style-four li .icon { font-size:16px; font-weight:400; margin-right:10px; line-height:1 }
.default-tabs .tabs-style-four li.active-btn { background:#000; color:#fff }
.default-tabs .tabs-content { position:relative; width:100% }
.contact-section-five { padding:120px 0 44px; position:relative }
.contact-section-five:before { position:absolute; left:0; top:0; height:730px; width:367px; background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url(../images/icons/dots-2.png); content:"" }
.contact-section-five .image-column .inner-column { position:relative; padding-left:70px; margin-right:-375px }
.contact-section-five .image-column .inner-column .image { position:relative; margin-bottom:0 }
.contact-section-five .image-column .inner-column .image:before { position:absolute; left:-20px; top:60px; bottom:0; width:20px; background-color:var(--bg-theme-color2); border-radius:10px 0 0 0; content:"" }
.contact-section-five .image-column .inner-column .image img { border-radius:10px 0 0 0 }
.contact-section-five .tabs-column .inner-column { padding-bottom:100px }
.contact-section-five .tabs-column .inner-column .sec-title { margin-bottom:25px }
.contact-section-five .tabs-column .inner-column .sec-title .sub-title-style-two { margin-bottom:10px }
.map-section { position:relative; z-index:1 }
.map-section .map { position:relative; min-height:492px; width:100%; display:block }
.map-section .branches-outer { position:absolute; left:0; bottom:0; width:100% }
.map-section.alternate .map { min-height:490px }
.map-section.alternate.pull-up { margin-top:-45px }
.branch-block { position:relative }
.branch-block .inner-box { position:relative; background-color:#fff; padding:45px 50px 50px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.branch-block .inner-box:hover { background-color:var(--bg-theme-color2) }
.branch-block .inner-box:hover .info-list li, .branch-block .inner-box:hover .info-list li i, .branch-block .inner-box:hover .title { color:#fff }
.branch-block .title { margin-bottom:35px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.branch-block .info-list { position:relative }
.branch-block .info-list li { position:relative; padding-left:50px; font-size:16px; line-height:26px; color:#7c859b; margin-bottom:10px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.branch-block .info-list li a { color:inherit; -webkit-transition:none; transition:none }
.branch-block .info-list li i { position:absolute; left:0; top:0; color:#d41e44; line-height:26px; width:20px; font-size:18px; text-align:center; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.clients-section { position:relative; padding:75px 0 }
.clients-section.style-two { padding:85px 0; border-top:1px solid #ececec }
.clients-section .slide-item { position:relative; overflow:hidden; text-align:center; -webkit-transition:all .3s ease;
transition:all .3s ease
}
.clients-section .slide-item a { position:relative; display:block; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.clients-section .slide-item a:hover { background-color:rgba(255, 255, 255, .1) }
.clients-section .slide-item a:hover img { opacity:1 }
.clients-section .slide-item img { display:inline-block; max-width:100%; width:auto; height:auto; opacity:.3; -webkit-transition:all .3s ease;
transition:all .3s ease
}
.news-section { background-color:var(--theme-color-light); overflow:hidden; padding:120px 0 90px; position:relative }
.news-block { position:relative; margin-bottom:30px }
.news-block .inner-box { position:relative; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.news-block .inner-box:hover .image-box .image a:after { left:0; right:0; opacity:0; -webkit-transition:all 400ms linear; transition:all 400ms linear }
.news-block .inner-box:hover .image-box img { -webkit-transform:scale(1.1); transform:scale(1.1) }
.news-block .inner-box:hover .content-box { -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, .1); box-shadow:0 10px 60px rgba(0, 0, 0, .1) }
.news-block .image-box { position:relative }
.news-block .image-box .image { position:relative; overflow:hidden; border-radius:14px; margin-bottom:0 }
.news-block .image-box .image img { display:block; width:100%; -webkit-transition:all 400ms ease; transition:all 400ms ease }
.news-block .image-box .image a:after { background:rgba(255, 255, 255, .3); bottom:0; content:""; left:50%; position:absolute; right:51%; top:0; opacity:1; pointer-events:none; -webkit-transition:all 400ms linear; transition:all 400ms linear }
.news-block .content-box { background-color:rgb(255 255 255 / 80%);border-radius:10px 0 10px 10px;margin-top:-65px; padding:1px 20px; position:relative; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.news-block .content-box .date { background-color:var(--theme-color1); border-radius:10px; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; color:var(--theme-color-light); -ms-flex-wrap:wrap; flex-wrap:wrap; font-size:12px; font-weight:700; line-height:20px; margin-right:10px; padding:5px 20px; position:relative; z-index:1 }
.news-block .content-box .post-info { color:#6a6a6a; font-size:14px; position:relative }
.news-block .content-box .post-info i { color:var(--theme-color1); margin-right:5px }
.news-block .content-box .title { font-weight:800; margin-bottom:7px; margin-top:15px }
.news-block .content-box .title:hover { color:var(--theme-color1) }
.news-block .content-box .text { margin-bottom:15px }
.news-block .content-box .read-more { color:#0f0f0f; display:-webkit-box; display:-ms-flexbox; display:flex; font-size:12px; font-weight:700; letter-spacing:.1em; line-height:25px; position:relative; text-transform:uppercase; -webkit-transition:all 100ms linear; transition:all 100ms linear }
.news-block .content-box .read-more i { font-size:16px; margin-right:10px; -webkit-transition:all 100ms linear; transition:all 100ms linear }
.news-block .content-box .read-more:hover { color:var(--theme-color2); -webkit-transform:translateX(-25px); transform:translateX(-25px) }
.news-block .content-box .read-more:hover i { opacity:0; -webkit-transform:translateX(15px); transform:translateX(15px) }
.news-section-two { position:relative; padding:120px 0 90px; overflow:hidden }
.news-section-two .icon-object-1 { right:-300px; top:0 }
.news-section-two .icon-shape-4 { left:-330px; bottom:80px }
.news-block-two { position:relative; margin-bottom:30px }
.news-block-two .inner-box { position:relative; -webkit-transition:all 300ms ease; transition:all 300ms ease; -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, .07); box-shadow:0 10px 60px rgba(0, 0, 0, .07) }
.news-block-two .inner-box:hover .image-box .image a:after { height:40% }
.news-block-two .inner-box:hover .image img { -webkit-transform:scale(1.1); transform:scale(1.1) }
.news-block-two .inner-box:hover .date { color:var(--theme-color2) }
.news-block-two .inner-box:hover .date:before { background-color:var(--theme-color-light) }
.news-block-two .image-box { position:relative }
.news-block-two .image-box .image { position:relative; overflow:hidden; margin-bottom:0 }
.news-block-two .image-box .image img { display:block; width:100%; -webkit-transition:all 400ms ease; transition:all 400ms ease }
.news-block-two .image-box .image a:after { position:absolute; left:0; bottom:0; height:100%; width:100%; content:""; background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--bg-theme-color1))); background:linear-gradient(transparent, var(--bg-theme-color1)); pointer-events:none; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.news-block-two .image-box .date { position:absolute; right:0; top:0; z-index:1; width:106px; height:77px; padding-top:15px; padding-left:45px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; font-size:14px; color:var(--theme-color-light); font-weight:500; line-height:16px; letter-spacing:.1em; text-transform:uppercase; overflow:hidden; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.news-block-two .image-box .date b { color:inherit; font-weight:500 }
.news-block-two .image-box .date:before { position:absolute; left:0; bottom:0; height:170px; width:170px; background-color:var(--bg-theme-color2); border-radius:50%; content:""; -webkit-transition:all 300ms ease; transition:all 300ms ease; z-index:-1 }
.news-block-two .content-box { position:absolute; left:0; bottom:0; padding:25px 40px 40px; border-bottom:0 }
.news-block-two .content-box .post-info { position:relative; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:10px }
.news-block-two .content-box .post-info li { position:relative; font-size:14px; line-height:25px; color:var(--theme-color-light); font-weight:400; margin-right:14px }
.news-block-two .content-box .post-info li i { margin-right:2px; color:var(--theme-color2); font-size:14px }
.news-block-two .content-box .title { margin-bottom:0; color:var(--theme-color-light) }
.news-block-two .content-box .title:hover { color:var(--theme-color2) }
.news-section-three { position:relative; padding:120px 0 90px; overflow:hidden }
.news-section-three .icon-object-2 { left:-400px; bottom:0; -webkit-transform:scaleY(-1); transform:scaleY(-1) }
.news-block-three { position:relative; margin-bottom:30px }
.news-block-three .inner-box { position:relative; -webkit-transition:all 300ms ease; transition:all 300ms ease; -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, .07); box-shadow:0 10px 60px rgba(0, 0, 0, .07) }
.news-block-three .inner-box:hover .image-box .image a:after { left:0; right:0; opacity:0; -webkit-transition:all 400ms linear; transition:all 400ms linear }
.news-block-three .inner-box:hover .image img { -webkit-transform:scale(1.1); transform:scale(1.1) }
.news-block-three .image-box { position:relative }
.news-block-three .image-box .image { position:relative; overflow:hidden; margin-bottom:0 }
.news-block-three .image-box .image img { display:block; width:100%; -webkit-transition:all 400ms ease; transition:all 400ms ease }
.news-block-three .image-box .image a:after { background:rgba(255, 255, 255, .3); bottom:0; content:""; left:50%; position:absolute; right:51%; top:0; opacity:1; pointer-events:none; -webkit-transition:all 400ms linear; transition:all 400ms linear }
.news-block-three .content-box { position:relative; padding:35px 60px; background-color:var(--bg-theme-color2) }
.news-block-three .content-box .post-info { position:relative; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:10px }
.news-block-three .content-box .post-info li { position:relative; font-size:14px; line-height:25px; color:var(--theme-color-light); font-weight:400; margin-right:14px }
.news-block-three .content-box .post-info li i { margin-right:2px; color:var(--theme-color-light); font-size:14px }
.news-block-three .content-box .title { color:var(--theme-color-light); margin-bottom:0 }
.news-block-three .content-box .title:hover { color:var(--theme-color-light) }
.news-block-four { position:relative; margin-bottom:30px }
.news-block-four .inner-box { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.news-block-four .inner-box:hover .image-box .image a:after { left:0; right:0; opacity:0; -webkit-transition:all 400ms linear; transition:all 400ms linear }
.news-block-four .inner-box:hover .image img { -webkit-transform:scale(1.1); transform:scale(1.1) }
.news-block-four .image-box { position:relative }
.news-block-four .image-box .image { position:relative; overflow:hidden; margin-bottom:0; min-width:270px; height:100% }
.news-block-four .image-box .image img { display:block; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -webkit-transition:all 400ms ease; transition:all 400ms ease }
.news-block-four .image-box .image a:after { background:rgba(255, 255, 255, .3); bottom:0; content:""; left:50%; position:absolute; right:51%; top:0; opacity:1; pointer-events:none; -webkit-transition:all 400ms linear; transition:all 400ms linear }
.news-block-four .content-box { position:relative; padding:30px 40px; border:1px solid #d9e0e6; background-color:var(--theme-color-light) }
.news-block-four .content-box .post-info { position:relative; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:10px }
.news-block-four .content-box .post-info li { position:relative; font-size:14px; line-height:25px; color:#767676; font-weight:400; margin-right:14px }
.news-block-four .content-box .post-info li i { margin-right:2px; color:var(--theme-color2); font-size:14px }
.news-block-four .content-box .title { margin-bottom:0 }
.news-block-four .content-box .title:hover { color:var(--theme-color2) }
.product-details .bxslider .image-box { position:relative; display:block; margin-right:30px; margin-bottom:10px }
.product-details .bxslider .image-box img { width:100% }
.product-details .bxslider .thumb-box li { position:relative; display:inline-block; float:left; margin-right:10px; margin-bottom:15px; width:100px; height:100px }
.product-details .bxslider .thumb-box li:last-child { margin:0!important }
.product-details .bxslider .thumb-box li a { position:relative; display:inline-block }
.product-details .bxslider .thumb-box li a:before { position:absolute; content:""; left:0; top:0; width:100%; height:100%; opacity:0; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.product-details .bxslider .thumb-box li a.active:before { opacity:1 }
.product-details .bx-wrapper { margin-bottom:30px }
.product-details .product-info .product-details__top { position:relative; display:block; margin-top:-8px }
.product-details .product-info .product-details__title { font-size:40px; line-height:44px; font-weight:700; margin:0 }
.product-details .product-info .product-details__title span { position:relative; display:inline-block; color:var(--theme-color1); font-size:20px; line-height:26px; font-weight:700; margin-left:20px; letter-spacing:0 }
.product-details .product-info .product-details__reveiw { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:22px; padding-bottom:20px; margin-bottom:31px; border-bottom:1px solid #e0e4e8 }
.product-details .product-info .product-details__reveiw i { font-size:16px; color:var(--theme-color2) }
.product-details .product-info .product-details__reveiw i+i { margin-left:4px }
.product-details .product-info .product-details__reveiw span { position:relative; top:1px; line-height:1; font-size:16px; color:var(--theme-color1); margin-left:18px }
.product-details .product-info .product-details__quantity-title { margin:0; color:#222; font-size:20px; line-height:30px; font-weight:700; margin-right:20px }
.product-details .product-info .product-details__buttons { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:30px; margin-top:40px }
@media only screen and (max-width:767px) {
.product-details .product-info .product-details__buttons {
display:block
}
}
.product-details .product-info .product-details__buttons-1 { position:relative; display:block }
@media only screen and (max-width:767px) {
.product-details .product-info .product-details__buttons-1 {
margin-bottom:10px;
margin-right:10px
}
}
.product-details .product-info .product-details__buttons-2 { position:relative; display:block; margin-left:10px }
.product-details .product-info .product-details__buttons-2 .thm-btn { background-color:var(--theme-color2) }
.product-details .product-info .product-details__buttons-2 .thm-btn:before { background-color:var(--theme-color1) }
.product-details .product-info .product-details__buttons-2 .thm-btn:after { background-color:var(--theme-color1) }
@media only screen and (max-width:767px) {
.product-details .product-info .product-details__buttons-2 {
margin-left:0;
margin-top:0
}
}
.product-details .product-info .product-details__social { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.product-details .product-info .product-details__social .title { position:relative; display:block }
.product-details .product-info .product-details__social .title h3 { color:#222; font-size:20px; line-height:20px; font-weight:700 }
.product-details .product-info .product-details__social .social-icon-one { margin-left:30px }
@media only screen and (max-width:767px) {
.product-details .product-info .product-details__social {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:baseline;
-ms-flex-align:baseline;
align-items:baseline;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:start
}
.product-details .product-info .product-details__social .social-icon-one {
margin-left:0
}
}
.product-details__quantity { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:20px }
.product-details__quantity .quantity-box { position:relative; width:98px; border-radius:10px; height:60px }
.product-details__quantity .quantity-box input { width:98px; border-radius:10px; height:60px; border:1px solid #e0e4e8; -webkit-appearance:textfield; -moz-appearance:textfield; padding-left:30px; outline:none; font-size:18px; font-weight:500; color:var(--theme-color1) }
.product-details__quantity .quantity-box button { width:29px; height:29px; background-color:transparent; color:var(--text-color-bg-theme-color1); font-size:8px; position:absolute; top:1px; right:1px; background-color:var(--theme-color1); border:none; border-left:1px solid #e0e4e8; border-top-right-radius:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; outline:none; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.product-details__quantity .quantity-box button:hover { color:var(--text-color-bg-theme-color2); background-color:var(--theme-color2) }
.product-details__quantity .quantity-box button.sub { bottom:1px; top:auto; border-top-right-radius:0; border-bottom-right-radius:10px }
.product-discription { position:relative; display:block }
.product-discription .product-description__title { font-size:30px; margin-bottom:27px;border-bottom: 1px #ccc dashed;padding-bottom: 10px;}
.product-discription .product-description__text1 { font-size:16px; line-height:30px; margin:0 }
.product-discription .product-description__list { position:relative; display:block; margin-top:30px; margin-bottom:30px }
.product-discription .product-description__list ul { position:relative; display:block }
.product-discription .product-description__list ul li { position:relative; display:block; margin-bottom:2px }
.product-discription .product-description__list ul li:last-child { margin-bottom:0 }
.product-discription .product-description__list ul li p { margin:0; font-weight:600; color:var(--headings-color) }
.product-discription .product-description__list ul li p span:before { position:relative; display:inline-block; color:var(--theme-color1); font-size:17px; line-height:17px; margin-right:11px; top:2px }
.product-discription .tabs-content .text p { margin-bottom:17px }
.product-discription .tabs-content .text p:last-child { margin-bottom:0 }
.product-discription .tab-btn-box { position:relative; display:block; width:100%; margin-bottom:60px }
.product-discription .tab-btn-box:before { position:absolute; content:""; background-color:#e1e8e4; width:100%; height:1px; left:0; top:28px }
.product-discription .tab-btn-box .tab-btns li { position:relative; display:inline-block; font-size:14px; text-transform:uppercase; color:#1e2434; text-align:center; padding:14px 30px; background-color:#fff; border:1px solid #e1e8e4; cursor:pointer; margin:0 8.5px; margin-bottom:15px; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.product-discription .tab-btn-box .tab-btns li.active-btn { color:var(--text-color-bg-theme-color1); background-color:var(--theme-color1) }
.product-discription .tab-btn-box .tab-btns li:last-child { margin-bottom:0 }
.product-discription .single-comment-box .inner-box { position:relative; display:block; background-color:#f4f5f4; padding:34px 30px 34px 125px }
.product-discription .single-comment-box .inner-box .comment-thumb { position:absolute; left:30px; top:40px; border-radius:50%; width:80px }
.product-discription .single-comment-box .inner-box .comment-thumb img { width:100%; border-radius:50% }
.product-discription .single-comment-box .inner-box .rating { position:relative; display:block; margin-bottom:2px }
.product-discription .single-comment-box .inner-box .rating li { position:relative; display:inline-block; font-size:12px; float:left; margin-right:4px; color:#fdc009 }
.product-discription .single-comment-box .inner-box .rating li:last-child { margin:0!important }
.product-discription .single-comment-box .inner-box h5 { display:block; font-size:16px; line-height:26px; font-weight:600; text-transform:uppercase; margin-bottom:16px }
.product-discription .single-comment-box .inner-box h5 span { font-weight:400; text-transform:capitalize }
.product-discription .customer-comment { position:relative; display:block; margin-bottom:60px }
.product-discription .comment-box { position:relative; display:block; background-color:#fff; padding:51px 60px 60px; -webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, .1); box-shadow:0 0 30px 0 rgba(0, 0, 0, .1) }
.product-discription .comment-box h3 { display:block; font-size:24px; line-height:34px; font-weight:600; text-transform:uppercase; margin-bottom:23px }
.product-discription .comment-box .form-group { position:relative; margin-bottom:15px }
.product-discription .comment-box .form-group label { position:relative; display:block; font-size:18px; line-height:28px; color:#707582; margin-bottom:8px }
.product-discription .comment-box .column:last-child .form-group { margin-bottom:0 }
.product-discription .comment-box .review-box { position:relative; display:block; margin-top:8px }
.product-discription .comment-box .review-box p { position:relative; float:left; margin-right:10px }
.product-discription .comment-box .review-box .rating { position:relative; float:left }
.product-discription .comment-box .review-box .rating li { position:relative; display:inline-block; font-size:14px; line-height:28px; float:left; margin-right:4px; color:#fdc009 }
.product-discription .comment-box .review-box .rating li:last-child { margin:0!important }
.product-discription .comment-box .custom-controls-stacked { position:relative; float:left }
.related-product h3 { margin-bottom:30px }
@media only screen and (max-width:767px) {
.product-details__img {
margin-bottom:50px
}
.product-details__title span {
margin-left:0;
display:block
}
.product-details__buttons {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:baseline;
-ms-flex-align:baseline;
align-items:baseline
}
.product-details__buttons-2 {
margin-left:0;
margin-top:10px
}
.product-details__social-link {
margin-left:0;
margin-top:20px
}
}
.categories-section { position:relative; padding:100px 0 70px }
.categories-section .bg-pattern { position:absolute; left:0; top:-220px; width:100%; height:100%; content:""; background-image:url(../images/icons/pattern-7.png); background-repeat:no-repeat; background-position:left top; z-index:-1 }
.categories-section:before { position:absolute; left:0; bottom:0; height:300px; width:100%; background:var(--theme-color3); content:""; z-index:1 }
.categories-section:after { position:absolute; left:0; bottom:-50px; height:70px; width:100%; z-index:2; content:""; background-image:url(../images/icons/pattern-3.png); background-repeat:no-repeat; background-position:center bottom }
.category-block { position:relative; margin-bottom:30px; z-index:9 }
.category-block .inner-box { position:relative; text-align:center; background:#fff; padding:40px 30px 30px; border-radius:10px; -webkit-box-shadow:0 10px 20px rgba(0, 0, 0, .1); box-shadow:0 10px 20px rgba(0, 0, 0, .1); -webkit-transition:all 300ms ease; transition:all 300ms ease }
.category-block .inner-box:before { position:absolute; top:0; left:0; width:100%; height:190px; background-repeat:no-repeat; background-position:center bottom; content:"" }
.category-block .inner-box:hover { -webkit-transform:translateY(-20px); transform:translateY(-20px); -webkit-box-shadow:0 10px 20px rgba(0, 0, 0, .2); box-shadow:0 10px 20px rgba(0, 0, 0, .2) }
.category-block .inner-box:hover .image img { -webkit-transform:rotate(10deg) scale(1.2); transform:rotate(10deg) scale(1.2) }
.category-block .inner-box.cat-bg-1:before { background-image:url(../images/icons/cat-1-bg.png) }
.category-block .inner-box.cat-bg-2:before { background-image:url(../images/icons/cat-2-bg.png) }
.category-block .inner-box.cat-bg-3:before { background-image:url(../images/icons/cat-3-bg.png) }
.category-block .inner-box.cat-bg-4:before { background-image:url(../images/icons/cat-4-bg.png) }
.category-block .image { position:relative; display:inline-block; height:180px; width:180px; overflow:hidden; border-radius:50%; margin-bottom:15px }
.category-block .image img { -webkit-transition:all 300ms ease; transition:all 300ms ease }
.category-block h4 { font-size:20px; color:var(--theme-color3); font-weight:700; margin-bottom:10px }
.category-block h4 a { -webkit-transition:all 300ms ease; transition:all 300ms ease }
.category-block h4 a:hover { color:var(--theme-color1) }
.category-block p { font-size:14px; color:#797f7d; line-height:26px; margin-bottom:0 }
.categories-section-two { position:relative; padding:120px 0 90px }
.category-block-two { position:relative; padding-top:70px; margin-bottom:30px; z-index:9 }
.category-block-two .inner-box { position:relative; text-align:center; background:#fff; border-radius:10px; margin:0 auto; padding:18px }
.category-block-two .inner-box:before { position:absolute; left:0; top:0; bottom:60px; width:100%; border-radius:10px; background:#e3eee5; content:"" }
.category-block-two .inner-box:hover .image:before { left:100%; -webkit-transition:all 1000ms ease; transition:all 1000ms ease }
.category-block-two .inner-box:hover .image img { -webkit-transform:scale(.9); transform:scale(.9) }
.category-block-two .inner-box:hover h4 a { color:var(--theme-color1) }
.category-block-two .content { position:relative; background:#fff; border-radius:10px; padding:0 40px 40px; z-index:1; -webkit-box-shadow:0 10px 60px rgba(0, 0, 0, .07); box-shadow:0 10px 60px rgba(0, 0, 0, .07) }
.category-block-two .content:before { position:absolute; top:-88px; left:0; width:180px; height:180px; right:0; margin:0 auto; border-radius:50%; background:#e3eee5; content:"" }
.category-block-two .content:after { position:absolute; left:0; bottom:0; width:100%; font-size:30px; line-height:1em; color:#e8f3ea; height:15px; overflow:hidden; text-transform:uppercase; letter-spacing:.1em; content:attr(data-text) }
.category-block-two .image { position:relative; display:inline-block; overflow:hidden; margin-bottom:25px; margin-top:-70px }
.category-block-two .image img { -webkit-transition:all 300ms ease; transition:all 300ms ease }
.category-block-two .image:before { position:absolute; left:0; top:0; height:120%; width:100%; background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255,255,255))); background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255,255,255) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1 );
content:""; opacity:.3; left:-100%; pointer-events:none; z-index:1 }
.category-block-two h4 { font-size:22px; color:var(--theme-color3); font-weight:700; margin-bottom:15px }
.category-block-two h4 a { color:var(--theme-color3); -webkit-transition:all 300ms ease; transition:all 300ms ease }
.category-block-two p { font-size:16px; color:#797f7d; line-height:26px; margin-bottom:0 }
.category-block-two .link { position:relative; display:inline-block; height:50px; width:50px; background:#e8f3ea; border-radius:50%; line-height:50px; margin-top:25px; color:#608174; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.category-block-two .link:hover { -webkit-transform:rotate(270deg); transform:rotate(270deg) }
.category-block-two.child-two .link { background:#f0e2e3 }
.category-block-two.child-two .inner-box:before { background:#f0e2e3 }
.category-block-two.child-two .inner-box:hover h4 a { color:#e69da2 }
.category-block-two.child-two .content:before { background:#f0e2e3 }
.category-block-two.child-two .content:after { color:#f0e2e3 }
.category-block-two.child-three .link { background:#f1ede1 }
.category-block-two.child-three .inner-box:before { background:#f1ede1 }
.category-block-two.child-three .inner-box:hover h4 a { color:#c9b579 }
.category-block-two.child-three .content:before { background:#f1ede1 }
.category-block-two.child-three .content:after { color:#f1ede1 }
.products-section { position:relative; padding:120px 0 }
.products-section .bg-image { position:absolute; left:0; top:0; height:670px; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment:fixed }
.products-section .bg-image:before { position:absolute; left:0; top:0; height:100%; width:100%; background-color:#113629; opacity:.7; content:"" }
.products-section .bg-image:after { position:absolute; left:0; bottom:0; height:50px; width:100%; background-image:url(../images/icons/pattern-8.png); background-position:center bottom; content:"" }
.products-section .sec-title h2 { font-size:60px }
.products-section .sec-title .theme-btn { margin-top:30px }
.products-box { max-width:1530px; position:relative; padding:120px 60px 90px; margin:120px auto 0; background-color:#f7f5ee; overflow:hidden; border-radius:10px }
.products-box:before { position:absolute; left:-90px; bottom:0; height:70%; width:100%; background:url(../images/icons/shape-7.png) top left no-repeat; content:"" }
.products-box .sec-title { margin-bottom:30px }
.products-box .outer-box { position:relative; padding-right:400px }
.products-box .outer-box .banner-box-two { position:absolute; right:0; top:0 }
.banner-box-two { position:relative }
.banner-box-two .inner-box:before { position:absolute; left:0; top:0; height:100%; width:100%; background:-webkit-gradient(linear, left top, left bottom, from(rgb(22,67,51)), to(rgba(229, 229, 229, 0))); background:linear-gradient(to bottom, rgb(22,67,51) 0%, rgba(229, 229, 229, 0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="var(--theme-color3)", endColorstr="#00e5e5e5", GradientType=0 );
content:"" }
.banner-box-two .inner-box { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; max-width:370px; background:var(--theme-color3); border-radius:10px; min-height:440px; text-align:center; overflow:hidden; padding:20px }
.banner-box-two .title { position:relative; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; font-size:20px; color:#fff; text-transform:uppercase; margin-bottom:20px }
.banner-box-two .title strong { font-size:60px; line-height:1em; color:var(--theme-color2); font-weight:400 }
.banner-box-two h4 { font-size:30px; line-height:1.2em; color:#fff; font-weight:700; text-transform:uppercase; letter-spacing:.1em; margin-bottom:30px }
.product-block-two { position:relative; margin-bottom:30px }
.product-block-two .inner-box { position:relative; border:2px solid transparent; border-radius:10px; background:#fff; padding:20px; padding-left:150px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; min-height:150px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.product-block-two .inner-box:hover { border:2px solid var(--theme-color1) }
.product-block-two .image { position:absolute; left:20px; top:20px; border-radius:50%; overflow:hidden; height:110px; width:110px; border:1px solid #e4e1d6; margin-bottom:0 }
.product-block-two .image img { width:auto; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.product-block-two .inner-box:hover .image img { -webkit-transform:scale(-1) rotate(180deg); transform:scale(-1) rotate(180deg) }
.product-block-two h4 { display:block; font-size:22px; color:var(--theme-color3); font-weight:700; margin-bottom:5px }
.product-block-two h4 a { color:var(--theme-color3); -webkit-transition:all 300ms ease; transition:all 300ms ease }
.product-block-two .price { display:block; font-size:16px; line-height:26px; color:var(--theme-color1); font-weight:600 }
.product-block-two .price del { display:inline-block; margin-left:15px; font-size:16px; color:red; line-height:27px; opacity:.3 }
.product-block-two .rating { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:14px; color:#ffc737 }
.products-carousel .owl-nav { display:none }
.products-carousel .owl-dots { position:absolute; right:0; top:-80px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; z-index:8 }
.products-carousel .owl-dot { position:relative; height:7px; width:7px; display:block; background:#879d91; margin-right:5px; border-radius:5px; display:block; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.products-carousel .owl-dot.active { background:var(--theme-color3) }
.featured-products { position:relative; padding:120px 0 90px }
.featured-products .bg-shape { position:absolute; left:0; top:0; height:100%; width:100%; background:url(../images/icons/pattern-7.png) left bottom no-repeat; background-size:700px }
.featured-products .filters { margin-bottom:40px; text-align:center }
.featured-products .filters .filter-tabs { position:relative; display:inline-block }
.featured-products .filters li { position:relative; display:inline-block; line-height:24px; padding:0 2px 10px; cursor:pointer; color:#797f7d; font-weight:500; font-size:18px; margin:0 12px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.featured-products .filters li:last-child { margin-right:0 }
.featured-products .filters .filter.active, .featured-products .filters .filter:hover { color:var(--theme-color1) }
.featured-products .filters li:before { position:absolute; left:0; bottom:8px; height:2px; width:100%; content:""; background-color:var(--theme-color2); -webkit-transform:scale(0, 1); transform:scale(0, 1); -webkit-transform-origin:top right; transform-origin:top right; -webkit-transition:transform 500ms cubic-bezier(.86, 0, .07, 1); -webkit-transition:-webkit-transform 500ms cubic-bezier(.86, 0, .07, 1); transition:-webkit-transform 500ms cubic-bezier(.86, 0, .07, 1); transition:transform 500ms cubic-bezier(.86, 0, .07, 1); transition:transform 500ms cubic-bezier(.86, 0, .07, 1), -webkit-transform 500ms cubic-bezier(.86, 0, .07, 1); -webkit-transition-timing-function:cubic-bezier(.86, 0, .07, 1); transition-timing-function:cubic-bezier(.86, 0, .07, 1) }
.featured-products .filters li.active:before, .featured-products .filters li:hover:before { -webkit-transform:scale(1, 1); transform:scale(1, 1); -webkit-transform-origin:bottom left; transform-origin:bottom left }
.product-block { position:relative; margin-bottom:30px }
.product-block.mix { display:none }
.product-block .inner-box { position:relative; border:2px solid #e4e1d5; border-radius:10px; text-align:center; background:#fff; overflow:hidden; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.product-block .inner-box:hover { border:2px solid var(--theme-color1); -webkit-box-shadow:0 10px 30px rgba(0, 0, 0, .1); box-shadow:0 10px 30px rgba(0, 0, 0, .1) }
.product-block .image { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; overflow:hidden; margin-bottom:0 }
.product-block .image:before { position:absolute; left:0; top:0; height:100%; width:100%; background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255,255,255))); background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255,255,255) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1 );
content:""; opacity:.3; left:-100%; pointer-events:none; z-index:1 }
.product-block .inner-box:hover .image:before { left:100%; -webkit-transition:all 1000ms ease; transition:all 1000ms ease }
.product-block .image img { width:auto; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.product-block .inner-box:hover .image img { -webkit-transform:scale(.9); transform:scale(.9) }
.product-block .content { position:relative; padding:30px }
.product-block h4 { display:block; font-size:22px; color:var(--theme-color2); font-weight:700; margin-bottom:5px }
.product-block h4 a { color:var(--theme-color2); -webkit-transition:all 300ms ease; transition:all 300ms ease }
.product-block h4 a:hover { color:var(--theme-color1) }
.product-block .price { display:block; font-size:16px; line-height:26px; color:var(--text-gray-silver); font-weight:600 }
.product-block .price del { display:inline-block; margin-left:15px; font-size:16px; color:red; line-height:27px; opacity:.3 }
.product-block .rating { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:14px; color:#ffc737 }
.product-block .tag { position:absolute; top:30px; left:20px; font-size:14px; line-height:23px; color:#fff; background:#fd5f5c; font-weight:400; padding:0 12px; border-radius:3px; z-index:9; font-style:italic; text-transform:uppercase }
.product-block .icon-box { position:absolute; right:20px; top:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; opacity:0; visibility:hidden; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.product-block .inner-box:hover .icon-box { top:20px; opacity:1; visibility:visible; -webkit-transition-delay:300ms; transition-delay:300ms }
.product-block .ui-btn { position:relative; display:block; height:40px; width:40px; font-size:14px; line-height:40px; text-align:center; color:#fff; z-index:9; background-color:var(--theme-color1); color:var(--text-color-bg-theme-color1); cursor:pointer; border-radius:50px; margin-bottom:10px; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.product-block .ui-btn:hover { background-color:var(--theme-color2); color:var(--text-color-bg-theme-color2) }
.product-block .cat { display:block; font-size:18px; color:#707070; font-style:italic; font-family:jost, sans-serif; margin-bottom:5px }
table.tbl-shopping-cart .product-thumbnail, table.cart-total .product-thumbnail { min-width:64px }
table.tbl-shopping-cart img, table.cart-total img { width:64px; -webkit-box-shadow:none; box-shadow:none }
table.tbl-shopping-cart th, table.tbl-shopping-cart td, table.cart-total th, table.cart-total td { vertical-align:middle; border-left:1px solid #e3e3e3; padding:20px 30px }
table.tbl-shopping-cart .product-name a, table.cart-total .product-name a { color:var(--headings-color) }
table.tbl-shopping-cart .product-name .variation, table.cart-total .product-name .variation {
font-size:.9rem; list-style:none }
table.tbl-shopping-cart .product-remove a, table.cart-total .product-remove a { display:inline-block; width:24px; height:24px; line-height:24px; border-radius:24px; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; background-color:#757575; color:#fff; text-align:center }
table.tbl-shopping-cart .coupon-form .apply-button, table.cart-total .coupon-form .apply-button { position:relative; display:inline-block; color:#1e2434; background:#f4f5f4; padding:15px 29px; cursor:pointer; text-transform:uppercase; -webkit-transition:all 500ms ease; transition:all 500ms ease }
table.tbl-shopping-cart .coupon-form .apply-button:hover, table.cart-total .coupon-form .apply-button:hover { color:var(--text-color-bg-theme-color2); background-color:var(--theme-color2) }
table.tbl-shopping-cart>thead>tr>th, table.tbl-shopping-cart>tbody>tr>th, table.tbl-shopping-cart>tfoot>tr>th { color:#444 }
.payment-method .accordion-box .block { background:#f4f5f4; -webkit-box-shadow:none; box-shadow:none; margin-bottom:20px }
.payment-method .accordion-box .block .acc-content .payment-info { position:relative; display:block; background-color:#fff; padding:30px 30px 10px }
.payment-method .accordion-box .block:last-child { margin-bottom:0 }
.payment-method .accordion-box .block .acc-btn { padding:19px 30px 22px }
.payment-method .accordion-box .block .acc-btn .icon-outer { -webkit-transform:translateY(-50%); transform:translateY(-50%); position:absolute; top:50%; right:30px; height:auto; font-size:28px; color:#1e2434 }
.payment-method .accordion-box .block .acc-btn.active .icon-outer { color:var(--text-color-bg-theme-color2) }
.payment-method .payment-method h3 { margin-bottom:32px }
.shop-sidebar { position:relative; display:block }
.shop-sidebar .sidebar-search { margin-bottom:30px }
.shop-sidebar .sidebar-search .search-form .form-group { position:relative; margin:0 }
.shop-sidebar .sidebar-search .search-form .form-group input[type=search] { position:relative; width:100%; height:52px; background-color:var(--theme-light-background); border:1px solid var(--theme-light-background); border-radius:5px; color:#646578; padding:10px 60px 10px 20px; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.shop-sidebar .sidebar-search .search-form .form-group button { position:absolute; display:inline-block; top:5px; right:5px; width:42px; height:42px; line-height:42px; text-align:center; font-size:18px; color:var(--text-color-bg-theme-color2); background-color:var(--theme-color2); cursor:pointer; border-radius:3px; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.shop-sidebar .sidebar-search .search-form .form-group button:hover { color:var(--text-color-bg-theme-color1); background-color:var(--theme-color1) }
.shop-sidebar .sidebar-widget { position:relative; display:block; background-color:var(--theme-light-background); padding:35px 30px 37px; border-radius:5px; margin-bottom:30px }
.shop-sidebar .sidebar-widget:last-child { margin-bottom:0 }
.shop-sidebar .sidebar-widget .widget-title { position:relative; display:block; margin-bottom:16px }
.shop-sidebar .category-widget .category-list li { position:relative; display:block; margin-bottom:14px }
.shop-sidebar .category-widget .category-list li:last-child { margin-bottom:0 }
.shop-sidebar .category-widget .category-list li a { position:relative; display:inline-block; color:#646578; font-weight:400; padding-left:20px }
.shop-sidebar .category-widget .category-list li a:before { position:absolute; content:"\f0da"; font-family:"font awesome 6 pro"; left:0; top:0; font-size:16px; font-weight:600; color:var(--theme-color2) }
.shop-sidebar .category-widget .category-list li a:hover { color:var(--theme-color1) }
.shop-sidebar .price-filters .widget-title { margin-bottom:28px }
.shop-sidebar .post-widget { padding-bottom:9px }
.shop-sidebar .post-widget .post { position:relative; padding-left:90px; padding-bottom:24px; margin-bottom:23px; min-height:108px; border-bottom:1px solid #e1e1e1 }
.shop-sidebar .post-widget .post:last-child { margin-bottom:0; border-bottom:none }
.shop-sidebar .post-widget .post .post-thumb { position:absolute; left:0; top:7px; width:70px; height:70px; border:1px solid #d0d4dd; border-radius:5px; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.shop-sidebar .post-widget .post .post-thumb img { width:100%; border-radius:5px }
.shop-sidebar .post-widget .post a { position:relative; display:inline-block; font-size:16px; line-height:26px; color:#646578; margin-bottom:7px }
.shop-sidebar .post-widget .post .price { position:relative; display:block; font-size:14px; line-height:24px; font-family:poppins, sans-serif; font-weight:600; color:#0a267a }
.shop-sidebar .post-widget .post:hover .post-thumb { border-color:var(--theme-color1) }
.shop-sidebar .post-widget .post:hover a { color:var(--theme-color1) }
.range-slider { position:relative }
.range-slider .title { line-height:26px; position:relative; display:inline-block; margin-right:4px }
.range-slider .title:before { position:absolute; content:"$"; left:-5px; top:-19px; color:#646578; font-size:18px }
.range-slider p { position:relative; display:inline-block; color:#646578; margin-right:10px!important }
.range-slider .input { color:#646578; max-width:75px; font-size:18px; margin-top:5px; position:relative; display:inline-block }
.range-slider .input input { background:0 0; color:#646578; font-size:15px; text-align:left }
.range-slider .ui-widget.ui-widget-content { height:4px; border:none; margin-bottom:14px; background-color:#d0d4dd; border-radius:2px }
.range-slider .ui-slider .ui-slider-range { top:0; height:4px; background-color:var(--theme-color1) }
.range-slider .ui-state-default { top:-5px; width:14px; height:14px; border:none; border-radius:50%; cursor:pointer; margin-left:0; background-color:var(--theme-color1) }
.range-slider .ui-state-default:before { position:absolute; content:""; background-color:#fff; width:6px; height:6px; left:4px; top:4px; border-radius:50% }
.range-slider .ui-widget-content .ui-state-default { top:-5px; width:14px; height:14px; border:none; border-radius:50%; cursor:pointer; margin-left:0; background-color:var(--theme-color1) }
.range-slider .ui-widget-content .ui-state-default:before { position:absolute; content:""; background-color:#fff; width:6px; height:6px; left:4px; top:4px; border-radius:50% }
.range-slider input[type=submit] { position:relative; display:block; background:var(--theme-color1); color:var(--text-color-bg-theme-color1); float:right; text-align:center; border:none; font-size:14px; font-weight:500; margin-top:0; text-transform:capitalize; cursor:pointer; padding:7px 20px; border-radius:10px; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.range-slider input[type=submit]:hover { color:var(--text-color-bg-theme-color2); background-color:var(--theme-color2) }
@-webkit-keyframes "ripple" {
70% {
-webkit-box-shadow:0 0 0 70px transparent;
box-shadow:0 0 0 70px transparent
}
100% {
-webkit-box-shadow:0 0 0 0 transparent;
box-shadow:0 0 0 0 transparent
}
}
@keyframes "ripple" {
70% {
-webkit-box-shadow:0 0 0 70px transparent;
box-shadow:0 0 0 70px transparent
}
100% {
-webkit-box-shadow:0 0 0 0 transparent;
box-shadow:0 0 0 0 transparent
}
}
.page-title { position:relative; background-repeat:no-repeat; background-position:center; background-size:cover; padding:110px 0; min-height:250px }
@media only screen and (max-width:767px) {
.page-title {
padding:70px 0 60px
}
}
.page-title:before { position:absolute; left:0; top:0; height:100%; width:100%; background:#131313; opacity:.8; content:"" }
.page-title .title-outer { text-align:center }
.page-title .title { font-size:64px; color:#fff; margin-bottom:17px }
@media only screen and (max-width:767px) {
.page-title .title {
font-size:54px;
margin-bottom:10px
}
}
.page-title .text { position:relative; color:#fff; font-size:16px; line-height:26px; letter-spacing:.05em; max-width:520px }
.page-breadcrumb { position:relative; margin-top:5px }
.page-breadcrumb li { position:relative; display:inline-block; margin-right:12px; padding-right:13px; color:#fff; font-size:14px; font-weight:400; text-transform:capitalize }
.page-breadcrumb li:after { position:absolute; content:"\f105"; right:-6px; top:1px; color:#fff; font-size:14px; font-weight:900; font-family:"font awesome 6 pro"; color:#fff }
.page-breadcrumb li:last-child { padding-right:0; margin-right:0 }
.page-breadcrumb li:last-child::after {
display:none
}
.page-breadcrumb li a { color:var(--theme-color1); font-weight:500; text-transform:capitalize; transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.page-breadcrumb li a:hover { color:#fff }
.page-title.style-two { background-position:center center }
.page-title.style-two .page-breadcrumb-outer { position:absolute; left:0; bottom:0; width:100%; padding:10px 0; -webkit-transform:translateY(100%); transform:translateY(100%); z-index:8 }
.page-title.style-two .page-breadcrumb li { color:#070710; font-weight:600 }
.page-title.style-two .page-breadcrumb li:after { color:#070710 }
.page-title.style-two .page-breadcrumb li a { color:rgba(7, 7, 16, .6) }
.page-title.style-two .page-breadcrumb li a:hover { color:#070710 }
.play-now { position:relative; display:block; z-index:9; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.play-now .icon { position:relative; display:inline-block; height:70px; width:70px; text-align:center; line-height:70px; background-color:#fff; color:#ff6d2e; z-index:1; padding-left:5px; font-size:14px; display:block; border-radius:50%; -webkit-box-shadow:0 0 10px 0 rgba(255, 255, 255, .3); -ms-box-shadow:0 0 10px 0 rgba(255, 255, 255, .3); -o-box-shadow:0 0 10px 0 rgba(255, 255, 255, .3); box-shadow:0 0 10px 0 rgba(255, 255, 255, .3); -webkit-transform-origin:center; transform-origin:center }
.play-now .ripple { position:absolute; top:50%; left:50%; height:70px; width:70px; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border-radius:50%; -webkit-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; animation:ripple 3s infinite }
.play-now .ripple:before { position:absolute; top:50%; left:50%; height:70px; width:70px; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border-radius:50%; -webkit-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; animation:ripple 3s infinite; -webkit-animation-delay:.9s;
animation-delay:.9s;
content:""; position:absolute }
.play-now .ripple:after { position:absolute; top:50%; left:50%; height:70px; width:70px; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border-radius:50%; -webkit-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; animation:ripple 3s infinite; -webkit-animation-delay:.6s;
animation-delay:.6s;
content:""; position:absolute }
.background-image { position:absolute; left:0; top:0; height:100%; width:100%; background-repeat:repeat; background-position:center; background-size:cover }
.error-page__inner { position:relative; display:block; text-align:center }
.error-page__inner .error-page__title-box { position:relative; display:block }
.error-page__inner .error-page__title { position:relative; display:inline-block; font-size:280px; line-height:280px; margin-bottom:0; color:var(--theme-color1) }
.error-page__inner .error-page__sub-title { font-size:40px; letter-spacing:.1em; text-transform:uppercase; line-height:50px; margin-top:-16px }
.error-page__inner .error-page__text { font-size:20px; line-height:30px; text-align:center }
.error-page__inner .error-page__form { position:relative; display:block; margin:42px auto 20px }
.error-page__inner .error-page__form input[type=search] { height:60px; width:100%; border:none; outline:none; background-color:#f5f5f5; font-size:14px; color:#333; padding-left:50px; padding-right:75px; border-radius:7px }
.error-page__inner .error-page__form button[type=submit] { background-color:transparent; font-size:22px; position:absolute; top:0; right:0; bottom:0; width:72px; outline:none; border:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 }
.error-page__inner .error-page__form-input { position:relative; display:block; max-width:570px; width:100%; margin:0 auto }
.service-sidebar { position:relative; display:block; max-width:365px; width:100% }
.service-sidebar .service-sidebar-single { position:relative; display:block; margin-bottom:30px }
.service-sidebar .service-sidebar-single-services { position:relative; display:block; background:#f6f4ec; border-radius:10px; padding:35px 30px 25px }
.service-sidebar .service-sidebar-single-services .title { position:relative; display:block; margin-bottom:12px; padding-left:20px }
.service-sidebar .service-sidebar-single-services .title h3 { color:var(--headings-color); font-size:20px; line-height:30px; letter-spacing:-.02em }
.service-sidebar .service-sidebar-single-services ul { position:relative; display:block; margin-top:10px }
.service-sidebar .service-sidebar-single-services ul li { position:relative; display:block; margin-bottom:5px; margin-top:-10px }
.service-sidebar .service-sidebar-single-services ul li:last-child { margin-bottom:0 }
.service-sidebar .service-sidebar-single-services ul li a { position:relative; display:block; color:var(--agriox-color-1, #687469); font-size:18px; padding:22px 20px; border-radius:10px; background:0 0; -webkit-transition:all 300ms linear; transition:all 300ms linear; -webkit-transition-delay:.1s;
transition-delay:.1s;
z-index:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.service-sidebar .service-sidebar-single-services ul li a:hover { color:var(--headings-color) }
.service-sidebar .service-sidebar-single-services ul li a:hover::before {
opacity:1;
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
-webkit-transition:all 300ms linear;
transition:all 300ms linear;
-webkit-transition-delay:.1s;
transition-delay:.1s
}
.service-sidebar .service-sidebar-single-services ul li a:hover i { color:var(--theme-color1) }
.service-sidebar .service-sidebar-single-services ul li a::before {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
content:"";
z-index:-1;
opacity:1;
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-transform-origin:bottom;
transform-origin:bottom;
-webkit-transition:all 300ms linear;
transition:all 300ms linear;
-webkit-transition-delay:.1s;
transition-delay:.1s;
background:#fff;
-webkit-box-shadow:0 10px 60px 0 rgba(0, 0, 0, .05);
box-shadow:0 10px 60px 0 rgba(0, 0, 0, .05);
border-radius:10px
}
.service-sidebar .service-sidebar-single-services ul li a i { font-size:16px }
.service-sidebar .service-sidebar-single-services ul li.current a::before {
opacity:1;
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
-webkit-transition:all 300ms linear;
transition:all 300ms linear;
-webkit-transition-delay:.1s;
transition-delay:.1s
}
.service-sidebar .service-sidebar-single-services ul li.current a i { color:var(--theme-color1) }
.service-sidebar .service-sidebar-single-services ul li.current:first-child { margin-top:20px }
.service-sidebar .service-sidebar-single-services ul li.current:last-child { margin-bottom:35px }
.service-sidebar .service-sidebar-single-contact-box { position:relative; display:block; background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:10px; padding:50px 0 44px; z-index:1 }
.service-sidebar .service-sidebar-single-contact-box::before {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background:rgba(109, 140, 84, .93);
border-radius:10px;
content:"";
z-index:-1
}
.service-sidebar .service-sidebar-single-contact-box .icon { position:relative; display:inline-block; width:60px; height:60px; text-align:center; -webkit-transition:all 500ms ease; transition:all 500ms ease; border-radius:50%; background:var(--theme-color2) }
.service-sidebar .service-sidebar-single-contact-box .icon:hover { background-color:var(--headings-color) }
.service-sidebar .service-sidebar-single-contact-box .icon:hover span::before {
color:#fff
}
.service-sidebar .service-sidebar-single-contact-box .icon span::before {
position:relative;
display:inline-block;
color:var(--headings-color);
font-size:30px;
line-height:60px;
-webkit-transition:all 500ms ease;
transition:all 500ms ease
}
.service-sidebar .service-sidebar-single-contact-box .title { position:relative; display:block; margin-top:20px; margin-bottom:42px }
.service-sidebar .service-sidebar-single-contact-box .title h2 { color:#fff; font-size:36px }
.service-sidebar .service-sidebar-single-contact-box .phone { font-size:24px; line-height:34px }
.service-sidebar .service-sidebar-single-contact-box .phone a { color:#fff; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.service-sidebar .service-sidebar-single-contact-box .phone a:hover { color:var(--theme-color1) }
.service-sidebar .service-sidebar-single-contact-box p { color:#fff; font-size:14px; line-height:22px }
.service-sidebar .service-sidebar-single-btn { position:relative; display:block }
.service-sidebar .service-sidebar-single-btn .thm-btn { font-size:16px; padding:13px 50px 28px }
.service-sidebar .service-sidebar-single-btn .thm-btn span::before {
position:relative;
display:inline-block;
top:13px;
color:#334b35;
font-size:40px;
padding-right:25px;
-webkit-transition:all 600ms ease;
transition:all 600ms ease;
font-weight:500
}
.service-sidebar .service-sidebar-single-btn .thm-btn:hover span::before {
color:#fff
}
.service-sidebar .banner-widget { position:relative; display:block; background:#fff; border-radius:10px; overflow:hidden; -webkit-box-shadow:0 10px 30px 0 rgba(0, 0, 0, .08); box-shadow:0 10px 30px 0 rgba(0, 0, 0, .08) }
.service-sidebar .banner-widget .widget-content { position:relative; display:block; width:100%; padding:45px 30px 40px; background-size:cover; background-repeat:no-repeat }
.service-sidebar .banner-widget .widget-content .shape { position:absolute; left:0; top:0; height:100%; width:278px; background-repeat:no-repeat; background-size:cover }
.service-sidebar .banner-widget .content-box { position:relative; max-width:200px; width:100% }
.service-sidebar .banner-widget .content-box .icon-box { position:relative; display:inline-block; width:60px; height:60px; line-height:60px; font-size:40px; background-color:var(--theme-color2); color:var(--text-color-bg-theme-color2); text-align:center; border-radius:5px; margin-bottom:23px }
.service-sidebar .banner-widget .content-box .icon-box .icon-shape { position:absolute; top:-15px; right:-38px; width:32px; height:32px; background-repeat:no-repeat }
.service-sidebar .banner-widget .content-box h3 { display:block; font-size:24px; line-height:32px; color:#fff; font-weight:600; text-transform:uppercase; margin-bottom:22px }
.service-sidebar .banner-widget .content-box .theme-btn-two:hover { background:#0a267a }
.service-sidebar .service-sidebar-single-btn .theme-btn { padding:20px 50px }
.service-sidebar .service-sidebar-single-btn .theme-btn .btn-title { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center }
.service-sidebar .service-sidebar-single-btn .theme-btn span::before {
position:relative;
display:inline-block;
font-size:36px;
padding-right:25px;
margin-top:7px;
-webkit-transition:all 600ms ease;
transition:all 600ms ease;
font-weight:500
}
.services-details__content .feature-list .single-item { position:relative; display:block; border:1px solid #e1e8e4; padding:16px 30px 16px 53px; margin-bottom:20px; -webkit-transition:all 600ms ease; transition:all 600ms ease }
.services-details__content .feature-list .single-item .icon-box { color:var(--theme-color1); position:absolute; left:20px; top:16px; font-size:18px; -webkit-transition:all 600ms ease; transition:all 600ms ease }
.services-details__content .feature-list .single-item .title { display:block; margin:0; font-size:16px; line-height:32px; font-weight:600; text-transform:uppercase }
.services-details__content .feature-list .single-item:hover { background-color:var(--theme-color2); color:var(--text-color-bg-theme-color2) }
.services-details__content .feature-list .single-item:hover .icon-box { color:var(--text-color-bg-theme-color2) }
.service-list li { position:relative; display:block; margin-bottom:10px }
.service-list li:last-child { margin-bottom:0 }
.service-list li a { position:relative; display:block; font-size:18px; color:var(--headings-color); font-weight:600; background-color:#fff; padding:17px 20px 17px 50px; -webkit-box-shadow:20px 5px 20px 0 rgba(0, 0, 0, .05); box-shadow:20px 5px 20px 0 rgba(0, 0, 0, .05) }
.service-list li a:hover, .service-list li a.current { color:var(--text-color-bg-theme-color1); background-color:var(--theme-color1); padding-left:80px }
.service-list li a:hover i, .service-list li a.current i { width:60px; color:var(--text-color-bg-theme-color2); background-color:var(--theme-color2) }
.service-list li i { position:absolute; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; left:0; top:0; width:30px; height:100%; background-color:#f6f4ec; text-align:center; font-size:16px; color:#707582; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.sidebar-service-list { margin:0 }
.sidebar-service-list li+li { margin-top:10px }
.sidebar-service-list li a { font-size:18px; font-weight:700; position:relative; -webkit-transition:all 500ms ease; transition:all 500ms ease; display:block; background-color:#f5faff; border-radius:15px; padding:19px 60px 19px 30px; }
.sidebar-service-list li a:hover { color:var(--theme-color2) }
.sidebar-service-list li a:hover i { -webkit-transform:translateY(-50%); transform:translateY(-50%); color:#fff; background-color:var(--theme-color2) }
.sidebar-service-list li a i { height:32px; width:45px; position:absolute; top:50%; right:20px; -webkit-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:all 500ms ease; transition:all 500ms ease; color:#191825; background-color:#fff; text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:16px; border-radius:15px }
.sidebar-service-list li.current a { color:var(--theme-color2) }
.sidebar-service-list li.current a i { -webkit-transform:translateY(-50%); transform:translateY(-50%); color:#fff; background-color:var(--theme-color2) }
.service-details-help { position:relative; display:block; padding:57px 55px 50px; margin-top:30px; text-align:center; z-index:1; background-color:var(--theme-color2); border-radius:15px; overflow:hidden }
.help-shape-1 { position:absolute; bottom:-215px; left:-95px; width:220px; height:500px; background-color:#303030; mix-blend-mode:soft-light; border-radius:150px; -webkit-transform:rotate(45deg); transform:rotate(45deg); z-index:-1 }
.help-shape-2 { position:absolute; top:-118px; right:-130px; width:180px; height:350px; background-color:#fff; mix-blend-mode:soft-light; border-radius:186px; -webkit-transform:rotate(48deg); transform:rotate(48deg) }
.help-icon { height:73px; width:73px; background-color:#fff; color:#191825; font-size:32px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:50%; margin:0 auto; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.help-icon:hover { background-color:#191825; color:#fff }
.help-title { font-size:38px; color:#fff; line-height:40px; margin-bottom:21px; font-weight:700 }
.help-contact { position:relative; display:block; margin-top:21px }
.help-contact p { font-size:14px; color:#fff; margin:0; line-height:32px; font-weight:600; opacity:.7 }
.help-contact a { font-size:30px; color:#fff; font-weight:600; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.help-contact a:hover { color:#191825 }
.project-details .list-style-one { display:block; position:relative }
.project-details .list-style-one li { font-size:16px; font-weight:400; line-height:30px; margin-bottom:10px; padding-left:25px; position:relative }
.project-details .list-style-one i { color:var(--theme-color1); font-size:18px; left:0; line-height:30px; position:absolute; top:0 }
.project-details__img { position:relative; display:block }
.project-details__img img { width:100%; border-radius:10px }
.project-details__content { position:relative; display:block }
.project-details__content-left { position:relative; display:block; margin-top:31px }
.project-details__content-right { position:relative; display:block; margin-top:40px }
.project-details__details-box { position:relative; border-radius:10px; background-color:#f5f5f5; padding:43px 50px 50px; z-index:1 }
.project-details__details-list { position:relative; display:block }
.project-details__details-list li { position:relative; display:block }
.project-details__details-list li+li { margin-top:24px }
.project-details__client { font-size:16px; color:#838d9e; line-height:24px; margin:0 }
.project-details__name { font-size:16px; line-height:24px }
.project-details__social { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.project-details__social a { position:relative; height:40px; width:40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center; background-color:var(--theme-color2); color:var(--text-color-bg-theme-color2); font-size:15px; border-radius:50%; overflow:hidden; -webkit-transition:all 500ms ease; transition:all 500ms ease; z-index:1 }
.project-details__social a:hover { background-color:var(--theme-color1); color:var(--text-color-bg-theme-color1) }
.project-details__social a+a { margin-left:10px }
.project-details__pagination-box { position:relative; display:block; text-align:center; border-top:1px solid #ece9e0; border-bottom:1px solid #ece9e0; padding:30px 0; margin-top:117px }
.project-details__pagination { position:relative; display:block }
.project-details__pagination li { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.project-details__pagination li a { font-size:14px; color:#757873; font-weight:400; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.project-details__pagination li a:hover { color:var(--theme-color1) }
.project-details__pagination li a:hover i { background-color:var(--theme-color2); color:var(--text-color-bg-theme-color2); border:2px solid var(--theme-color2) }
.project-details__pagination li .content { position:relative; display:block }
.project-details__pagination li.next { float:left; position:relative }
.project-details__pagination li.next i { position:relative; height:52px; width:52px; border:2px solid var(--theme-color2); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:50%; color:var(--theme-color2); font-size:16px; -webkit-transition:all 500ms ease; transition:all 500ms ease; margin-right:20px; z-index:1 }
.project-details__pagination li.next .content { text-align:left }
.project-details__pagination li.previous { position:relative; float:right }
.project-details__pagination li.previous i { position:relative; height:52px; width:52px; border:2px solid var(--theme-color2); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:50%; color:var(--theme-color2); font-size:16px; -webkit-transition:all 500ms ease; transition:all 500ms ease; margin-left:20px; z-index:1 }
.project-details__pagination li.previous .content { text-align:right }
.blog-details { position:relative; display:block }
.blog-details__left { position:relative; display:block }
.blog-details__img { position:relative; display:block; border-radius:10px }
.blog-details__img img { width:100%; border-radius:10px }
.blog-details__date { position:absolute; bottom:0; right:0; background-color:var(--theme-color1); text-align:center; padding:21px 24px 20px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-bottom-right-radius:10px; border-top-left-radius:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column }
.blog-details__date .day { font-size:16px; color:#fff; font-weight:var(--body-font-weight-bold); line-height:16px }
.blog-details__date .month { position:relative; display:block; font-size:10px; font-weight:var(--body-font-weight-bold); color:#fff; line-height:12px; text-transform:uppercase }
.blog-details__content { position:relative; display:block; margin-top:22px }
.blog-details__meta { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.blog-details__meta li+li { margin-left:18px }
.blog-details__meta li a { font-size:15px; color:#777; font-weight:500; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.blog-details__meta li a:hover { color:var(--theme-color1) }
.blog-details__meta li a i { color:var(--theme-color1); margin-right:6px }
.blog-details__title { font-size:30px; line-height:40px; margin-top:12px; margin-bottom:21px; font-weight:var(--body-font-weight-bold);border-bottom: 1px #ccc dashed;}
.blog-details__bottom { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:30px 0; margin-top:49px; border-top:1px solid #ece9e0 }
@media only screen and (max-width:767px) {
.blog-details__bottom {
gap:30px
}
}
.blog-details__bottom p { margin:0 }
.blog-details__tags span { color:#0e2207; font-size:20px; margin-right:14px; font-weight:var(--body-font-weight-bold) }
.blog-details__tags a { position:relative; font-size:12px; background-color:var(--theme-color2); color:var(--text-color-bg-theme-color2); display:inline-block; padding:5px 30px; font-weight:var(--body-font-weight-bold); -webkit-transition:all 500ms ease; transition:all 500ms ease; border-radius:35px }
.blog-details__tags a:hover { background-color:var(--theme-color1); color:var(--text-color-bg-theme-color1); text-decoration:none }
.blog-details__tags a+a { margin-left:6px }
.blog-details__social-list { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.blog-details__social-list a { position:relative; height:43px; width:43px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center; color:var(--theme-light-background-text-color); background-color:var(--theme-light-background); font-size:15px; border-radius:50%; overflow:hidden; -webkit-transition:all 500ms ease; transition:all 500ms ease; z-index:1 }
.blog-details__social-list a:hover { color:var(--text-color-bg-theme-color2) }
.blog-details__social-list a:hover:after { opacity:1; -webkit-transform:scaleY(1); transform:scaleY(1) }
.blog-details__social-list a:after { position:absolute; content:""; top:0; left:0; right:0; height:100%; background-color:var(--theme-color2); -webkit-transition-delay:.1s;
transition-delay:.1s;
-webkit-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out; -webkit-transition-duration:.4s;
transition-duration:.4s;
-webkit-transition-property:all; transition-property:all; opacity:1; -webkit-transform-origin:top; transform-origin:top; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:scaleY(0); transform:scaleY(0); z-index:-1 }
.blog-details__social-list a+a { margin-left:10px }
.blog-details__pagenation-box { position:relative; display:block; overflow:hidden; margin-bottom:53px }
.blog-details__pagenation { position:relative; display:block }
.blog-details__pagenation li { position:relative; float:left; font-size:20px; color:#0e2207; font-weight:var(--body-font-weight-bold); color:var(--theme-light-background-text-color); background-color:var(--theme-light-background); line-height:30px; -webkit-transition:all 500ms ease; transition:all 500ms ease; max-width:370px; width:100%; padding-left:60px; padding-right:60px; padding-top:52px; padding-bottom:52px; border-radius:10px }
.blog-details__pagenation li:hover { background-color:var(--theme-color2); color:var(--text-color-bg-theme-color2) }
.blog-details__pagenation li+li { margin-left:30px }
.nav-links { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:53px }
@media only screen and (max-width:767px) {
.nav-links {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
gap:20px
}
}
.nav-links .prev { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%; width:100%; margin-right:30px }
@media only screen and (max-width:767px) {
.nav-links .prev {
width:100%
}
}
.nav-links .prev .thumb { margin-right:20px }
.nav-links .next { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%; -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; width:100%}
@media only screen and (max-width:767px) {
.nav-links .next {
width:100%
}
}
.nav-links .next .thumb { margin-left:20px }
.nav-links>div { -webkit-transition:all 500ms ease; transition:all 500ms ease }
.nav-links>div .thumb { display:inline-block; min-width:60px; width:60px; height:60px; overflow:hidden }
.nav-links>div .thumb a { display:inline-block }
.nav-links>div>a { display:inline-block; word-wrap:break-word; white-space:-moz-pre-wrap; white-space:pre-wrap; font-size:20px; line-height:1.637; font-weight:var(--body-font-weight-bold); -webkit-transition:all 500ms ease; transition:all 500ms ease; color:var(--theme-light-background-text-color); background-color:var(--theme-light-background); padding:52px 50px; border-radius:10px; width:100% }
@media only screen and (max-width:767px) {
.nav-links>div>a {
padding:30px
}
}
.nav-links>div>a:hover { color:var(--text-color-bg-theme-color1); background-color:var(--theme-color1) }
@media(max-width:991px) {
.sidebar {
margin-top:50px
}
}
.sidebar__single+.sidebar__single { margin-top:30px }
.sidebar__title { margin:0; font-size:20px; margin-bottom:5px; font-weight:var(--h4-font-weight) }
.sidebar__search { position:relative; display:block }
.sidebar__search-form { position:relative }
.sidebar__search-form input[type=search] { display:block; border:none; outline:none; background-color:var(--theme-color2); color:var(--text-color-bg-theme-color2); font-size:16px; font-weight:500; padding-left:50px; height:74px; width:100%; padding-right:80px; border-radius:10px }
.sidebar__search-form input[type=search]::-webkit-input-placeholder {
color:var(--text-color-bg-theme-color2);
opacity:1
}
.sidebar__search-form input[type=search]::-webkit-input-placeholder, .sidebar__search-form input[type=search]:-ms-input-placeholder, .sidebar__search-form input[type=search]::-ms-input-placeholder, .sidebar__search-form input[type=search]::placeholder {
color:var(--text-color-bg-theme-color2);
opacity:1
}
@media only screen and (max-width:767px) {
.sidebar__search-form input[type=search] {
padding-left:30px
}
}
.sidebar__search-form button[type=submit] { background-color:transparent; color:var(--text-color-bg-theme-color2); font-size:22px; position:absolute; top:0; right:0; bottom:0; width:72px; outline:none; border:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 }
@media only screen and (max-width:767px) {
.sidebar__search-form button[type=submit] {
width:42px
}
}
.sidebar__post { position:relative; display:block; padding:46px 30px 30px; color:var(--theme-light-background-text-color); background-color:var(--theme-light-background); border-radius:10px; overflow:hidden; z-index:1 }
@media only screen and (max-width:767px) {
.sidebar__post {
padding:30px
}
}
.sidebar__post .sidebar__title { margin-left:20px }
@media only screen and (max-width:767px) {
.sidebar__post .sidebar__title {
margin-left:0
}
}
.sidebar__post .sidebar__post-list { margin:0 }
.sidebar__post .sidebar__post-list li { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:16px 20px 17px; -webkit-transition:all 500ms ease; transition:all 500ms ease }
@media only screen and (max-width:767px) {
.sidebar__post .sidebar__post-list li {
padding:16px 0
}
}
.sidebar__post .sidebar__post-list li:hover { background-color:#fff; border-radius:10px }
.sidebar__post .sidebar__post-list li+li { margin-top:11px }
.sidebar__post .sidebar__post-list .sidebar__post-image { margin-right:20px; -webkit-box-flex:70px; -ms-flex:70px 0 0; flex:70px 0 0 }
.sidebar__post .sidebar__post-list .sidebar__post-image>img { width:80px; border-radius:10px }
.sidebar__post .sidebar__post-list .sidebar__post-content { position:relative; top:-3px }
.sidebar__post .sidebar__post-list .sidebar__post-content h3 { font-size:18px; margin:0; line-height:26px; letter-spacing:0 }
.sidebar__post .sidebar__post-list .sidebar__post-content h3 a { color:#0e2207; -webkit-transition:all 500ms ease; transition:all 500ms ease; display:block; font-size:16px; font-weight:700; line-height:24px }
.sidebar__post .sidebar__post-list .sidebar__post-content-meta { font-size:14px; font-weight:500; color:#757873!important; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.sidebar__post .sidebar__post-list .sidebar__post-content-meta i { color:var(--theme-color2); font-size:14px; padding-right:3px }
.sidebar__category { position:relative; display:block; color:var(--theme-light-background-text-color); background-color:var(--theme-light-background); border-radius:10px; padding:45px 30px 38px; overflow:hidden; z-index:1 }
@media only screen and (max-width:767px) {
.sidebar__category {
padding:30px 15px
}
}
.sidebar__category .sidebar__title {margin-bottom:9px;border-bottom: 1px #ccc dashed;text-align: center;line-height: 60px;}
.sidebar__category-list { margin:0 }
.sidebar__category-list li+li { margin-top:4px }
.sidebar__category-list li a { color:#757873; font-size:16px; position:relative; -webkit-transition:all 500ms ease; transition:all 500ms ease; display:block; background:0 0; padding:12px 20px; font-weight:500; border-radius:10px }
.sidebar__category-list li a:hover { background-color:#fff; -webkit-box-shadow:0 10px 60px 0 rgba(0, 0, 0, .05); box-shadow:0 10px 60px 0 rgba(0, 0, 0, .05); color:#0e2207; text-shadow:1px 0 0 rgba(14, 34, 7, .5) }
.sidebar__category-list li a:hover span { color:#ffcd1e; -webkit-transform:translateY(-50%) scale(1); transform:translateY(-50%) scale(1) }
.sidebar__category-list li a span { position:absolute; top:50%; right:20px; -webkit-transform:translateY(-50%) scale(0); transform:translateY(-50%) scale(0); -webkit-transition:all 500ms ease; transition:all 500ms ease; color:var(--theme-color2); text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:16px }
.sidebar__category-list li.active a { background-color:#fff; -webkit-box-shadow:0 10px 60px 0 rgba(0, 0, 0, .05); box-shadow:0 10px 60px 0 rgba(0, 0, 0, .05); color:#0e2207; border-radius:10px; text-shadow:1px 0 0 rgba(14, 34, 7, .5) }
.sidebar__category-list li.active a span { -webkit-transform:translateY(-50%) scale(1); transform:translateY(-50%) scale(1); color:#ffcd1e }
.sidebar__tags { position:relative; display:block; color:var(--theme-light-background-text-color); background-color:var(--theme-light-background); padding:46px 45px 50px; border-radius:10px; overflow:hidden; z-index:1 }
@media only screen and (max-width:767px) {
.sidebar__tags {
padding:30px
}
}
.sidebar__tags .sidebar__title { margin-left:5px; margin-bottom:25px }
.sidebar__tags-list { margin-top:-10px }
.sidebar__tags-list a { font-size:14px; color:#0e2207; -webkit-transition:all .4s ease;
transition:all .4s ease;
background:#fff; display:inline-block; padding:5px 28px; margin-left:5px; border-radius:30px }
.sidebar__tags-list a:hover { color:var(--text-color-bg-theme-color1); background:var(--theme-color1) }
.sidebar__tags-list a+a { margin-left:5px; margin-top:10px }
.sidebar__comments { position:relative; display:block; color:var(--theme-light-background-text-color); background-color:var(--theme-light-background); padding:46px 50px 43px; border-radius:10px; overflow:hidden; z-index:1 }
@media only screen and (max-width:767px) {
.sidebar__comments {
padding:30px
}
}
.sidebar__comments .sidebar__title { margin-bottom:25px }
.sidebar__comments-list { position:relative; display:block }
.sidebar__comments-list li { position:relative; display:block; padding-left:65px }
.sidebar__comments-list li:hover .sidebar__comments-icon { background-color:var(--theme-color2); color:var(--text-color-bg-theme-color2) }
.sidebar__comments-list li+li { margin-top:23px }
.sidebar__comments-icon { height:45px; width:45px; background-color:var(--theme-color1); border-radius:50%; font-size:15px; color:var(--text-color-bg-theme-color1); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:absolute; top:0; left:0; -webkit-transition:all .4s ease;
transition:all .4s ease
}
.sidebar__comments-text-box p { font-size:15px; margin:0; line-height:26px; font-weight:500 }
.sidebar__comments-text-box p span { color:#0e2207 }
.sidebar__comments-text-box h5 { font-size:15px; margin:0; line-height:26px; color:#757873; font-weight:500; letter-spacing:0 }
.comment-one .comment-one__title { margin-bottom:30px }
.comment-one .comment-one__single { display:-webkit-box; display:-ms-flexbox; display:flex; border-bottom:1px solid #ece9e0; padding-bottom:60px; margin-bottom:60px; -webkit-box-align:top; -ms-flex-align:top; align-items:top }
@media only screen and (max-width:767px) {
.comment-one .comment-one__single {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
}
.comment-one .comment-one__content { position:relative; margin-left:45px }
@media only screen and (max-width:767px) {
.comment-one .comment-one__content {
margin-top:20px;
margin-left:0
}
}
.comment-one .comment-one__content h3 { margin:0; font-size:20px; color:var(--theme-black); margin-bottom:24px }
.comment-one .comment-one__content p { font-size:16px; font-weight:500 }
.comment-one .comment-one__btn { padding:5px 30px; position:absolute; top:0; right:0; font-size:14px }
.comment-one .comment-one__image { position:relative; display:block; border-radius:50%; -webkit-box-flex:100px; -ms-flex:100px 0 0; flex:100px 0 0 }
.comment-one .comment-one__image img { border-radius:50% }
.comment-form .comment-form__title { margin-top:-7px }
.team-details { position:relative; display:block }
.team-details-shape-1 { position:absolute; bottom:-270px; right:0; opacity:.5; z-index:2 }
.team-details-shape-1 img { width:auto }
.team-details__top-left { position:relative; display:block; margin-right:20px }
.team-details__top-img { position:relative; display:block; border-radius:30px }
.team-details__top-img img { width:100%; border-radius:30px }
.team-details__big-text { font-size:80px; line-height:80px; text-transform:uppercase; color:#eef0f6; letter-spacing:.35em; font-weight:400; position:absolute; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); top:209px; left:-325px }
.team-details__top-right { position:relative; display:block; margin-left:50px }
@media only screen and (max-width:991px) {
.team-details__top-right {
margin-top:70px;
margin-left:0
}
}
.team-details__top-content { position:relative; display:block; margin-top:-11px }
.team-details__top-name { font-size:40px; font-weight:700; line-height:50px; margin-bottom:3px }
.team-details__top-title { font-size:16px; color:var(--theme-color2) }
.team-details__social { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:20px; margin-bottom:28px }
.team-details__social a { position:relative; height:40px; width:40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center; background-color:var(--theme-color2); color:var(--text-color-bg-theme-color2); font-size:15px; border-radius:50%; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.team-details__social a:hover { background-color:var(--theme-color1); color:var(--text-color-bg-theme-color1) }
.team-details__social a+a { margin-left:10px }
.team-details__top-text-1 { font-size:30px; color:var(--theme-color1); line-height:45px; font-weight:400; margin-bottom:30px }
.team-details__top-text-2 { padding-top:23px; padding-bottom:35px }
.team-details__bottom { position:relative; display:block; border-top:1px solid #e4e5ea; padding-top:110px }
.team-details__bottom-left { position:relative; display:block; margin-right:70px }
.team-details__bottom-left-title { font-size:36px; font-weight:700; line-height:46px }
.team-details__bottom-left-text { padding-top:30px }
.team-details__bottom-right { position:relative; display:block; margin-left:70px; margin-top:1px }
@media only screen and (max-width:991px) {
.team-details__bottom-right {
margin-left:0
}
}
.team-details__progress { position:relative; display:block; width:100% }
.team-details__progress .bar { position:relative; width:100%; height:13px; background-color:#eef0f6; border-radius:7px; margin-bottom:22px }
.team-details__progress .bar-inner { position:relative; display:block; width:0; height:13px; border-radius:7px; background-color:var(--theme-color2); -webkit-transition:all 1500ms ease; transition:all 1500ms ease }
.team-details__progress .count-text { position:absolute; right:0; bottom:21px; color:var(--theme-color1); line-height:24px; font-size:14px; text-align:center; font-weight:500; opacity:0; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.team-details__progress .bar-inner.counted .count-text { opacity:1 }
.team-details__progress .bar.marb-0 { margin-bottom:0 }
.team-details__progress-single { position:relative; display:block }
.team-details__progress-title { font-size:16px; font-weight:700; line-height:28px; color:var(--theme-color1); margin-bottom:6px }
.team-contact-form { background-color:#eef0f6 }
@media(max-width:599.98px) {
.team-contact-form .theme-btn {
margin-top:10px
}
}
.team-contact-form input[type=text], .team-contact-form input[type=email] { background-color:#fff; -webkit-box-shadow:none; box-shadow:none }
.team-contact-form textarea { background-color:#fff; height:180px; -webkit-box-shadow:none; box-shadow:none }
.contact-details__info { position:relative; display:block; margin-top:41px }
.contact-details__info li { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.contact-details__info li .icon { height:80px; width:80px; border-radius:50%; background-color:var(--theme-color2); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.contact-details__info li .icon span { color:var(--text-color-bg-theme-color2); font-size:25px; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.contact-details__info li:hover .icon { background-color:var(--theme-color1) }
.contact-details__info li:hover .icon span { color:var(--text-color-bg-theme-color1) }
.contact-details__info li .text { margin-left:30px }
.contact-details__info li .text p { font-size:14px; line-height:24px }
.contact-details__info li .text a { font-size:18px; -webkit-transition:all 500ms ease; transition:all 500ms ease }
.contact-details__info li .text span { font-size:20px }
.contact-details__info li+li { margin-top:30px }
.main-footer { background-color:#181818; background-image:url(../images/background/bg-1.png); background-repeat:no-repeat; background-position:center; overflow:hidden; position:relative }
.main-footer .upper-box { position:relative; padding:50px 0 20px; border-bottom:1px solid rgba(255, 255, 255, .1) }
.main-footer .upper-box .contact-info { position:relative; margin-bottom:30px }
.main-footer .upper-box .contact-info.logo-box { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 }
@media only screen and (max-width:1023px) {
.main-footer .upper-box .contact-info.logo-box {
-webkit-box-ordinal-group:1!important;
-ms-flex-order:0!important;
order:0!important
}
}
.main-footer .upper-box .contact-info .logo { margin:0 auto; max-width:148px }
@media only screen and (max-width:1023px) {
.main-footer .upper-box .contact-info {
text-align:center!important
}
}
.main-footer .upper-box .contact-info:last-child { text-align:right; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 }
.main-footer .upper-box .contact-info .inner-box { position:relative; display:inline-block; text-align:left }
@media only screen and (max-width:1023px) {
.main-footer .upper-box .contact-info .inner-box {
text-align:center!important
}
}
.main-footer .upper-box .contact-info .title { font-size:14px; color:#7f7f7f; line-height:24px; text-transform:uppercase; letter-spacing:.1em; margin-bottom:0 }
.main-footer .upper-box .contact-info .text { font-size:22px; color:#fff; line-height:30px; font-weight:400; margin-bottom:0 }
.main-footer .upper-box .contact-info .text a { color:inherit; font-weight:inherit }
.main-footer .upper-box .contact-info .text a:hover { color:var(--bg-theme-color2) }
.main-footer .widgets-section { position:relative; padding:80px 0 30px }
.main-footer .footer-column { position:relative; margin-bottom:50px }
.main-footer .footer-widget { position:relative }
@media only screen and (max-width:767px) {
.main-footer .footer-widget {
text-align:center
}
}
.main-footer .widget-title { position:relative; display:inline-block; font-weight:600; color:#fff; line-height:1.2em; margin-bottom:15px }
.main-footer .text { margin-bottom:20px }
@media only screen and (max-width:1023px) {
.main-footer .about-widget {
margin-bottom:50px
}
}
@media only screen and (max-width:767px) {
.main-footer .contacts-widget .social-icon-two {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
}
.user-links { position:relative }
.user-links li { position:relative; font-size:16px; line-height:30px; color:#7f7f7f; font-weight:400; margin-bottom:0 }
.user-links li:last-child { margin-bottom:0 }
.user-links li a { position:relative; display:inline-block; color:inherit; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.user-links li a:hover { color:#fff }
.user-links li a:before { position:absolute; left:0; bottom:0; width:0; height:1px; background-color:var(--bg-theme-color2); content:""; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.user-links li a:hover:before { width:100% }
.subscribe-form { position:relative }
.subscribe-form .form-group { position:relative; margin-bottom:0 }
.subscribe-form .form-group input[type=text], .subscribe-form .form-group input[type=email] { position:relative; display:block; height:64px; width:100%; font-size:14px; line-height:24px; color:#717070; padding:20px 30px; padding-right:60px; background:#fff; -webkit-transition:all 300ms ease; transition:all 300ms ease }
.subscribe-form .form-group input[type=text]::-webkit-input-placeholder, .subscribe-form .form-group input[type=email]::-webkit-input-placeholder {
color:#717070
}
.subscribe-form .form-group input[type=text]::-moz-placeholder, .subscribe-form .form-group input[type=email]::-moz-placeholder {
color:#717070
}
.subscribe-form .form-group input[type=text]:-ms-input-placeholder, .subscribe-form .form-group input[type=email]:-ms-input-placeholder {
color:#717070
}
.subscribe-form .form-group input[type=text]::-ms-input-placeholder, .subscribe-form .form-group input[type=email]::-ms-input-placeholder {
color:#717070
}
.subscribe-form .form-group input[type=text]::placeholder, .subscribe-form .form-group input[type=email]::placeholder {
color:#717070
}
.subscribe-form .form-group .theme-btn { position:absolute; right:10px; top:50%; margin-top:-22px; height:44px; width:44px; line-height:44px; font-size:14px; border-radius:5%; color:#fff; display:block; background:var(--bg-theme-color2) }
.subscribe-form .form-group .theme-btn:hover { color:#fff }
.footer-bottom { position:relative; background-color:#111 }
.footer-bottom .inner-container { position:relative; padding:30px 15px; text-align:center }
.footer-bottom .copyright-text { position:relative; font-size:16px; line-height:30px; color:#7f7f7f; font-weight:500 }
.footer-bottom .copyright-text p { margin-bottom:0 }
.footer-bottom .copyright-text a { color:inherit }
.footer-bottom .copyright-text a:hover { color:#fff }
#toolbar {position: fixed;z-index: 9999;right: 17px;top:20%;}
#toolbar li {margin-bottom: 3px;font-size: 0;width: 45px;height: 45px;right: 0;position: relative;}
#toolbar li a {display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 45px;height: 45px;overflow: hidden;background: #292e39;transition: all .5s ease;}
#toolbar li .icon-font {display: inline-block;vertical-align: middle;width: 45px;height: 45px;background-color: #d9d9d9;}
#toolbar li .icon-fb:after {background-position: 0 -40px;}
#toolbar li .icon-ws:after {background-position: 0 -190px;}
#toolbar li .icon-wm:after {background-position: 0 -290px;}
#toolbar li .icon-in:after {background-position: 0 -152px;}
#toolbar li .icon-tr:after {background-position: 0 -120px;}
#toolbar li .icon-mg:after {background-position: 0 -260px;}
#toolbar li .icon-tw:after {background-position: 0 -75px;}
#toolbar li .icon-yt:after {background-position: 0 -223px;}
#toolbar li .wz {display: inline-block;line-height: 45px;font-size: 14px;color: #fff;vertical-align: middle;}
#toolbar li.ewm .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #292e39;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%); -webkit-transition: all .7s; transition: all .7s;}
#toolbar li.ewm .ewm-box img {max-width: 100%;}
#toolbar li.ewm .ewm-box p{ font-size:14px; text-align:center; color:#fff}
#toolbar li.ewm:hover .icon {background-position: -45px -180px;}
#toolbar li.ewm:hover .ewm-box {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar li:hover a.a {width: 200px;transition: all .5s ease;white-space: nowrap;}
#toolbar li:hover .icon-font {background-color: #292e39;}
#toolbar li:hover .icon-font:after {background-position: -30px 0px;}
#toolbar li:hover .icon-fb:after {background-position: -30px -40px;}
#toolbar li:hover .icon-ws:after {background-position: -30px -190px;}
#toolbar li:hover .icon-wm:after {background-position: -30px -290px;}
#toolbar li:hover .icon-in:after {background-position: -30px -152px;}
#toolbar li:hover .icon-tr:after {background-position: -30px -120px;}
#toolbar li:hover .icon-tw:after {background-position: -30px -75px;}
#toolbar li:hover .icon-yt:after {background-position: -30px -223px;}
#toolbar li:hover .icon-mg:after {background-position: -30px -260px;}
.icon-font{ position:relative;}
.icon-font:after {content: "";width: 30px;height: 30px;background-image: url(../images/kf.png);background-repeat: no-repeat;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px);}