/* Globex HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Banner Section / Two
6. Featured Section
7. Services Section
8. Call To Action Section
9. Cases Section
10. Sponsors Section
11. Testimonial Section
12. Technology Section
13. Team Section / Two
14. News Section / Two
15. Main Footer / Two
16. Experianced Section
17. Counter Section
18. About Section
19. Process Section
20. Technology Section
21. Appointment Section
22. Fluid Section
23. Pricing Section
24. Info Section
25. Page Title Section
26. Faq Section
27. Coming Soon Section
28. Services Detail Section
29. Project Detail Section
30. Shop Section
31. Cart Section
32. Checkout Section
33. Not Found
34. Login / SignUp Section
35. Blog Sidebar
36. Contact Info Section
37. Map Section
38. Contact Form Section
**********************************************/
/*
font-family: var(--main-font-family);
font-family: 'Nunito Sans', sans-serif;
*/
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('animation.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.mCustomScrollbar.min.css');
/***
====================================================================
Reset
====================================================================
***/
* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
}
/***
====================================================================
Global Settings
====================================================================
***/
html {
max-width: 100%;
overflow-x: hidden;
}
body {
font-family: var(--main-font-family);
font-size: 15px;
color: #777777;
line-height: 1.7em;
font-weight: 400;
background: var(--body-color);
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper {
padding: 0px 50px 0px;
}
a {
text-decoration: none;
cursor: pointer;
color: #4359e9;
}
button, a:hover, a:focus, a:visited {
text-decoration: none;
outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
position: relative;
font-weight: normal;
margin: 0px;
background: none;
line-height: 1.6em;
font-family: var(--main-font-family);
}
input, button, select, textarea {
}
textarea {
overflow: hidden;
}
p {
position: relative;
line-height: 1.8em;
}
/* Typography */
h1 {
font-size: 72px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 30px;
color: var(--header-color);
font-weight: 600;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
.auto-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
.medium-container {
max-width: 850px;
}
.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
}
ul, li {
list-style: none;
padding: 0px;
margin: 0px;
}
img {
display: inline-block;
max-width: 100%;
}
.theme-btn {
cursor: pointer;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.centered {
text-align: center;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top {
position: fixed;
bottom: 15px;
right: 15px;
width: 40px;
height: 40px;
color: #4359e9;
font-size: 13px;
text-transform: uppercase;
line-height: 38px;
text-align: center;
z-index: 100;
cursor: pointer;
background: #ffffff;
display: none;
border-radius: 50px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.scroll-to-top:hover {
color: #ffffff;
background: #4359e9;
}
/* List Style One */
.list-style-one {
position: relative;
}
.list-style-one li {
position: relative;
color: #ffffff;
font-size: 16px;
padding-left: 30px;
font-weight: 400;
line-height: 1.6em;
margin-bottom: 20px;
}
.list-style-one li .icon {
position: absolute;
left: 0px;
top: 5px;
color: #4359e9;
font-size: 18px;
line-height: 1em;
font-weight: 300;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
/* List Style Two */
.list-style-two {
position: relative;
}
.list-style-two li {
position: relative;
color: #555555;
font-size: 13px;
padding-left: 30px;
font-weight: 500;
line-height: 1.6em;
margin-bottom: 10px;
font-family: var(--main-font-family);
}
.list-style-two li:before {
position: absolute;
content: '\f004';
left: 0px;
top: 5px;
color: #4359e9;
font-size: 15px;
line-height: 1em;
font-weight: 600;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
font-family: 'FontAwesome';
}
/*Btn Style One*/
.btn-style-one {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 30px;
color: var(--black-color);
padding: 11px 30px;
font-weight: 600;
overflow: hidden;
border-radius: 3px;
overflow: hidden;
text-transform: capitalize;
background-color: #4359e9;
font-family: var(--main-font-family);
background: var(--secondarycolor) !important;
}
.btn-style-one:before {
position: absolute;
content: unset;
left: 92%;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
opacity: 1;
background-color: #35d764;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
transform: skewX(-25deg);
}
.btn-style-one .txt {
position: relative;
z-index: 1;
}
/*
.btn-style-one:hover::before{
left:0%;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
* */
.btn-style-one:hover {
opacity: 0.8;
color: #000;
}
/* Btn Style Two */
.btn-style-two {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 30px;
color: #ffffff;
padding: 12px 40px;
font-weight: 500;
overflow: hidden;
border-radius: 3px;
overflow: hidden;
text-transform: capitalize;
background-color: #35d764;
font-family: var(--main-font-family);
}
.btn-style-two:before {
position: absolute;
content: unset;
left: 92%;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
opacity: 1;
background-color: #ffffff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
transform: skewX(-25deg);
}
.btn-style-two .txt {
position: relative;
z-index: 1;
}
.btn-style-two:hover::before {
left: 0%;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-two:hover {
color: var(--black-color);
text-decoration: underline;
}
.totals-table li .col.price {
font-weight: 600;
color: var(--header-color);
}
/* Btn Style Three */
.btn-style-three {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 12px 50px;
font-weight: 600;
overflow: hidden;
border-radius: 3px;
overflow: hidden;
text-transform: capitalize;
background-color: #4359e9;
font-family: var(--main-font-family);
}
.btn-style-three:before {
position: absolute;
content: '';
left: 92%;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
opacity: 1;
background-color: #4359e9;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
transform: skewX(-25deg);
}
.btn-style-three .txt {
position: relative;
z-index: 1;
}
.btn-style-three:hover::before {
left: 0%;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-three:hover {
color: #ffffff;
}
/* Social Icon One */
.social-icon-one {
position: relative;
display: block;
}
.social-icon-one .title {
position: relative;
font-size: 20px;
line-height: 26px;
color: #ffffff;
font-weight: 700;
margin-right: 15px;
}
.social-icon-one li {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #ffffff;
margin-right: 22px;
}
.social-icon-one li:last-child {
margin-right: 0;
}
.social-icon-one li a {
position: relative;
display: block;
font-size: 16px;
line-height: 24px;
color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-one li a:hover {
color: #4359e9;
}
.theme_color {
color: #4359e9;
}
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../images/icons/preloader.svg);
background-size: 80px;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title {
position: relative;
margin-bottom: 55px;
}
.sec-title .title {
position: relative;
color: #4359e9;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
font-family: var(--main-font-family);
}
.sec-title h2 {
position: relative;
color: #333;
font-weight: 700;
line-height: 1.3em;
margin-top: 15px;
}
.sec-title .text {
position: relative;
color: #777777;
font-weight: 400;
line-height: 1.7em;
margin-top: 18px;
font-size: 18px;
}
.sec-title.light .text, .sec-title.light .title, .sec-title.light h2 {
color: #ffffff;
}
.sec-title.centered {
text-align: center !important;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header {
position: absolute;
z-index: 99;
width: 100%;
}
/* Header Top */
.main-header .header-top {
position: relative;
padding: 5px 0px;
background-color: #e1e1e1;
}
.main-header .header-top .top-left {
position: relative;
float: left;
}
.main-header .header-top .info-list {
position: relative;
}
.main-header .header-top .info-list li {
position: relative;
color: #ffffff;
font-size: 16px;
margin-right: 30px;
display: inline-block;
}
.main-header .header-top .info-list li:last-child {
margin-right: 0px;
}
.main-header .header-top .info-list li .icon {
position: absolute;
left: 0px;
top: 0px;
color: #333;
}
.main-header .header-top .info-list li a {
position: relative;
color: #333;
padding-left: 28px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .header-top .top-right .social-box li b {
color: #333 !important;
}
.main-header .header-top .info-list li a:hover {
color: #4359e9;
}
.main-header .header-top .top-right {
position: relative;
}
.main-header .header-top .top-right .social-box {
position: relative;
}
.main-header .header-top .top-right .social-box li {
position: relative;
margin-left: 18px;
display: inline-block;
}
.main-header .header-top .top-right .social-box li a {
position: relative;
color: #333;
font-size: 16px;
}
/* Header Top Two */
.header-top-two {
position: relative;
padding: 14px 0px;
background-color: #4359e9;
}
.header-top-two .outer-container {
position: relative;
padding: 0px 30px;
}
.header-top-two .top-left {
position: relative;
float: left;
}
.header-top-two .info-list {
position: relative;
float: left;
}
.header-top-two .info-list li {
position: relative;
color: #ffffff;
font-size: 15px;
font-weight: 600;
margin-right: 20px;
display: inline-block;
}
.header-top-two .info-list li strong {
font-weight: 700;
}
.header-top-two .info-list li strong a {
padding-left: 8px;
}
.header-top-two .info-list li:last-child {
margin-right: 0px;
}
.header-top-two .info-list li .icon {
position: absolute;
left: 0px;
top: -1px;
color: #ffffff;
}
.header-top-two .info-list li a {
position: relative;
color: #ffffff;
padding-left: 28px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-top-two .info-list li a:hover {
color: #222222;
}
.header-top-two .top-right {
position: relative;
}
.header-top-two .top-right .social-box {
position: relative;
float: left;
margin-left: 10px;
}
.header-top-two .top-right .social-box li {
position: relative;
margin-left: 18px;
display: inline-block;
}
.header-top-two .top-right .social-box li a {
position: relative;
color: #ffffff;
font-size: 16px;
}
.main-header .main-box {
position: relative;
padding: 0px 0px;
left: 0px;
top: 0px;
width: 100%;
background: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .main-box .outer-container {
position: relative;
padding: 0px 40px;
}
.main-header .main-box .logo-box {
position: relative;
float: left;
left: 0px;
z-index: 10;
padding: 30px 0px;
}
.main-header .main-box .logo-box .logo img {
display: inline-block;
max-width: 100%;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .header-upper {
position: relative;
background-color: var(--header-bg);
}
.main-header .header-upper .upper-right {
position: relative;
padding-top: 22px;
}
.main-header .info-box {
position: relative;
float: left;
z-index: 1;
min-height: 56px;
margin-left: 50px;
font-size: 15px;
color: #777777;
text-align: left;
padding: 0px 0px 10px 65px;
}
.main-header .info-box .icon-box {
position: absolute;
left: 0px;
top: 3px;
font-size: 42px;
line-height: 1em;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
color: #4359e9;
line-height: 1em;
}
.main-header .info-box ul li {
position: relative;
line-height: 20px;
color: #35d764;
font-size: 16px;
margin-bottom: 8px;
font-weight: 400;
text-transform: capitalize;
}
.main-header .info-box strong {
position: relative;
font-weight: 600;
color: #35d764;
font-size: 18px;
text-transform: capitalize;
font-family: var(--main-font-family);
}
.main-header .info-box:last-child {
padding-left: 0px;
margin-left: 20px;
}
.main-header .header-upper .inner-container {
position: relative;
}
.main-header .header-upper .outer-container {
position: relative;
padding: 0px 30px;
}
.main-header .nav-outer {
position: relative;
float: right;
}
.main-header .header-upper .logo-box {
position: relative;
padding: 5px 0px;
}
.main-header .header-upper .logo-box .logo {
position: relative;
}
.main-header .outer-box {
position: relative;
float: right;
margin-left: 20px;
padding: 19px 0px;
}
.main-header .cart-box {
position: relative;
float: left;
color: #4359e9;
font-size: 16px;
background: none;
margin-top: 16px;
display: inline-block;
margin-right: 24px;
}
.main-header .cart-box .cart-box-btn {
background: none;
color: #4359e9;
cursor: pointer;
font-size: 24px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .cart-box .cart-box-btn:after {
display: none;
}
.main-header .cart-box .cart-box-btn .total-cart {
position: absolute;
right: -8px;
top: -8px;
width: 18px;
height: 18px;
color: #ffffff;
font-weight: 700;
font-size: 10px;
border-radius: 50%;
text-align: center;
line-height: 18px;
background-color: #222222;
}
.main-header .cart-box .cart-box-btn:hover {
}
.main-header .cart-product {
position: relative;
margin-bottom: 18px;
min-height: 90px;
border-bottom: 1px solid #e4e4e4;
}
.main-header .cart-product .inner {
position: relative;
padding-left: 90px;
min-height: 70px;
}
.main-header .cart-product .inner .cross-icon {
position: absolute;
right: 0px;
top: -2px;
z-index: 1;
color: #263120;
font-size: 16px;
cursor: pointer;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-header .cart-product .inner .cross-icon:hover {
color: #4359e9;
}
.main-header .cart-product .inner .image {
position: absolute;
width: 70px;
height: 70px;
left: 0px;
top: 0px;
}
.main-header .cart-product .inner h3 {
position: relative;
font-weight: 600;
font-size: 15px;
margin: 0px;
letter-spacing: 1px;
text-transform: capitalize;
}
.main-header .cart-product .inner h3 a {
color: #222222;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .cart-product .inner h3 a:hover {
color: #4359e9;
}
.main-header .cart-product .inner .quantity-text {
position: relative;
font-weight: 300;
color: #666666;
font-size: 13px;
margin-bottom: 0px;
}
.main-header .cart-product .inner .price {
position: relative;
font-weight: 700;
font-size: 16px;
margin: 0px;
color: #222222;
}
.main-header .cart-box .cart-panel {
left: auto !important;
right: 0px !important;
border-radius: 20px;
padding: 20px 20px;
min-width: 300px;
margin-top: 62px;
z-index: -1;
box-shadow: 0px 0px 25px rgba(0,0,0,0.15);
border: 3px solid #4359e9;
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.main-header .cart-box .cart-panel .cart-total {
color: #000000;
font-size: 15px;
font-weight: 400;
text-align: center;
text-transform: capitalize;
}
.main-header .cart-box .cart-panel .cart-total span {
font-weight: 800;
font-size: 18px;
}
.main-header .cart-box .cart-panel .btns-boxed {
position: relative;
text-align: center;
margin-top: 20px;
}
.main-header .cart-box .cart-panel .btns-boxed li {
position: relative;
margin: 0px 5px;
display: inline-block;
}
.main-header .cart-box .cart-panel .btns-boxed li a {
position: relative;
color: #ffffff;
font-weight: 500;
font-size: 12px;
padding: 10px 20px 8px;
border-radius: 2px;
display: inline-block;
background-color: #4359e9;
border: 1px solid #4359e9;
text-transform: uppercase;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .cart-box .cart-panel .btns-boxed li a:hover {
color: #4359e9;
background: none;
}
.main-header .cart-box .icon a {
color: #999999;
}
/* Search Box Outer */
.main-header .search-box-outer {
position: relative;
float: left;
}
.main-header .search-box-btn {
position: relative;
top: 0px;
display: block;
float: left;
margin-top: 16px;
font-size: 20px;
color: #222222;
line-height: 20px !important;
cursor: pointer;
background: none;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-header .search-box-btn:after {
display: none;
}
.main-header .search-box-outer .dropdown-menu {
top: 49px !important;
right: 0px;
padding: 0px;
width: 280px;
left: auto !important;
border-radius: 0px;
border-top: 3px solid #4359e9;
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.main-header .btn-box {
position: relative;
float: left;
margin-left: 30px;
}
/* Header Lower */
.main-header .header-lower .search-box {
float: right;
}
.main-header .header-lower .search-box .form-group {
position: relative;
margin: 0px;
top: -1px;
}
.main-header .header-lower .search-box .form-group input[type="text"], .main-header .header-lower .search-box .form-group input[type="search"] {
position: relative;
line-height: 28px;
padding: 10px 50px 10px 25px;
background: none;
display: block;
font-size: 14px;
width: 200px;
height: 74px;
color: #222222;
font-weight: 400;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background-color: #ffffff;
border-radius: 0px 50px 50px 0px;
}
.main-header .header-lower .search-box .form-group button {
position: absolute;
right: 0px;
top: 0px;
height: 74px;
width: 45px;
font-size: 14px;
color: #000048;
line-height: 100%;
background: none;
display: inline-block;
font-weight: normal;
text-align: left;
cursor: pointer;
}
/* Main Menu */
.main-menu {
position: relative;
float: left;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
width: calc(100% - 5%);
}
.main-menu .navbar-collapse {
padding: 0px;
float: left;
display: block !important;
width:100%;
}
.main-menu .navigation {
position: relative;
margin: 0px;
}
.main-menu .navigation > li {
position: relative;
float: left;
margin-right: 25px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li.mrgin-15 {
margin-right: 15px;
}
.main-menu .navigation > li:last-child {
margin-right: 0px;
}
.sticky-header .main-menu .navigation > li > a {
color: var(--black-color)!important;
}
.sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a {
color: #4359e9;
background-color: inherit !important;
}
.sticky-header .nav-outer .options-box {
margin-top: 45px;
}
/*Sticky Header*/
.sticky-header {
position: fixed;
opacity: 0;
visibility: hidden;
left: 0px;
top: 0px;
width: 100%;
padding: 0px 0px;
background: #ffffff;
z-index: 0;
border-bottom: 1px solid #e8f1f7;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sticky-header .logo {
padding: 7px 0px 6px;
}
.fixed-header .sticky-header {
z-index: 999;
opacity: 1;
visibility: visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.logo img {
width: 135px;
}
.main-menu .navigation > li > a.login-btn1 {
/* line-height: 1; */
padding: 1px 15px !important;
color: var(--black-color)!important;
border: 3px solid var(--secondarycolor);
border-radius: 8px;
font-weight: 600;
}
.main-menu .navigation > li > a.buy-page {
/* line-height: 1; */
padding: 1px 15px !important;
color: var(--black-color)!important;
background: var(--secondarycolor);
border-radius: 8px;font-weight: 600;
}
.form-control {
text-indent: 4px;
}
@media only screen and (min-width: 1024px) {
.main-menu .navigation {
position: relative;
margin: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.ne-dflex, .sticky-header .auto-container {
display: flex;
align-items: center;
}
.logo-box {
max-width: 140px;
}
.ne-dflex .nav-outer, .sticky-header .auto-container .pull-right {
flex: 1;
justify-content: flex-end;
display: flex;
}
}
.main-menu .navigation > li > a {
position: relative;
display: block;
color: #222222;
text-align: center;
line-height: 26px;
letter-spacing: 0px;
opacity: 1;
font-weight: 500;
padding: 18px 0px;
font-size: 15px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
font-family: var(--main-font-family);
color: var(--black-color);
}
.main-menu .navigation > li.dropdown > a {
padding-right: 15px !important;
}
.main-menu .navigation > li.dropdown > a:before {
font-family: 'FontAwesome';
content: "\f107";
position: absolute;
right: 0px;
font-size: 13px;
line-height: 34px;
}
.main-menu .navigation > li.dropdown.logo-show > a:before {
content: "";
position: absolute;
right: -5px;
font-size: 13px;
line-height: 34px;
background-repeat: no-repeat;
background-size: 10px auto;
background-position: center;
width:20px;
height:32px;
}
.main-menu .navigation > li:before {
position: absolute;
content: '';
left: 0px;
bottom: -1px;
width: 0%;
height: 4px;
opacity: 0;
background-color: #4359e9;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li:hover::before, .main-menu .navigation > li.current::before {
opacity: 1;
width: 100%;
z-index: 1;
}
.sticky-header .main-menu .navigation > li {
position: relative;
margin-left: 30px;
margin-right: 0px;
}
.sticky-header .main-menu .navigation > li:before, .sticky-header .main-menu .navigation > li:after {
}
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a {
opacity: 1;
color: #4359e9;
}
.main-menu .navigation > li > ul {
position: absolute;
left: -30px;
top: 100%;
width: auto;
z-index: 100;
display: none;
opacity: 0;
visibility: hidden;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding: 20px 15px;
border-radius: 10px;
background-color: #ffffff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}.main-menu .navigation > li > ul.catefories-ul {
width: 230px;
}
.main-menu .navigation > li > ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid #f9f9f9;
}
.main-menu .navigation > li > ul > li:last-child {
border-bottom: none;
}
.main-menu .navigation > li > ul > li > a {
position: relative;
display: block;
padding: 5px 0px;
line-height: 24px;
font-weight: 500;
font-size: 15px;
text-transform: capitalize;
color: var(--header-color);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
min-width: 135px;
}html .main-menu .navigation > li > ul > li > a:hover { color: var(--main-color) !important;}
.sticky-header .main-menu .navigation > li > a {
padding: 19px 0px;
}
.main-menu .navigation > li > ul > li > a:before {
position: absolute;
content: unset;
left: 10px;
top: 8px;
opacity: 0;
color: #4359e9;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover > a::before {
opacity: 1;
}
.sticky-header .main-menu .navigation > li > a:before {
top: 18px !important;
}
.main-menu .navigation > li > ul > li:hover > a {
color: var(--main-color);
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
right: 15px;
top: 13px;
width: 10px;
height: 20px;
display: block;
color: #253d4a;
line-height: 20px;
font-size: 16px;
font-weight: normal;
text-align: center;
z-index: 5;
}
.rtl .main-menu .navigation > li > ul > li.dropdown > a:after {
transform: rotate(180deg);
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
color: #222222;
}.main-menu .navigation > li > ul > li > ul.category { width:230px; }
.main-menu .navigation > li > ul > li > ul {
position: absolute;
left: 120%;
top: 0%;
width: auto;
z-index: 100;
display: none;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding: 20px 15px;
border-radius: 10px;
background-color: #ffffff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul > li > ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation > li > ul > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid #f9f9f9;
}
.main-menu .navigation > li > ul > li > ul > li:last-child {
border-bottom: none;
}
.main-menu .navigation > li > ul > li > ul > li > a {
position: relative;
display: block;
padding: 6px 18px;
line-height: 24px;
font-weight: 600;
font-size: 15px;
text-transform: capitalize;
color: #7c7b7b;
padding-left: 10px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a {
color: #4359e9;
}
.main-menu .navigation > li > ul > li > ul > li > a:before {
position: absolute;
content: '//';
left: 10px;
top: 8px;
opacity: 0;
color: #4359e9;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a::before {
opacity: 1;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a {
color: #4359e9;
padding-left: 30px;
}
.main-menu .navigation > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
left: -75%;
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.main-menu .navigation > li.dropdown.my-account .splx--a-acount {
color: var(--black-color);
height: 60px;
align-items: center;
}
.main-menu .navigation > li.dropdown.my-account:hover > ul {
left: unset;
right: 0px;
}
.main-menu .navigation > li.dropdown.my-account > ul {
left: unset;
right: 0px;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
top: 0;
left: 100%;
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
position: absolute;
right: 10px;
top: 6px;
width: 30px;
height: 30px;
text-align: center;
color: #ffffff;
line-height: 28px;
border: 1px solid #ffffff;
background-size: 20px;
cursor: pointer;
z-index: 5;
display: none;
}
.main-header .search-box {
position: relative;
float: left;
width: 160px;
padding: 33px 0px;
}
.main-header .search-box .form-group {
position: relative;
margin: 0px;
}
.main-header .search-box .form-group input[type="text"], .main-header .search-box .form-group input[type="search"] {
position: relative;
line-height: 38px;
padding: 10px 50px 10px 20px;
background: none;
display: block;
font-size: 14px;
width: 100%;
height: 30px;
color: #ffffff;
border-radius: 0px;
font-weight: 600;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border-left: 1px solid #4359e9;
}
.main-header .search-box .form-group textarea::-webkit-input-placeholder, .main-header .search-box .form-group input::-webkit-input-placeholder {
color:#ffffff;
}
.main-header .search-box .form-group button {
position: absolute;
right: 0px;
top: 8px;
display: block;
font-size: 16px;
color: #ffffff;
cursor: pointer;
line-height: 100%;
font-weight: normal;
background: none;
}
/* Header Style Two */
.header-style-two {
position: absolute;
left: 0px;
right: 0px;
border-bottom: 1px solid rgba(255,255,255,0.15);
}
.header-style-two .header-upper {
background: none;
}
.header-style-two .main-menu .navigation > li > a {
color: #ffffff;
}
.header-style-two .main-menu .navigation > li.dropdown > a:before {
content: '\f103';
}
.main-header.header-style-two .header-upper .outer-box .nav-btn {
margin-left: 0px;
color: #ffffff;
}
.main-header.header-style-two .outer-box .cart-box .cart-box-btn .total-cart {
background-color: #ffffff;
color: #222222;
}
.main-header.header-style-three .nav-outer {
width: 100%;
padding-left: 70px;
}
.main-header.header-style-three .header-upper {
padding-bottom: 40px;
}
.main-header.header-style-three .header-lower {
position: absolute;
left: 0px;
right: 0px;
bottom: -35px;
}
.main-header.header-style-three .nav-outer .grid-box {
position: absolute;
left: 0px;
top: 11px;
z-index: 1;
font-size: 22px;
padding: 15px 0px;
}
.main-header.header-style-three .nav-outer .main-menu:before {
position: absolute;
content: '';
right: 0px;
top: 0px;
bottom: 0px;
width: 200%;
border-radius: 50px;
background-color: #f1f1f1;
}
.main-header .header-lower .options-box {
position: relative;
float: right;
padding: 10px 15px 10px;
}
.main-header .header-lower .options-box .option-inner:before {
position: absolute;
content: '';
left: -10px;
top: -10px;
bottom: -10px;
width: 110%;
background-color: #4359e9;
border-radius: 50px 50px 50px 50px;
}
.main-header .header-lower .options-box .option-inner {
position: relative;
padding-left: 70px;
}
.main-header .header-lower .options-box .option-inner .icon {
position: absolute;
left: 0px;
top: 0px;
color: #ffffff;
font-size: 50px;
line-height: 1em;
}
.main-header .header-lower .options-box .option-inner .number {
position: relative;
}
.main-header .header-lower .options-box .option-inner .number span {
position: relative;
display: block;
color: #ffffff;
margin-bottom: 3px;
text-transform: uppercase;
}
.main-header .header-lower .options-box .option-inner .number a {
position: relative;
font-weight: 800;
font-size: 22px;
color: #ffffff;
}
.main-header.header-style-three .header-lower .main-menu .navigation > li > a {
padding: 20px 0px;
}
.main-header.header-style-three .main-menu .navigation > li > a {
font-weight: 600;
}
.main-header.header-style-three .cart-box {
margin-top: 21px;
margin-left: 30px;
}
.main-header.header-style-three .search-box-btn {
margin-top: 22px;
padding-right: 50px;
}
.main-header.header-style-three .cart-box .cart-panel {
margin-top: 49px;
}
.header-style-three .sticky-header .search-box-btn {
padding-right: 0px;
margin-top: 22px !important;
}
.header-style-four {
position: relative;
}
/* Header Top */
.main-header .header-top-three {
position: relative;
padding: 14px 0px;
background-color: #222222;
}
.main-header .header-top-three .top-left {
position: relative;
float: left;
}
.main-header .header-top-three .info-list {
position: relative;
}
.main-header .header-top-three .info-list li {
position: relative;
color: #ffffff;
font-size: 16px;
margin-right: 30px;
display: inline-block;
}
.main-header .header-top-three .info-list li:last-child {
margin-right: 0px;
}
.main-header .header-top-three .info-list li .icon {
position: absolute;
left: 0px;
top: 0px;
color: #ffffff;
}
.main-header .header-top-three .info-list li a {
position: relative;
color: #ffffff;
padding-left: 28px;
font-weight: 500;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .header-top-three .info-list li a:hover {
}
.main-header .header-top-three .top-right {
position: relative;
}
.main-header .header-top-three .top-right .text {
position: relative;
color: #ffffff;
}
.main-header .info-box .social-nav {
position: relative;
margin-top: 4px;
}
.main-header .info-box .social-nav li {
position: relative;
margin-left: 8px;
display: inline-block;
}
.main-header .info-box .social-nav li a {
position: relative;
width: 40px;
height: 40px;
color: #222222;
line-height: 38px;
font-size: 16px;
text-align: center;
display: inline-block;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border: 1px solid #222222;
}
.main-header .info-box .social-nav li a:hover {
color: #ffffff;
background-color: #222222;
}
.header-style-four .header-upper {
padding-bottom: 40px;
padding-top: 8px;
}
.main-header.header-style-four .search-box-btn {
color: #ffffff;
}
.header-style-four .header-lower {
position: absolute;
left: 0px;
right: 0px;
bottom: -35px;
}
.header-style-four .header-lower .nav-outer {
position: relative;
width: 100%;
float: none;
padding-left: 30px;
background-color: #4359e9;
}
.header-style-four .main-menu .navigation > li > a {
color: #ffffff;
padding: 20px 0px;
}
.header-style-four .main-menu .navigation > li:hover > a, .header-style-four .main-menu .navigation > li.current > a {
color: #ffffff;
}
.header-style-four .header-lower .outer-box .advisor-box {
position: relative;
float: left;
}
.header-style-four .header-lower .outer-box .advisor-box .advisor-btn {
position: relative;
color: #ffffff;
font-size: 17px;
font-weight: 700;
line-height: 24px;
padding: 23px 32px 23px 32px;
background-color: #222222;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
text-transform: uppercase;
}
.header-style-four .header-lower .outer-box .advisor-box .advisor-btn:before {
position: absolute;
content: '';
left: -28px;
top: 0px;
border-top: 70px solid #222222;
border-left: 28px solid transparent;
}
.header-style-four .header-lower .outer-box {
padding: 0px;
}
.header-style-four .header-lower .outer-box .search-box-outer {
margin-right: 40px;
margin-top: 8px;
}
.header-style-five {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
}
.main-header.header-style-five .main-box .outer-container {
padding: 0px 0px;
}
.header-style-five .main-menu .navigation > li > a {
color: #ffffff;
}
.header-style-five .search-box-btn {
color: #ffffff;
}
.header-top-four {
position: relative;
border-bottom: 1px solid rgba(255,255,255,0.15);
}
.header-style-four .main-menu .navigation > li:before {
display: none;
}
.header-top-four .top-left {
position: relative;
float: left;
}
.header-top-four .top-left .links {
position: relative;
}
.header-top-four .top-left .links li {
position: relative;
margin-right: 18px;
padding: 13px 0px;
padding-right: 22px;
display: inline-block;
border-right: 1px solid rgba(255,255,255,0.25);
}
.header-top-four .top-left .links li:last-child {
border-right: none;
}
.header-top-four .top-left .links li a {
position: relative;
font-size: 15px;
font-weight: 400;
color: #ffffff;
}
.header-top-four .top-left .links li a .icon {
position: relative;
color: #ffffff;
margin-right: 10px;
}
.header-top-four .top-right {
position: relative;
float: right;
}
.header-top-four .top-right .social-icons {
position: relative;
float: left;
}
.header-top-four .top-right .social-icons li {
position: relative;
margin-left: 15px;
padding: 13px 0px;
display: inline-block;
}
.header-top-four .top-right .social-icons li a {
position: relative;
color: #ffffff;
font-size: 16px;
}
.header-top-four .top-right .cart-box {
position: relative;
float: left;
color: #ffffff;
font-size: 16px;
margin-top: 13px;
margin-right: 0px;
background: none;
margin-left: 18px;
display: inline-block;
}
.header-top-four .top-right .cart-box .cart-box-btn {
background: none;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.header-top-four .top-right .cart-box .cart-panel {
z-index: 999;
margin-top: 38px;
}
.header-top-four .top-right .cart-box .cart-box-btn:hover {
}
.header-style-six {
position: absolute;
left: 0px;
right: 0px;
}
.header-style-six .header-upper {
background: none;
}
.header-style-six .info-box ul li, .header-style-six .info-box strong {
color: #ffffff;
}
.header-style-six .header-upper .outer-box button {
cursor: pointer;
color: #ffffff;
background: none;
}
.main-header.header-style-six .header-upper .outer-box .nav-btn {
margin-top: -2px;
top: 0px;
}
.header-style-six .header-lower {
display: none;
}
/***
====================================================================
Hidden Sidebar style
====================================================================
***/
.hidden-bar {
position: fixed;
top: 0;
width: 305px;
height: 100%;
background: #272727;
z-index: 9999;
transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
-moz-transition: all 700ms ease;
}
.hidden-bar .mCSB_inside > .mCSB_container {
margin-right: 0px;
}
.hidden-bar.right-align {
right: -400px;
}
.hidden-bar.right-align.visible-sidebar {
right: 0px;
}
.hidden-bar.left-align {
left: 0px;
}
.hidden-bar .hidden-bar-closer {
position: absolute;
top: 10px;
right: 15px;
background: none;
color: #ffffff;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
z-index: 999999;
}
.hidden-bar .hidden-bar-closer:hover {
color: #414857;
}
.hidden-bar .hidden-bar-closer:hover .btn {
color: #ffffff;
}
.hidden-bar .hidden-bar-closer .btn {
background-color: transparent;
border: none;
color: #ffffff;
outline: none;
font-size: 14px;
}
.hidden-bar .social-icons {
text-align: center;
margin: 50px 0px 30px;
}
.hidden-bar .social-icons ul {
font-size: 0;
margin-left: -5px;
margin-right: -5px;
}
.hidden-bar .social-icons ul li {
display: inline-block;
padding: 0 5px;
}
.hidden-bar .social-icons ul li a {
display: block;
width: 36px;
height: 36px;
font-size: 16px;
line-height: 36px;
text-align: center;
background: #414857;
color: #ffffff;
border-radius: 5px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.hidden-bar .social-icons ul li a:hover {
background: #ffffff;
color: #414857;
}
.hidden-bar .logo {
padding: 40px 30px;
}
.hidden-bar .logo img {
display: inline-block;
max-width: 100%;
}
.hidden-bar .side-menu {
background-color: transparent;
padding: 0;
font-size: 13px;
letter-spacing: 1px;
}
.hidden-bar .side-menu ul li ul a {
background: transparent;
}
.hidden-bar .side-menu ul li ul li ul li a {
background: transparent;
}
.hidden-bar .side-menu a.current {
color: #ffffff;
}
.hidden-bar .side-menu ul li a {
background: transparent;
color: #ffffff;
display: block;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
border-top: 1px solid rgba(255,255,255,0.30);
border-bottom: 1px solid rgba(255,255,255,0.30);
padding: 10px 15px 10px 20px;
position: relative;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.hidden-bar .side-menu ul li a:hover, .hidden-bar .side-menu ul > li.current > a, .hidden-bar .side-menu ul > li > ul > li.current > a {
background: rgba(255,255,255,0.10);
color: #ffffff;
}
.hidden-bar .side-menu ul li a .btn.expander {
background: none;
color: #ffffff;
border: 1px solid rgba(255,255,255,0.80);
padding: 5px 10px;
font-size: 14px;
border-radius: 0px;
position: absolute;
top: 6px;
right: 20px;
width: 32px;
height: 32px;
outline: none;
}
/* Item Sorting */
.shop-section .items-sorting {
position: relative;
margin-bottom: 20px;
}
.shop-section .items-sorting .results-column, .shop-section .items-sorting .select-column {
margin-bottom: 20px;
}
.shop-section .items-sorting .results-column h6 {
font-size: 18px;
font-weight: 400;
color: #666666;
line-height: 24px;
padding: 13px 0px;
}
.shop-section .items-sorting .form-group {
margin-bottom: 0px;
}
.shop-section .items-sorting select {
position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 9px 20px 9px;
height: 50px;
font-size: 14px;
border: 1px solid #eeeeee;
cursor: pointer;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-o-appearance: none;
background: url(../images/icons/icon-select.png) right center no-repeat;
color: #666666;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.shop-section .items-sorting select option {
text-indent: 15px;
}
/*Shop Item*/
/****** Shop Style *********/
.single-product-item {
position: relative;
display: block;
transition: all 500ms ease;
margin-bottom: 50px;
}
.single-product-item .img-holder {
position: relative;
display: block;
overflow: hidden;
border-radius: 0px;
border: 4px solid #4359e9;
}
.single-product-item .img-holder::before {
background: rgba(255, 255, 255, 0.20);
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
content: "";
opacity: 0;
position: absolute;
z-index: 1;
transition: all 0.4s ease-in-out 0s;
}
.single-product-item:hover .img-holder::before {
opacity: 1;
}
.single-product-item .img-holder img {
transform: scale(1);
transition: all 0.7s ease 0s;
width: 100%;
}
.single-product-item:hover .img-holder img {
transform: scale(1.1);
}
.single-product-item .title-holder {
position: relative;
display: block;
background: #ffffff;
padding: 22px 0 18px;
-webkit-box-shadow: 0 2px 27px rgba(54,54,54,.13);
box-shadow: 0 2px 27px rgba(54,54,54,.13);
margin-left: 20px;
margin-right: 20px;
margin-top: -30px;
z-index: 9;
}
.single-product-item .title-holder .static-content {
position: relative;
display: block;
}
.single-product-item .title-holder .title {
position: relative;
display: block;
font-size: 16px;
line-height: 22px;
font-weight: 600;
padding: 0 0 3px;
}
.single-product-item .title-holder .title a {
color: #1b1b1b;
transition: all 500ms ease;
}
.single-product-item .title-holder .static-content span {
display: inline-block;
padding-right: 0px;
color: #666666;
}
.single-product-item .title-holder .static-content del {
position: relative;
display: inline-block;
color: #c2c2c2;
font-size: 16px;
font-weight: 700;
}
.single-product-item .title-holder .overlay-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #ffffff;
text-align: center;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all 700ms ease 300ms;
}
.single-product-item:hover .title-holder .overlay-content {
transform: scaleY(1);
-webkit-transform: scaleY(1);
transition: all 700ms ease 100ms;
}
.single-product-item .title-holder .overlay-content ul {
position: relative;
display: block;
padding: 23px 0 23px;
width: 153px;
margin: 0 auto;
transform: scale(0);
transition: all 700ms ease 100ms;
}
.single-product-item:hover .title-holder .overlay-content ul {
transform: scale(1);
transition: all 700ms ease 600ms;
}
.single-product-item .title-holder .overlay-content ul li {
position: relative;
display: inline-block;
float: left;
width: 51px;
text-align: center;
border-right: 1px solid #ededed;
}
.single-product-item .title-holder .overlay-content ul li:last-child {
border: none;
}
.single-product-item .title-holder .overlay-content ul li a {
position: relative;
display: block;
}
.single-product-item .title-holder .overlay-content ul li a span {
position: relative;
display: block;
}
.single-product-item .title-holder .overlay-content ul li a span:before {
position: relative;
display: block;
width: 100%;
height: 45px;
color: #666666;
font-size: 18px;
line-height: 45px;
margin: 0;
transition: all 500ms ease;
}
.single-product-item .title-holder .overlay-content ul li a:hover span:before {
color: #ffffff;
background: #666666;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content {
position: absolute;
left: -50%;
right: 0;
top: -25px;
margin-left: -15px;
opacity: 0;
visibility: hidden;
padding: 0;
text-align: center;
background-color: #0a0a0a;
transition: all 300ms ease 100ms;
z-index: 999;
min-width: 130px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content:before {
font-family: FontAwesome;
position: absolute;
left: 0;
bottom: -8px;
right: 0;
content: "\f0d7";
color: #0a0a0a;
font-size: 25px;
text-align: center;
line-height: 10px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content p {
color: #ffffff;
font-size: 14px;
line-height: 30px;
margin: 0;
}
.single-product-item .title-holder .overlay-content ul li a:hover .toltip-content {
top: -40px;
visibility: visible;
opacity: 1;
}
.shop-single-section {
position: relative;
padding-top: 100px;
padding-bottom: 90px;
z-index: 9;
background-color: #ffffff;
}
/*Product Details*/
.product-details .basic-details {
position: relative;
margin-bottom: 20px;
}
.product-details .image-column .image-carousel {
background-color: #eeeeee;
border-radius: 4px;
}
.product-details .image-column, .product-details .info-column {
margin-bottom: 50px;
}
.product-details .info-column .add-to-cart {
padding: 13px 43px;
font-size: 14px;
cursor: pointer;
margin-bottom: 10px;
margin-right: 10px;
}
.product-details .image-column .image-box img {
position: relative;
display: block;
width: 100%;
}
.product-details .image-column .thumbs-carousel {
margin-top: 20px;
}
.product-details .image-column .thumbs-carousel li {
background-color: #f2f2f2;
text-align: center;
padding: 0px 0px;
cursor: pointer;
}
.product-details .image-column .thumbs-carousel li img {
width: 100%;
display: inline-block;
}
.product-details .image-column .owl-dots, .product-details .image-column .owl-nav {
display: none;
}
.product-details .basic-details .details-header {
position: relative;
margin-bottom: 0px;
}
.product-details .basic-details .details-header h2 {
font-weight: 700;
margin: 0px 0px;
line-height: 1.4em;
color: #222222;
margin-bottom: 8px;
}
.product-details .basic-details .details-header h2 a {
color: #333333;
}
.product-details .basic-details .details-header .rating {
font-size: 16px;
margin-bottom: 25px;
display: inline-block;
}
.product-details .basic-details .details-header .rating span {
color: #4359e9;
}
.product-details .basic-details .details-header .rating .fa {
display: inline-block;
margin-right: 1px;
}
.product-details .basic-details .details-header .rating .fa.light {
color: #dadada;
}
.product-details .basic-details .details-header .item-price {
position: relative;
font-size: 24px;
font-weight: 400;
color: #222222;
line-height: 24px;
letter-spacing: 1px;
margin-bottom: 20px;
}
.product-details .basic-details .text {
position: relative;
color: #666666;
font-size: 14px;
line-height: 1.9em;
margin-bottom: 30px;
}
.product-details .basic-details .availablity {
position: relative;
float: left;
padding-right: 40px;
line-height: 32px;
margin-bottom: 27px;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
color: #777777;
}
.product-details .basic-details .availablity strong {
font-size: 14px;
letter-spacing: 2px;
color: #11da61;
font-weight: 600;
text-transform: uppercase;
}
.product-details .basic-details .item-quantity {
position: relative;
float: left;
width: 120px;
margin-bottom: 15px;
margin-right: 20px;
border: 1px solid #eae8e8;
}
.product-details .basic-details .btns-box {
position: relative;
}
.product-details .basic-details .quantity-spinner, .cart-section input.quantity-spinner {
line-height: 24px;
padding: 10px 15px !important;
height: 54px !important;
box-shadow: none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn, .cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn {
padding: 13px 10px;
background: #f4f5f6;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i, .cart-section .bootstrap-touchspin .input-group-btn-vertical i {
top: 1px;
}
.shop-list {
position: relative;
margin-top: 20px;
}
.shop-list li {
position: relative;
color: #666666;
font-size: 14px;
margin-bottom: 10px;
}
.shop-list li strong {
color: #222222;
font-size: 16px;
margin-right: 5px;
text-transform: uppercase;
}
.shop-list li a {
position: relative;
color: #4359e9;
font-size: 14px;
font-weight: 700;
margin-top: 0px;
display: inline-block;
text-transform: uppercase;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.shop-page .prod-tabs {
position: relative;
}
.shop-page .prod-tabs .tab-btns {
position: relative;
text-align: center;
margin-bottom: 40px;
}
.shop-page .prod-tabs .tab-btns .tab-btn {
position: relative;
display: block;
margin-right: 8px;
font-size: 16px;
background: none;
color: #222222;
border: 1px solid #222222;
text-transform: capitalize;
font-weight: 400;
line-height: 24px;
cursor: pointer;
margin-bottom: 12px;
display: inline-block;
padding: 12px 40px 10px;
transition: all 500ms ease;
}
.shop-page .prod-tabs .tab-btns .tab-btn:hover, .shop-page .prod-tabs .tab-btns .tab-btn.active-btn {
color: #ffffff;
background: #222222;
border-color: #222222;
}
.shop-page .prod-tabs .tabs-content {
position: relative;
}
.shop-page .prod-tabs .tabs-content .tab {
position: relative;
display: none;
}
.shop-page .prod-tabs .tabs-content .tab.active-tab {
display: block;
}
.shop-page .prod-tabs .tabs-content .tab p {
font-size: 14px;
line-height: 2em;
color: #666666;
margin-bottom: 20px;
}
.shop-page .prod-tabs .tabs-content .tab p:last-child {
margin-bottom: 0px;
}
.shop-page .prod-tabs .tabs-content .tab h3, .shop-page .prod-tabs .tabs-content .tab h4, .shop-page .prod-tabs .tabs-content .tab h5, .shop-page .prod-tabs .tabs-content .tab h6 {
margin-bottom: 15px;
}
.shop-page .prod-tabs .tabs-content .tab h4 {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: #222222;
}
.shop-page .prod-tabs .reviews-container {
position: relative;
padding-bottom: 1px;
}
.shop-page .prod-tabs .reviews-container .review-box {
position: relative;
margin-bottom: 30px;
padding-left: 120px;
min-height: 130px;
padding-bottom: 30px;
border-bottom: 1px solid #f0f0f0;
}
.shop-page .prod-tabs .reviews-container .review-box:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
border: none;
}
.bootstrap-touchspin .input-group-btn-vertical {
width: auto;
right: 0px;
position: absolute;
}
.bootstrap-touchspin .glyphicon-chevron-up:before {
content: "\f106";
font-size: 18px;
font-style: normal;
font-family: 'FontAwesome';
}
.bootstrap-touchspin .glyphicon-chevron-down:before {
content: "\f107";
font-size: 18px;
font-style: normal;
font-family: 'FontAwesome';
}
.shop-page .prod-tabs .reviews-container .rev-thumb {
position: absolute;
left: 0px;
top: 5px;
width: 100px;
height: 100px;
background: #ffffff;
border-radius: 3px;
margin-bottom: 20px;
}
.shop-page .prod-tabs .reviews-container .rev-thumb img {
display: block;
width: 100%;
border-radius: 3px;
}
.shop-page .prod-tabs .reviews-container .rev-content {
position: relative;
background: #ffffff;
}
.shop-page .prod-tabs .reviews-container .rev-header {
position: relative;
}
.shop-page .prod-tabs .reviews-container .rev-header h4 {
float: left;
line-height: 30px;
color: #222222;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 10px;
}
.shop-page .prod-tabs .reviews-container .rev-header .rating {
position: relative;
float: left;
margin-left: 40px;
color: #4359e9;
line-height: 30px;
font-size: 14px;
margin-bottom: 10px;
}
.shop-page .prod-tabs .reviews-container .rev-header .rating .fa {
margin-right: 3px;
}
.shop-page .prod-tabs .reviews-container .rev-header .time {
position: relative;
float: right;
color: #000000;
line-height: 30px;
font-size: 14px;
}
.shop-page .prod-tabs .reviews-container .rev-option {
font-size: 14px;
color: #9e9e9e;
}
.shop-page .prod-tabs .reviews-container .rev-option a {
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
}
.shop-page .prod-tabs .reviews-container .rev-text {
font-size: 14px;
color: #9e9e9e;
line-height: 1.8em;
margin-bottom: 15px;
}
/*Add Review*/
.shop-page .prod-tabs .add-review {
position: relative;
margin: 30px 0px 20px;
font-size: 14px;
}
.shop-page .prod-tabs .add-review h2 {
color: #000000;
}
.shop-page .prod-tabs .add-review .rating {
position: relative;
padding-top: 8px;
}
.shop-page .prod-tabs .add-review .rating .rate-box {
position: relative;
display: inline-block;
margin-right: 10px;
font-size: 14px;
color: #555555;
}
.shop-page .prod-tabs .add-review .rating .rate-box:hover, .shop-page .prod-tabs .add-review .rating .rate-box:focus, .shop-page .prod-tabs .add-review .rating .rate-box:active {
color: #4359e9;
}
.shop-page .prod-tabs .add-review label {
position: relative;
display: block;
font-size: 14px;
margin-bottom: 5px;
font-weight: 400;
color: #303030;
}
.shop-page .prod-tabs .add-review h3 {
margin-bottom: 20px;
}
.shop-page .prod-tabs .add-review .form-group {
position: relative;
margin-bottom: 20px;
}
.shop-page .prod-tabs .add-review .form-group input[type="text"], .shop-page .prod-tabs .add-review .form-group input[type="password"], .shop-page .prod-tabs .add-review .form-group input[type="tel"], .shop-page .prod-tabs .add-review .form-group input[type="email"], .shop-page .prod-tabs .add-review .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 22px;
padding: 9px 15px;
color: #222222;
border: 1px solid #e0e0e0;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.shop-page .prod-tabs .add-review .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 22px;
padding: 8px 15px;
color: #222222;
border: 1px solid #e0e0e0;
height: 150px;
resize: none;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.shop-page .prod-tabs .add-review button {
padding: 8px 35px;
}
/***
====================================================================
Cart Section style
====================================================================
***/
.cart-section {
position: relative;
z-index: 9;
background-color: #ffffff;
padding: 100px 0px 120px;
}
.cart-section .cart-outer {
position: relative;
}
.cart-section .table-outer {
position: relative;
width: 100%;
overflow-x: auto;
}
.cart-section .cart-table {
width: 100%;
min-width: 900px;
border: 1px solid #eeeeee;
}
.cart-section .cart-table tbody tr {
border-bottom: 1px solid #eeeeee;
}
.cart-table .cart-header {
position: relative;
width: 100%;
text-transform: uppercase;
font-size: 16px;
border-radius: 0px;
background: #4359e9;
color: #1f1f1f;
}
.cart-table thead tr th {
line-height: 24px;
padding: 10px 15px;
min-width: 120px;
font-weight: 600;
color: var(--black-color);
font-size: 16px;
text-transform: capitalize;
}
.cart-table thead tr th.prod-column {
text-align: left;
padding-left: 40px;
}
.cart-table tbody tr td {
line-height: 1.5;
padding: 10px;
min-width: 100px;
}
.cart-table tbody tr .qty {
width: 90px;
padding-right: 40px;
padding-left: 10px;
}
.cart-table tbody tr .qty .quantity-spinner {
background: #f5f5f5;
}
.cart-table tbody tr .prod-column .column-box {
position: relative;
/* min-height: 100px; */
padding-left: 63px;
padding-top: 40px;
text-align: left
}
td.total-price {
color: var(--header-color);
font-weight: 500 !important;
}
.column.default-column .cart-table tbody tr .qty {
width: 110px;
padding-right: 20px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb {
position: absolute;
width: 100px;
left: 0px;
top: 0px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img {
display: block;
max-width: 100%;
width: 50px;
}
.cart-table tbody tr .prod-column .column-box h6 {
color: #222222;
font-weight: 500;
margin-bottom: 5px;
}
.cart-table tbody tr .sub-total {
font-weight: 400;
color: #222222;
font-size: 18px;
padding-left: 20px;
}
.cart-table tbody tr .remove-btn {
position: relative;
font-size: 18px;
color: #4359e9;
display: inline-block;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.cart-table tbody tr .remove-btn .fa {
position: relative;
top: 2px;
font-size: 10px;
line-height: 14px;
width: 14px;
height: 14px;
margin-right: 8px;
background: #f0f0f0;
color: #ffffff;
text-align: center;
overflow: hidden;
text-indent: 100px;
}
.cart-table tbody tr .remove {
}
.cart-table tbody tr .remove-btn:hover {
}
.cart-table tbody tr .remove-btn:hover .fa {
text-indent: 0px;
}
.cart-table tbody tr td {
vertical-align: middle;
}
.cart-table tbody tr td.price {
font-size: 18px;
font-weight: 400;
color: #222222;
padding-left: 10px;
}
.cart-table tbody tr td .quantity-spinner {
padding: 5px 0px 5px 20px;
line-height: 24px;
height: 34px;
display: block;
width: 100%;
position: relative;
}
.cart-table tbody .available-info {
position: relative;
padding-left: 50px;
color: #727272;
font-size: 16px;
}
.cart-table tbody .available-info .icon {
position: absolute;
left: 0px;
top: 5px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 18px;
color: #ffffff;
background: #3e4494;
border-radius: 50%;
}
.cart-section .coupon-outer {
position: relative;
margin: 40px 0px 50px;
}
.cart-section .coupon-outer .cart-btn {
font-size: 14px;
padding: 14px 43px;
font-weight: 400;
cursor: pointer;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.cart-section .apply-coupon {
position: relative;
}
.cart-section .apply-coupon .form-group {
position: relative;
float: left;
margin-right: 20px;
}
.cart-section .apply-coupon .form-group .coupon-btn {
padding: 11px 28px;
line-height: 30px;
cursor: pointer;
}
.cart-section .apply-coupon .form-group input[type="text"] {
display: block;
line-height: 26px;
padding: 12px 0px;
border-bottom: 2px solid #4359e9;
height: 54px;
width: 230px;
background: none;
font-size: 14px;
}
.cart-section .estimate-form {
position: relative;
}
.cart-section .sec-title {
margin-bottom: 25px;
}
.cart-section .sec-title h2 {
font-size: 26px;
color: #222222;
}
.cart-section .estimate-form .row {
margin-left: -7px;
margin-right: -7px;
}
.cart-section .estimate-form .row .form-group {
padding: 0px 7px !important;
margin-bottom: 30px;
}
.cart-section .cart-note {
position: relative;
margin-bottom: 50px;
padding: 16px 20px;
text-align: center;
border: 1px dashed #b2dd4c;
background: #f4f4f4;
line-height: 1.7em;
}
.product-details .basic-details .item-quantity input[type="text"], .cart-table tbody tr .qty input[type="text"] {
position: relative;
line-height: 46px;
height: 46px;
background: #f4f4f4;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn {
height: 24px;
background: #e9e9e9;
}
.bootstrap-touchspin .input-group-btn-vertical i {
left: 6px;
top: 6px;
}
.cart-total-box {
position: relative;
max-width: 490px;
margin-bottom: 40px;
padding: 40px 40px 30px;
background-color: #f4f4f4;
}
.cart-total-box h4 {
position: relative;
color: #222222;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 25px;
}
.totals-table {
position: relative;
}
.totals-table li {
position: relative;
color: #222222;
font-weight: 500;
font-size: 18px;
margin-bottom: 8px;
}
.totals-table li .col {
float: right;
width: auto;
}
.totals-table li .col-title {
font-weight: 600;
float: left;
}
.checkout-btn {
color: var(--black-color);
font-size: 16px;
font-weight: 400;
padding: 17px 43px 14px;
cursor: pointer;
background-color: #4359e9;
}
/*Check Out Page*/
.checkout-page {
position: relative;
z-index: 9;
background-color: #ffffff;
padding: 100px 0px 80px;
}
.checkout-page .default-links {
position: relative;
margin-bottom: 40px;
}
.checkout-page .default-links li {
margin-bottom: 15px;
line-height: 24px;
padding: 18px 28px;
background: #f9f9f9;
color: #797979;
font-size: 17px;
font-weight: 600;
border: 1px solid #ebebeb;
}
.checkout-page .default-links li a {
color: #4359e9;
text-decoration: underline;
}
.shop-form .billing-inner {
position: relative;
padding-right: 100px;
}
.shop-form .sec-title h2 {
font-size: 24px;
}
.shop-form .form-group {
position: relative;
margin-bottom: 20px;
}
.billing-details .shop-form .sec-title {
margin-bottom: 20px;
}
.billing-details .shop-form .form-group.sec-title {
margin-bottom: 10px;
padding-bottom: 30px;
margin-top: 20px;
}
.shop-form .form-group .field-label {
display: block;
line-height: 24px;
margin-bottom: 8px;
color: #797979;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
}
.shop-form .form-group .field-label sup {
position: relative;
top: 0px;
color: #797979;
font-size: 16px;
}
.shop-form input[type="text"], .shop-form input[type="email"], .shop-form input[type="password"], .shop-form input[type="tel"], .shop-form input[type="number"], .shop-form input[type="url"], .shop-form select, .shop-form textarea {
position: relative;
display: block;
width: 100%;
background: #ffffff;
line-height: 16px;
padding: 10px 15px;
height: 50px;
border: 1px solid #eeeeee;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.shop-form input.address-two {
margin-top: 12px;
}
.shop-form input::-webkit-input-placeholder, .shop-form select::-webkit-input-placeholder, .shop-form textarea-webkit-input-placeholder {
color:#c6c6c6;
}
.shop-form select {
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
cursor: pointer;
}
.shop-form select option {
text-indent: 15px;
}
.shop-form textarea {
resize: none;
height: 100px !important;
overflow: hidden;
}
.shop-form input:focus, .shop-form select:focus, .shop-form textarea:focus {
border-color: #4359e9;
}
/* Shop Order Box */
.shop-order-box {
position: relative;
padding: 20px 28px 50px;
border: 1px solid #d9d9d9;
background-color: #fdfdfd;
}
.shop-order-box .order-list {
position: relative;
}
.shop-order-box .order-list li {
position: relative;
color: #797979;
font-size: 15px;
font-weight: 500;
margin-bottom: 12px;
text-transform: uppercase;
}
.shop-order-box .order-list li span {
float: right;
width: 35%;
text-align: left;
font-size: 17px;
text-transform: capitalize;
}
.shop-order-box .order-list li span.dark {
color: #242424;
}
.shop-order-box .order-list li.total {
padding: 8px 0px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
.payment-options {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
}
.checkout-page .payment-options li {
position: relative;
margin-bottom: 15px;
}
.checkout-page .payment-options li .radio-option {
position: relative;
}
.checkout-page .payment-options li .radio-option label {
position: relative;
display: block;
padding-left: 30px;
font-weight: 600 !important;
text-transform: capitalize;
letter-spacing: 1px;
color: #797979;
cursor: pointer;
font-size: 15px;
}
.checkout-page .payment-options li .radio-option label strong {
font-weight: 500;
display: inline-block;
color: #797979;
font-size: 15px;
}
.checkout-page .payment-options li .radio-option input[type="radio"] {
position: absolute;
left: 0px;
top: 3px;
}
.checkout-page .payment-options li .radio-option #payment-3 {
top: 9px;
}
.checkout-page .payment-options li .what-paypall {
font-size: 13px;
font-weight: 500;
margin-left: 15px;
color: #4349d9;
}
.checkout-page .payment-options li .radio-option label .small-text {
position: relative;
display: none;
padding: 18px 26px;
letter-spacing: 0px;
text-transform: none;
font-weight: normal;
font-size: 15px;
color: #8e8d8d;
border-radius: 4px;
line-height: 20px;
line-height: 1.8em;
margin-top: 20px;
margin-left: -30px;
background-color: #ececec;
}
.checkout-page .payment-options li .radio-option label .small-text:before {
position: absolute;
content: '';
left: 24px;
top: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 15px solid #ececec;
}
.checkout-page .payment-options li .radio-option input[type="radio"]:checked + label .small-text {
display: block;
}
.checkout-page .payment-options li .radio-option label img {
position: relative;
top: -3px;
display: inline-block;
max-width: 100%;
padding-left: 30px;
}
.checkout-page .payment-options li .radio-option label img {
position: relative;
display: inline-block;
max-width: 100%;
padding-left: 30px;
}
/***
====================================================================
Login / Register Section
====================================================================
***/
.register-section {
position: relative;
z-index: 9;
background-color: #ffffff;
padding: 60px 0px 40px;
}
.register-section .form-column {
margin-bottom: 40px;
}
.register-section .form-column .sec-title {
position: relative;
margin-bottom: 30px;
}
.register-section .form-column .sec-title h2 {
}
.styled-form {
position: relative;
}
.styled-form .submit-text {
font-size: 15px;
color: #9e9e9e;
font-weight: 400;
margin-top: 10px;
}
.styled-form .form-group {
position: relative;
margin-bottom: 30px;
font-size: 14px;
color: #848484;
}
.checkout-section .styled-form .form-group {
position: relative;
margin-bottom: 20px;
}
.styled-form .form-group .check-box {
line-height: 24px;
font-size: 15px;
font-weight: normal;
padding-top: 5px;
color: #272727;
}
.styled-form .form-group .check-box label {
position: relative;
top: -1px;
font-weight: normal;
padding: 0px;
font-size: 15px;
cursor: pointer;
}
.styled-form .pull-left label, .styled-form .pull-right label {
cursor: pointer;
}
.styled-form .form-group .adon-icon {
position: absolute;
top: 50%;
margin-top: -10px;
right: 10px;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 15px;
color: #999999;
z-index: 2;
}
.styled-form .form-group .field-label {
display: block;
color: #272727;
text-transform: capitalize;
font-size: 16px;
margin-bottom: 7px;
font-weight: 400;
}
.styled-form input[type="text"], .styled-form input[type="email"], .styled-form input[type="password"], .styled-form input[type="tel"], .styled-form input[type="number"], .styled-form input[type="url"], .styled-form select, .styled-form textarea {
position: relative;
display: block;
width: 100%;
background: #ffffff;
line-height: 30px;
padding: 8px 20px;
height: 50px;
border: 1px solid #f4f4f4;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.checkout-section .styled-form input[type="text"], .checkout-section .styled-form input[type="email"], .checkout-section .styled-form input[type="password"], .checkout-section .styled-form select {
line-height: 26px;
height: 44px;
}
.styled-form select {
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
cursor: pointer;
}
.styled-form select option {
text-indent: 20px;
}
.styled-form textarea {
resize: none;
height: 110px;
}
.styled-form input:focus, .styled-form select:focus, .styled-form textarea:focus {
border-color: #4359e9;
}
.styled-form .form-group .theme-btn {
min-width: 150px;
text-align: center;
padding: 11px 34px;
border-radius: 0px;
cursor: pointer;
}
.styled-form .remember-me {
position: relative;
color: #222222;
font-size: 16px;
font-weight: 500;
}
.social-links-two a {
position: relative;
display: inline-block;
font-size: 14px;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
color: #ffffff;
background: #fc721e;
margin: 0px 0px 0px 5px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.social-links-two a:hover {
opacity: 0.80;
}
.social-links-two .facebook {
background: #3b5998;
}
.social-links-two .twitter {
background: #33ccfe;
}
.social-links-two .google-plus {
background: #dd4b39;
}
.box-version.option-box {
display: none;
}
/***
====================================================================
Mobile Menu
====================================================================
***/
.nav-outer .mobile-nav-toggler {
position: relative;
float: right;
font-size: 36px;
line-height: 50px;
cursor: pointer;
color: #000000;
display: none;
}
.mobile-menu {
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right: 30px;
max-width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .nav-logo {
position: relative;
padding: 20px 20px;
text-align: left;
}
.mobile-menu .nav-logo img {
max-width: 200px;
}
.mobile-menu-visible {
overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
opacity: 1;
visibility: visible;
}
.mobile-menu .menu-backdrop {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,0.90);
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #ffffff;
padding: 0px 0px;
z-index: 5;
opacity: 0;
visibility: hidden;
border-radius: 0px;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.7s ease 500ms;
-moz-transition: all 0.7s ease 500ms;
-ms-transition: all 0.7s ease 500ms;
-o-transition: all 0.7s ease 500ms;
transition: all 0.7s ease 500ms;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .close-btn {
position: absolute;
right: 15px;
top: 15px;
line-height: 30px;
width: 30px;
text-align: center;
font-size: 14px;
color: #202020;
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.mobile-menu .close-btn:hover {
opacity: 0.50;
}
.mobile-menu .navigation {
position: relative;
display: block;
width: 100%;
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li {
position: relative;
display: block;
border-bottom: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul > li:last-child {
border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child {
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > a {
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: 15px;
color: #404040;
text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a {
color: #000000;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
position: absolute;
right: 0px;
top: 0px;
width: 44px;
height: 44px;
text-align: center;
font-size: 16px;
line-height: 44px;
color: #404040;
cursor: pointer;
z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after {
content: '';
position: absolute;
left: 0px;
top: 10px;
width: 1px;
height: 24px;
border-left: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul {
display: none;
}
.sticky-header .navbar-header {
display: none;
}
/***
====================================================================
Search Popup
====================================================================
***/
.search-popup {
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99;
margin-top: -540px;
transform: translateY(-100%);
background-color: rgba(0,0,0,0.90);
-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}
.sidenav-bar-visible .search-popup {
width: 80%;
}
/*.search-popup:before{
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 560px;
background-image: url(../images/icons/waves-shape.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-top: 0px;
content: "";
}*/
.search-active .search-popup {
transform: translateY(0%);
margin-top: 0;
}
.search-popup .close-search {
position: absolute;
left: 0;
right: 0;
top: 75%;
margin: 0 auto;
margin-top: -200px;
border-radius: 50%;
text-align: center;
background-color: #4359e9;
width: 70px;
cursor: pointer;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
border-bottom: 3px solid #ffffff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 0;
visibility: hidden;
}
.search-popup .close-search span {
position: relative;
display: block;
height: 70px;
width: 70px;
font-size: 30px;
line-height: 70px;
color: #ffffff;
}
.search-active .search-popup .close-search {
visibility: visible;
opacity: 1;
top: 50%;
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.search-popup form {
position: absolute;
max-width: 700px;
top: 50%;
left: 15px;
right: 15px;
margin: -35px auto 0;
transform: scaleX(0);
transform-origin: center;
background-color: #111111;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.search-active .search-popup form {
transform: scaleX(1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.search-popup .form-group {
position: relative;
margin: 0px;
overflow: hidden;
}
.search-popup .form-group input[type="text"], .search-popup .form-group input[type="search"] {
position: relative;
display: block;
font-size: 18px;
line-height: 50px;
color: #000000;
height: 70px;
width: 100%;
padding: 10px 30px;
background-color: #ffffff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
font-weight: 500;
text-transform: capitalize;
}
.search-popup .form-group input[type="submit"], .search-popup .form-group button {
position: absolute;
right: 30px;
top: 0px;
height: 70px;
line-height: 70px;
background: transparent;
text-align: center;
font-size: 24px;
color: #000000;
padding: 0;
cursor: pointer;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.search-popup .form-group input[type="submit"]:hover, .search-popup .form-group button:hover {
color: #000000;
}
.search-popup input::placeholder, .search-popup textarea::placeholder {
color:#000000;
}
.search-popup .close-search.style-two {
position: absolute;
right: 25px;
left: auto;
color: #ffffff;
width: auto;
height: auto;
top: 25px;
margin: 0px;
border: none;
background: none !important;
box-shadow: none !important;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.search-popup .close-search.style-two span {
font-size: 20px;
color: #ffffff;
}
.main-header .sticky-header .outer-box {
margin-left: 20px;
padding: 13px 0px;
}
.main-header .sticky-header .outer-box .cart-box {
color: #000000;
margin-top: 11px;
}
.main-header .sticky-header .outer-box .cart-box .cart-box-btn, .main-header .sticky-header .outer-box .cart-box .cart-box-btn:hover {
color: #000000;
}
.main-header .sticky-header .outer-box .cart-box .cart-box-btn .total-cart {
background-color: #4359e9;
}
.main-header .sticky-header .search-box-btn {
color: #000000;
margin-top: 11px;
}
.color-palate .option-box {
padding-top: 0px;
padding-bottom: 10px;
}
.color-palate .option-box > li {
position: relative;
color: #ffffff;
width: 40%;
margin: 0px 3px;
cursor: pointer;
margin-bottom: 9px;
padding: 6px 12px;
display: inline-block;
background-color: #4359e9;
text-transform: capitalize;
}
/***
====================================================================
Hidden Sidebar style
====================================================================
***/
.sidebar-info-contents {
position: relative;
}
.sidebar-info-contents .content-inner {
position: relative;
}
.sidebar-info-contents .content-inner .logo {
padding: 0px 0px 40px;
}
.sidebar-info-contents .content-inner .logo img {
display: inline-block;
max-width: 100%;
}
.sidebar-info-contents .content-inner .content-box {
position: relative;
}
.sidebar-info-contents .content-inner .content-box h2 {
position: relative;
font-size: 20px;
color: #ffffff;
font-weight: 500;
margin-bottom: 20px;
}
.sidebar-info-contents .content-inner .content-box .text {
position: relative;
font-size: 14px;
color: rgba(255,255,255,0.90);
margin-bottom: 25px;
}
.sidebar-info-contents .content-inner .contact-info {
position: relative;
margin-top: 60px;
}
.sidebar-info-contents .content-inner .contact-info h2 {
position: relative;
font-size: 20px;
color: #ffffff;
font-weight: 500;
margin-bottom: 20px;
}
.sidebar-info-contents .content-inner .social-box {
position: relative;
margin-top: 20px;
margin-bottom: 30px;
}
.sidebar-info-contents .content-inner .social-box li {
position: relative;
display: inline-block;
margin-right: 6px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.sidebar-info-contents .content-inner .social-box li a {
position: relative;
width: 36px;
height: 36px;
color: #222222;
z-index: 1;
font-size: 13px;
line-height: 36px;
text-align: center;
border-radius: 50%;
display: inline-block;
background-color: #ffffff;
}
.close-side-widget, .close-side-widget:hover {
color: #ffffff;
font-size: 24px;
}
.main-header .header-upper .outer-box .nav-btn {
position: relative;
float: left;
font-size: 25px;
color: #222222;
cursor: pointer;
margin-top: 19px;
margin-left: 25px;
}
.sticky-header .outer-box .nav-btn {
position: relative;
float: right;
font-size: 28px;
color: #000000;
cursor: pointer;
margin-top: 9px;
margin-left: 30px;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-toped {
position: fixed;
bottom: 15px;
right: 15px;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
line-height: 38px;
text-align: center;
z-index: 100;
cursor: pointer;
background: #222222;
display: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.scroll-to-toped:hover {
color: #ffffff;
background: #000000;
}
.waves {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 15vh;
margin-bottom: -8px;
min-height: 100px;
max-height: 150px;
}
.waves .content {
position: relative;
height: 20vh;
text-align: center;
background-color: white;
}
/***
====================================================================
Banner Section
====================================================================
***/
.banner-section {
position: relative;
overflow: hidden;
height: 100vh;
}
.banner-section .slide::before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 2;
background-color: rgba(255,255,255,0.35);
}
.banner-section .slide {
position: relative;
overflow: hidden;
padding-top: 200px;
/*padding-bottom:200px;*/height: 100%;
display: grid;
align-content: center;
}
.banner-section .patern-layer-one {
position: absolute;
left: 0px;
top: 0px;
width: 493px;
height: 492px;
z-index: 2;
opacity: 0;
transform: translateX(-500px);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.banner-section .active .patern-layer-one {
opacity: 1;
transform: translateX(0px);
}
.banner-section .patern-layer-two {
position: absolute;
right: 0px;
bottom: 0px;
width: 611px;
height: 633px;
z-index: 2;
background-position: right top;
background-repeat: no-repeat;
transform: translateX(500px);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.banner-section .active .patern-layer-two {
transform: translateX(00px);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.banner-section .content-column {
position: relative;
z-index: 10;
}
.banner-section .content-column .inner-column {
position: relative;
}
.banner-section .content-column .title {
position: relative;
color: #5d5d5d;
font-size: 24px;
line-height: 1.8em;
margin-bottom: 0px;
font-weight: 700;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section .active .content-column .title {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.banner-section .content-column h1 {
position: relative;
font-size: 50px;
color: #333;
font-weight: 700;
line-height: 1.1em;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section .active .content-column h1 {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.banner-section .content-column .text {
position: relative;
color: #ffffff;
font-size: 17px;
line-height: 1.9em;
margin-top: 30px;
margin-bottom: 30px;
font-weight: 400;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section .active .content-column .text {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.banner-section .content-column .btns-box {
margin-top: 35px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section .active .content-column .btns-box {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.banner-section .content-column .theme-btn {
margin-right: 15px;
}
.banner-section .owl-dots {
position: absolute;
left: 0px;
right: 0px;
bottom: 40px;
text-align: center;
}
.banner-section .owl-dots .owl-dot {
position: relative;
width: 30px;
height: 6px;
margin-bottom: 10px;
border-radius: 0px;
margin: 0px 5px;
display: inline-block;
background-color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.banner-section .owl-dots .owl-dot.active, .banner-section .owl-dots .owl-dot:hover {
background-color: #35d764;
}
.banner-section .owl-nav {
position: absolute;
left: 0px;
top: 50%;
z-index: 99999;
width: 100%;
opacity: 0;
margin-top: -10px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.banner-section:hover .owl-nav {
opacity: 1;
}
.banner-section .owl-nav .owl-prev {
position: absolute;
left: 20px;
width: 60px;
height: 60px;
color: #ffffff;
line-height: 56px;
font-size: 24px;
text-align: center;
border-radius: 50px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border: 2px solid rgba(255,255,255,0.60);
}
.banner-section .owl-nav .owl-next {
position: absolute;
right: 20px;
color: #ffffff;
font-size: 24px;
width: 60px;
height: 60px;
color: #ffffff;
line-height: 56px;
border-radius: 50px;
text-align: center;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border: 2px solid rgba(255,255,255,0.60);
}
.banner-section .owl-nav .owl-prev:hover, .banner-section .owl-nav .owl-next:hover {
color: #222222;
border-color: #ffffff;
background-color: #ffffff;
}
/***
====================================================================
About Section
====================================================================
***/
.about-section {
position: relative;
overflow: hidden;
padding: 110px 0px 100px;
}
.about-section .content-column {
position: relative;
margin-bottom: 40px;
}
.about-section .sec-title {
margin-bottom: 25px;
}
.about-section .content-column .inner-column {
position: relative;
padding-right: 30px;
}
.about-section .content-column .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
font-weight: 500;
margin-bottom: 40px;
}
.about-section .content-column .blocks-outer {
position: relative;
margin-bottom: 50px;
}
.feature-block {
position: relative;
margin-bottom: 35px;
}
.feature-block:last-child {
margin-bottom: 0px;
}
.feature-block .inner-box {
position: relative;
padding-left: 70px;
}
.feature-block .inner-box .icon {
position: absolute;
left: 0px;
top: 2px;
color: #4359e9;
font-size: 48px;
line-height: 1em;
}
.feature-block .inner-box h6 {
position: relative;
color: #35d764;
font-size: 18px;
font-weight: 600;
}
.feature-block .inner-box .feature-text {
position: relative;
color: #555555;
font-size: 16px;
margin-top: 5px;
}
.about-section .images-column {
position: relative;
margin-bottom: 40px;
}
.about-section .images-column .inner-column {
position: relative;
padding: 0px 0px 50px 0;
text-align: center;
background-position: center top;
background-repeat: no-repeat;
}
.about-section .images-column .learn {
position: relative;
color: #4359e9;
font-weight: 700;
font-size: 16px;
display: inline-block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.about-section .images-column .learn:hover {
color: #222222;
}
.about-section .images-column .learn .arrow {
position: relative;
margin-right: 8px;
top: 1px;
}
.about-section .images-column .pattern-layer {
position: absolute;
left: -70px;
top: -150px;
width: 645px;
height: 634px;
background-repeat: no-repeat;
}
.about-section .images-column .images-outer {
position: relative;
}
.about-section .images-column .image {
position: relative;
display: inline-block !important;
box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
}
.about-section .images-column .image-two {
position: absolute;
left: 0px !important;
top: auto !important;
bottom: 60px !important;
display: inline-block !important;
box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
}
.about-section .images-column .image-three {
position: absolute;
left: auto !important;
top: auto !important;
right: 0px !important;
bottom: -60px !important;
display: inline-block !important;
box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
}
.about-section .images-column .image-four {
position: absolute;
right: 10px !important;
left: auto !important;
top: 0px !important;
bottom: auto !important;
display: inline-block !important;
box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
}
/***
====================================================================
Featured Section
====================================================================
***/
.featured-section {
position: relative;
z-index: 1;
}
.feature-block-two {
position: relative;
margin-bottom: 30px;
}
.feature-block-two .inner-box {
position: relative;
padding: 35px;
background-size: cover;
}
/*.feature-block-two .inner-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color: rgba(0,96,255,0.85);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}*/
.feature-block-two .inner-box:hover::before {
background-color: rgba(0,96,255,0.70);
}
.feature-block-two .inner-box .number {
position: relative;
color: #ffffff;
font-size: 60px;
font-weight: 800;
line-height: 1em;
font-family: var(--main-font-family);
}
.feature-block-two .inner-box h4 {
position: relative;
color: #4359e9;
font-weight: 600;
line-height: 1.3em;
margin-top: 12px;
margin-bottom: 15px;
}
.feature-block-two .inner-box .text {
position: relative;
color: #333;
font-size: 16px;
line-height: 1.8em;
text-align: justify;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section {
position: relative;
padding: 240px 0px 250px;
background-color: #f5f5f5;
}
.services-section.margin-top {
margin-top: -165px;
}
.services-section .pattern-layer {
position: absolute;
right: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-repeat: no-repeat;
background-position: right top;
}
.service-block {
position: relative;
margin-bottom: 30px;
}
.service-block .inner-box {
position: relative;
text-align: center;
padding: 50px 30px 80px;
background-color: #ffffff;
border-radius: 0px 0px 15px 0px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.service-block .inner-box:hover {
border-radius: 0px 0px 0px 15px;
}
.service-block .inner-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background-image: -ms-linear-gradient(top, #131E39 0%, #015FFD 100%);
background-image: -moz-linear-gradient(top, #131E39 0%, #015FFD 100%);
background-image: -o-linear-gradient(top, #131E39 0%, #015FFD 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #131E39), color-stop(100, #015FFD));
background-image: -webkit-linear-gradient(top, #131E39 0%, #015FFD 100%);
background-image: linear-gradient(to bottom, #131E39 0%, #015FFD 100%);
}
.service-block .inner-box:hover::before {
opacity: 1;
border-radius: 0px 0px 0px 15px;
}
.service-block .inner-box .icon-box {
position: relative;
color: #000000;
font-size: 60px;
line-height: 1em;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.service-block .inner-box .icon-box .icon {
position: relative;
}
.service-block .inner-box:hover .text, .service-block .inner-box:hover h5 a, .service-block .inner-box:hover .icon-box {
color: #ffffff;
}
.service-block .inner-box h5 {
position: relative;
font-weight: 600;
line-height: 1.3em;
margin-top: 22px;
margin-bottom: 18px;
}
.service-block .inner-box h5 a {
position: relative;
color: #4359e9;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.service-block .inner-box .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.service-block .inner-box .arrow {
position: absolute;
left: 100%;
width: 50px;
height: 50px;
bottom: 0px;
color: #ffffff;
line-height: 50px;
font-size: 20px;
margin-left: -50px;
border-radius: 0px 0px 15px 0px;
background-color: #4359e9;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.service-block .inner-box:hover .arrow {
left: 0%;
margin-left: 0px;
}
.service-block .inner-box:hover .arrow {
border-radius: 0px 0px 0px 15px;
background-color: #ffffff;
color: #4359e9;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two {
position: relative;
overflow: hidden;
padding-bottom: 70px;
}
.services-section-two.margin-top {
margin-top: -170px;
}
.services-section-two .upper-box {
position: relative;
text-align: center;
border-radius: 15px;
margin-left: -115px;
margin-right: -115px;
padding: 100px 20px 180px;
background-color: #4359e9;
}
.services-section-two .upper-box .icon-one {
position: absolute;
left: 5%;
bottom: 10%;
width: 120px;
height: 120px;
background-repeat: no-repeat;
}
.services-section-two .upper-box .icon-two {
position: absolute;
left: 38%;
top: 10%;
width: 99px;
height: 119px;
background-repeat: no-repeat;
}
.services-section-two .upper-box .icon-three {
position: absolute;
right: 5%;
bottom: 15%;
width: 170px;
height: 170px;
background-repeat: no-repeat;
}
.services-section-two .inner-container {
margin-top: -180px;
}
/* Service Block Two */
.service-block-two {
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.service-block-two .inner-box {
position: relative;
overflow: hidden;
padding: 45px 45px;
border-radius: 6px;
background-color: #f5f5f5;
}
.service-block-two .inner-box .shape-one {
content: '';
width: 250px;
height: 250px;
background: #4359e9;
border-radius: 50%;
position: absolute;
top: -120px;
opacity: 0.4;
right: -120px;
transform: scale(0);
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block-two .inner-box:hover .shape-one {
transform: scale(1);
webkit-transition-delay: 300ms;
-ms-transition-delay: 300ms;
transition-delay: 300ms;
}
.service-block-two .inner-box .shape-two {
content: '';
width: 373px;
height: 373px;
background: #4359e9;
border-radius: 50%;
position: absolute;
top: -180px;
right: -180px;
z-index: 1;
opacity: 0;
transform: scale(0);
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block-two .inner-box:hover .shape-two {
opacity: 0.4;
transform: scale(1);
webkit-transition-delay: 600ms;
-ms-transition-delay: 600ms;
transition-delay: 600ms;
}
.service-block-two .inner-box:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 100%;
height: 50%;
opacity: 0;
background-color: #333;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-moz-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block-two .inner-box:hover::before {
height: 100%;
opacity: 1;
}
.service-block-two .inner-box .icon-box {
position: relative;
z-index: 2;
}
.service-block-two .inner-box .icon-box {
position: relative;
font-size: 65px;
line-height: 1em;
color: #4359e9;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block-two .inner-box .icon-box .icon {
position: relative;
}
.service-block-two .inner-box h5 {
position: relative;
z-index: 2;
color: #222222;
font-weight: 600;
line-height: 1.3em;
margin: 20px 0px 15px;
}
.service-block-two .inner-box h5 a {
position: relative;
color: #222222;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.service-block-two .inner-box h5 a:hover, .service-block-two .inner-box .read-more:hover {
color: #ff0303;
}
.service-block-two .inner-box .text {
position: relative;
color: #222222;
z-index: 2;
font-size: 16px;
line-height: 1.8em;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block-two .inner-box:hover .icon-box, .service-block-two .inner-box:hover h5 a, .service-block-two .inner-box:hover .text {
color: #ffffff;
}
/***
====================================================================
Call To Action Section
====================================================================
***/
.call-to-action-section {
position: relative;
overflow: hidden;
padding: 85px 0px;
background-color: #4359e9;
background-position: right center;
background-repeat: no-repeat;
}
.call-to-action-section .heading-column {
position: relative;
}
.call-to-action-section .heading-column .inner-column {
position: relative;
}
.call-to-action-section .heading-column h2 {
position: relative;
color: #ffffff;
line-height: 1.3em;
font-weight: 700;
}
.call-to-action-section .button-column {
position: relative;
}
.call-to-action-section .button-column .inner-column {
position: relative;
text-align: right;
padding-top: 20px;
}
/***
====================================================================
Cases Section
====================================================================
***/
.cases-section {
position: relative;
padding: 110px 0px 100px;
background-color: #f5f5f5;
}
.case-block {
position: relative;
margin-bottom: 30px;
}
.case-block .inner-box {
position: relative;
}
.case-block .inner-box .image {
position: relative;
}
.case-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.case-block .inner-box .image .overlay-box {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.case-block .inner-box:hover .overlay-box {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.case-block .inner-box .image .overlay-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #1C2C52 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #1C2C52 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #1C2C52 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #1C2C52));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #1C2C52 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #1C2C52 100%);
}
.case-block .inner-box .image .overlay-box .search-icon {
position: absolute;
left: 50%;
top: 50%;
width: 60px;
height: 60px;
color: #4359e9;
z-index: 1;
font-weight: 600;
font-size: 20px;
text-align: center;
line-height: 60px;
margin-left: -30px;
margin-top: -60px;
border-radius: 50px;
display: inline-block;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.case-block .inner-box .image .overlay-box .search-icon:hover {
background-color: #4359e9;
color: #ffffff;
}
.case-block .inner-box .image .overlay-box .content {
position: absolute;
left: 40px;
bottom: 40px;
z-index: 1;
}
.case-block .inner-box .image .overlay-box .content h4 {
position: relative;
line-height: 1.3em;
font-weight: 700;
}
.case-block .inner-box .image .overlay-box .content h4 a {
position: relative;
color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.case-block .inner-box .image .overlay-box .content h4 a:hover {
color: #4359e9;
}
.case-block .inner-box .image .overlay-box .content .category {
position: relative;
margin-top: 5px;
color: #ffffff;
}
.case-block .inner-box .image .overlay-box .arrow {
position: absolute;
right: 0px;
bottom: 0px;
color: #ffffff;
width: 60px;
height: 60px;
z-index: 1;
font-size: 22px;
text-align: center;
line-height: 60px;
background-color: #4359e9;
}
.cases-section .section-text {
position: relative;
margin-top: 25px;
color: #4359e9;
font-size: 18px;
font-weight: 600;
text-align: center;
margin-bottom: 30px;
}
/***
====================================================================
Sponsors Section
====================================================================
***/
.sponsors-section {
position: relative;
}
.sponsors-section:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
height: 50%;
background-color: #f5f5f5;
}
.sponsors-section .carousel-outer {
position: relative;
padding: 30px 30px;
border-radius: 10px;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.sponsors-section .owl-dots {
display: none;
}
.sponsors-section .owl-nav {
position: absolute;
left: -40px;
top: 15px;
right: -30px;
}
.sponsors-section .owl-nav .owl-prev {
position: absolute;
left: 0px;
width: 30px;
height: 100px;
color: #555555;
font-size: 20px;
text-align: center;
line-height: 98px;
margin-left: 10px;
border-radius: 50px;
display: inline-block;
border: 1px solid #555555;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
background-color: #ffffff;
}
.sponsors-section .owl-nav .owl-next {
position: absolute;
right: 0px;
width: 30px;
height: 100px;
color: #555555;
font-size: 20px;
text-align: center;
line-height: 98px;
margin-left: 10px;
border-radius: 50px;
display: inline-block;
border: 1px solid #555555;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
background-color: #ffffff;
}
.sponsors-section .owl-nav .owl-prev:hover, .sponsors-section .owl-nav .owl-next:hover {
color: #ffffff;
background-color: #555555;
border-color: #555555;
}
.sponsors-section .owl-carousel .owl-stage-outer {
padding: 20px 0px;
}
.sponsors-section .owl-theme .image-box {
margin: 0px 15px;
}
.sponsors-section .owl-carousel {
margin: 0px -15px;
width: auto;
}
.sponsors-section .image-box {
position: relative;
text-align: center;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.sponsors-section .image-box img {
position: relative;
display: inline-block;
width: auto;
max-width: 100%;
opacity: 0.4;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.sponsors-section .image-box img:hover {
opacity: 1;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.sponsors-section.style-two {
border-bottom: 1px solid #dddddd;
}
.sponsors-section.style-two .carousel-outer {
box-shadow: none;
padding-left: 0px;
padding-right: 0px;
}
.sponsors-section.style-two:before {
display: none;
}
.sponsors-section.style-two .owl-nav, .sponsors-section.style-two .owl-dots {
display: none;
}
.sponsors-section.style-three:before {
display: none;
}
.sponsors-section.style-three .sec-title .text {
font-size: 16px;
line-height: 1.8em;
margin-top: 40px;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section {
position: relative;
padding: 110px 0px 100px;
}
.testimonial-section .sec-title .text {
margin-top: 40px;
}
.testimonial-section .owl-carousel .owl-stage-outer {
padding: 20px 0px;
}
.testimonial-section .owl-theme .testimonial-block {
margin: 0px 15px;
}
.testimonial-section .owl-carousel {
margin: 0px -15px;
width: auto;
}
.testimonial-section .owl-nav {
display: none;
}
.testimonial-section .owl-dots {
position: relative;
text-align: right;
margin-top: 20px;
padding-right: 15px;
}
.testimonial-section .owl-dots .owl-dot {
position: relative;
width: 10px;
height: 5px;
margin-bottom: 10px;
border-radius: 0px;
margin-left: 10px;
display: inline-block;
background-color: #000055;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.testimonial-section .owl-dots .owl-dot.active, .testimonial-section .owl-dots .owl-dot:hover {
width: 30px;
background-color: #024ac2;
}
.testimonial-section .lower-text {
position: relative;
color: #555555;
font-size: 16px;
font-weight: 700;
}
.testimonial-section .lower-text a {
position: relative;
color: #024ac2;
}
.testimonial-block {
position: relative;
margin-bottom: 30px;
}
.testimonial-block .inner-box {
position: relative;
padding: 25px;
/*margin-left:20px;
margin-top:20px;*/
background-position: right top;
background-repeat: no-repeat;
background-color: #ffffff;
box-shadow: 0px 0px 20px rgba(0,0,0,0.07);
border: 2px solid #cbcbcb;
}
.testimonial-block .inner-box:before {
/*position:absolute;
content:'';
left:-20px;
top:-20px;
right:20px;
bottom:20px;
z-index:-1;
border:2px solid #cbcbcb;*/
}
.testimonial-block .inner-box .upper-box {
position: relative;
padding-top: 17px;/*padding-left:115px;*/
}
.testimonial-block .inner-box .upper-box .icon {
position: absolute;
left: 0px;
top: 0px;
}
.testimonial-block .inner-box .upper-box h4 {
position: relative;
color: #333;
font-weight: 600;
}
.testimonial-block .inner-box .upper-box .designation {
position: relative;
color: #555555;
font-size: 16px;
}
.testimonial-block .inner-box .text {
position: relative;
margin-top: 0px;
color: #555555;
font-size: 16px;
line-height: 1.9em;
font-weight: 500;
}
/***
====================================================================
Technology Section
====================================================================
***/
.technology-section {
position: relative;
padding: 110px 0px 70px;
}
.technology-section .title-column {
position: relative;
}
.technology-section .title-column .inner-column {
position: relative;
padding-top: 30px;
}
.technology-section:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(255,255,255,0.95);
}
.technology-section .pattern-layer-one {
position: absolute;
left: 0px;
top: 0px;
width: 50%;
height: 100%;
background-position: left top;
background-repeat: no-repeat;
}
.technology-section .pattern-layer-two {
position: absolute;
right: 0px;
top: 0px;
width: 50%;
height: 100%;
background-position: right top;
background-repeat: no-repeat;
}
.technology-section .blocks-column {
position: relative;
}
.technology-section .blocks-column .inner-column {
position: relative;
}
.technology-section .blocks-column .inner-column .technology-block:nth-child(4) {
margin-left: -100px;
}
.technology-block {
position: relative;
margin-bottom: 30px;
}
.technology-block .inner-box {
position: relative;
padding: 45px 15px;
text-align: center;
border-radius: 10px;
border: 1px dashed rgba(0,0,0,0.95);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.technology-block .inner-box .overlay-link {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
display: block;
z-index: 1;
}
.technology-block .inner-box .icon-box {
position: relative;
color: #4359e9;
font-size: 64px;
line-height: 1em;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.technology-block .inner-box:hover .icon-box {
transform: rotateY(180deg);
}
.technology-block .inner-box h6 {
position: relative;
color: #333;
font-weight: 600;
margin-top: 18px;
text-transform: uppercase;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.technology-block .inner-box p {
position: relative;
color: #333;
}
.technology-block .inner-box:hover {
border-color: #4359e9;
background-color: #fafafa;
}
.technology-block .inner-box:hover .icon-box {
color: #4359e9;
}
.technology-block .inner-box:hover h6 {
color: #000055;
}
.technology-block .inner-box:hover p {
color: #000055;
}
.technology-section.style-two .technology-block {
width: 20%;
padding: 0px 15px;
}
.technology-section.style-two .technology-block h6 {
text-transform: capitalize;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section {
position: relative;
padding: 110px 0px 70px;
}
.team-section .sec-title .text {
margin-top: 40px;
}
.team-section .team-block {
padding: 0px;
float: left;
}
.team-block {
position: relative;
margin-bottom: 30px;
}
.team-block .inner-box {
position: relative;
}
.team-block .inner-box .image {
position: relative;
overflow: hidden;
background-color: #4359e9;
}
.team-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.team-block .inner-box:hover .image img {
opacity: 0.80;
transform: scale(1.04, 1.04);
}
.team-block .inner-box .lower-box {
position: relative;
margin-left: 30px;
margin-right: 30px;
margin-top: -30px;
padding: 20px 20px;
text-align: right;
overflow: hidden;
background-color: #ffffff;
border-left: 2px solid #4359e9;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.team-block .inner-box .lower-box .content {
position: relative;
}
.team-block .inner-box .lower-box h5 {
position: relative;
font-weight: 700;
line-height: 1.3em;
}
.team-block .inner-box .lower-box h5 a {
position: relative;
color: #35d764;
}
.team-block .inner-box .lower-box .designation {
position: relative;
color: #555555;
font-size: 14px;
margin-top: 5px;
}
.team-block .inner-box .lower-box .social-box {
position: absolute;
left: -40px;
top: 0px;
width: 30px;
opacity: 0;
background-color: #4359e9;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.team-block .inner-box .lower-box .social-box li {
position: relative;
padding: 4.1px 0px;
text-align: center;
}
.team-block .inner-box .lower-box .social-box li a {
position: relative;
color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.team-block .inner-box .lower-box .social-box li a:hover {
color: #35d764;
}
.team-block .inner-box:hover .lower-box .social-box {
left: 0px;
opacity: 1;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section {
position: relative;
padding: 110px 0px 70px;
}
.news-block {
position: relative;
margin-bottom: 30px;
}
.news-block .inner-box {
position: relative;
}
.news-block .inner-box .image {
position: relative;
overflow: hidden;
background-color: #427cff;
}
.news-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block .inner-box:hover .image img {
opacity: 0.7;
transform: scale(1.04, 1.04);
}
.news-block .inner-box .lower-content {
position: relative;
padding-top: 30px;
}
.news-block .inner-box .lower-content .post-date {
position: relative;
color: #4359e9;
font-size: 30px;
font-weight: 800;
margin-bottom: 18px;
padding-bottom: 10px;
display: inline-block;
text-transform: uppercase;
border-bottom: 1px solid #cccccc;
}
.news-block .inner-box .lower-content .post-date span {
position: relative;
font-size: 14px;
color: #35d764;
}
.news-block .inner-box .lower-content .post-meta {
position: relative;
}
.news-block .inner-box .lower-content .post-meta li {
position: relative;
color: #427cff;
font-size: 16px;
margin-right: 10px;
font-weight: 600;
padding-left: 22px;
display: inline-block;
}
.news-block .inner-box .lower-content .post-meta li .icon {
position: absolute;
left: 0px;
top: 1px;
color: #35d764;
font-size: 15px;
margin-right: 6px;
}
.news-block .inner-box .lower-content h4 {
position: relative;
line-height: 1.4em;
font-weight: 700;
margin-top: 12px;
}
.news-block .inner-box .lower-content h4 a {
position: relative;
color: #35d764;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block .inner-box .lower-content h4 a:hover {
color: #4359e9;
}
.news-block .inner-box .lower-content .text {
position: relative;
line-height: 1.8em;
font-weight: 600;
margin-top: 12px;
color: #555555;
font-size: 16px;
margin-bottom: 12px;
}
.news-block .inner-box .lower-content .read-more {
position: relative;
line-height: 1.4em;
font-weight: 700;
margin-top: 12px;
color: #35d764;
font-size: 14px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: var(--main-font-family);
}
.news-block .inner-box .lower-content .read-more .arrow {
position: relative;
top: 1px;
font-size: 16px;
margin-left: 8px;
}
.news-block .inner-box .lower-content .read-more:hover {
color: #4359e9;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer {
position: relative;
padding: 30px 0px 0px;
background: -webkit-radial-gradient(circle farthest-corner at center center, #0246b7 0%, #131E3C 100%);
background: -moz-radial-gradient(circle farthest-corner at center center, #0246b7 0%, #131E3C 100%);
background: radial-gradient(circle farthest-corner at center center, #0246b7 0%, #131E3C 100%);
}
.main-footer.style-two {
background-image: none;
background-color: #35d764;
}
.main-footer .pattern-layer-one {
position: absolute;
left: 0px;
top: 0px;
width: 50%;
height: 100%;
background-position: left top;
background-repeat: no-repeat;
}
.main-footer .pattern-layer-two {
position: absolute;
right: 0px;
top: 0px;
width: 50%;
height: 100%;
background-position: right top;
background-repeat: no-repeat;
}
.main-footer .pattern-layer-three {
position: absolute;
left: 0px;
top: 0px;
width: 283px;
height: 100%;
background-position: left center;
background-repeat: no-repeat;
}
.main-footer .pattern-layer-four {
position: absolute;
right: 0px;
top: 0px;
width: 283px;
height: 100%;
background-position: left center;
background-repeat: no-repeat;
}
.main-footer .footer-widget {
position: relative;
z-index: 1;
margin-bottom: 0px;
}
.main-footer .widgets-section {
position: relative;
padding-bottom: 15px;
}
.main-footer .footer-widget h5 {
position: relative;
font-weight: 600;
color: #ffffff;
line-height: 1.2em;
margin-bottom: 25px;
padding-bottom: 20px;
text-transform: capitalize;
}
.main-footer .footer-widget h5:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
height: 1px;
width: 30px;
background-color: #ffffff;
}
.main-footer .logo-widget {
position: relative;
}
.main-footer .logo-widget .logo {
position: relative;
margin-bottom: 25px;
}
.main-footer .logo-widget .text {
position: relative;
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
margin-bottom: 25px;
}
.main-footer .logo-widget .social-box {
position: relative;
}
.main-footer .logo-widget .social-box li {
position: relative;
margin-right: 8px;
display: inline-block;
}
.main-footer .logo-widget .social-box li a {
position: relative;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 16px;
border-radius: 4px;
text-align: center;
line-height: 40px;
display: inline-block;
background-color: #4359e9;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .logo-widget .social-box li a.fa-facebook-f {
background: #5e82cd;
}
.main-footer .logo-widget .social-box li a.fa-twitter {
background: #1da1f2;
}
.main-footer .logo-widget .social-box li a.fa-linkedin {
background: #017ab3;
}
.main-footer .logo-widget .social-box li a.fa-instagram {
background: #eab03a;
}
.main-footer .logo-widget .social-box li a:hover {
background-color: #35d764;
}
/* List Link */
.list-link {
position: relative;
}
.list-link li {
position: relative;
margin-bottom: 2px;
}
.list-link li a {
position: relative;
color: var(--header-color);
font-size: 14px;
padding-left: 0px;
font-weight: 500;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.list-link li a:hover {
text-decoration: underline; color: var(--main-color);
}
.list-link li a:before {
position: absolute;
content: unset;
left: 0px;
top: -2px;
font-family: 'FontAwesome';
}
/* Recent Posts */
.main-footer .news-widget {
position: relative;
}
.main-footer .news-widget .post {
position: relative;
min-height: 100px;
padding-left: 95px;
margin-bottom: 20px;
border-bottom: 1px solid #0a337d;
}
.main-footer .news-widget .post:last-child {
margin-bottom: 0;
border: none;
min-height: auto;
}
.main-footer .news-widget .post .thumb {
position: absolute;
left: 0;
top: 0;
height: 80px;
width: 80px;
overflow: hidden;
}
.main-footer .news-widget .post .thumb a {
display: block;
}
.main-footer .news-widget .post .thumb img {
display: block;
width: 100%;
height: auto;
}
.main-footer .news-widget .post h6 {
position: relative;
color: #ffffff;
line-height: 1.6em;
font-weight: 600;
top: -4px;
font-size: 15px;
}
.main-footer .news-widget .post h6 a {
color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .news-widget .post h6 a:hover {
}
.main-footer .news-widget .post .date {
position: relative;
display: block;
font-size: 14px;
line-height: 1.3em;
color: #ffffff;
margin-top: 4px;
text-transform: capitalize;
}
.main-footer .contact-widget {
position: relative;
}
.main-footer .contact-widget ul {
position: relative;
}
.main-footer .contact-widget ul li {
position: relative;
color: #ffffff;
font-size: 16px;
padding-left: 60px;
margin-bottom: 28px;
line-height: 1.6em;
}
.main-footer .contact-widget ul li strong {
position: relative;
display: block;
}
.main-footer .contact-widget ul li .icon {
position: absolute;
left: 0px;
top: 4px;
font-size: 44px;
line-height: 1em;
color: #ffffff;
}
.main-footer .contact-widget ul li a {
position: relative;
color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .contact-widget ul li a:hover {
color: #4359e9;
}
.footer-widget h4 {
font-size: 18px;
color: var(--header-color);
font-weight: 600;
margin-bottom: 15px;
padding-bottom: 5px;
}
.footer-widget h4::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
background-color: var(--main-color);
width: 50px;
height: 2px;
}
.social-box li a {
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
background-color: #404040;
-webkit-box-shadow: 0 0 1.25rem rgb(108 118 134 / 10%);
box-shadow: 0 0 1.25rem rgb(108 118 134 / 10%);
text-align: center;
color: var(--secondarycolor);
;
border-radius: 50px;
-webkit-transition: var(--transition);
transition: var(--transition);
margin-right: 10px;
}
.social-box {
padding: 0;
margin-bottom: 0;
margin-top: 0px;
display: flex;
}
.back-b svg {
height: 50px;
}
.header-style-one .body-sect {
padding-top: 62px;
}
.main-footer .footer-bottom {
position: relative;
padding: 5px 0px;
border-top: 1px solid var(--header-color) !important;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.main-footer .footer-bottom .copyright {
position: relative;
color:var(--header-color);
font-size: 10px;
font-weight: 600;
}
.main-footer .footer-nav {
position: relative;
text-align: right;
}
.main-footer .footer-nav li {
position: relative;
padding-right: 14px;
margin-right: 14px;
line-height: 1em;
display: inline-block;
border-right: 2px solid #ffffff;
}
.main-footer .footer-nav li a {
position: relative;
color: #ffffff;
font-size: 15px;
font-weight: 500;
}
.main-footer .footer-nav li:last-child {
position: relative;
margin-right: 0px;
padding-right: 0px;
border: none;
}
.main-footer.style-two .logo-widget .social-box li a:hover {
background-color: #ffffff;
color: #35d764;
}
.main-footer.style-two .news-widget .post h6 a:hover, .main-footer.style-two .list-link li a:hover {
}
.main-footer.style-three {
background-image: none;
background-color: #35d764;
}
.main-footer.style-three .footer-bottom {
border: none;
background-color: #4359e9;
}
/***
====================================================================
Banner Section Two
====================================================================
***/
.banner-section-two {
position: relative;
padding: 250px 0px 0px;
background-color: #0e0a31;
}
.banner-section-two .pattern-layer-one {
position: absolute;
left: 0px;
top: 100px;
width: 825px;
height: 848px;
background-repeat: no-repeat;
}
.banner-section-two .pattern-layer-two {
position: absolute;
left: 0px;
bottom: -450px;
width: 100%;
height: 671px;
margin-left: -60px;
background-repeat: repeat-x;
}
.banner-section-two .pattern-layer-three {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 646px;
background-repeat: repeat-x;
}
.banner-section-two .content-column {
position: relative;
}
.banner-section-two .content-column .play-box {
position: relative;
color: #ffffff;
padding-left: 90px;
font-weight: 700;
font-size: 18px;
padding-top: 20px;
text-transform: uppercase;
font-family: var(--main-font-family);
}
.banner-section-two .content-column .video-box {
position: absolute;
left: 0px;
top: 0px;
width: 60px;
height: 60px;
color: #4359e9;
font-size: 18px;
text-align: center;
border-radius: 50px;
line-height: 60px;
display: inline-block;
float: left;
margin-right: 40px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(255,255,255,1);
}
.banner-section-two .content-column .video-box .overlay-box span {
position: absolute;
width: 60px;
height: 60px;
left: 50%;
top: 50%;
z-index: 99;
color: #ffffff;
font-weight: 400;
font-size: 16px;
text-align: center;
border-radius: 50%;
padding-left: 7px;
background-color: #ffffff;
display: inline-block;
margin-top: -30px;
margin-left: -30px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.banner-section-two .content-column .video-box .ripple, .banner-section-two .content-column .video-box .ripple:before, .banner-section-two .content-column .video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 60px;
width: 60px;
margin-left: .5px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.banner-section-two .content-column .video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.banner-section-two .content-column .video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.banner-section-two .content-column .inner-column {
position: relative;
padding-top: 150px;
padding-bottom: 60px;
}
.banner-section-two .content-column .title {
position: relative;
color: #ffffff;
font-size: 24px;
margin-bottom: 25px;
font-weight: 600;
text-transform: capitalize;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-two .active .content-column .title {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.banner-section-two .content-column h1 {
position: relative;
color: #ffffff;
font-size: 44px;
font-weight: 800;
line-height: 1.3em;
font-family: var(--main-font-family);
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-two .active .content-column h1 {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.banner-section-two .content-column .text {
position: relative;
color: #ffffff;
font-weight: 400;
line-height: 1.7em;
font-size: 18px;
margin-top: 25px;
margin-bottom: 35px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-two .active .content-column .text {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.banner-section-two .content-column .play-box {
margin-top: 35px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-two .active .content-column .play-box {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.banner-section-two .image-column {
position: relative;
}
.banner-section-two .image-column .inner-column {
position: relative;
text-align: right;
}
.banner-section-two .image-column .image {
position: relative;
transform: scaleX(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-two .active .image-column .image {
opacity: 1;
transform: scaleX(1);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.banner-section-two .image-column .image img {
position: relative;
}
.banner-section-two .owl-dots {
position: absolute;
right: 110px;
top: 50%;
display: none;
}
.banner-section-two .owl-dots .owl-dot {
position: relative;
width: 16px;
height: 16px;
margin-bottom: 10px;
border-radius: 50px;
background-color: #ffffff;
margin-bottom: 10px;
}
.banner-section-two .owl-dots .owl-dot:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0;
border-radius: 50px;
border: 3px solid #cc2b5e;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.banner-section-two .owl-dots .owl-dot.active:before, .banner-section-two .owl-dots .owl-dot:hover::before {
opacity: 1;
}
.banner-section-two .owl-nav {
position: absolute;
left: 0px;
top: 50%;
z-index: 1;
width: 100%;
opacity: 0;
margin-top: -10px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.banner-section-two:hover .owl-nav {
opacity: 1;
}
.banner-section-two .owl-nav .owl-prev {
position: absolute;
left: 20px;
width: 60px;
height: 60px;
color: #ffffff;
line-height: 56px;
font-size: 24px;
text-align: center;
border-radius: 50px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border: 2px solid rgba(255,255,255,0.60);
}
.banner-section-two .owl-nav .owl-next {
position: absolute;
right: 20px;
color: #ffffff;
font-size: 24px;
width: 60px;
height: 60px;
color: #ffffff;
line-height: 56px;
border-radius: 50px;
text-align: center;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border: 2px solid rgba(255,255,255,0.60);
}
.banner-section-two .owl-nav .owl-prev:hover, .banner-section-two .owl-nav .owl-next:hover {
color: #4359e9;
border-color: #ffffff;
background-color: #ffffff;
}
/***
====================================================================
Experiance Section
====================================================================
***/
.experiance-section {
position: relative;
padding: 110px 0px 110px;
background-position: center center;
background-repeat: no-repeat;
}
.experiance-tabs {
position: relative;
margin-top: 50px;
}
.experiance-tabs .tab-btns {
position: relative;
text-align: center;
margin-bottom: 25px;
}
.experiance-tabs .tab-btns .tab-btn {
position: relative;
z-index: 1;
width: 210px;
height: 210px;
display: block;
font-size: 18px;
background: none;
color: #0e0a31;
font-weight: 800;
line-height: 24px;
cursor: pointer;
overflow: hidden;
text-align: center;
margin: 0px 10px 30px;
display: inline-block;
padding: 45px 0px 20px;
border-radius: 12px;
transition: all 500ms ease;
border: 1px solid #cccccc;
text-transform: uppercase;
background-color: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.experiance-tabs .tab-btns .tab-btn:before {
position: absolute;
content: '';
left: -1px;
top: -1px;
right: -1px;
bottom: -1px;
z-index: -1;
opacity: 0;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background: -webkit-radial-gradient(circle farthest-corner at center center, #0246b7 0%, #131E3C 100%);
background: -moz-radial-gradient(circle farthest-corner at center center, #0246b7 0%, #131E3C 100%);
background: radial-gradient(circle farthest-corner at center center, #0246b7 0%, #131E3C 100%);
}
.experiance-tabs .tab-btns .tab-btn .icon {
position: relative;
display: block;
color: #146cff;
font-size: 74px;
font-weight: 300;
line-height: 1em;
margin-bottom: 15px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.experiance-tabs .tab-btns .tab-btn.active-btn .icon, .experiance-tabs .tab-btns .tab-btn:hover .icon {
color: #ffffff;
}
.experiance-tabs .tab-btns .tab-btn:hover::before, .experiance-tabs .tab-btns .tab-btn.active-btn::before {
opacity: 1;
}
.experiance-tabs .tab-btns .tab-btn:hover, .experiance-tabs .tab-btns .tab-btn.active-btn {
color: #ffffff;
border-color: #0d103e;
}
.experiance-tabs .tabs-content {
position: relative;
text-align: center;
}
.experiance-tabs .tabs-content .tab {
position: relative;
display: none;
}
.experiance-tabs .tabs-content .tab.active-tab {
display: block;
}
.experiance-tabs .tabs-content h4 {
position: relative;
color: #4359e9;
font-weight: 600;
margin-bottom: 10px;
}
.experiance-tabs .tabs-content .text {
position: relative;
color: #222222;
font-weight: 600;
font-size: 16px;
line-height: 1.9em;
margin-bottom: 45px;
}
/***
====================================================================
Counter Section
====================================================================
***/
.counter-section {
position: relative;
overflow: hidden;
z-index: 1;
}
.counter-section .inner-container {
position: relative;
padding: 60px 0px 30px 60px;
}
.counter-section .inner-container:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: -200px;
bottom: 0px;
border-radius: 15px;
background-color: #e7f0ff;
}
/* Fact Counter */
.fact-counter {
position: relative;
}
.fact-counter .column {
position: relative;
margin-bottom: 30px;
}
.fact-counter .column .inner {
position: relative;
}
.fact-counter .column .inner .content {
position: relative;
text-align: center;
}
.fact-counter .column .inner .icon {
position: absolute;
left: 0px;
top: 10px;
color: #bbbbbb;
font-size: 60px;
text-align: center;
line-height: 1em;
font-weight: 400;
margin-bottom: 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.fact-counter .count-outer .percentage {
display: inline-block;
font-weight: 600;
color: #ffffff;
font-size: 54px;
line-height: 1em;
}
.fact-counter .column .inner .count-outer {
position: relative;
font-weight: 600;
color: #0e0a31;
font-size: 48px;
line-height: 1em;
font-weight: 700;
font-family: var(--main-font-family);
}
.fact-counter .column .inner .counter-title {
position: relative;
font-size: 16px;
font-weight: 600;
margin-top: 10px;
color: #4359e9;
}
/***
====================================================================
About Section Two
====================================================================
***/
.about-section-two {
position: relative;
margin-top: -100px;
background-attachment: fixed;
background-size: cover;
padding-bottom: 80px;
}
.about-section-two:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0,96,255,0.70);
}
.about-section-two .image-column {
position: relative;
margin-bottom: 40px;
}
.about-section-two .image-column .inner-column {
position: relative;
padding: 0px 90px 90px;
}
.about-section-two .image-column .inner-column .circle-layer {
position: absolute;
left: 0px;
bottom: 0px;
width: 650px;
height: 650px;
background-repeat: no-repeat;
}
.about-section-two .image-column .inner-column .image {
position: relative;
overflow: hidden;
border: 15px solid #ffffff;
border-radius: 0px 0px 250px 250px;
}
.about-section-two .image-column .inner-column .image img {
position: relative;
width: 100%;
display: block;
}
.about-section-two .skill-column {
position: relative;
margin-bottom: 40px;
}
.about-section-two .skill-column .inner-column {
position: relative;
padding-top: 180px;
}
.about-section-two .skill-column .sec-title {
margin-bottom: 30px;
}
.about-section-two .skill-column .sec-title .text {
font-size: 16px;
}
/* Skills Section */
.about-section-two .skill-column .skills {
margin-bottom: 40px;
}
.skills .skill-item {
position: relative;
margin-bottom: 25px;
}
.skills .skill-item:last-child {
margin-bottom: 0px;
}
.skills .skill-item .skill-bar {
position: relative;
width: 100%;
height: 5px;
}
.skills .skill-item .skill-bar .bar-inner {
position: relative;
width: 100%;
height: 5px;
background: #ffffff;
}
.skills .skill-item .skill-bar .bar-inner .bar:before {
position: absolute;
content: '';
right: -6px;
top: -4px;
width: 12px;
height: 12px;
border: 1px solid #ffffff;
background-color: #0e0a31;
}
.skills .skill-item .skill-bar .bar-inner .bar {
position: absolute;
left: 0px;
top: 0px;
height: 5px;
width: 0px;
border-bottom: 5px solid #0e0a31;
-webkit-transition: all 2000ms ease;
-ms-transition: all 2000ms ease;
-o-transition: all 2000ms ease;
-moz-transition: all 2000ms ease;
transition: all 2000ms ease;
}
.skills .skill-item .skill-header {
position: relative;
margin-bottom: 12px;
}
.skills .skill-item .skill-header .skill-title {
position: relative;
float: left;
color: #ffffff;
font-size: 16px;
font-weight: 700;
line-height: 1.4em;
text-transform: capitalize;
}
.skills .skill-item .skill-header .skill-percentage {
position: relative;
float: right;
font-weight: 700;
color: #ffffff;
font-size: 16px;
text-transform: uppercase;
}
/***
====================================================================
Process Section
====================================================================
***/
.process-section {
position: relative;
padding: 30px 0px 50px;
background: var(--body-color);
}
.process-section .pattern-layer-one {
position: absolute;
right: 0px;
top: 0px;
width: 911px;
height: 579px;
background-repeat: no-repeat;
}
.process-section .pattern-layer-two {
position: absolute;
left: 0px;
bottom: 0px;
width: 722px;
height: 579px;
background-repeat: no-repeat;
}
.process-block {
position: relative;
}
.process-block .inner-box {
position: relative;
padding: 0px 30px 40px;
}
.process-block .inner-box:before {
position: absolute;
content: '';
left: 0px;
top: 35px;
right: 0px;
bottom: 60px;
z-index: -1;
border: 1px solid #cccccc;
background-color: var(--body-color);
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.process-block .inner-box:hover::before {
bottom: 0px;
}
.process-block .inner-box .number-box {
position: relative;
width: 70px;
height: 70px;
color: #ffffff;
text-align: center;
border-radius: 50px;
line-height: 72px;
font-size: 30px;
font-weight: 800;
margin-bottom: 30px;
display: inline-block;
background-color: #e1e1e1;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.process-block .inner-box:hover .number-box {
background-color: #4359e9;
}
.process-block .inner-box .number-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
border-radius: 50%;
background-color: #e1e1e1;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.process-block .inner-box:hover .number-box:before {
transform: translateX(5px) translateY(5px);
}
.process-block .inner-box h4 {
position: relative;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 15px;
font-size: 20px;
}
.process-block .inner-box h4 a {
position: relative;
color: #35d764;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.process-block .inner-box h4 a:hover {
color: #4359e9;
}
.process-block .inner-box .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
font-weight: 600;
margin-bottom: 20px;
}
.process-block .inner-box .read-more {
position: relative;
color: #4359e9;
font-size: 16px;
font-weight: 600;
opacity: 0;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: var(--main-font-family);
}
.process-block .inner-box .read-more .arrow {
position: relative;
margin-right: 10px;
}
.process-block .inner-box:hover .read-more {
opacity: 1;
}
/***
====================================================================
Team Section Two
====================================================================
***/
.team-section-two {
position: relative;
padding: 110px 0px 80px;
}
.team-section-two .sec-title .text {
margin-top: 40px;
}
.team-block-two {
position: relative;
margin-bottom: 30px;
}
.team-block-two .inner-box {
position: relative;
}
.team-block-two .inner-box .image {
position: relative;
overflow: hidden;
background-color: #4359e9;
border-radius: 0px 0px 150px 150px;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.team-block-two .inner-box:hover .image {
border-radius: 150px 150px 0px 0px;
}
.team-block-two .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.team-block-two .inner-box:hover .image img {
opacity: 0.80;
transform: scale(1.04, 1.04);
}
.team-block-two .inner-box .lower-box {
position: relative;
margin-top: -30px;
padding: 20px 20px 25px;
text-align: center;
border-radius: 50px;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.team-block-two .inner-box .lower-box .content {
position: relative;
}
.team-block-two .inner-box .lower-box h5 {
position: relative;
font-weight: 700;
line-height: 1.3em;
}
.team-block-two .inner-box .lower-box h5 a {
position: relative;
color: #35d764;
}
.team-block-two .inner-box .lower-box .designation {
position: relative;
color: #555555;
font-size: 14px;
margin-top: 5px;
}
.team-block-two .inner-box .lower-box .social-box {
position: absolute;
left: 50%;
opacity: 0;
bottom: -17px;
padding: 5px 16px;
border-radius: 50px;
display: inline-block;
background-color: #4359e9;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transform: translateX(-50%);
}
.team-block-two .inner-box .lower-box .social-box li {
position: relative;
padding: 0px 6px;
text-align: center;
display: inline-block;
}
.team-block-two .inner-box .lower-box .social-box li a {
position: relative;
color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.team-block-two .inner-box .lower-box .social-box li a:hover {
color: #35d764;
}
.team-block-two .inner-box:hover .lower-box .social-box {
opacity: 1;
}
/***
====================================================================
Appointment Section Two
====================================================================
***/
.appointment-section {
position: relative;
padding-top: 100px;
}
.appointment-section.style-two {
padding-bottom: 110px;
}
.appointment-section .image-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
height: 700px;
background-size: cover;
background-repeat: no-repeat;
}
.appointment-section .image-layer:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0,96,255,0.90);
}
.appointment-section .inner-container {
position: relative;
z-index: 1;
padding: 65px 0px;
}
.appointment-section .inner-container:before {
position: absolute;
content: '';
left: 250px;
top: 0px;
right: 0px;
bottom: 0px;
border-radius: 10px;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
.appointment-section .image-column {
position: relative;
}
.appointment-section .image-column .inner-column {
position: relative;
text-align: center;
padding-left: 60px;
}
.appointment-section .image-column .inner-column .image {
position: relative;
border-radius: 7px;
overflow: hidden;
}
.appointment-section .image-column .inner-column .image img {
width: 100%;
display: block;
}
.appointment-section .form-column {
position: relative;
}
.appointment-section .form-column .inner-column {
position: relative;
padding-right: 45px;
padding-top: 0px;
padding-left: 20px;
}
.appointment-section .form-column h4 {
position: relative;
color: #35d764;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 30px;
}
/* Appointment Form */
.appointment-form {
position: relative;
z-index: 1;
}
.appointment-form .form-group {
position: relative;
margin-bottom: 25px;
}
.ui-selectmenu-button.ui-button, .appointment-form .form-group input[type="text"], .appointment-form .form-group input[type="email"], .appointment-form .form-group input[type="tel"], .appointment-form .form-group input[type="url"], .appointment-form .form-group textarea, .appointment-form .form-group select {
position: relative;
display: block;
width: 100%;
font-size: 14px;
line-height: 20px;
color: #888888;
font-weight: 400;
padding: 14px 22px;
border-radius: 4px;
z-index: 1;
height: 60px;
border: 1px solid #d7d7d7;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.appointment-form .form-group input:focus, .appointment-form .form-group select:focus, .appointment-form .form-group textarea:focus {
border-color: #4359e9;
}
.appointment-form .form-group textarea {
height: 150px;
resize: none;
border-radius: 4px;
}
.appointment-form .form-group input[type="submit"], .appointment-form button {
margin-top: 15px;
}
.appointment-form .form-group input[type="submit"]:hover, .appointment-form button:hover {
opacity: .95;
}
.appointment-form .form-group .icon {
position: absolute;
right: 15px;
top: 5px;
height: 50px;
width: 50px;
z-index: 1;
line-height: 50px;
text-align: center;
font-size: 18px;
color: #4359e9;
}
.news-section-two {
position: relative;
padding: 110px 0px 110px;
}
.news-section-two .owl-dots {
position: relative;
display: none;
}
.news-section-two .owl-nav {
position: absolute;
right: 0px;
top: -90px;
}
.news-section-two .owl-nav .owl-prev, .news-section-two .owl-nav .owl-next {
position: relative;
width: 50px;
height: 50px;
color: #35d764;
font-size: 22px;
border-radius: 3px;
line-height: 44px;
text-align: center;
margin-left: 15px;
display: inline-block;
border: 2px solid #35d764;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.news-section-two .owl-nav .owl-prev:hover, .news-section-two .owl-nav .owl-next:hover {
background-color: #35d764;
border-color: #35d764;
color: #ffffff;
}
.news-section-two .inner-container {
position: relative;
padding-right: 0px;
}
.news-block-two {
position: relative;
}
.news-block-two .inner-box {
position: relative;
}
.news-block-two .inner-box .image-column {
position: relative;
}
.news-block-two .inner-box .image-column .post-date {
position: absolute;
left: -35px;
bottom: 25px;
color: #ffffff;
width: 70px;
height: 70px;
font-size: 24px;
text-align: center;
font-weight: 800;
z-index: 1;
padding-top: 14px;
background-color: #4359e9;
}
.news-block-two .inner-box .image-column .post-date span {
display: block;
font-size: 14px;
font-weight: 600;
}
.news-block-two .inner-box .image-column .inner-column {
position: relative;
}
.news-block-two .inner-box .image-column .image {
position: relative;
background-color: #4359e9;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.news-block-two .inner-box .image-column .image img {
position: relative;
width: 100%;
display: block;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.news-block-two .inner-box:hover .image-column .image img {
opacity: 0.8;
}
.news-block-two .inner-box .content-column {
position: relative;
}
.news-block-two .inner-box .content-column .inner-column {
position: relative;
}
.news-block-two .inner-box .content-column h4 {
position: relative;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 20px;
}
.news-block-two .inner-box .content-column h4 a {
position: relative;
color: #35d764;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.news-block-two .inner-box .content-column h4 a:hover {
color: #4359e9;
}
.news-block-two .inner-box .content-column .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
font-weight: 600;
margin-bottom: 25px;
}
.news-block-two .inner-box .content-column .post-meta {
position: relative;
padding-top: 15px;
margin-bottom: 35px;
border-top: 1px solid #cccccc;
}
.news-block-two .inner-box .content-column .post-meta li {
position: relative;
color: #222222;
font-size: 16px;
margin-right: 15px;
font-weight: 600;
display: inline-block;
}
.news-block-two .inner-box .content-column .post-meta li .icon {
position: relative;
top: 1px;
color: #4359e9;
font-size: 15px;
margin-right: 8px;
}
/***
====================================================================
Banner Section Three
====================================================================
***/
.banner-section-three {
position: relative;
overflow: hidden;
}
.banner-section-three .color-layer {
position: absolute;
right: 0px;
top: 0px;
width: 70%;
height: 100%;
z-index: 1;
background: #ffffff;
background: -webkit-linear-gradient(to right, rgba(255,255,255,0) 0%, #35d764 100%);
background: -moz-linear-gradient(to right, rgba(255,255,255,0) 0%, #35d764 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, #35d764 100%);
}
.banner-section-three .slide {
position: relative;
overflow: hidden;
padding-top: 300px;
padding-bottom: 280px;
}
.banner-section-three .pattern-layer-one {
position: absolute;
right: 0px;
top: 0px;
width: 728px;
height: 976px;
z-index: 10;
opacity: 0;
transform: translateX(500px);
background-position: right top;
background-repeat: no-repeat;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.banner-section-three .active .pattern-layer-one {
opacity: 1;
transform: translateX(0px);
}
.banner-section-three .content-column {
position: relative;
z-index: 10;
}
.banner-section-three .content-column .inner-column {
position: relative;
max-width: 580px;
width: 100%;
float: right
}
.banner-section-three .content-column h1 {
position: relative;
color: #ffffff;
font-weight: 700;
line-height: 1.1em;
opacity: 0;
font-size: 60px;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-three .active .content-column h1 {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.banner-section-three .content-column .text {
position: relative;
color: #ffffff;
font-size: 24px;
line-height: 1.6em;
margin-top: 30px;
margin-bottom: 30px;
font-weight: 500;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-three .active .content-column .text {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.banner-section-three .content-column .button-box {
margin-top: 35px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-three .active .content-column .button-box {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.banner-section-three .content-column .theme-btn {
margin-right: 15px;
}
.banner-section-three .owl-dots {
position: absolute;
left: 0px;
right: 0px;
bottom: 40px;
text-align: center;
}
.banner-section-three .owl-dots .owl-dot {
position: relative;
width: 30px;
height: 6px;
margin-bottom: 10px;
border-radius: 0px;
margin: 0px 5px;
display: inline-block;
background-color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.banner-section-three .owl-dots .owl-dot.active, .banner-section-three .owl-dots .owl-dot:hover {
background-color: #35d764;
}
.banner-section-three .owl-nav {
position: absolute;
left: 0px;
top: 50%;
z-index: 99999;
width: 100%;
opacity: 0;
margin-top: -10px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.banner-section-three:hover .owl-nav {
opacity: 1;
}
.banner-section-three .owl-nav .owl-prev {
position: absolute;
left: 20px;
width: 60px;
height: 60px;
color: #ffffff;
line-height: 56px;
font-size: 24px;
text-align: center;
border-radius: 50px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border: 2px solid rgba(255,255,255,0.60);
}
.banner-section-three .owl-nav .owl-next {
position: absolute;
right: 20px;
color: #ffffff;
font-size: 24px;
width: 60px;
height: 60px;
color: #ffffff;
line-height: 56px;
border-radius: 50px;
text-align: center;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border: 2px solid rgba(255,255,255,0.60);
}
.banner-section-three .owl-nav .owl-prev:hover, .banner-section-three .owl-nav .owl-next:hover {
color: #1543c5;
border-color: #ffffff;
background-color: #ffffff;
}
/***
====================================================================
Services Section Three
====================================================================
***/
.services-section-three {
position: relative;
overflow: hidden;
padding-bottom: 70px;
}
.services-section-three.margin-top {
margin-top: -110px;
z-index: 1;
}
.service-block-three {
position: relative;
margin-bottom: 30px;
}
.service-block-three .inner-box {
position: relative;
padding: 35px 30px;
background-color: #ffffff;
box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.service-block-three .inner-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: #4359e9;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transform: rotateY(90deg);
}
.service-block-three .inner-box:hover::before {
transform: rotateY(0deg);
}
.service-block-three .inner-box .content {
position: relative;
}
.service-block-three .inner-box .service-number {
position: absolute;
right: 0px;
bottom: 0px;
color: #dddddd;
font-size: 60px;
font-weight: 700;
font-family: var(--main-font-family);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.service-block-three .inner-box h4 {
position: relative;
line-height: 1.4em;
font-weight: 700;
font-size: 27px;
}
.service-block-three .inner-box h4 a {
position: relative;
color: #222222;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.service-block-three .inner-box .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.7em;
font-weight: 500;
margin-top: 25px;
margin-bottom: 30px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.service-block-three .inner-box .more-detail {
position: relative;
color: #222222;
font-size: 18px;
font-weight: 700;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.service-block-three .inner-box:hover h4 a, .service-block-three .inner-box:hover .text, .service-block-three .inner-box:hover .more-detail, .service-block-three .inner-box:hover .service-number {
color: #ffffff;
}
/***
====================================================================
Fluid Section One
====================================================================
***/
.fluid-section-one {
position: relative;
padding: 110px 0px 120px;
}
.fluid-section-one .outer-container {
position: relative;
min-height: 250px;
}
.fluid-section-one .image-column {
position: absolute;
right: 0px;
top: 120px;
width: 90%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.fluid-section-one .image-column:before {
position: absolute;
content: '';
right: 0px;
top: 0px;
width: 100%;
height: 100%;
background: #ffffff;
background: -webkit-linear-gradient(to right, #ffffff 0%, rgba(0,0,0,0) 100%);
background: -moz-linear-gradient(to right, #ffffff 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to right, #ffffff 0%, rgba(0,0,0,0) 100%);
}
.fluid-section-one .image-column .image-box {
position: relative;
display: none;
}
.fluid-section-one .image-column .image-box img {
position: relative;
display: block;
width: 100%;
}
.fluid-section-one .content-column {
position: relative;
float: left;
width: 50%;
z-index: 1;
background-position: left center;
background-repeat: no-repeat;
background-color: #35d764;
border-radius: 0px 50px 50px 0px;
}
.fluid-section-one .content-column .inner-column:before {
position: absolute;
content: '';
right: 0px;
top: 0px;
width: 150%;
bottom: 0px;
border-radius: 0px 50px 50px 0px;
}
.fluid-section-one .content-column .inner-column {
position: relative;
max-width: 600px;
width: 100%;
float: right;
padding: 110px 45px 100px 15px;
}
.fluid-section-one .content-column .sec-title .text {
font-size: 16px;
}
.feature-block-three {
position: relative;
}
.feature-block-three .inner-box {
position: relative;
}
.feature-block-three .inner-box:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 68px;
height: 73px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background: url(../images/icons/pattern-1.png) no-repeat;
}
.feature-block-three .inner-box:hover::before {
transform: rotateY(360deg);
}
.feature-block-three .inner-box .icon-box {
position: relative;
font-size: 60px;
color: #ffffff;
line-height: 1em;
font-weight: 400;
margin-bottom: 35px;
}
.feature-block-three .inner-box .number {
position: relative;
color: #ffffff;
font-size: 36px;
font-weight: 700;
margin-bottom: 18px;
}
.feature-block-three .inner-box .feature-text {
position: relative;
color: #ffffff;
font-size: 16px;
}
/***
====================================================================
News Section Three
====================================================================
***/
.news-section-three {
position: relative;
padding: 100px 0px 100px;
}
.news-section-three .owl-nav {
display: none;
}
.news-section-three .owl-dots {
position: relative;
text-align: center;
margin-top: 10px;
}
.news-section-three .owl-dots .owl-dot {
position: relative;
width: 14px;
height: 6px;
margin-bottom: 10px;
border-radius: 0px;
margin: 0px 5px;
display: inline-block;
background-color: #ebebeb;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-section-three .owl-dots .owl-dot.active, .news-section-three .owl-dots .owl-dot:hover {
width: 35px;
background-color: #535353;
}
.news-block-three {
position: relative;
margin-bottom: 30px;
}
.news-block-three .inner-box {
position: relative;
}
.news-block-three .inner-box .image {
position: relative;
overflow: hidden;
background-color: #427cff;
}
.news-block-three .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block-three .inner-box:hover .image img {
opacity: 0.7;
transform: scale(1.04, 1.04);
}
.news-block-three .inner-box .lower-content {
position: relative;
padding-top: 25px;
}
.news-block-three .inner-box .lower-content .icon-box {
position: absolute;
left: 0px;
top: 20px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-block-three .inner-box:hover .lower-content .icon-box {
transform: rotateY(180deg);
}
.news-block-three .inner-box .lower-content .icon-box:before {
position: absolute;
content: '';
left: 50%;
top: -19px;
width: 17px;
height: 110px;
z-index: -1;
margin-left: -8px;
background: url(../images/icons/pattern-2.png) no-repeat;
}
.news-block-three .inner-box .lower-content .icon-box .icon {
position: relative;
width: 70px;
height: 70px;
color: #4359e9;
font-size: 35px;
line-height: 68px;
text-align: center;
border-radius: 50px;
display: inline-block;
background-color: #ffffff;
border: 1px solid #e1e1e1;
}
.news-block-three .inner-box .lower-content .content {
position: relative;
padding-left: 100px;
}
.news-block-three .inner-box .lower-content h4 {
position: relative;
line-height: 1.4em;
font-weight: 700;
}
.news-block-three .inner-box .lower-content h4 a {
position: relative;
color: #35d764;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block-three .inner-box .lower-content h4 a:hover {
color: #4359e9;
}
.news-block-three .inner-box .lower-content .text {
position: relative;
line-height: 1.8em;
font-weight: 500;
margin-top: 12px;
color: #555555;
font-size: 16px;
margin-bottom: 12px;
}
.news-block-three .inner-box .lower-content .read-more {
position: relative;
line-height: 1.4em;
font-weight: 700;
margin-top: 12px;
color: #35d764;
font-size: 14px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: var(--main-font-family);
}
.news-block-three .inner-box .lower-content .read-more .arrow {
position: relative;
top: 1px;
font-size: 16px;
margin-left: 8px;
}
.news-block-three .inner-box .lower-content .read-more:hover {
color: #4359e9;
}
.news-block-three.style-two .inner-box .lower-content {
padding-top: 0px;
padding-bottom: 25px;
}
/***
====================================================================
Call To Action Section
====================================================================
***/
.call-to-action-section-two {
position: relative;
overflow: hidden;
}
.call-to-action-section-two .inner-container {
position: relative;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 360px;
padding-right: 240px;
}
.call-to-action-section-two .inner-container:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 200%;
bottom: 0px;
background-color: #4359e9;
border-radius: 10px 0px 0px 10px;
}
.call-to-action-section-two .inner-container .image {
position: absolute;
left: 0px;
top: 0px;
width: 300px;
overflow: hidden;
border-radius: 10px 0px 0px 10px;
}
.call-to-action-section-two .inner-container h3 {
position: relative;
color: #ffffff;
font-weight: 700;
line-height: 1.5em;
}
.call-to-action-section-two .inner-container .theme-btn {
position: absolute;
right: 0px;
top: 55px;
}
/***
====================================================================
Cases Section Two
====================================================================
***/
.cases-section-two {
position: relative;
padding: 110px 0px 60px;
background-color: #f5f5f5;
}
.cases-section-two .owl-dots {
position: relative;
display: none;
}
.cases-section-two .owl-nav {
position: absolute;
left: 50%;
top: -90px;
width: 100%;
max-width: 1170px;
margin-left: -585px;
text-align: right;
}
.cases-section-two .owl-nav .owl-prev, .cases-section-two .owl-nav .owl-next {
position: relative;
width: 50px;
height: 50px;
color: #000000;
font-size: 22px;
border-radius: 50px;
line-height: 44px;
text-align: center;
margin-left: 15px;
display: inline-block;
border: 2px solid #cdcdcd;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.cases-section-two .owl-nav .owl-prev:hover, .cases-section-two .owl-nav .owl-next:hover {
border-color: #4359e9;
color: #4359e9;
}
.case-block-two {
position: relative;
margin-bottom: 30px;
}
.case-block-two .inner-box {
position: relative;
}
.case-block-two .inner-box .image {
position: relative;
}
.case-block-two .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.case-block-two .inner-box .image .overlay-box {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.case-block-two .inner-box:hover .overlay-box {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.case-block-two .inner-box .image .overlay-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
background-color: rgba(20,29,59,0.70);
}
.case-block-two .inner-box .image .overlay-box .search-icon {
position: absolute;
left: 50%;
top: 50%;
width: 60px;
height: 60px;
color: #4359e9;
z-index: 1;
font-weight: 600;
font-size: 20px;
text-align: center;
line-height: 60px;
margin-left: -30px;
margin-top: -60px;
border-radius: 50px;
display: inline-block;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.case-block-two .inner-box .image .overlay-box .search-icon:hover {
background-color: #4359e9;
color: #ffffff;
}
.case-block-two .inner-box .image .overlay-box .arrow {
position: absolute;
right: -5px;
bottom: -5px;
color: #ffffff;
width: 60px;
height: 60px;
z-index: 1;
font-size: 22px;
text-align: center;
line-height: 60px;
background-color: #4359e9;
border-radius: 0px 0px 12px 0px;
}
.case-block-two .inner-box .lower-content {
position: relative;
padding-top: 25px;
padding-left: 15px;
}
.case-block-two .inner-box .lower-content h5 {
position: relative;
line-height: 1.3em;
font-weight: 700;
}
.case-block-two .inner-box .lower-content h5 a {
position: relative;
color: #35d764;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.case-block-two .inner-box .lower-content h5 a:hover {
color: #4359e9;
}
.case-block-two .inner-box .lower-content .category {
position: relative;
margin-top: 5px;
color: #35d764;
font-weight: 500;
}
/***
====================================================================
Pricing Section
====================================================================
***/
.pricing-section {
position: relative;
padding: 110px 0px 60px;
}
.price-block {
position: relative;
margin-bottom: 60px;
}
.price-block .inner-box {
position: relative;
padding: 30px 35px;
border-radius: 10px;
margin-left: 30px;
border: 1px solid #e1e1e1;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.price-block .inner-box:hover {
border-color: #35d764;
}
.price-block .inner-box:before {
position: absolute;
content: '';
left: -30px;
bottom: -30px;
right: 30px;
height: 300px;
z-index: -1;
border-radius: 8px;
background-color: #ebebeb;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.price-block .inner-box:hover::before {
background-color: #4359e9;
}
.price-block .inner-box h3 {
position: relative;
color: #35d764;
font-weight: 600;
line-height: 1.3em;
}
.price-block .inner-box .text {
position: relative;
color: #222222;
font-size: 16px;
line-height: 1.7em;
margin-top: 12px;
}
.price-block .inner-box .price {
position: relative;
color: #4359e9;
font-size: 36px;
font-weight: 700;
line-height: 1.1em;
text-align: right;
margin-top: 25px;
margin-bottom: 20px;
font-family: var(--main-font-family);
}
.price-block .inner-box .price span {
position: relative;
display: block;
color: #777777;
font-size: 16px;
font-weight: 600;
}
.price-block .inner-box .price-list {
position: relative;
margin-top: 20px;
margin-bottom: 35px;
display: inline-block;
}
.price-block .inner-box .price-list li {
position: relative;
padding-left: 30px;
color: #555555;
font-size: 16px;
margin-bottom: 12px;
display: block;
text-align: left;
font-weight: 600;
}
.price-block .inner-box .price-list li:before {
position: absolute;
content: '\f00c';
left: 0px;
top: 0px;
color: #555555;
font-family: 'FontAwesome';
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.price-block .inner-box .price-list li:last-child {
margin-bottom: 0px;
}
.price-block .inner-box .btn-box {
position: relative;
}
.price-block .inner-box .btn-box .theme-btn {
width: 100%;
font-size: 18px;
text-align: center;
padding: 14px 15px;
}
/***
====================================================================
News Section Four
====================================================================
***/
.news-section-four {
position: relative;
padding: 110px 0px 80px;
}
.news-section-four .image-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
height: 565px;
background-size: contain;
}
.news-section-four .image-layer:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
background-color: #4359e9;
}
.news-block-four {
position: relative;
margin-bottom: 30px;
}
.news-block-four .inner-box {
position: relative;
background-color: #ffffff;
box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.news-block-four .inner-box .image {
position: relative;
overflow: hidden;
background-color: #427cff;
}
.news-block-four .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block-four .inner-box:hover .image img {
opacity: 0.7;
transform: scale(1.04, 1.04);
}
.news-block-four .inner-box .lower-content {
position: relative;
padding: 35px 30px 30px;
}
.news-block-four .inner-box .lower-content .post-date {
position: absolute;
right: 20px;
top: -20px;
color: #ffffff;
width: 50px;
height: 50px;
font-size: 20px;
text-align: center;
font-weight: 800;
z-index: 1;
line-height: 1.1em;
padding-top: 5px;
background-color: #4359e9;
}
.news-block-four .inner-box .lower-content .post-date span {
display: block;
font-size: 14px;
font-weight: 600;
}
.news-block-four .inner-box .lower-content .post-meta {
position: relative;
padding-top: 12px;
border-top: 1px solid #cccccc;
}
.news-block-four .inner-box .lower-content .post-meta li {
position: relative;
color: #427cff;
font-size: 16px;
margin-right: 10px;
font-weight: 600;
padding-left: 30px;
display: inline-block;
}
.news-block-four .inner-box .lower-content .post-meta li .icon {
position: absolute;
left: 0px;
top: 1px;
color: #35d764;
font-size: 15px;
margin-right: 6px;
}
.news-block-four .inner-box .lower-content h4 {
position: relative;
line-height: 1.4em;
font-weight: 700;
margin-top: 12px;
}
.news-block-four .inner-box .lower-content h4 a {
position: relative;
color: #35d764;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block-four .inner-box .lower-content h4 a:hover {
color: #4359e9;
}
.news-block-four .inner-box .lower-content .text {
position: relative;
line-height: 1.8em;
font-weight: 500;
margin-top: 12px;
color: #555555;
font-size: 16px;
margin-bottom: 18px;
}
/***
====================================================================
Info Section
====================================================================
***/
.info-section {
position: relative;
padding: 20px 0px 10px;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center bottom;
}
.info-section:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background: #e6e6e6;/*background-color: rgba(225,225,225,0.95);*/
}
.info-section .logo-column {
position: relative;
}
.info-section .logo-column .inner-column {
position: relative;
}
.info-section .logo-column .logo {
position: relative;
}
.info-section .info-column {
position: relative;
}
.info-section .info-column .inner-column {
position: relative;
padding-left: 60px;
}
.info-section .info-column .icon-box {
position: absolute;
left: 0px;
top: 0px;
color: #333;
font-size: 44px;
line-height: 1em;
}
.info-section .info-column ul li {
position: relative;
color: #333;
font-size: 14px;
margin-bottom: 5px;
}
.info-section .info-column ul li strong {
position: relative;
font-weight: 700;
font-size: 18px;
}
.subscribe-widget .text {
position: relative;
color: #ffffff;
font-size: 16px;
margin-bottom: 25px;
line-height: 1.9em;
}
.emailed-form .form-group {
position: relative;
display: block;
max-width: 650px;
margin: 0 auto;
width: 100%;
margin-bottom: 20px;
}
.emailed-form .form-group input[type="text"], .emailed-form .form-group input[type="tel"], .emailed-form .form-group input[type="email"], .emailed-form .form-group textarea {
position: relative;
display: block;
width: 100%;
color: #000000;
line-height: 20px;
height: 60px;
font-size: 16px;
color: #797979;
overflow: hidden;
border-radius: 6px;
font-weight: 600;
padding: 10px 50px 10px 30px;
background: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
border: 1px solid #cccccc;
}
.emailed-form .form-group input[type="submit"], .emailed-form button {
position: absolute;
right: 0px;
top: 0px;
width: 190px;
height: 60px;
line-height: 40px;
color: #ffffff;
font-size: 16px;
font-weight: 600;
text-align: center;
background: #4359e9;
letter-spacing: 1px;
border-radius: 6px;
text-transform: capitalize;
font-family: var(--main-font-family);
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title {
position: relative;
text-align: center;
overflow: hidden;
padding: 110px 0px 110px;
background-color: #35d764;
}
.page-title .pattern-layer-one {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
}
.page-title .auto-container {
position: relative;
}
.page-title h2 {
position: relative;
color: #ffffff;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 0px;
text-transform: uppercase;
}
.page-breadcrumb {
position: relative;
margin-top: 20px;
}
.page-breadcrumb li {
position: relative;
display: inline-block;
margin-right: 10px;
padding-right: 15px;
color: #ffffff;
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
}
.page-breadcrumb li:after {
position: absolute;
content: ":";
right: -2px;
top: -1px;
color: #ffffff;
font-size: 14px;
font-weight: 700;
font-family: 'FontAwesome';
}
.page-breadcrumb li:last-child::after {
display: none;
}
.page-breadcrumb li:last-child {
padding-right: 0px;
margin-right: 0px;
}
.page-breadcrumb li a {
color: #ffffff;
font-weight: 700;
text-transform: capitalize;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.page-breadcrumb li a:hover {
color: #4359e9;
}
/***
====================================================================
Faq's Page Section
====================================================================
***/
.faq-page-section {
position: relative;
padding: 110px 0px 110px;
}
.accordion-box {
position: relative;
}
.accordion-box .block {
position: relative;
margin-bottom: 10px;
border-radius: 4px;
overflow: hidden;
}
.accordion-box .block.active-block {
border: 1px solid transparent;
box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
}
.accordion-box .block .acc-btn {
position: relative;
font-size: 18px;
line-height: 35px;
color: #35d764;
line-height: 1.8em;
font-weight: 600;
cursor: pointer;
padding: 16px 30px;
padding-right: 45px;
margin-bottom: 0px;
background-color: #ebebeb;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
font-family: var(--main-font-family);
}
.accordion-box .block .acc-btn.active {
color: #ffffff;
margin-bottom: 0px;
background-color: #4359e9;
}
.accordion-box .block .icon {
position: absolute;
right: 10px;
top: 15px;
height: 35px;
width: 35px;
font-size: 20px;
line-height: 35px;
color: #4359e9;
text-align: center;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.accordion-box .block .acc-btn.active .icon {
color: #ffffff !important;
transform: rotate(90deg);
}
.accordion-box .block .acc-content {
position: relative;
display: none;
}
.accordion-box .block .content {
position: relative;
padding: 25px 20px 25px;
}
.accordion-box .block .acc-content.current {
display: block;
}
.accordion-box .block .content .text {
display: block;
font-size: 16px;
line-height: 1.8em;
color: #555555;
}
/***
====================================================================
Faq Form Section
====================================================================
***/
.faq-form-section {
position: relative;
padding: 0px 0px 70px;
}
.faq-form-section .auto-container {
max-width: 970px;
margin: 0 auto;
}
/***
====================================================================
Faq Form
====================================================================
***/
.faq-form {
position: relative;
}
.faq-form .form-group {
position: relative;
margin-bottom: 30px;
}
.faq-form .form-group input[type="text"], .faq-form .form-group input[type="tel"], .faq-form .form-group input[type="email"], .faq-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 22px;
color: #777777;
height: 56px;
font-size: 15px;
background: none;
border-radius: 4px;
font-weight: 600;
border: 1px solid #cccccc;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.faq-form .form-group input[type="text"]:focus, .faq-form .form-group input[type="tel"]:focus, .faq-form .form-group input[type="email"]:focus, .faq-form .form-group textarea:focus {
border-color: #4359e9;
}
.faq-form .form-group textarea::-webkit-input-placeholder, .faq-form .form-group input::-webkit-input-placeholder {
color:#777777;
}
.faq-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 22px;
padding: 15px 22px;
color: #777777;
height: 150px;
resize: none;
font-size: 15px;
background: none;
border-radius: 4px;
font-weight: 600;
border: 1px solid #cccccc;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.faq-form .form-group .btn-detail {
position: relative;
text-align: center;
margin-left: 30px;
color: #ffffff;
display: inline-block;
}
.faq-form button {
cursor: pointer;
font-size: 16px;
text-transform: capitalize;
}
/***
====================================================================
Testimonial Page Section
====================================================================
***/
.testimonial-page-section {
position: relative;
padding: 110px 0px 70px;
}
/***
====================================================================
Coming Soon
====================================================================
***/
.coming-soon {
position: fixed;
width: 100%;
height: 100%;
display: block;
overflow-y: auto;
background-repeat: no-repeat;
background-position: center right;
background-size: cover;
text-align: center;
}
.coming-soon .content {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
}
.coming-soon .content:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #000000;
content: "";
opacity: .30;
}
.coming-soon .content .content-inner {
position: relative;
padding: 90px 15px;
display: table-cell;
vertical-align: middle;
}
.coming-soon .content .content-inner .logo {
position: relative;
margin-bottom: 200px;
}
.coming-soon .content .content-inner .sec-title {
display: none;
margin-bottom: 50px;
}
.coming-soon .content .content-inner h2 {
position: relative;
font-size: 48px;
font-weight: 700;
color: #ffffff;
line-height: 1.2em;
padding-bottom: 0;
font-variant: small-caps;
}
.coming-soon .content .content-inner h2:after {
display: none;
}
.time-counter {
position: relative;
}
.time-counter .time-countdown {
position: relative;
margin-bottom: 180px;
}
.time-counter .time-countdown .counter-column {
position: relative;
display: inline-block;
width: 180px;
height: 180px;
font-size: 20px;
line-height: 1em;
color: #ffffff;
text-transform: uppercase;
font-weight: 600;
text-align: center;
z-index: 7;
border-radius: 20px;
box-shadow: 0 0 30px rgba(0,0,0,0.25);
background-color: rgba(54,54,54,.40);
font-family: var(--main-font-family);
margin: 0 15px 20px;
}
.time-counter .time-countdown .counter-column .count {
position: relative;
display: block;
font-size: 72px;
line-height: 30px;
padding: 60px 0px 30px;
color: #ffffff;
font-weight: 600;
}
.coming-soon .emailed-form {
position: relative;
margin-bottom: 40px;
}
.coming-soon .emailed-form h3 {
line-height: 1.2em;
font-weight: 600;
color: #ffffff;
margin-bottom: 20px;
}
.coming-soon .emailed-form .text {
position: relative;
display: block;
font-size: 18px;
font-weight: 400;
color: #ffffff;
line-height: 1.8em;
margin-bottom: 40px;
}
.coming-soon .emailed-form .form-group {
position: relative;
display: block;
max-width: 540px;
width: 100%;
margin: 0 auto;
}
.coming-soon .emailed-form .form-group input[type="text"], .coming-soon .emailed-form .form-group input[type="tel"], .coming-soon .emailed-form .form-group input[type="email"], .coming-soon .emailed-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 28px;
height: 60px;
font-size: 16px;
color: #000000;
overflow: hidden;
padding: 15px 50px 15px 20px;
background: #ffffff;
border: 1px solid #f1f1f1;
box-shadow: 0 0 13px rgba(0,0,0,0.10);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.coming-soon .emailed-form .form-group input:focus, .coming-soon .emailed-form .form-group select:focus, .coming-soon .emailed-form .form-group textarea:focus {
}
.coming-soon .emailed-form .form-group input[type="submit"], .coming-soon .emailed-form button {
position: absolute;
right: 0px;
top: 0px;
width: 60px;
height: 60px;
line-height: 40px;
font-size: 18px;
color: #4359e9;
background-color: transparent;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.coming-soon .emailed-form .form-group input[type="submit"]:hover, .coming-soon .emailed-form button:hover {
color: #353535;
}
.coming-soon .copyright-text {
position: relative;
font-size: 18px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
}
.coming-soon .copyright-text a {
color: #ff9600;
}
.coming-soon .copyright-text a:hover {
text-decoration: underline;
}
.clock-wrapper {
position: absolute;
top: 50%;
right: 0;
left: 0;
width: 250px;
height: 250px;
margin: auto;
margin-top: -145px;
border-radius: 50%;
box-shadow: 0 0 20px rgba(0,0,0,0.05);
background-color: rgba(0,0,0,.40);
transform: scale(2);
}
.clock-base {
width: 250px;
height: 250px;
border-radius: 50%;
}
.click-indicator {
position: absolute;
z-index: 1;
top: 10px;
left: 10px;
width: 230px;
height: 230px;
}
.click-indicator div {
position: absolute;
width: 2px;
height: 4px;
margin: 113px 114px;
}
.click-indicator div > span {
height: 5px;
width: 5px;
background-color: #ffffff;
display: inline-block;
border-radius: 50%;
margin-left: -1px;
margin-top: -1px;
}
.click-indicator div:nth-child(1) {
transform: rotate(30deg) translateY(-120px);
}
.click-indicator div:nth-child(2) {
transform: rotate(60deg) translateY(-120px);
}
.click-indicator div:nth-child(3) {
transform: rotate(90deg) translateY(-120px);
background-color: #F00;
}
.click-indicator div:nth-child(4) {
transform: rotate(120deg) translateY(-120px);
}
.click-indicator div:nth-child(5) {
transform: rotate(150deg) translateY(-120px);
}
.click-indicator div:nth-child(6) {
transform: rotate(180deg) translateY(-120px);
background-color: #F00;
}
.click-indicator div:nth-child(7) {
transform: rotate(210deg) translateY(-120px);
}
.click-indicator div:nth-child(8) {
transform: rotate(240deg) translateY(-120px);
}
.click-indicator div:nth-child(9) {
transform: rotate(270deg) translateY(-120px);
background-color: #F00;
}
.click-indicator div:nth-child(10) {
transform: rotate(300deg) translateY(-120px);
}
.click-indicator div:nth-child(11) {
transform: rotate(330deg) translateY(-120px);
}
.click-indicator div:nth-child(12) {
transform: rotate(360deg) translateY(-120px);
background-color: #F00;
}
.clock-hour {
position: absolute;
z-index: 2;
top: 75px;
left: 123px;
width: 4px;
height: 65px;
background-color: #ee3611;
border-radius: 2px;
box-shadow: 0 0 2px rgba(0,0,0,.2);
transform-origin: 2px 50px;
transition: .5s;
-webkit-animation: rotate-hour 43200s linear infinite;
-moz-animation: rotate-hour 43200s linear infinite;
}
.clock-minute {
position: absolute;
z-index: 3;
top: 55px;
left: 123px;
width: 4px;
height: 85px;
background-color: #ee3611;
border-radius: 2px;
box-shadow: 0 0 2px rgba(0,0,0,.2);
transform-origin: 2px 70px;
transition: .5s;
-webkit-animation: rotate-minute 3600s linear infinite;
-moz-animation: rotate-minute 3600s linear infinite;
}
.clock-second {
position: absolute;
z-index: 4;
top: 15px;
left: 124px;
width: 2px;
height: 130px;
background-color: #ffffff;
opacity: .9;
box-shadow: 0 0 2px rgba(0,0,0,.2);
transform-origin: 1px 110px;
transition: .5s;
-webkit-animation: rotate-second 60s linear infinite;
-moz-animation: rotate-second 60s linear infinite;
}
.clock-second:after {
content: "";
display: block;
position: absolute;
left: -3px;
bottom: 16px;
width: 8px;
height: 8px;
background-color: #a00;
border: solid 2px #a00;
border-radius: 50%;
box-shadow: 0 0 3px rgba(0,0,0,.2);
}
.clock-center {
position: absolute;
z-index: 1;
width: 150px;
height: 150px;
top: 50px;
left: 50px;
box-shadow: 0 0 3px rgba(0,0,0,.2);
border-radius: 50%;
}
.clock-center:after {
content: "";
display: block;
width: 20px;
height: 20px;
margin: 65px;
background-color: #ddd;
border-radius: 50%;
}
/***
====================================================================
Services Page Section
====================================================================
***/
.services-page-section {
position: relative;
padding: 110px 0px 70px;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container {
position: relative;
padding: 90px 0px 80px;
}
.sidebar-page-container .content-side, .sidebar-page-container .sidebar-side {
margin-bottom: 40px;
}
.sidebar-page-container .sidebar-side .sidebar-inner {
position: relative;
padding: 45px 30px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.sidebar-widget {
margin-bottom: 55px;
}
/* Service List */
.sidebar .sidebar-widget .service-list {
padding: 30px 30px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.sidebar .service-list {
position: relative;
}
.sidebar .service-list li {
position: relative;
line-height: 24px;
margin-bottom: 3px;
}
.sidebar .service-list li:last-child {
margin-bottom: 0px;
}
.sidebar .service-list li a {
position: relative;
display: block;
color: #222222;
font-size: 16px;
font-weight: 600;
line-height: 26px;
padding: 16px 25px 16px 80px;
border: 1px solid #dddddd;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.sidebar .service-list li a .arrow {
position: absolute;
left: -1px;
top: -1px;
width: 60px;
height: 60px;
color: #4359e9;
line-height: 60px;
text-align: center;
border-right: 1px solid #dddddd;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.sidebar .service-list li a:hover .arrow, .sidebar .service-list li.current a .arrow {
background-color: #4359e9;
color: #ffffff;
}
.sidebar .service-list li a:hover, .sidebar .service-list li.current a {
color: #ffffff;
background: #35d764;
border-color: #35d764;
}
/* Contact Widget */
.contact-widget .widget-content {
position: relative;
padding: 60px 60px;
background-size: cover;
}
.contact-widget .widget-content .border-layer {
position: absolute;
left: 20px;
top: 20px;
right: 20px;
bottom: 20px;
opacity: 0.8;
border: 1px dashed #ffffff;
}
.contact-widget .widget-content:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0,96,255,0.85);
}
.contact-widget .widget-content .icon-box {
position: relative;
color: #ffffff;
font-size: 60px;
line-height: 1em;
}
.contact-widget .widget-content h4 {
position: relative;
color: #ffffff;
font-weight: 600;
line-height: 1.3em;
margin-top: 15px;
}
.contact-widget .widget-content .text {
position: relative;
color: #ffffff;
font-weight: 600;
font-size: 16px;
line-height: 1.7em;
margin-top: 12px;
margin-bottom: 20px;
}
.contact-widget .widget-content .number {
position: relative;
color: #ffffff;
font-weight: 600;
font-size: 16px;
line-height: 1.7em;
margin-top: 12px;
margin-bottom: 20px;
}
.contact-widget .widget-content ul {
position: relative;
}
.contact-widget .widget-content ul li {
position: relative;
color: #ffffff;
font-size: 16px;
line-height: 1.3em;
margin-bottom: 14px;
font-weight: 600;
}
.contact-widget .widget-content ul li .icon {
position: relative;
margin-right: 10px;
font-weight: 500;
}
.contact-widget .widget-content ul li:last-child {
margin-bottom: 0px;
}
.sticky-top {
top: 90px;
z-index: 1;
}
/* Services Detail */
.services-detail {
position: relative;
}
.services-detail .inner-box {
position: relative;
}
.services-detail .inner-box h2 {
position: relative;
color: #35d764;
z-index: 1;
font-weight: 700;
margin-bottom: 18px;
}
.services-detail .inner-box .image {
position: relative;
padding-right: 70px;
margin-bottom: 25px;
}
.services-detail .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.services-detail .inner-box .image:before {
position: absolute;
content: '';
right: 0px;
top: -70px;
width: 194px;
height: 364px;
background: url(../images/background/pattern-17.jpg) no-repeat;
}
.services-detail .inner-box .image-two {
position: relative;
margin-bottom: 25px;
}
.services-detail .inner-box .image-two img {
position: relative;
width: 100%;
display: block;
}
.services-detail .inner-box .image-two .play-box {
position: absolute;
right: 0px;
bottom: -30px;
color: #ffffff;
font-weight: 700;
font-size: 18px;
padding-top: 20px;
text-transform: uppercase;
font-family: var(--main-font-family);
}
.services-detail .inner-box .image-two .video-box {
position: relative;
width: 60px;
height: 60px;
color: #ffffff;
font-size: 18px;
text-align: center;
border-radius: 0px;
line-height: 60px;
display: inline-block;
float: left;
margin-right: 40px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: #35d764;
}
.services-detail .inner-box .image-two .video-box .overlay-box span {
position: absolute;
width: 60px;
height: 60px;
left: 50%;
top: 50%;
z-index: 99;
color: #ffffff;
font-weight: 400;
font-size: 16px;
text-align: center;
border-radius: 0%;
padding-left: 7px;
background-color: #35d764;
display: inline-block;
margin-top: -30px;
margin-left: -30px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.services-detail .inner-box .image-two .video-box .ripple, .services-detail .inner-box .image-two .video-box .ripple:before, .services-detail .inner-box .image-two .video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 60px;
width: 60px;
margin-left: .5px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
-ms-border-radius: 0%;
-o-border-radius: 0%;
border-radius: 0%;
-webkit-box-shadow: 0 0 0 0 rgba(20, 29, 56, .4);
-moz-box-shadow: 0 0 0 0 rgba(20, 29, 56, .4);
-ms-box-shadow: 0 0 0 0 rgba(20, 29, 56, .4);
-o-box-shadow: 0 0 0 0 rgba(20, 29, 56, .4);
box-shadow: 0 0 0 0 rgba(20, 29, 56, .4);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.services-detail .inner-box .image-two .video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.services-detail .inner-box .image-two .video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.services-detail .inner-box p {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
font-weight: 500;
}
.services-detail .inner-box h3 {
position: relative;
color: #4359e9;
font-weight: 700;
margin-bottom: 18px;
}
/***
====================================================================
Gallery Section
====================================================================
***/
.gallery-section {
position: relative;
padding: 100px 0px 100px;
}
.gallery-section .filters {
position: relative;
margin-bottom: 60px;
text-align: center;
}
.gallery-section .filters .filter-tabs {
position: relative;
}
.gallery-section .filters li {
position: relative;
display: inline-block;
color: #555555;
padding: 0px 0px;
cursor: pointer;
font-size: 18px;
font-weight: 600;
margin: 0px 15px 0px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.gallery-section .filters .filter.active, .gallery-section .filters .filter:hover {
color: #4359e9;
text-decoration: line-through;
}
.gallery-section .btn-box {
position: relative;
margin-top: 30px;
}
.case-block.mix {
display: none;
}
/***
====================================================================
Project Detail Section
====================================================================
***/
.project-detail-section {
position: relative;
padding: 110px 0px 100px;
}
.project-detail-section .image-column {
position: relative;
}
.project-detail-section .image-column .sec-title {
margin-bottom: 10px;
}
.project-detail-section .image-column .inner-column {
position: relative;
}
.project-detail-section .image-column .image {
position: relative;
}
.project-detail-section .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.project-detail-section .info-column {
position: relative;
}
.project-detail-section .info-column .inner-column {
position: relative;
padding: 45px 38px;
margin-right: 30px;
background-color: #ffffff;
border-bottom: 12px solid #35d764;
box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
.project-detail-section .info-column .inner-column:before {
position: absolute;
content: '';
right: -30px;
bottom: -50px;
width: 320px;
height: 400px;
z-index: -1;
background: url(../images/background/pattern-18.png) no-repeat;
}
.project-detail-section .info-column h4 {
position: relative;
color: #35d764;
font-weight: 600;
line-height: 1.3em;
margin-bottom: 25px;
}
.project-detail-section .info-column .text {
position: relative;
color: #555555;
font-size: 15px;
line-height: 1.8em;
font-weight: 500;
margin-bottom: 30px;
}
.project-detail-section .info-column .info-list {
position: relative;
}
.project-detail-section .info-column .info-list li {
position: relative;
color: #555555;
font-size: 16px;
margin-bottom: 28px;
padding-left: 25px;
font-weight: 600;
}
.project-detail-section .info-column .info-list li .icon {
position: absolute;
left: 0px;
top: 0px;
color: #35d764;
font-size: 16px;
}
.project-detail-section .info-column .info-list li strong {
position: relative;
color: #4359e9;
font-weight: 700;
}
.project-detail-section .lower-section {
position: relative;
padding-top: 25px;
}
.project-detail-section .lower-section h3 {
position: relative;
color: #35d764;
font-weight: 600;
margin-bottom: 12px;
}
.project-detail-section .lower-section p {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
font-weight: 600;
}
.project-detail-section .lower-section .buttons-box {
position: relative;
margin-top: 40px;
}
/***
====================================================================
Contact Info Section
====================================================================
***/
.contact-info-section {
position: relative;
padding: 110px 0px 100px;
}
.contact-info-section .title-box {
position: relative;
text-align: center;
}
.contact-info-section .title-box .title {
position: relative;
color: #4359e9;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.contact-info-section .title-box h2 {
position: relative;
font-weight: 700;
color: #35d764;
line-height: 1.4em;
margin-top: 10px;
}
.contact-info-section .title-box .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.9em;
font-weight: 600;
margin-top: 10px;
margin-bottom: 40px;
}
.contact-info-section .info-column {
position: relative;
margin-bottom: 30px;
}
.contact-info-section .info-column .inner-column {
position: relative;
padding: 15px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
}
.contact-info-section .info-column .inner-column .content {
position: relative;
padding-left: 50px;
}
.contact-info-section .info-column .icon-box {
position: absolute;
left: 0px;
top: 0px;
color: #4359e9;
font-size: 44px;
line-height: 1em;
}
.contact-info-section .info-column ul li {
position: relative;
color: #555555;
font-size: 14px;
margin-top: 5px;
font-weight: 600;
}
.contact-info-section .info-column ul li strong {
position: relative;
font-weight: 700;
font-size: 18px;
color: #35d764;
font-family: var(--main-font-family);
}
.contact-info-section .lower-text {
position: relative;
text-align: center;
color: #555555;
font-size: 16px;
font-weight: 600;
margin-top: 20px;
}
.contact-info-section .lower-text span {
position: relative;
color: #4359e9;
font-weight: 700;
}
/***
==================================================================
Contact Map Section
==================================================================
***/
.contact-map-section {
position: relative;
/*padding-top: 100px;*/
padding-bottom: 100px;/*background: #fafafa;*/
}
.contact-map-section iframe {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 490px;
}
.contact-form {
position: relative;
}
.contact-form .form-group {
position: relative;
margin-bottom: 30px;
}
.contact-form .form-group label {
position: relative;
color: #555555;
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
}
.contact-form .form-group input[type="text"], .contact-form .form-group input[type="tel"], .contact-form .form-group input[type="email"], .contact-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 22px;
color: #777777;
height: 56px;
font-size: 15px;
background: none;
border-radius: 4px;
font-weight: 600;
border: 1px solid #cccccc;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-form .form-group input[type="text"]:focus, .contact-form .form-group input[type="tel"]:focus, .contact-form .form-group input[type="email"]:focus, .contact-form .form-group textarea:focus {
border-color: #4359e9;
}
.contact-form .form-group textarea::-webkit-input-placeholder, .contact-form .form-group input::-webkit-input-placeholder {
color:#777777;
}
.contact-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 22px;
padding: 15px 22px;
color: #777777;
height: 150px;
resize: none;
font-size: 15px;
background: none;
border-radius: 4px;
font-weight: 600;
border: 1px solid #cccccc;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-form button {
cursor: pointer;
}
.contact-form input.error, .contact-form select.error, .contact-form textarea.error {
border-color: #4359e9 !important;
}
.contact-form label.error {
display: block;
line-height: 24px;
padding: 5px 0px 0px;
margin: 0px;
text-transform: uppercase;
font-size: 12px;
color: #4359e9;
font-weight: 500;
}
/***
==================================================================
Blog Page Section
==================================================================
***/
.blog-page-section {
position: relative;
padding: 100px 0px 100px;
}
.blog-page-section .styled-pagination {
margin-top: 50px;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination {
position: relative;
}
.styled-pagination li {
position: relative;
margin: 0px 5px 10px;
display: inline-block;
}
.styled-pagination li a {
position: relative;
width: 50px;
height: 50px;
color: #777777;
font-size: 18px;
font-weight: 500;
line-height: 50px;
text-align: center;
border-radius: 5px;
display: inline-block;
border: 1px solid #d7d7d7;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.styled-pagination li.active a, .styled-pagination li:hover a {
color: #ffffff;
border-color: #35d764;
background-color: #35d764;
}
.styled-pagination li.next a, .styled-pagination li.prev a {
color: #ffffff;
border-color: #4359e9;
background-color: #4359e9;
}
.sidebar-title {
position: relative;
margin-bottom: 15px;
}
.sidebar-title h5 {
position: relative;
color: #35d764;
font-weight: 700;
line-height: 1.3em;
text-transform: capitalize;
}
/*Search Box Widget*/
.sidebar .search-box .form-group {
position: relative;
margin: 0px;
}
.sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"] {
position: relative;
line-height: 43px;
padding: 10px 50px 10px 25px;
border: 1px solid #dddddd;
background: #ffffff;
display: block;
font-size: 14px;
width: 100%;
height: 56px;
color: #000000;
border-radius: 5px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sidebar .search-box .form-group button {
position: absolute;
right: 0px;
top: 0px;
height: 56px;
width: 60px;
display: block;
font-size: 16px;
color: #4359e9;
cursor: pointer;
border-radius: 0px 5px 5px 0px;
line-height: 100%;
font-weight: normal;
background: none;
}
/* Blog Cat */
.blog-cat {
position: relative;
border-radius: 4px;
overflow: hidden;
border: 1px solid #dddddd;
}
.blog-cat li {
position: relative;
}
.blog-cat li a {
position: relative;
color: #555555;
font-size: 16px;
padding: 18px 30px;
display: block;
font-weight: 600;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border-bottom: 1px solid #dddddd;
}
.blog-cat li a:hover {
color: #35d764;
}
.blog-cat li:last-child a {
border-bottom: 0px;
}
.blog-cat li a span {
position: absolute;
right: 30px;
}
/*Post Widget*/
.sidebar .popular-posts .post {
position: relative;
font-size: 14px;
color: #666666;
padding: 0px 0px;
padding-left: 100px;
min-height: 105px;
margin-bottom: 20px;
border-bottom: 1px solid #dddddd;
}
.sidebar .popular-posts .post:last-child {
margin-bottom: 0px;
border-bottom: 0px;
min-height: auto;
}
.sidebar .popular-posts .post .post-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 80px;
border-radius: 0px;
overflow: hidden;
}
.sidebar .popular-posts .post .post-thumb .overlay-box {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #ffffff;
font-size: 18px;
opacity: 0;
text-align: center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(66,124,255,0.70);
}
.sidebar .popular-posts .post .post-thumb .overlay-box .fa {
top: 50%;
position: relative;
margin-top: -12px;
display: block;
}
.sidebar .popular-posts .post:hover .post-thumb .overlay-box {
opacity: 1;
}
.sidebar .popular-posts .post .post-thumb img {
display: block;
width: 100%;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.sidebar .popular-posts .post .text {
position: relative;
top: 0px;
font-size: 16px;
margin: 0px 0px 0px;
font-weight: 700;
color: #222222;
line-height: 1.5em;
text-transform: capitalize;
}
.sidebar .popular-posts .post .text a {
color: #222222;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: var(--main-font-family);
}
.sidebar .popular-posts .post a:hover {
color: #0a2aa6;
}
.sidebar .popular-posts .post-info {
position: relative;
font-size: 15px;
color: #777777;
font-weight: 600;
margin-top: 6px;
}
/* Popular Tags */
.sidebar .popular-tags a {
position: relative;
display: inline-block;
line-height: 24px;
padding: 8px 20px 8px;
margin: 0px 6px 10px 0px;
color: #555555;
text-align: center;
font-size: 14px;
background: none;
font-weight: 400;
border-radius: 5px;
border: 1px solid #dddddd;
text-transform: capitalize;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.sidebar .popular-tags a:hover {
border-color: #4359e9;
background-color: #4359e9;
color: #ffffff;
}
/* Instagram Widget */
.instagram-widget .post-thumb {
position: relative;
width: 29%;
float: left;
border-radius: 8px;
overflow: hidden;
margin: 0px 5px 10px;
}
.instagram-widget .post-thumb .overlay-box {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #ffffff;
font-size: 18px;
opacity: 0;
text-align: center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(0,96,255,0.70);
}
.instagram-widget .post-thumb .overlay-box .fa {
top: 50%;
position: relative;
margin-top: -12px;
display: block;
}
.instagram-widget .post-thumb:hover .overlay-box {
opacity: 1;
}
.instagram-widget .post-thumb img {
display: block;
width: 100%;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
/* Archive List */
.archive-list {
position: relative;
}
.archive-list li {
position: relative;
margin-bottom: 18px;
}
.archive-list li a {
position: relative;
color: #555555;
font-size: 16px;
padding-left: 20px;
font-weight: 600;
}
.archive-list li a:before {
position: absolute;
content: '\f101';
left: 0px;
top: -1px;
color: #4359e9;
font-weight: 400;
font-family: 'FontAwesome';
}
.news-block-five {
position: relative;
margin-bottom: 50px;
}
.news-block-five .inner-box {
position: relative;
background-color: #ffffff;
box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.news-block-five .inner-box .image {
position: relative;
overflow: hidden;
background-color: #427cff;
}
.news-block-five .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block-five .inner-box:hover .image img {
opacity: 0.7;
transform: scale(1.04, 1.04);
}
.news-block-five .inner-box .lower-content {
position: relative;
padding: 25px 30px 25px;
}
.news-block-five .inner-box .lower-content .post-date {
position: absolute;
right: 20px;
top: -20px;
color: #ffffff;
width: 50px;
height: 50px;
font-size: 20px;
text-align: center;
font-weight: 800;
z-index: 1;
line-height: 1.1em;
padding-top: 5px;
background-color: #4359e9;
}
.news-block-five .inner-box .lower-content .post-date span {
display: block;
font-size: 14px;
font-weight: 600;
}
.news-block-five .inner-box .lower-content .lower-box {
position: relative;
padding-top: 16px;
border-top: 1px solid #cccccc;
}
.news-block-five .inner-box .lower-content .post-meta {
position: relative;
}
.news-block-five .inner-box .lower-content .post-meta li {
position: relative;
color: #427cff;
font-size: 16px;
margin-right: 10px;
font-weight: 600;
display: inline-block;
}
.news-block-five .inner-box .lower-content .post-meta li .icon {
position: relative;
top: 1px;
color: #35d764;
font-size: 15px;
margin-right: 6px;
}
.news-block-five .inner-box .lower-content h4 {
position: relative;
line-height: 1.4em;
font-weight: 700;
margin-top: 12px;
}
.news-block-five .inner-box .lower-content h4 a {
position: relative;
color: #35d764;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block-five .inner-box .lower-content h4 a:hover {
color: #4359e9;
}
.news-block-five .inner-box .lower-content .text {
position: relative;
line-height: 1.8em;
font-weight: 500;
margin-top: 12px;
color: #555555;
font-size: 16px;
margin-bottom: 18px;
}
.news-block-five .inner-box .lower-content .lower-box .read-more {
position: relative;
color: #35d764;
font-size: 16px;
font-weight: 600;
font-family: var(--main-font-family);
}
.news-block-five .inner-box .lower-content .lower-box .read-more .arrow {
position: relative;
margin-right: 6px;
}
.news-detail {
position: relative;
}
.news-detail .inner-box {
position: relative;
box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
}
.news-detail .inner-box .upper-box {
position: relative;
padding: 30px 30px;
}
.news-detail .inner-box h3 {
position: relative;
color: #35d764;
font-weight: 700;
line-height: 1.3em;
}
.news-detail .inner-box .upper-box .post-meta {
position: relative;
padding-top: 15px;
margin-top: 20px;
border-top: 1px solid #dddddd;
}
.news-detail .inner-box .upper-box .post-meta li {
position: relative;
color: #427cff;
font-size: 16px;
margin-right: 10px;
font-weight: 600;
display: inline-block;
}
.news-detail .inner-box .upper-box .post-meta li .icon {
position: relative;
top: 1px;
color: #35d764;
font-size: 15px;
margin-right: 6px;
}
.news-detail .inner-box .image {
position: relative;
}
.news-detail .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.news-detail .inner-box .image .post-date {
position: absolute;
right: 20px;
top: -20px;
color: #ffffff;
width: 50px;
height: 50px;
font-size: 20px;
text-align: center;
font-weight: 800;
z-index: 1;
line-height: 1.1em;
padding-top: 5px;
background-color: #4359e9;
}
.news-detail .inner-box .image .post-date span {
display: block;
font-size: 14px;
font-weight: 600;
}
.news-detail .inner-box .lower-content {
position: relative;
padding: 30px 30px;
}
.news-detail .inner-box .lower-content p {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
}
.news-detail .inner-box .lower-content h4 {
position: relative;
color: #35d764;
font-weight: 700;
margin-bottom: 10px;
}
.news-detail .inner-box .lower-content blockquote {
position: relative;
padding: 40px 40px;
border-radius: 4px;
color: #ffffff;
font-size: 20px;
font-weight: 500;
line-height: 1.6em;
margin-top: 30px;
margin-bottom: 30px;
background-color: #4359e9;
}
.news-detail .inner-box .lower-content blockquote .blockquote-inner {
position: relative;
padding-left: 70px;
}
.news-detail .inner-box .lower-content blockquote .blockquote-inner:before {
position: absolute;
content: '';
left: 0px;
top: 12px;
height: 3px;
width: 50px;
background-color: #ffffff;
}
.news-detail .inner-box .lower-content blockquote .quote-icon {
position: absolute;
right: 100px;
bottom: 25px;
color: #ffffff;
opacity: 0.20;
font-size: 50px;
}
/* Post Share Options */
.news-detail .post-share-options {
position: relative;
margin-top: 40px;
padding: 22px 0px 0px;
border-top: 1px solid #cccccc;
}
.news-detail .post-share-options .tags a {
position: relative;
color: #555555;
font-size: 14px;
font-weight: 600;
line-height: 1em;
padding: 12px 18px;
border-radius: 3px;
margin-right: 6px;
display: inline-block;
border: 1px solid #dddddd;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-detail .post-share-options .tags a:last-child {
margin-right: 0px;
}
.news-detail .post-share-options .tags {
position: relative;
color: #ff4800;
font-size: 16px;
font-weight: 400;
margin-top: 3px;
}
.news-detail .post-share-options .tags a:hover {
color: #ffffff;
border-color: #4359e9;
background-color: #4359e9;
}
.news-detail .post-share-options .social-box {
position: relative;
margin-top: 10px;
}
.news-detail .post-share-options .social-box li.share {
position: relative;
color: #35d764;
font-weight: 700;
font-size: 16px;
}
.news-detail .post-share-options .social-box li {
position: relative;
margin-left: 15px;
display: inline-block;
}
.news-detail .post-share-options .social-box li a {
position: relative;
font-size: 16px;
color: #bbbbbb;
display: inline-block;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-detail .post-share-options .social-box li a:hover {
color: #4359e9;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area {
position: relative;
margin-top: 60px;
margin-bottom: 50px;
}
.sidebar-page-container .group-title {
position: relative;
}
.sidebar-page-container .group-title h3 {
position: relative;
color: #222222;
font-weight: 700;
margin-bottom: 30px;
text-transform: capitalize;
}
.sidebar-page-container .comments-area .comment-box {
position: relative;
padding: 0px 0px 0px;
margin-bottom: 30px;
border-bottom: 1px solid #cccccc;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.sidebar-page-container .comments-area .comment-box:last-child {
margin-bottom: 0px;
}
.sidebar-page-container .comments-area .comment {
position: relative;
font-size: 14px;
min-height: 140px;
padding: 5px 0px 0px 140px;
}
.sidebar-page-container .comments-area .reply-comment {
margin-left: 60px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 110px;
border-radius: 0px;
margin-bottom: 20px;
overflow: hidden;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img {
width: 100%;
display: block;
}
.sidebar-page-container .comments-area .comment-info {
margin-bottom: 15px;
}
.sidebar-page-container .comments-area .comment-box strong {
font-size: 20px;
font-weight: 700;
color: #35d764;
display: block;
line-height: 1.3em;
display: inline-block;
text-transform: capitalize;
font-family: var(--main-font-family);
}
.sidebar-page-container .comments-area .comment-box .text {
color: #555555;
font-size: 16px;
line-height: 1.9em;
margin-bottom: 0px;
padding-top: 0px;
}
.sidebar-page-container .comments-area .comment-info .comment-time {
font-size: 15px;
color: #555555;
margin-left: 20px;
display: inline-block;
font-weight: 500;
font-family: var(--main-font-family);
}
.sidebar-page-container .comments-area .comment-box .theme-btn {
position: absolute;
right: 0px;
top: 0px;
font-size: 16px;
color: #ffffff;
font-weight: 600;
padding: 6px 18px;
border-radius: 4px;
background-color: #4359e9;
text-transform: capitalize;
}
.sidebar-page-container .comments-area .comment-box .theme-btn:hover {
background-color: #222222;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form .group-title h4 {
position: relative;
margin-bottom: 50px;
}
.comment-form .form-group {
margin-bottom: 20px;
}
.comment-form .form-group input[type="text"], .comment-form .form-group input[type="password"], .comment-form .form-group input[type="tel"], .comment-form .form-group input[type="email"], .comment-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 25px;
color: #888888;
height: 55px;
font-size: 14px;
border-radius: 5px;
background: #f5f5f5;
border: 1px solid transparent;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="password"]:focus, .comment-form .form-group input[type="tel"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group select:focus, .comment-form .form-group textarea:focus {
border-color: #1c2c52;
}
.comment-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 15px 25px 25px;
color: #888888;
border: 1px solid transparent;
height: 200px;
background: #f5f5f5;
resize: none;
font-size: 14px;
border-radius: 5px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form .theme-btn {
cursor: pointer;
}
.news-more-section {
position: relative;
border-top: 2px solid #f5f5f5;
}
.news-more-section .new-post {
position: relative;
}
.news-more-section .new-post .post-inner {
position: relative;
padding: 50px 0px;
}
.news-more-section .new-post:first-child {
border-right: 2px solid #f5f5f5;
}
.news-more-section .new-post .content {
position: relative;
padding-left: 100px;
padding-top: 10px;
}
.news-more-section .new-post .content .post-image {
position: absolute;
left: 0px;
top: 0px;
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 50%;
}
.news-more-section .new-post .content h4 {
position: relative;
font-weight: 700;
line-height: 1.3em;
margin-bottom: 8px;
}
.news-more-section .new-post .content h4 a {
position: relative;
color: #35d764;
}
.news-more-section .new-post .content .more {
position: relative;
}
.news-more-section .new-post.style-two .content {
text-align: right;
padding-left: 0px;
padding-right: 100px;
}
.news-more-section .new-post.style-two .content .post-image {
left: auto;
right: 0px;
}
/* Error Section */
.error-section {
position: relative;
padding: 160px 0px 160px;
}
.error-section .content {
position: relative;
text-align: center;
}
.error-section h1 {
position: relative;
color: #222222;
font-size: 180px;
font-weight: 800;
line-height: 1em;
margin-bottom: 10px;
}
.error-section h2 {
position: relative;
color: #222222;
font-weight: 800;
line-height: 1.2em;
margin-bottom: 10px;
}
.error-section .text {
position: relative;
color: #222222;
font-size: 20px;
font-weight: 300;
margin-top: 20px;
margin-bottom: 30px;
}
.team-page-section {
position: relative;
padding: 110px 0px 70px;
}
/* RTL Code */
.rtl .main-menu, .rtl .main-menu .navigation > li, .rtl .main-header .header-top .top-left {
float: right;
}
.rtl .main-header .outer-box, .rtl .main-header .nav-outer, .rtl .main-header .header-top .top-right {
float: left;
}
.rtl .main-header .header-top .top-right .social-box li {
margin-left: 0px;
margin-right: 15px;
}
.rtl .main-header .header-top .info-list li a {
padding-left: 0px;
padding-right: 28px;
text-align: right;
}
.rtl .main-header .header-top .info-list li a .icon {
right: 0px;
left: auto;
}
.rtl .main-header .header-upper .logo-box {
float: right;
}
.rtl .main-menu .navigation > li:last-child {
margin-right: 20px;
}
.rtl .main-menu .navigation > li > ul {
left: auto;
right: 30px;
text-align: right;
}
.rtl .main-menu .navigation > li.dropdown:hover > ul {
left: auto;
right: 0px;
}
.rtl .main-menu .navigation > li > ul > li:hover > a {
padding-left: 18px;
padding-right: 30px;
}
.rtl .main-menu .navigation > li > ul > li > a:before {
right: 10px;
left: auto;
}
.rtl .main-menu .navigation > li > ul > li.dropdown > a:after {
right: auto;
left: 15px;
}
.rtl .main-menu .navigation > li > ul > li > ul {
left: auto;
right: 120%;
}
.rtl .main-menu .navigation li > ul > li.dropdown:hover > ul {
left: auto;
right: 100%;
}
.rtl .main-header .outer-box {
margin-left: 0px;
margin-right: 20px;
}
.rtl .banner-section .content-column .inner-column {
text-align: right;
}
.rtl .sticky-header .logo {
float: right;
}
.rtl .sticky-header .pull-right {
float: left;
}
.rtl .about-section .content-column {
order: 2;
z-index: 1;
text-align: right;
}
.rtl .about-section .image-column {
order: 1;
}
.rtl .feature-block .inner-box {
padding-left: 0px;
padding-right: 70px;
text-align: right;
}
.rtl .feature-block .inner-box .icon {
right: 0px;
left: auto;
}
.rtl .service-block-two .inner-box, .rtl .feature-block-two .inner-box, .rtl .sec-title {
text-align: right;
}
.rtl .about-section .content-column .inner-column {
padding-right: 0px;
}
.rtl .call-to-action-section .heading-column {
order: 2;
text-align: right;
}
.rtl .call-to-action-section .button-column {
order: 1;
}
.rtl .call-to-action-section .button-column .inner-column {
text-align: left;
}
.rtl .case-block .inner-box .image .overlay-box .content {
right: 40px;
left: auto;
text-align: right;
}
.rtl .case-block .inner-box .image .overlay-box .arrow {
left: 0px;
right: auto;
}
.rtl .news-block .inner-box .lower-content, .rtl .testimonial-block .inner-box {
text-align: right;
}
.rtl .testimonial-block .inner-box .upper-box {
padding-left: 0px;
padding-right: 115px;
}
.rtl .testimonial-block .inner-box .upper-box .icon {
right: 0px;
left: auto;
}
.rtl .technology-section .title-column {
order: 2;
}
.rtl .technology-section .blocks-column {
order: 1;
}
.rtl .technology-section .blocks-column .inner-column .technology-block:nth-child(4) {
margin-left: 0px;
}
.rtl .news-block .inner-box .lower-content .post-meta li {
padding-left: 0px;
padding-right: 30px;
margin-right: 0px;
margin-left: 20px;
}
.rtl .news-block .inner-box .lower-content .post-meta li .icon {
right: 0px;
left: auto;
}
.rtl .main-footer {
text-align: right;
}
.rtl .main-footer .footer-widget h5:before {
left: auto;
right: 0px;
}
.rtl .main-footer .news-widget .post {
padding-left: 0px;
padding-right: 95px;
}
.rtl .main-footer .contact-widget ul li .icon, .rtl .main-footer .news-widget .post .thumb {
right: 0px;
left: auto;
}
.rtl .main-footer .contact-widget ul li {
padding-left: 0px;
padding-right: 60px;
text-align: right;
}
.rtl .main-header .cart-box .cart-panel {
left: 0px !important;
right: auto !important;
}
.rtl .main-header .cart-product .inner {
text-align: right;
padding-left: 0px;
padding-right: 90px;
}
.rtl .main-header .cart-product .inner .image {
left: auto;
right: 0px;
}
.rtl .sidebar-info-contents .content-inner {
text-align: right;
}
.rtl .list-style-one li {
padding-left: 0px;
padding-right: 30px;
text-align: right;
}
.rtl .list-style-one li .icon {
left: auto;
right: 0px;
}
.rtl .main-header .search-box {
float: right;
margin-right: 10px;
}
.rtl .main-header .header-upper .outer-container {
padding: 0px 15px;
}
.rtl .news-block-two .inner-box .content-column, .rtl .banner-section-two .image-column {
order: 2;
}
.rtl .news-block-two .inner-box .image-column {
order: 1;
}
.rtl .banner-section-two .content-column {
order: 1;
text-align: right;
}
.rtl .banner-section-two .content-column .play-box {
padding-left: 0px;
padding-right: 90px;
text-align: right;
}
.rtl .banner-section-two .content-column .video-box {
right: 0px;
left: auto;
margin-right: 0px;
}
.rtl .skills .skill-item .skill-header .skill-title {
float: right;
}
.rtl .skills .skill-item .skill-header .skill-percentage {
float: left;
}
.rtl .appointment-form .form-group input, .rtl .appointment-form .form-group textarea, .rtl .appointment-section .form-column h4, .rtl .process-block .inner-box {
text-align: right;
}
.rtl .appointment-form .form-group .icon {
right: auto;
left: 15px;
}
.rtl .news-section-two .owl-nav {
left: -15px;
right: auto;
}
.rtl .news-block-two .inner-box .content-column .inner-column {
text-align: right;
}
.rtl .news-block-two .inner-box .image-column .post-date {
left: auto;
right: -35px;
}
.rtl .main-header .header-upper .logo-box {
float: right;
}
.rtl .main-header .header-upper .upper-right {
float: left;
}
.rtl .main-header .info-box {
padding-left: 0px;
padding-right: 65px;
text-align: right;
}
.rtl .main-header .info-box .icon-box {
right: 0px;
left: auto;
}
.rtl .main-header .header-lower .options-box {
margin-right: 20px;
}
.rtl .main-header.header-style-three .nav-outer {
padding-left: 30px;
}
.rtl .service-block-three .inner-box .content, .rtl .banner-section-three .content-column .inner-column {
text-align: right;
}
.rtl .service-block-three .inner-box .service-number {
left: 0px;
right: auto;
}
.rtl .news-block-three .inner-box .lower-content .content {
text-align: right;
padding-left: 0px;
padding-right: 100px;
}
.rtl .news-block-three .inner-box .lower-content .icon-box {
right: 0px;
left: auto;
}
.rtl .call-to-action-section-two .inner-container h3 {
text-align: center;
}
.rtl .cases-section-two .owl-nav {
text-align: left;
}
.rtl .price-block .inner-box, .rtl .news-block-four .inner-box .lower-content, .rtl .case-block-two .inner-box .lower-content {
text-align: right;
}
.rtl .price-block .inner-box .price-list li {
padding-left: 0px;
padding-right: 30px;
text-align: right;
}
.rtl .price-block .inner-box .price-list li:before {
right: 0px;
left: auto;
}
.rtl .news-block-four .inner-box .lower-content .post-date {
left: 20px;
right: auto;
}
.rtl .news-block-four .inner-box .lower-content .post-meta li {
padding-left: 0px;
padding-right: 30px;
text-align: right;
margin-right: 0px;
margin-left: 12px;
}
.rtl .info-section .info-column .icon-box, .rtl .news-block-four .inner-box .lower-content .post-meta li .icon {
right: 0px;
left: auto;
}
.rtl .info-section .info-column .inner-column {
padding-left: 0px;
padding-right: 60px;
text-align: right;
}
.rtl .emailed-form .form-group input[type="submit"], .rtl .emailed-form button {
left: 0px;
right: auto;
}
.rtl .emailed-form .form-group input {
text-align: right;
padding-right: 15px;
}
.rtl .services-detail .inner-box, .rtl .coming-soon .emailed-form .form-group input, .rtl .faq-form .form-group input, .rtl .faq-form .form-group textarea, .rtl .accordion-box .block .content, .rtl .accordion-box .block .acc-btn {
text-align: right;
}
.rtl .coming-soon .emailed-form button {
left: 0px;
right: auto;
}
.rtl .payment-options, .rtl .popular-tags, .rtl .sidebar-title, .rtl .shop-form input, .rtl .shop-form textarea, .rtl .shop-order-box .order-list li, .rtl .shop-order-box .order-list li span, .rtl .checkout-page .payment-options li .radio-option label .small-text, .rtl .shop-form .billing-inner, .rtl .shop-page .prod-tabs .add-review, .rtl .shop-page .prod-tabs .add-review .form-group input, .rtl .shop-page .prod-tabs .add-review .form-group textarea, .rtl .cart-section .apply-coupon .form-group input[type="text"], .rtl .checkout-page .default-links li, .rtl .shop-page .prod-tabs .tabs-content .tab p, .rtl .sidebar .search-box .form-group input, .rtl .project-detail-section .lower-section, .rtl .project-detail-section .info-column .inner-column, .rtl .contact-widget .widget-content, .rtl .sidebar .service-list li a {
text-align: right;
}
.rtl .project-detail-section .info-column .info-list li {
padding-left: 0px;
padding-right: 28px;
text-align: right;
}
.rtl .project-detail-section .info-column .info-list li .icon {
right: 0px;
left: auto;
}
.rtl .sidebar .search-box .form-group button {
left: 0px;
right: auto;
}
.rtl .sidebar .popular-posts .post {
padding-left: 0px;
padding-right: 100px;
text-align: right;
}
.rtl .sidebar .popular-posts .post .post-thumb {
right: 0px;
left: auto;
}
.rtl .product-details .image-column {
order: 2;
}
.rtl .product-details .info-column {
order: 1;
text-align: right;
}
.rtl .product-details .info-column .other-options .pull-left {
float: right;
}
.rtl .product-details .basic-details .item-quantity {
margin-right: 0px;
margin-left: 20px;
}
.rtl .shop-page .prod-tabs .reviews-container .review-box {
padding-left: 0px;
padding-right: 120px;
text-align: right;
}
.rtl .shop-page .prod-tabs .reviews-container .rev-thumb {
left: auto;
right: 0px;
}
.rtl .checkout-page .payment-options li .radio-option label {
padding-left: 0px;
padding-right: 30px;
}
.rtl .checkout-page .payment-options li .radio-option input[type="radio"] {
right: 0px;
left: auto;
}
.rtl .checkout-page .payment-options li .radio-option label .small-text {
margin-left: 0px;
}
.rtl .styled-form input {
text-align: right;
}
.rtl .styled-form .form-group .adon-icon {
right: auto;
left: 15px;
}
.rtl .news-block-five .inner-box .lower-content .post-date {
left: 15px;
right: auto;
}
.rtl .contact-form, .rtl .news-detail .inner-box, .rtl .comment-form .form-group input, .rtl .comment-form .form-group textarea, .rtl .sidebar-page-container .group-title, .rtl .sidebar-page-container .comments-area, .rtl .contact-form .form-group input, .rtl .contact-form .form-group textarea, .rtl .news-block-five .inner-box .lower-content {
text-align: right;
}
.rtl .news-detail .inner-box .image .post-date {
left: 15px;
right: auto;
}
.rtl .list-style-two li {
padding-left: 0px;
padding-right: 30px;
}
.rtl .list-style-two li:before {
right: 0px;
left: auto;
}
.rtl .sidebar-page-container .comments-area .comment {
padding-left: 0px;
padding-right: 140px;
}
.rtl .sidebar-page-container .comments-area .comment-box .author-thumb {
right: 0px;
left: auto;
}
.rtl .sidebar-page-container .comments-area .comment-box .theme-btn {
left: 0px;
right: auto;
}
.rtl .news-more-section .new-post .content {
padding-left: 0px;
padding-right: 100px;
text-align: right;
}
.rtl .contact-info-section .info-column .icon-box, .rtl .news-more-section .new-post .content .post-image {
right: 0px;
left: auto;
}
.rtl .contact-info-section .info-column .inner-column .content {
padding-left: 0px;
padding-right: 60px;
text-align: right;
}
.rtl .main-header .header-top-three .top-right {
float: left;
}
.rtl .main-header .header-top-three .top-right::after {
right: -30px;
left: auto;
padding-right: 30px;
}
.rtl .main-header .header-top-three .top-right::before {
right: -60px;
left: auto;
top: 1px;
transform: rotate(180deg);
}
.rtl .header-style-five .main-box .nav-outer {
float: right;
}
/***
====================================================================
Banner Section Two
====================================================================
***/
.banner-section-four {
position: relative;
}
.banner-section-four .slide-item {
position: relative;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 0;
}
.banner-section-four .slide-item:before {
position: absolute;
left: 0;
bottom: -5px;
height: 660px;
width: 100%;
content: "";
background-image: url(../images/main-slider/image-3.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
}
.banner-section-four .slide-item .content-box {
position: relative;
padding: 220px 0px 300px;
text-align: center;
}
.banner-section-four .slide-item .title {
position: relative;
display: inline-block;
font-size: 18px;
line-height: 1.2em;
color: #ffa900;
font-weight: 700;
margin-bottom: 30px;
text-transform: uppercase;
transition: all 300ms ease;
opacity: 0;
}
.banner-section-four .active .slide-item .title {
opacity: 1;
transition-delay: 300ms;
}
.banner-section-four .slide-item h2 {
position: relative;
display: block;
font-size: 60px;
line-height: 1.2em;
color: #ffffff;
font-weight: 700;
transform: none;
}
.banner-section-four .content-box .video-link {
position: relative;
display: inline-block;
margin-top: 50px;
transition: all 300ms ease;
opacity: 0;
}
.banner-section-four .active .content-box .video-link {
opacity: 1;
transition-delay: 1000ms;
}
.banner-section-four .content-box .video-link a {
position: relative;
display: inline-block;
height: 60px;
width: 60px;
text-align: center;
line-height: 56px;
font-size: 16px;
color: #ffa500;
font-weight: 400;
border: 2px solid #ffffff;
border-radius: 50%;
background-color: rgba(0,0,0,0.46);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.banner-section-four .content-box .video-link a:hover {
color: #ffffff;
border-color: #000000;
}
.banner-section-four .owl-nav {
display: none;
}
.banner-section-four .owl-dots {
position: absolute;
right: 80px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-section-four .owl-dot {
position: relative;
display: block;
height: 14px;
width: 14px;
background-color: #ffffff;
border-radius: 50%;
margin-bottom: 35px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.banner-section-four .owl-dot.active {
background-color: #ff9c00;
}
.rtl .header-style-four .header-lower .outer-box .search-box-outer {
float: right;
margin-left: 30px;
margin-right: 0px;
}
.rtl .header-style-four .header-lower .outer-box .advisor-box .advisor-btn:before {
display: none;
left: auto;
}
.rtl .header-style-four .header-lower .nav-outer {
padding-left: 0px;
padding-right: 30px;
}
.rtl .main-header .header-top-three .top-left {
float: right;
}
.rtl .main-header .header-top-three .info-list li {
margin-right: 0px;
margin-left: 30px;
}
.rtl .main-header .header-top-three .info-list li a {
padding-left: 0px;
padding-right: 28px;
}
.rtl .main-header .header-top-three .info-list li .icon {
right: 0px;
left: auto;
}
.rtl .header-style-four .header-lower .outer-box .advisor-box {
float: left;
}
.rtl .header-top-four .top-left .links li:first-child {
border-right: none;
}
.rtl .main-header .info-box:first-child {
margin-left: 0px;
}
.liba ul li {
background: url("../images/blott.png") no-repeat center left;
padding-left: 25px;
color: #333;
}
.libaa ul li {
background: url("../images/blott.png") no-repeat center left;
padding-left: 25px;
color: #333;
font-size: 22px;
}
.main-headerr {
position: relative;
}
.text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
font-weight: 500;
margin-bottom: 40px;
}
.spacon {
background: #fff;
padding: 70px;
box-shadow: 0px 24px 100px -30px rgba(0,0,0,0.24);
}
.div-site-bg {
background-image: url(https://www.zappkingmedia.nl/wp-content/uploads/2021/06/sssd.jpg) !important;
background-position: 50%;
background-size: 100%;
padding: 54px 0;
background-size: cover;
background-repeat: no-repeat;
}
.errorMessage {
color: red;
}
input[type=checkbox], input[type=radio] {
width: auto;
float: left;
vertical-align: middle;
margin-right: 10px;
}
li#footer-selector {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
line-height: 1.2;
cursor: pointer;
}
li#footer-selector a {
position: relative;
margin: 0;
padding: 0;
display: block;
padding: 0 10px;
white-space: nowrap;
}
html span.spantopee {
margin-right: 0px;
height: auto;
width: 22px;
display: inline-block;
}
span.spantopee img {
vertical-align: middle;
}
html span.spantitl {
line-height: 1;
color: #333;
}
.login-wrap li#footer-selector>ul {
max-height: 325px;
overflow-y: auto;
}
li#footer-selector ul:not(.abbecdbc) {
position: absolute;
z-index: 1;
visibility: hidden;
right: 3px;
top: 22px;
margin: 0;
display: block;
padding: 0;
background: #fff;
min-width: 145px;
transition: all .2s ease;
-webkit-border-radius: 3px;
border-radius: 0;
border: 1px solid #e4e4e4;
}
li#footer-selector ul li {
display: block;
height: auto;
padding: 0;
position: relative;
line-height: 24px;
}
._4eec698b:not(:last-child) {
border-bottom: 1px solid #dedede;
}
li._4eec698b {
margin: 0!important;
margin-top: 0;
width: 100%;
text-align: left;
}
li#footer-selector ul li a {
color: #555;
display: block;
padding: 3px 10px;
text-align: left;
font-size: 14px;
position: relative;
margin: 0;
white-space: nowrap;
width: 100%;
}
._577b9776 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 0;
margin-right: 5px;
height: 14px;
width: 20px;
background-repeat: no-repeat;
background-size: cover;
}
li#footer-selector ul li a img {
margin-top: 2px;
display: block;
}
li#footer-selector:hover>ul {
padding: 0;
visibility: visible;
opacity: 1;
z-index: 11111;
}
.iti {
width: 100%;
}
.Price-amount {
font-weight: 700;
font-size: 20px;
}
html button.cart-btn.theme-btn {
padding: 10px 15px !important;
line-height: 1 !important;
}
#product-view {
overflow: auto;
}
div.preview-image {
padding: 10px;
}
#preview-enlarged {
float: left;
width: calc(100% - 70px);
}
#thumbnail-container {
width: 70px;
float: right;text-align:right;
}
div.preview-image img {
width: 100%;
max-width: 450px;
height: auto;
border: 0px !important;
}
div.preview-image figure {
border: 0px;
}
div.preview-image img {
width: 100%;
max-width: 450px;
height: auto;
border: 1px solid #ccc;
}
div#product-view div.preview-image img.focused {
border: var(--secondarycolor) 2px solid !important;
}
div.preview-image img.thumbnail {
width: 50px;
margin-bottom: 10px;
padding: 5px;
}
figure.zoom {
background-position: 50% 50%;
position: relative;
overflow: hidden;
cursor: zoom-in;
}
figure.zoom img:hover {
opacity: 0;
}
figure.zoom img {
transition: opacity 0.5s;
display: block;
width: 100%;
}
#preview-enlarged img {
height: 300px;
object-fit: contain;margin: unset;
}
div#thumbnail-container img {
border: 1px solid #ccc !important;
}
.page-heading {
color: var(--header-color);
font-weight: 600;
}
html .cart-table tbody tr .remove-btn .fa {
position: relative;
top: -4px;
font-size: 18px;
line-height: 1;
width: 20px;
height: 20px;
margin-right: 8px;
background: transparent;
color: red;
text-align: center;
overflow: initial;
text-indent: initial;
}
.total-price.disabled {
opacity: 0.5;
}
.text-black {
color: var(--black-color) !important;
}
a.text-black:hover {
color: var(--maincolor)!important;
}
/*product css*/
.single-getting-started-card {
margin-bottom: 25px;
border: none;
padding: 15px!important;
-webkit-transition: var(--transition) !important;
transition: var(--transition) !important;
border-radius: 10px;
background-color: #fafafa;border:1px solid #eee;
}.single-getting-started-card:hover{background-color: #eee; border:1px solid #eee; }
.single-getting-started-card:hover {
border: 1px solid var(--white-color);
/* border-radius: 10px; */
-webkit-box-shadow: 2px 3px 40px rgba(1, 123, 113, 0.07);
box-shadow: 2px 3px 40px rgba(1, 123, 113, 0.07);
border-radius: 5px;
}.single-getting-started-card:hover {
background-color: #eee;
border: 1px solid #eee !important;
box-shadow: unset !important;
border-radius: 10px !important;
}
html .single-getting-started-card .getting-image {
margin-bottom: 10px !important;
margin-left: -13px;
margin-right: -13px;
margin-top: -13px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden;background:#fff; padding: 8px;
}
html .getting-image img {
height: 170px;object-fit: contain;
}
html .single-getting-started-card.products h3 {
height: unset !important;
overflow-y: hidden;
margin-bottom: 10px;
white-space: nowrap;
text-overflow: ellipsis;
/* line-height: 1; */
min-height: unset;
}
.single-getting-started-card {
padding: 20px;
height: 100%;
}
.single-getting-started-card .getting-image {
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.single-getting-started-card.products h3 {
min-height: 30px;
}
.pro-rattings {
float: left;
width: 100%;
height: 15px;
text-align: center;
margin-bottom: 15px;
position: relative;
}
.pro-ratting {
position: absolute;
display: block;
width: 100%;
color: var(--secondarycolor);
;
}
.single-getting-started-card h3 {
font-size: 14px;
margin-bottom: 12px;
font-weight: 700;
color: var(--header-color);
}
.single-getting-started-card .default-btn {
display: none !important;
}
.getting-image img {
height: 125px;object-fit:cover;
}
/*product css end*/
.single-pricing-table .features-list li::before {
content: "\f15d";
font-family: Flaticon;
font-style: normal;
position: absolute;
left: 4px;
color: var(--main-color);
font-weight: 600;
font-size: 10px;
}
.pricing-header h6 {
font-weight: 500;
}
#home-slider .abs-container a.theme-btn{
border-radius:4px;
}
.section-title h2, .single-global-transfers-card h3{
color: var(--header-color) !important;
} .bt-menu-conatiner{ display:flex; } .bt-menu-conatiner .spn-flx { flex:1; }
.spn-flx a.main-a {
font-weight: 600;
display: block;
font-size: 16px;
margin-bottom: 6px;color:var(--header-color) !important;
}
.span-flx-Individual {
margin-right: 20px;
padding-right: 20px;
border-right: 2px solid var(--main-color);
}
.l-container-items a {
font-size: 14px;
padding-bottom: 7px;
line-height: 1;
display: block;
/* border-bottom: 1px solid #eee; */
padding-top: 7px;
margin: 0;color:var(--header-light);
}.l-container-items a:hover{ color:var(--main-color);text-decoration:underline;}
li.nohover-bg:hover:before{ content:unset !important;}
@media only screen and (min-width:1150px) and (max-width: 1250px){
.auto-container {
max-width: 1080px;
}
}
@media only screen and (min-width:772px) and (max-width: 1150px){
.auto-container {
max-width: 85%;
}
}
@media only screen and (min-width: 992px) {
.main-headerr.header-style-one {
border: 0px solid #eee;border-bottom: 1px solid #eee;
position: fixed;
top: 0;
} .body-sect{ margin-top:62px;}
}
html .single-global-transfers-card h5 {
float: none;
margin: 7px auto !important;
display: block;
color: var(--header-color);
font-size: 18px;font-weight:600;
}
.single-global-transfers-card {
min-height: 175px;
height: 100% !important;
}
html .single-global-transfers-card p {
max-width: 85%;
margin: auto;
padding-bottom: 9px !important;
}.category-tabs.nav-tabs .nav-item .nav-link {
padding:0px !important;
font-weight: 600 !important;
cursor: pointer;
background: transparent;
border: 0px;
font-size: 23px;
color: var(--header-color);
font-weight: 700 !important; padding-bottom: 6px !important;
}
.category-tabs.nav-tabs .nav-item {
margin-bottom: -1px;
padding: 0px 13px;
}
html .category-tabs.nav-tabs .nav-item .nav-link:before {
position: absolute;
content: '';
left: 0px;
bottom: -1px;
width: 0%;
height: 4px;
opacity: 0;
background-color: var(--main-color);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
html .category-tabs.nav-tabs .nav-item .nav-link {
color: rgba(66, 85, 99, 0.65) !important;
}
.category-tabs.nav-tabs .nav-item .nav-link {
position: relative;
}
html .category-tabs.nav-tabs .nav-item .nav-link:hover:before, html .category-tabs.nav-tabs .nav-item .nav-link.active:before {
opacity: 1;
width: 100%;
z-index: 1;
}
html .category-tabs.nav-tabs .nav-item .nav-link:hover, html .category-tabs.nav-tabs .nav-item .nav-link.active {
color: var(--header-color) !important;
}
.log.dropdown-toggle::after{ content:unset;}
h1, h2, h3, h4, h5, h6 {
color: var(--header-color);
}
.isdark .main-menu .navigation > li > ul {
background-color:#3C3C3C;
}
.isdark .main-footer {
background: rgb(24, 26, 32);
}
html .isdark .navbar-dropdown.lgr {
background: #3C3C3C;
}.dropdown-item{color:var(--header-light);}
a.css-1ug574w:hover { color:var(--black-color);}
.css-vurnku {
box-sizing: border-box;
margin: 0;
min-width: 0;
}.css-1ug574w {
box-sizing: border-box;
margin: 0;
min-width: 0;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 24px;
margin-right: 26px;
color: #707A8A;
}.css-jw93ck {
box-sizing: border-box;
margin: 0;
min-width: 0;
color: currentColor;
width: 22px;
height: 22px;
font-size: 22px;
fill: #1E2329;
fill: currentColor;
}.css-jw93ck {
color: currentColor;
font-size: 22px;
fill: #1E2329;
fill: currentColor;
}
.footer-widget h4.quicklinks::before {
width: 193px;
}
#home-slider .abs-container a.theme-btn,.main-menu .navigation > li > a.login-btn1 {
color: #000 !important;
}
.cart-span {
font-size: .6rem !important;
font-weight: 300 !important;
padding: 2px 4px !important;
position: absolute;
right: -6px;
top: 16px;
color: #fff;
background-color: var(--main-color);
display: inline-block;
padding: 10px;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 50%;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
}
.side-sticky-icons {
position: fixed;
z-index: 1;
left: 5px;
top: 35%;
background-color: transparent;
padding: 2px;
border-radius: 5px 0 0 5px;
}.connect-icon {
width: 37px;
margin: 10px 3px;
transition: all .6s ease 0s;
background: #eee;
border-radius: 50%;
height: 37px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 5px;
opacity: 1;
}
.connect-icon:hover {
transform: rotate(360deg);
}
.connect-icon img {
width: 100%;
height: auto;
}.connect-icon svg {
color: var(--main-color);
width: 70% !important;
height: 70% !important;
}
.connect-icon a {
display: flex;
justify-content: center;
}
.pricing-header h6 {
color: var(--header-color) !important;
margin-bottom: 15px;
}.single-pricing-table .price {
color: var(--main-color) !important;
}.single-pricing-table .price span {
color: var(--header-color) !important;
}
.btn-style-one-less-pad.btn-style-one {
padding: 1px 30px;
}
.video-container3 {
position: relative;
padding-bottom: 56.25%;margin-top:15px;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container3 iframe,
.video-container3 object,
.video-container3 embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fade.in.modal#myModal56 {
position: fixed;
padding-top:50px;
}.fade.in.modal#myModal56 {
background: rgba(0,0,0,.7)!important;
}.fade.in.modal#myModal56 {
margin: auto!important;
width: unset;
left: 0;
right: 0!important;
top: 0;
bottom: 0;
z-index: 11111;
}
.modal#myModal56 .modal-dialog {
margin: auto!important;
width: auto;
min-width: 400px;border-radius: 25px;
}.modal#myModal56 .modal-content {
margin-top: 50px;
max-width: 440px;
overflow: hidden;
background: transparent;
border: 0px;
}
.modal#myModal56 .modal-body {
border: 2px solid var(--button-color);
border-radius: 25px;background: #fff;
}
.fade.in.modal#myModal56 {
position: fixed;
padding-top: 250px!important;
}
.bold { font-weight:600 !important;}
.mframe {
width: 100%;
height: auto;
border: 0px;
min-height: 400px;
background-image: url('../images/splloader.svg') !important;
background-repeat: no-repeat;
background-position: center;
background-size: 100px;
}.isOnFram .side-sticky-icons,.isOnFram header{ display:none !important; }
html .alert {
border-radius: 0px;border:0px !important;
background-color: var(--button-color) !important; margin: 0px 0px 15px;
}
html .alert.alert-danger {
color: var(--header-color) !important;
}
.loadCnter {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255,255,255,.6);
z-index: 5555;
}
.nspinerr {
width: 100px;
width: 70px;
height: 70px;
border: 1px solid #eee;
background-color: #fff;
margin: auto;
top: 45%;
position: absolute;
left: 48%;
right: auto;
background-image: url(../images/splloader.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}.loadCnter.fetching {
display: block;
}
.dashboard-header{
color:var(--header-color);font-weight:600;margin-bottom:40px;font-size:28px;
}
#body-member .side-sticky-icons { display:none;}
.isdark .main-headerr.header-style-one {
border-color: rgb(24, 26, 32);
}
.isdark .main-header .header-upper {
background-color: rgb(24, 26, 32);
}
.dropdown-item:focus, .dropdown-item:hover {
background-color: var(--button-color);
}
.dropdown-item.active, .dropdown-item:active {
background-color: var(--button-color);
}
.lnk-foot-1 .footer-widget h4::before {
width: 232px;
}
.lnk-foot-2 .footer-widget h4::before {
width: 85px;
}
.lnk-foot-4 .footer-widget h4::before {
width: 145px;
}.main-footer .footer-widget {
position: unset;
}.widget-logo { position:absolute;bottom:0px;}
#body-member .table thead th { font-weight: 600; color: var(--header-color); font-size: 12px; }
#body-member .table thead td { color: var(--header-color); font-size: 12px; }
#body-member .table td a {
color: var(--main-color) !important;
font-weight: 600;
}
.cls-container { position:absolute; right:0px;bottom:5px;width:auto;}
.cls_hidden svg,.cls_open svg{ width:25px;height:25px;}
.cls_hidden { display:none;}
.parent-paswword.openfd .cls_hidden { display:block;}
.parent-paswword.openfd .cls_open { display:none;}
.cls-container { position:absolute; right:0px;width:20px;height: 20px;color:#bbb;}
.cls_hidden svg,.cls_open svg{ width:20px;height:20px;}
.cls_hidden { display:none;}
.parent-paswword.openfd .cls_hidden { display:block;}
.parent-paswword.openfd .cls_open { display:none;}
.opened-iframe{ overflow-y:hidden;max-height:100vh;}
.opened-iframe .modal{padding-left:0px !important;}
.opened-iframe .modal#myModal56 .modal-dialog {
margin: 0!important;
width: 100%;
min-width: 100%;
border-radius: 0;
/* background: red; */
height: 100vh;
padding: 0px;
overflow-y: hidden;
}
.opened-iframe .modal#myModal56 .modal-content {
margin-top: 0px;
max-width: 100%;
overflow: hidden;
background: transparent;
border: 0px;
height: 100vh;
overflow-y: hidden;
}.opened-iframe .modal#myModal56 .modal-body {
border: 0px ;
border-radius: 0px !important;
background: transparent;
height: 100vh; overflow-y: hidden;
padding: 0px;
}
.opened-iframe #raw_ht_ml56 {height: 100vh; overflow-y: hidden;padding: 0px; }
.opened-iframe .mframe {
width: 100%;
min-height: 100vh;
height: 100vh;
overflow-y: hidden;
}html.isOnFram{
height: 100vh; overflow-y: hidden;
/*background: rgba(0,0,0,0.9);*/
} html.isOnFram body{
height: 100vh; overflow-y: scroll;
background: transparent;
} html.isOnFram .page-wrapper {
position: relative;
margin: 0 auto;
max-width: 400px;
margin: auto;
background: transparent!important;margin-top: 30px !important;
}html.isOnFram .body-sect {
margin-top: 0px;
}
html.isOnFram .process-section {
;
background: transparent;
}
html .spl-reg-t label {
font-weight: 500;
}
html.isOnFram body .sign-in-form.style-1 {
background-color: #fff;
padding: 0px !important;
border-radius: 25px;
margin-top: 0px !important;
padding-bottom: 15px !important;
}html.isOnFram .closepopu {
position: absolute;
top: 5px; right: 5px; background:transparent !important;
} html.isOnFram .auto-container{ padding:0px;}
html a.learn-more,html button.learn-more {
border: 2px solid;
width: auto;
display: inline-block;
background: var(--secondarycolor);
color: white;
border-radius: 8px;
padding: 6px 20px 6px 20px !important;
margin: 50px auto 75px auto;
/* padding: 0px !important; */
color: var(--header-color) !important;
/* background: transparent; */
border: 0px;
position: relative;
font-size: 14px;
font-weight: 600;
/* padding-bottom: 6px !important; */
line-height:1.5;
}
html .alert { font-weight: 600; }
html .alert ul{ font-size: 16px !important; }
.inside-bx {
border-radius: 16px;
border:1px solid #eee;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
color: var(--header-color) !important;
background-color: var(--secondarycolor);
border-color: var(--secondarycolor);
box-shadow: unset !important;
}
html #body-member .btn.btn-primary {
color: var(--header-color) !important;
font-weight: 600;
font-size: 14px!important;
}
.ja_btn_wrap.optBack .ja_btn_green,.ja_btn_wrap.optBack .ja_btn_green:link,.ja_btn_wrap.optBack .ja_btn_green:visited {
background: var(--secondarycolor);
color: var(--header-color);
font-weight: 600;
}.ja_btn_wrap.optBack .ja_btn_green:hover {
background: var(--main-color);
}.ja_btn_wrap.optBack .ja_btn_red:hover {
background: var(--header-color);
}
.main-menu .dropdown-item:focus, .dropdown-item:hover {
background-color: var(--button-color);
}
.main-menu .dropdown-item.active, .dropdown-item:active {
background-color: var(--button-color);
}
.main-menu .dropdown-item.active,.main-menu .dropdown-item:active {
color:var(--header-color);
} .asasq{
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.fa-neet { background-image:url('https://www.social-ful.com/assets/new/images/meetgoogle.png'); background-size: contain;}
.fa-teams { background-image:url('https://www.social-ful.com/assets/new/images/team.svg'); background-size: contain;}
div.preview-image {
display: flex;
flex-direction: column;
}
#preview-enlarged {
float: left;
width: 100%;
}div.preview-image figure {
border: 0px;
margin-bottom: 15px;
}#preview-enlarged img {
width: 100%;
object-fit: contain;
margin: unset;
max-width: 100%;
max-height: 600px;
}div.preview-image img.thumbnail {
width: 57px;
margin-bottom: 10px;
padding: 5px;
height: 40px;
object-fit: contain;
}#thumbnail-container {
width: 100%;
float: none;
text-align: inherit;
display: flex;
justify-content: center;
}div.preview-image img.thumbnail {
width: 57px;
margin-bottom: 10px;
padding: 5px;
height: 40px;
object-fit: contain;
margin-right: 10px;
}div.preview-image img.thumbnail:last-child{
margin-right:0px;
}