/* Buliten Factory & Industry HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Slider
6. Welcome Section
7. Services Section
8. Call To Action Section
9. Projects Section
10. Call To Action Section Two
11. Expert Section
12. Clients Section
13. Two Fullwidth Column Section
14. Clients Section / Style Two
15. Main Footer / Style Two / Style Three
16. Industrial Section
17. Choose Section
18. Process Section
19. FullWidth Process Section
20. Faq Section
21. Testimonial Section
22. Blogs Section
23. NewsLetter Section / Style Two
24. Feature Section
25. Counter Section
26. Pricing Section
27. Contact Form Section
28. Page Title
29. Comming Soon Section
30. Services Single Section
31. Project Detail Section
32. Shop Items
33. Shoping Cart Section
34. Checkout Section
35. Shop Detail Section
36. Our Blogs Section
37. Blog Detail Section
38. Sidebar Widgets
39. Contact Info Section
40. Map Section
**********************************************/
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i');
/* font-family: 'Josefin 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('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.mCustomScrollbar.min.css');
/***
====================================================================
Reset
====================================================================
***/
/*
@font-face {
font-family: 'bitsumishiregular';
src: url('../fonts/bitsumis-webfont.woff2') format('woff2'),
url('../fonts/bitsumis-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
} */
* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
color: #777777;
line-height: 1.75em;
font-weight: 400;
background: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {
color: #ffffff !important;
}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
color: rgb(255 255 255) !important;
}
.bordered-layout .page-wrapper {
padding: 0px 50px 0px;
}
a:hover{
color: #3b2b99;
}
a {
text-decoration: none;
cursor: pointer;
color: #3b2b99;
}
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;
}
input,
button,
select,
textarea {}
textarea {
overflow: hidden;
}
p {
position: relative;
line-height: 1.8em;
}
.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;
}
/*List Style One*/
.list-style-one {
position: relative;
}
.list-style-one li {
position: relative;
color: #bbbbbb;
font-size: 16px;
padding-left: 55px;
font-weight: 400;
margin-bottom: 25px;
line-height: 1.8em;
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;
}
.list-style-one li .icon {
position: absolute;
left: 0px;
top: -3px;
font-size: 28px;
color: #3b2b99;
line-height: 1em;
}
.list-style-one li:last-child {
margin-bottom: 0px;
}
.list-style-one.alternate li,
.list-style-one.alternate li a {
color: #ffffff;
}
.list-style-one.alternate li a:hover {
color: #3b2b99;
}
/* List Style Two */
.list-style-two {
position: relative;
}
.list-style-two li {
position: relative;
color: #bdc959;
font-size: 16px;
padding-left: 70px;
font-weight: 700;
padding-top: 14px;
margin-bottom: 40px;
}
.list-style-two li .icon {
position: absolute;
left: 0px;
top: 0px;
color: #ffb200;
font-size: 46px;
line-height: 1em;
font-weight: 300;
}
/* List Style Three */
.list-style-three {
position: relative;
}
.list-style-three li {
position: relative;
color: #bbbbbb;
font-size: 16px;
padding-left: 55px;
font-weight: 400;
margin-bottom: 25px;
line-height: 1.8em;
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;
}
.list-style-three li .icon {
position: absolute;
left: 0px;
top: 6px;
font-size: 24px;
color: #3b2b99;
line-height: 1em;
}
.list-style-three li:nth-child(2) .icon {
font-size: 20px;
}
.list-style-three li:last-child {
margin-bottom: 0px;
}
/*Btn Style One*/
.btn-style-one {
position: relative;
padding: 12px 35px 12px;
line-height: 25px;
background: #ffffff;
color: #bdc959;
font-size: 15px;
font-weight: 600;
border-radius: 50px;
letter-spacing: 1px;
border: 2px solid #ffffff;
text-transform: capitalize;
}
.btn-style-one:hover {
background: #bdc959;
border-color: #bdc959;
color: #ffffff;
}
/*Btn Style Two*/
.btn-style-two {
position: relative;
padding: 14px 30px 10px;
line-height: 25px;
background: #3b2b99;
color: #222222;
font-size: 14px;
font-weight: 600;
border-radius: 50px;
letter-spacing: 1px;
border: 2px solid #3b2b99;
text-transform: uppercase;
}
.btn-style-two:hover {
background: none;
color: #3b2b99;
}
/*Btn Style Three */
.btn-style-three {
position: relative;
padding: 12px 40px 12px;
line-height: 25px;
background: #f39033;
color: #ffffff;
font-size: 15px;
font-weight: 400;
border-radius: 50px;
letter-spacing: 1px;
border: 2px solid #f39033;
text-transform: capitalize;
}
.btn-style-three:hover {
background: #3b2b99;
color: #ffffff;
border-color: #3b2b99;
}
/*Btn Style Four */
.btn-style-four {
position: relative;
padding: 14px 40px 10px;
line-height: 25px;
background: #3b2b99;
color: #ffffff;
font-size: 16px;
font-weight: 500;
border-radius: 50px;
letter-spacing: 1px;
border: 2px solid #3b2b99;
text-transform: capitalize;
}
.btn-style-four:hover {
background: #bdc959;
color: #ffffff;
border-color: #bdc959;
}
/*Btn Style Five */
.btn-style-five {
position: relative;
padding: 22px 40px 22px;
line-height: 26px;
background: #3b2b99;
color: #ffffff;
font-size: 16px;
font-weight: 500;
letter-spacing: 1px;
border: 2px solid #3b2b99;
text-transform: capitalize;
}
.btn-style-five:hover {
background: #222222;
color: #ffffff;
border-color: #222222;
}
/*
.header-lower .btn-style-five{
padding: 24px 40px 24px;
} */
/*Social Icon One*/
.social-icon-one {
position: relative;
}
.social-icon-one li {
position: relative;
margin-right: 2px;
margin-bottom: 10px;
display: inline-block;
}
.social-icon-one li a {
position: relative;
width: 38px;
height: 38px;
font-size: 16px;
color: #ffffff;
line-height: 38px;
text-align: center;
display: inline-block;
background-color: #bdc959;
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;
}
.social-icon-one li a:hover {
background-color: #3b2b99;
}
.theme_color {
color: #3b2b99;
}
.sticky-header .main-menu{
margin-top: 20px;
}
.preloader {
display: none;
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: 120px;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top {
position: fixed;
bottom: 15px;
right: 15px;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 24px;
text-transform: uppercase;
line-height: 50px;
text-align: center;
z-index: 100;
cursor: pointer;
background: #0a0a0a;
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-top:hover {
color: #ffffff;
background: #3b2b99;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title {
position: relative;
margin-bottom: 40px;
}
.sec-title .title-inner {
position: relative;
padding-left: 25px;
}
.sec-title .title-inner:before {
position: absolute;
content: '';
left: 0px;
top: 6px;
bottom: 7px;
width: 2px;
background-color: #bdc959;
}
.sec-title .title {
position: relative;
color: #3b2b99;
font-size: 20px;
line-height: 1.6em;
font-weight: 600;
-webkit-mask-image: linear-gradient(-75deg, rgba(255, 255, 255, 0.6) 50%, #3b2b99 50%, rgba(0, 0, 0, 1) 70%);
-webkit-mask-size: 200%;
animation: shine 2s infinite;
}
.sec-title h2 {
position: relative;
font-size: 30px;
color: #3b2b99;
;
font-weight: 700;
line-height: 1.3em;
margin-top: 5px;
-webkit-mask-image: linear-gradient(-75deg, rgba(255, 255, 255, 0.6) 50%, #3b2b99 50%, rgba(0, 0, 0, 1) 70%);
-webkit-mask-size: 200%;
animation: shine 2s infinite;
/* font-family: 'bitsumishiregular'; */
letter-spacing: 1.5px;
}
@-webkit-keyframes shine {
from {
-webkit-mask-position: 150%;
}
to {
-webkit-mask-position: -50%;
}
}
.sec-title.light h2 {
color: #ffffff;
}
.sec-title.light .title-inner:before {
background-color: #777777;
}
.sec-title.centered {
text-align: center;
}
/***
====================================================================
Main Header style
====================================================================
***/
.certified-logo-sec{
margin: 70px 0 0 0;
}
.certified-logo-sec-img {
background-color: #ededed;
display: flex;
justify-content: center;
padding: 30px;
}
.certified-logo-sec-img img{
width: 240px;
}
.main-header {
position: absolute;
left: 0px;
top: 0px;
z-index: 999;
width: 100%;
}
.header-top {
position: relative;
background-color: #000000;
}
.header-top .top-left {
position: relative;
float: left;
padding: 13px 0px;
}
.header-top .top-left ul {
position: relative;
}
.header-top .top-left ul li {
position: relative;
color: #ffffff;
font-size: 14px;
font-weight: 400;
}
.header-top .top-left ul li .fa {
position: relative;
margin-right: 8px;
color: #3b2b99;
}
.header-top .top-right {
position: relative;
float: right;
}
.header-top .top-right .timing {
position: relative;
float: left;
color: #ffffff;
font-size: 14px;
padding: 13px 0px;
margin-right: 10px;
}
.header-top .top-right .social-box {
position: relative;
display: inline-block;
padding: 13px 0px;
}
.header-top .top-right .social-box li {
position: relative;
margin-left: 15px;
display: inline-block;
}
.header-top .top-right .social-box li a {
position: relative;
color: #ffffff;
font-size: 14px;
-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 .top-right .social-box li a:hover {
color: #3b2b99;
}
/*Language Dropdown*/
.main-header .header-top .language {
position: relative;
line-height: 1em;
margin-left: 20px;
display: inline-block;
}
.main-header .header-top .language .flag-icon {
margin-right: 8px;
}
.main-header .header-top .language .dropdown-menu {
top: 100%;
right: 0px;
left: auto;
width: 170px;
border-radius: 0px;
margin-top: 0px;
background-color: #222222;
border: none;
padding: 0px;
border-top: 3px solid #3b2b99;
}
.main-header .header-top .language>a {
color: #3b2b99;
padding: 16px 20px;
background: #ffffff !important;
text-transform: capitalize;
display: inline-block;
border: 0px;
top: -1px;
font-weight: 400;
font-size: 16px;
line-height: 1em;
border-radius: 0px;
}
.main-header .header-top .language>a:after {
display: none;
}
.main-header .header-top language a:hover {
background: none;
}
.main-header .header-top .language .dropdown-menu>li {
padding-right: 0px !important;
margin: 0px !important;
float: none;
display: block !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.main-header .header-top .language .dropdown-menu>li:last-child {
border-bottom: none;
}
.main-header .header-top .language .dropdown-menu>li>a {
padding: 12px 20px !important;
color: #ffffff;
display: block;
text-align: left;
font-size: 14px;
-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 .language .dropdown-menu>li>a:hover {
color: #ffffff !important;
background-color: #3b2b99;
}
/* Header Top Two */
.header-top-two {
position: relative;
background-color: #222222;
}
.header-top-two .top-left {
position: relative;
float: left;
}
.header-top-two .top-left .social-box {
position: relative;
display: inline-block;
padding: 13px 0px;
}
.header-top-two .top-left .social-box li {
position: relative;
margin-right: 15px;
display: inline-block;
}
.header-top-two .top-left .social-box li a {
position: relative;
color: #ffffff;
font-size: 14px;
-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 .top-left .social-box li a:hover {
color: #3b2b99;
}
.header-top-two .top-right {
position: relative;
float: right;
justify-content: end;
display: flex;
}
.header-top-two .top-right .timing {
position: relative;
float: left;
color: #ffffff;
font-size: 14px;
padding: 13px 0px;
margin-right: 10px;
}
/*Language Dropdown*/
.main-header .header-top-two .language {
position: relative;
line-height: 1em;
margin-left: 20px;
display: inline-block;
}
.main-header .header-top-two .language .flag-icon {
margin-right: 8px;
}
.main-header .header-top-two .language .dropdown-menu {
top: 100%;
right: 0px;
left: auto;
width: 170px;
border-radius: 0px;
margin-top: 0px;
background-color: #222222;
border: none;
padding: 0px;
border-top: 3px solid #3b2b99;
}
.main-header .header-top-two .language>a {
color: #3b2b99;
padding: 16px 20px;
background: #ffffff !important;
text-transform: capitalize;
display: inline-block;
border: 0px;
top: -1px;
font-weight: 400;
font-size: 16px;
line-height: 1em;
border-radius: 0px;
}
.main-header .header-top-two .language>a:after {
display: none;
}
.main-header .header-top-two language a:hover {
background: none;
}
.main-header .header-top-two .language .dropdown-menu>li {
padding-right: 0px !important;
margin: 0px !important;
float: none;
display: block !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.main-header .header-top-two .language .dropdown-menu>li:last-child {
border-bottom: none;
}
.main-header .header-top-two .language .dropdown-menu>li>a {
padding: 12px 20px !important;
color: #ffffff;
display: block;
text-align: left;
font-size: 14px;
-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-two .language .dropdown-menu>li>a:hover {
color: #ffffff !important;
background-color: #3b2b99;
}
.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;
}
.main-header .header-upper .outer-container {
position: relative;
padding: 0px 60px;
}
.main-header .nav-outer {
position: relative;
float: right;
}
.header-style-two {
position: relative;
}
.main-header.header-style-two .header-lower {
background-color: #bdc959;
}
.main-header.header-style-two .nav-outer:after {
position: absolute;
content: '';
left: 100%;
top: 0px;
height: 100%;
background-color: #ffffff;
}
.main-header.header-style-two .nav-outer {
width: 100%;
}
.main-header.header-style-three .nav-outer {
width: 100%;
padding-left: 30px;
border-radius: 50px;
margin-top: -36px;
background-color: #ffffff;
}
.main-header .header-upper .logo-box {
position: relative;
margin-top: 50px;
}
.main-header.header-style-three .header-upper .logo-box {
margin-top: 25px;
}
.main-header.header-style-two .header-upper .logo-box {
padding: 13px 0px;
margin: 0px;
}
.main-header .header-upper .logo-box .logo {
position: relative;
}
.main-header .outer-box {
position: relative;
top: 1px;
float: right;
padding: 23px 0px;
}
.main-header.header-style-two .outer-box {
padding: 0px;
}
.main-header .outer-box .option-list {
position: relative;
}
.main-header .outer-box .option-list li {
position: relative;
color: #262626;
font-size: 16px;
padding-right: 18px;
margin-right: 18px;
display: inline-block;
text-transform: uppercase;
border-right: 1px solid #dde4db;
}
.main-header .outer-box .option-list li a {
position: relative;
color: #262626;
-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 .outer-box .option-list li a:hover {
color: #3b2b99;
}
.main-header .outer-box .option-list li .icon {
position: relative;
margin-right: 8px;
color: #3b2b99;
top: 3px;
line-height: 1em;
font-size: 20px;
}
.main-header .outer-box .option-list li:last-child {
border: none;
margin: 0px;
padding: 0px;
}
.main-header .outer-box .option-list li strong {}
.main-header .outer-box .option-box {
position: relative;
float: left;
margin-top: 0px;
margin-left: 25px;
}
.main-header .outer-box .option-box>li {
position: relative;
margin-left: 20px;
display: inline-block;
}
/*.main-header .outer-box .option-box li.cart .icon{
position:relative;
color: #ffffff;
font-size: 26px;
}
.main-header .outer-box .option-box li.cart .number{
position: absolute;
right: -15px;
top: -15px;
color: #3b2b99;
font-size: 18px;
}*/
.main-header .outer-box .option-box .cart-box {
position: relative;
float: left;
color: #ffffff;
font-size: 16px;
background: none;
display: inline-block;
margin-right: 25px;
}
.main-header .outer-box .option-box .cart-box .cart-box-btn {
background: none;
color: #ffffff;
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 .outer-box .option-box .cart-box .cart-box-btn:after {
display: none;
}
.main-header .outer-box .option-box .cart-box .cart-box-btn .total-cart {
position: absolute;
right: -8px;
top: -8px;
width: 18px;
height: 18px;
color: #ffffff;
font-weight: 700;
font-size: 12px;
border-radius: 50%;
text-align: center;
line-height: 18px;
background-color: #3b2b99;
}
.main-header .outer-box .option-box .cart-box .cart-box-btn:hover {
color: #3b2b99;
}
.main-header .outer-box .option-box .cart-product {
position: relative;
margin-bottom: 18px;
min-height: 90px;
border-bottom: 1px solid #e4e4e4;
}
.main-header .outer-box .option-box .cart-product .inner {
position: relative;
padding-left: 90px;
min-height: 70px;
}
.main-header .outer-box .option-box .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 .outer-box .option-box .cart-product .inner .cross-icon:hover {
color: #3b2b99;
}
.main-header .outer-box .option-box .cart-product .inner .image {
position: absolute;
width: 70px;
height: 70px;
left: 0px;
top: 0px;
}
.main-header .outer-box .option-box .cart-product .inner h3 {
position: relative;
font-weight: 600;
font-size: 15px;
margin: 0px;
letter-spacing: 1px;
text-transform: capitalize;
}
.main-header .outer-box .option-box .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 .outer-box .option-box .cart-product .inner h3 a:hover {
color: #3b2b99;
}
.main-header .outer-box .option-box .cart-product .inner .quantity-text {
position: relative;
font-weight: 300;
color: #666666;
font-size: 13px;
margin-bottom: 0px;
}
.main-header .outer-box .option-box .cart-product .inner .price {
position: relative;
font-weight: 700;
font-size: 16px;
margin: 0px;
color: #222222;
}
.main-header .outer-box .option-box .cart-box .cart-panel {
left: auto !important;
right: 0px !important;
border-radius: 0px;
padding: 20px 20px;
min-width: 300px;
margin-top: 50px;
z-index: -1;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
border: 3px solid #3b2b99;
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.main-header .outer-box .option-box .cart-box .cart-panel .cart-total {
color: #000000;
font-size: 15px;
font-weight: 400;
text-align: center;
text-transform: capitalize;
}
.main-header .outer-box .option-box .cart-box .cart-panel .cart-total span {
font-weight: 800;
font-size: 18px;
}
.main-header .outer-box .option-box .cart-box .cart-panel .btns-boxed {
position: relative;
text-align: center;
margin-top: 20px;
}
.main-header .outer-box .option-box .cart-box .cart-panel .btns-boxed li {
position: relative;
margin: 0px 5px;
display: inline-block;
}
.main-header .outer-box .option-box .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: #3b2b99;
border: 1px solid #3b2b99;
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 .outer-box .option-box .cart-box .cart-panel .btns-boxed li a:hover {
color: #3b2b99;
background: none;
}
.main-header .outer-box .option-box .cart-box .icon a {
color: #999999;
}
.main-header.header-style-two .outer-box .option-box .cart-box {
margin-top: 25px;
}
.main-header.header-style-two .header-lower .search-box-outer {
margin-top: 23px;
margin-right: 20px;
}
/* Search Box Outer */
.main-header .header-lower .search-box-outer {
position: relative;
float: left;
}
.main-header .header-lower .search-box-btn {
position: relative;
top: 0px;
display: block;
width: 100%;
font-size: 20px;
color: #ffffff;
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 .header-lower .search-box-btn:after {
display: none;
}
.main-header .header-lower .search-box-outer .dropdown-menu {
top: 49px !important;
right: 0px;
padding: 0px;
width: 280px;
left: auto !important;
border-radius: 0px;
border-top: 3px solid #3b2b99;
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.main-header .header-lower .search-box-outer .dropdown-menu>li {
padding: 0px;
border: none;
margin: 0px;
width: 100%;
background: none;
}
.main-header .header-lower .search-panel .form-container {
padding: 25px 20px;
}
.main-header .header-lower .search-panel .form-group {
position: relative;
margin: 0px;
}
.main-header .header-lower .search-panel input[type="text"],
.main-header .header-lower .search-panel input[type="search"],
.main-header .header-lower .search-panel input[type="password"],
.main-header .header-lower .search-panel select {
display: block;
width: 100%;
height: 40px;
color: #000000;
font-size: 14px;
line-height: 24px;
background: #ffffff;
border: 1px solid #e0e0e0;
padding: 7px 40px 7px 15px;
-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-lower .search-panel input:focus,
.main-header .header-lower .search-panel select:focus {
border-color: #3b2b99;
}
.main-header .header-lower .search-panel .search-btn {
position: absolute;
right: 0px;
top: 0px;
width: 40px;
height: 40px;
text-align: center;
color: #555555;
font-size: 12px;
background: none;
cursor: pointer;
}
.main-header .header-lower .btn-box {
position: relative;
float: right;
top: -1px;
}
.main-header.header-style-three .outer-box {
padding: 0px;
}
/* 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: #bdc959;
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;
}
.main-menu .cart-box {
position: relative;
float: left;
font-size: 26px;
margin: 32px 0px;
padding-left: 20px;
border-left: 1px solid #dde4db;
}
.main-menu .cart-box a {
position: relative;
color: #3b2b99;
}
.main-menu .cart-box .number {
position: absolute;
right: -15px;
top: -15px;
color: #3b2b99;
font-size: 18px;
}
.main-menu .navbar-collapse {
padding: 0px;
float: left;
}
.main-menu .navigation {
position: relative;
margin: 0px;
}
.main-menu .navigation>li {
position: relative;
float: left;
margin-right: 30px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.headar-menu .dropdown {
/* background: #7b1fa2; */
/* color: #fff; */
cursor: pointer;
/* height: 50px; */
/* line-height: 50px; */
position: relative;
/* width: 200px; */
/* text-align: center; */
/* text-decoration: none; */
/* z-index: 1; */
transform: perspective(1000px);
/* -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); */
/* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); */
}
.dropdown-menu {
background-color: #fff;
list-style-type: none;
/* margin: 0; */
padding: 0;
position: absolute;
left: 0;
opacity: 0;
text-align: center;
top: 0;
visibility: hidden;
z-index: -99999;
}
.dropdown-menu li:first-child {
cursor: default;
}
.dropdown-menu a {
color: #000;
display: inline-block;
width: 100%;
text-decoration: none;
-webkit-transition: all 1s;
transition: all 1s;
}
.dropdown-menu a:hover {
background: #ba68c8;
color: #fff;
}
.dropdown:hover .dropdown-menu {
/* background: #7b1fa2; */
opacity: 1;
visibility: visible;
top: 100%;
width: 100%;
-webkit-transition: all .5s, background, 2s .5s linear;
transition: all .5s, background 2s .5s linear;
}
.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: 26px;
}
.main-menu .navigation>li:last-child {
margin-right: 0px;
}
.sticky-header .main-menu .navigation>li>a {
color: #444444 !important;
}
.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a {
color: #3b2b99;
background-color: inherit !important;
}
.sticky-header .nav-outer .options-box {
margin-top: 45px;
}
.main-header .header-upper .upper-right {
position: relative;
/* padding-top: 30px; */
padding-left: 80px;
}
.main-header.header-style-three .header-upper .upper-right {
padding-left: 0px;
padding-top: 30px;
}
.header-logo {
display: flex;
align-items: center;
}
.main-header.header-style-two .header-upper .upper-right {
padding-left: 0px;
padding: 40px 0;
}
.main-header.header-style-two .header-upper .upper-right .info-outer {}
.main-header .header-upper .upper-right .header-lower {
position: relative;
}
.main-header .header-upper .upper-right .header-lower:after {
position: absolute;
content: '';
left: -68px;
top: 0px;
height: 1px;
right: -6000px;
background-color: rgba(255, 255, 255, 0.20);
}
.main-header .header-upper .upper-right:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 10000%;
height: 100%;
display: block;
-ms-transform: skewX(30deg);
-webkit-transform: skewX(30deg);
transform: skewX(30deg);
background-color: rgba(0, 0, 0, 0.70);
}
.main-header.header-style-two .header-upper .upper-right:before,
.main-header.header-style-three .header-upper .upper-right:before {
display: none;
}
.main-header.header-style-three .header-upper {
background-color: rgba(0, 0, 0, 0.70);
border-top: 10px solid #3b2b99;
padding-bottom: 40px;
}
.main-header.header-style-three .header-upper:before {
position: absolute;
content: '';
left: 0px;
top: -10px;
width: 0px;
height: 10px;
background-color: #bdc959;
transition: all 2000ms ease;
-moz-transition: all 2000ms ease;
-webkit-transition: all 2000ms ease;
-ms-transition: all 2000ms ease;
-o-transition: all 2000ms ease;
}
.main-header.header-style-three .header-upper:after {
position: absolute;
content: '';
right: 0px;
top: -10px;
width: 0px;
height: 10px;
background-color: #bdc959;
transition: all 2000ms ease;
-moz-transition: all 2000ms ease;
-webkit-transition: all 2000ms ease;
-ms-transition: all 2000ms ease;
-o-transition: all 2000ms ease;
}
.main-header.header-style-three:hover .header-upper:before,
.main-header.header-style-three:hover .header-upper:after {
width: 100%;
}
.main-header .header-upper .upper-right .info-outer {
position: relative;
/* padding-bottom: 30px; */
}
.main-header .info-box {
position: relative;
float: left;
/* margin-right: 60px; */
font-size: 14px;
color: #98b2c4;
text-align: left;
text-transform: uppercase;
padding: 0px 0px 0px 50px;
}
.main-header .info-box:last-child {
margin: 0px;
padding: 0px;
float: right;
}
.main-header .info-box .icon-box {
position: absolute;
left: 0px;
top: 8px;
color: #3b2b99;
font-size: 34px;
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;
}
.main-header .info-box li {
position: relative;
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 1.7em;
}
.main-header .info-box li span {
font-weight: 700;
font-size: 18px;
}
.main-header.header-style-two .info-box li {
color: #777777;
}
.main-header.header-style-two .info-box li span {
color: #bdc959;
font-size: 20px;
font-weight: 700;
}
.main-header .info-box ul{
width: 200px;
}
.main-header.header-style-two .info-box:last-child {
padding-left: 50px;
}
.main-header .info-box .social-box {
position: relative;
padding-top: 8px;
}
.main-header .info-box .social-box li {
position: relative;
margin-left: 2px;
display: inline-block;
}
.main-header .info-box .social-box li a {
position: relative;
width: 34px;
height: 34px;
color: #ffffff;
font-size: 14px;
line-height: 34px;
text-align: center;
display: inline-block;
background-color: #3b2b99;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .info-box .social-box li a span {
font-size: 13px;
}
.main-header .info-box .social-box li a:hover {
background-color: #bdc959;
}
/*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;
}
.logo img{
width: 330px;
}
.sticky-header .logo {
padding: 7px 0px 7px;
}
.fixed-header .sticky-header {
z-index: 999;
opacity: 1;
visibility: visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-menu .navigation>li>a {
position: relative;
display: block;
color: #ffffff;
text-align: center;
line-height: 30px;
letter-spacing: 0px;
opacity: 1;
font-weight: 600;
padding: 22px 0px;
font-size: 18px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.header-style-three .main-menu .navigation>li>a {
color: #222222;
}
.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 {
display: none;
}
.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
opacity: 1;
color: #3b2b99;
}
.headar-menu .dropdown-menu{
min-width: 260px;
}
.headar-menu .navigation>li>ul>li>a{
color: #3b2b99 !important;
font-weight: 500 !important;
}
.headar-menu .navigation>li>ul>li:hover>a{
color: #ffffff !important;
}
.main-menu .navigation>li>ul {
position: absolute;
left: -30px;
top: 100%;
width: 280px;
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: 0px 0px;
background-color: #ffffff;
border: unset;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}
.main-menu .navigation>li>ul:before {
position: absolute;
content: '';
left: 0px;
top: -30px;
width: 100%;
height: 30px;
display: block;
}
.main-menu .navigation>li>ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation>li>ul>li {
position: relative;
width: 100%;
text-align: left;
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: 10px 18px;
line-height: 24px;
font-weight: 400;
font-size: 15px;
text-transform: capitalize;
color: #7c7b7b;
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 .main-menu .navigation>li>a {
padding: 19px 0px !important;
}
.sticky-header .main-menu .navigation>li>a:before {
display: none;
}
.main-menu .navigation>li>ul>li:hover>a {
color: #ffffff;
background: #3b2b99;
}
.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;
}
.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
color: #ffffff;
}
.main-menu .navigation>li>ul>li>ul {
position: absolute;
left: 120%;
top: 0%;
width: 230px;
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: 0px 0px;
background-color: #ffffff;
border: 3px solid #3b2b99;
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: 10px 18px;
line-height: 24px;
font-weight: 400;
font-size: 15px;
text-transform: capitalize;
color: #7c7b7b;
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: #ffffff;
background: #3b2b99;
}
.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
right: 10px;
top: 11px;
width: 10px;
height: 20px;
display: block;
color: #272727;
line-height: 20px;
font-size: 16px;
font-weight: normal;
text-align: center;
z-index: 5;
}
.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
color: #ffffff;
}
.main-menu .navigation>li.dropdown:hover>ul {
visibility: visible;
opacity: 1;
left: 0px;
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.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 Slider Banner
====================================================================
***/
.main-slider {
position: relative;
}
.main-slider .left-title {
position: absolute;
left: 30px;
bottom: 40px;
z-index: 10;
color: #cf8a04;
font-size: 18px;
font-weight: 600;
letter-spacing: 12px;
transform: rotate(-90deg);
text-transform: uppercase;
transform-origin: 0% 0%;
}
.main-slider .auto-container {
position: relative;
}
.main-slider .social-box {
position: absolute;
right: 15px;
bottom: 45px;
z-index: 10;
}
.main-slider .social-box a {
position: relative;
color: #ffffff;
font-size: 16px;
margin-left: 18px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.main-slider .social-box a:hover {
color: #3b2b99;
}
.main-slider .mouse-btn-down {
position: absolute;
left: 50%;
margin-left: -20px;
bottom: 20px;
width: 30px;
height: 68px;
cursor: pointer;
display: block;
background: url(../images/icons/mouse-icon.png) center center no-repeat;
z-index: 20;
}
.main-slider .mouse-btn-down {
-webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;
}
.main-slider .mouse-btn-down {
-webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;
}
@-webkit-keyframes mover {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-10px);
}
}
@keyframes mover {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-10px);
}
}
.main-slider .slide {
position: relative;
padding: 430px 0px 200px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.main-slider .slide.style-two {
padding: 0;
text-align: center;
}
.main-slider .slide.style-three {
padding: 350px 0px 210px;
text-align: center;
}
.main-slider .slide.style-two .text,
.main-slider .slide.style-three .text {
margin: 0 auto;
}
.main-slider .title {
position: relative;
color: #ffffff;
font-size: 24px;
font-weight: 600;
margin-bottom: 24px;
text-transform: capitalize;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider .active .title {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 500ms;
}
.main-slider h2 {
position: relative;
color: #3b2b99;
font-size: 48px;
font-weight: 700;
line-height: 1.1em;
margin-bottom: 20px;
opacity: 0;
text-transform: uppercase;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider .active h2 {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 1000ms;
}
.main-slider .text {
position: relative;
color: #ffffff;
font-size: 18px;
opacity: 0;
line-height: 1.8em;
font-weight: 400;
max-width: 700px;
margin-bottom: 32px !important;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider .text.alternate {
color: #1f1f1f;
}
.main-slider .active .text {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 1500ms;
}
.main-slider .link-box {
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider .active .link-box {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 2000ms;
}
.main-slider .link-box .theme-btn {
margin-right: 20px;
}
.main-slider .content.centered .theme-btn {
margin: 0px 10px;
}
.main-slider .content.centered .text {
margin: 0 auto;
}
.main-slider .owl-dots {
position: absolute;
left: 50%;
bottom: 20px;
display: none;
margin-left: -30px;
}
.main-slider .owl-dots .owl-dot {
position: relative;
width: 12px;
height: 12px;
margin: 0px 4px;
overflow: hidden;
border-radius: 50px;
display: inline-block;
border: 1px solid #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;
}
.main-slider .owl-dots .owl-dot:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 100%;
height: 50%;
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;
}
.main-slider .owl-dots .owl-dot.active::before,
.main-slider .owl-dots .owl-dot:hover::before {
height: 100%;
}
.main-slider .owl-nav {
position: absolute;
left: 0px;
top: 50%;
z-index: 1;
width: 100%;
margin-top: -10px;
}
.main-slider .owl-nav .owl-prev {
position: absolute;
left: 40px;
color: #ffffff;
font-size: 38px;
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-slider .owl-nav .owl-next {
position: absolute;
right: 40px;
color: #ffffff;
font-size: 38px;
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-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover {
color: #3b2b99;
}
/***
====================================================================
Welcome Section
====================================================================
***/
.welcome-section {
position: relative;
padding: 105px 0px 100px;
}
.welcome-section .image-column {
position: relative;
margin-bottom: 40px;
}
.welcome-section .image-column .inner-column {
position: relative;
padding-left: 30px;
}
.quality-page .image img {
height: 100%;
max-height: 530px;
object-fit: cover;
}
.quality-page .row{
align-items: center;
}
/*
.welcome-section .image-column .inner-column:before {
position: absolute;
content: '';
left: 0px;
bottom: -30px;
width: 420px;
height: 540px;
border: 2px solid #d7d7d7;
} */
.welcome-section .image-column .inner-column .image {
position: relative;
}
.welcome-section .image-column .inner-column .image img {
width: 100%;
display: block;
}
.welcome-section .content-column {
position: relative;
}
.welcome-section .content-column .inner-column {
position: relative;
}
.welcome-section .content-column .inner-column .text {
position: relative;
color: #777777;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 45px;
}
.welcome-section .content-column .inner-column .counter-box {
position: relative;
margin-left: -70px;
padding: 35px 0px 10px;
padding-left: 80px;
margin-top: 70px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
/* Fact Counter */
.fact-counter {
position: relative;
}
.fact-counter .column {
position: relative;
z-index: 5;
margin-bottom: 30px;
}
.fact-counter .column .inner {
position: relative;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.fact-counter .count-outer {
position: relative;
margin: 0px 0px;
font-weight: 700;
color: #222222;
font-size: 30px;
}
.fact-counter .count-outer .count-text {
position: relative;
font-weight: 700;
color: #222222;
font-size: 30px;
margin-top: 14px;
display: inline-block;
}
.fact-counter .column .counter-title {
position: relative;
font-size: 16px;
font-weight: 600;
color: #666666;
display: block;
letter-spacing: 1px;
text-transform: capitalize;
}
.fact-counter.style-two .column .inner {
padding-left: 90px;
}
.fact-counter.style-two .column .inner .icon-box {
position: absolute;
left: 0px;
top: 0px;
color: #3b2b99;
font-size: 60px;
line-height: 1em;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section {
position: relative;
padding: 100px 0px 70px;
background-color: #f5f5f5;
}
.services-block {
position: relative;
margin-bottom: 30px;
}
.services-block .inner-box {
position: relative;
overflow: hidden;
}
.services-block .inner-box .image {
position: relative;
overflow: hidden;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block .inner-box:hover .image img {
transform: scale(1.2, 1.2);
}
.services-block .inner-box .lower-content {
position: relative;
padding: 22px 25px;
border: 1px solid #dddddd;
border-top: none;
}
.services-block .inner-box .lower-content h3 {
position: relative;
color: #bdc959;
z-index: 1;
font-size: 20px;
font-weight: 700;
line-height: 1.3em;
text-align: center;
}
.services-block .inner-box .lower-content h3 a {
position: relative;
color: #3b2c96;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block .inner-box:hover .lower-content .text,
.services-block .inner-box:hover .lower-content h3 a {
color: #ffffff;
}
.services-block .inner-box .lower-content .text {
position: relative;
color: #777777;
z-index: 1;
font-size: 15px;
line-height: 1.8em;
margin-top: 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;
}
.services-block .inner-box .lower-content .upper-layer {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 50%;
}
.services-block .inner-box .lower-content .upper-layer:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 0px;
height: 50%;
background-color: #222222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block .inner-box .lower-content .upper-layer:after {
position: absolute;
content: '';
right: 0px;
bottom: 0px;
width: 0px;
height: 50%;
background-color: #222222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block .inner-box:hover .lower-content .upper-layer:before,
.services-block .inner-box:hover .lower-content .upper-layer:after {
width: 100%;
}
.services-block .inner-box .lower-content .lower-layer {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 50%;
}
.services-block .inner-box .lower-content .lower-layer:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 0px;
height: 50%;
background-color: #222222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block .inner-box .lower-content .lower-layer:after {
position: absolute;
content: '';
right: 0px;
bottom: 0px;
width: 0px;
height: 50%;
background-color: #222222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block .inner-box:hover .lower-content .lower-layer:before,
.services-block .inner-box:hover .lower-content .lower-layer:after {
width: 100%;
}
/* Services Block Two */
.services-block-two {
position: relative;
margin-bottom: 30px;
}
.services-block-two .inner-box {
position: relative;
padding: 22px 25px;
min-height: 140px;
padding-right: 140px;
border: 1px solid #dddddd;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-two .inner-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 1px;
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;
}
.services-block-two .inner-box:hover::before {
height: 100%;
}
.services-block-two .inner-box h3 {
position: relative;
color: #bdc959;
z-index: 1;
font-size: 20px;
font-weight: 700;
line-height: 1.3em;
}
.services-block-two .inner-box h3 a {
position: relative;
color: #bdc959;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-two .inner-box h3 a:hover {
color: #3b2b99;
}
.services-block-two .inner-box .text {
position: relative;
color: #777777;
z-index: 1;
font-size: 15px;
line-height: 1.8em;
margin-top: 10px;
}
.services-block-two .inner-box .image {
position: absolute;
right: 0px;
top: 0px;
overflow: hidden;
width: 140px;
height: 140px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-two .inner-box:hover {
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
}
/***
====================================================================
Call To Action Section
====================================================================
***/
.call-to-action-section {
position: relative;
text-align: center;
padding: 100px 0px 100px;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
.call-to-action-section .theme_color{
color: #bdc959;
}
.call-to-action-section:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.80);
}
.call-to-action-section h2 {
position: relative;
color: #ffffff;
font-size: 48px;
line-height: 1.2em;
}
.call-to-action-section .text {
position: relative;
font-size: 16px;
color: #ffffff;
line-height: 1.8em;
margin-top: 22px;
margin-bottom: 32px;
}
/***
====================================================================
Team Section
====================================================================
***/
.project-section {
position: relative;
padding: 90px 0px 70px;
}
.project-section .owl-carousel .owl-stage-outer {
padding: 15px 0px 0px;
}
.project-section .owl-dots {
display: none;
}
.project-section .owl-nav {
position: absolute;
right: 0px;
top: -80px;
z-index: 99;
}
.project-section .owl-prev,
.project-section .owl-next {
position: relative;
height: 38px;
width: 38px;
line-height: 36px;
text-align: center;
font-size: 16px;
color: #222222;
margin-left: 10px;
background: #3b2b99;
display: inline-block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.project-section .owl-prev:hover,
.project-section .owl-next:hover {
color: #ffffff;
border-color: #222222;
background-color: #222222;
}
.project-block {
position: relative;
margin-bottom: 40px;
}
.project-block .inner-box {
position: relative;
}
.project-block .inner-box .image {
position: relative;
}
.project-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.project-block .inner-box .image .overlay-box {
position: absolute;
left: 10px;
bottom: 10px;
right: 10px;
top: 10px;
z-index: 2;
opacity: 0;
display: block;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.project-block .inner-box .image .overlay-box:before {
position: absolute;
content: '';
right: 0px;
top: 0px;
width: 50%;
height: 100%;
display: block;
opacity: 0;
text-align: center;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
-webkit-transform: perspective(400px) rotateY(-90deg);
-moz-transform: perspective(400px) rotateY(-90deg);
-ms-transform: perspective(400px) rotateY(-90deg);
-o-transform: perspective(400px) rotateY(-90deg);
transform: perspective(400px) rotateY(-90deg);
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background-color: rgba(34, 34, 34, 0.90);
}
.project-block .inner-box:hover .image .overlay-box:before {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
}
.project-block .inner-box .image .overlay-box:after {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 50%;
height: 100%;
display: block;
opacity: 0;
text-align: center;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-transform-origin: left;
-moz-transform-origin: left;
-ms-transform-origin: right;
-o-transform-origin: left;
transform-origin: left;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background-color: rgba(34, 34, 34, 0.90);
}
.project-block .inner-box:hover .image .overlay-box:after {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
}
.project-block .inner-box:hover .image .overlay-box {
opacity: 1;
}
.project-block .inner-box .image .overlay-box .icons {
position: absolute;
right: 15px;
left: 15px;
bottom: 15px;
top: 15px;
z-index: 1;
}
.project-block .inner-box .image .overlay-box .icons .plus {
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
width: 30px;
height: 30px;
color: #000000;
font-size: 14px;
text-align: center;
line-height: 30px;
font-weight: 600;
display: inline-block;
background-color: #3b2b99;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.project-block .inner-box .image .overlay-box .icons .link {
position: absolute;
left: 0px;
bottom: 0px;
z-index: 1;
width: 30px;
height: 30px;
color: #000000;
font-size: 14px;
text-align: center;
line-height: 30px;
font-weight: 600;
display: inline-block;
background-color: #3b2b99;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.project-block .inner-box .image .overlay-box .icons .plus:hover,
.project-block .inner-box .image .overlay-box .icons .link:hover {
background-color: #ffffff;
}
.project-block .inner-box .image .overlay-box .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
text-align: left;
padding: 10px 20px;
vertical-align: middle;
}
.project-block .inner-box .image .overlay-box .overlay-inner .overlay-content {
position: relative;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.project-block .inner-box .image h3 {
position: relative;
font-size: 20px;
color: #ffffff;
z-index: 1;
font-weight: 700;
line-height: 1.3em;
}
.project-block .inner-box .image h3 a {
position: relative;
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;
}
.project-block .inner-box .image h3 a:hover {
color: #ffb200;
}
.project-block .inner-box .image .category {
position: relative;
color: #ffb200;
font-size: 14px;
margin-top: 4px;
z-index: 1;
}
/***
====================================================================
Call To Action Section
====================================================================
***/
.call-to-action-section-two {
position: relative;
padding: 50px 0px;
background-repeat: repeat;
background-attachment: fixed;
}
.call-to-action-section-two:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(250, 170, 0, 0.90);
}
.call-to-action-section-two h2 {
position: relative;
color: #222222;
font-size: 24px;
font-weight: 600;
margin-top: 8px;
text-transform: capitalize;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section {
position: relative;
padding: 100px 0px 60px;
}
.team-section .auto-container {
position: relative;
}
.team-section .title-column {
position: relative;
}
.team-section .title-column .inner-column {
position: relative;
margin-bottom: 40px;
}
.team-section .title-column .inner-column .sec-title {
position: relative;
margin-bottom: 30px;
}
.team-section .title-column .inner-column .text {
position: relative;
color: #777777;
font-size: 15px;
line-height: 1.8em;
}
.team-section .carousel-column {
position: static;
}
.team-section .carousel-column .inner-column {
position: static;
}
.team-section .carousel-column .inner-column .owl-carousel {
position: static;
}
.team-section .carousel-column .inner-column .owl-carousel .owl-stage-outer {
position: static;
}
.team-section .carousel-column .owl-dots {
display: none;
}
.team-section .carousel-column .owl-nav {
position: absolute;
left: 15px;
bottom: 160px;
}
.team-section .carousel-column .owl-nav .owl-prev,
.team-section .carousel-column .owl-nav .owl-next {
position: relative;
height: 38px;
width: 38px;
line-height: 36px;
text-align: center;
font-size: 16px;
color: #222222;
margin-right: 10px;
background: #3b2b99;
display: inline-block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.team-section .carousel-column .owl-nav .owl-prev:hover,
.team-section .carousel-column .owl-nav .owl-next:hover {
color: #ffffff;
border-color: #222222;
background-color: #222222;
}
/* Team Block */
.team-block {
position: relative;
margin-bottom: 40px;
}
.team-block .inner-box {
position: relative;
overflow: hidden;
}
.team-block .inner-box .border-one:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 0px;
height: 2px;
z-index: 1;
background-color: #bdc959;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.team-block .inner-box .border-one:after {
position: absolute;
content: '';
right: 0px;
bottom: 0px;
width: 2px;
height: 0px;
z-index: 1;
background-color: #bdc959;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.team-block .inner-box:hover .border-one:before {
width: 100%;
}
.team-block .inner-box:hover .border-one:after {
height: 100%;
}
.team-block .inner-box .border-two:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 2px;
height: 0px;
z-index: 1;
background-color: #bdc959;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.team-block .inner-box .border-two:after {
position: absolute;
content: '';
right: 0px;
bottom: 0px;
width: 0px;
height: 2px;
z-index: 1;
background-color: #bdc959;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.team-block .inner-box:hover .border-two:before {
height: 100%;
}
.team-block .inner-box:hover .border-two:after {
width: 100%;
}
.team-block .inner-box .image {
position: relative;
text-align: center;
overflow: hidden;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.team-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.team-block .inner-box .image .social-icons {
position: absolute;
left: 0px;
right: 0px;
bottom: -80px;
z-index: 1;
padding: 14px 10px;
border-radius: 0px 0px 0px 0px;
background-color: #bdc959;
display: inline-block;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.team-block .inner-box .image .social-icons li {
position: relative;
margin: 0px 8px;
display: inline-block;
}
.team-block .inner-box .image .social-icons 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 .image .social-icons li a:hover {
color: #3b2b99;
}
.team-block .inner-box:hover .social-icons {
bottom: 0px;
}
.team-block .inner-box .lower-box {
position: relative;
padding-top: 25px;
padding-bottom: 25px;
text-align: center;
}
.team-block .inner-box .lower-box h3 {
position: relative;
color: #222222;
font-size: 20px;
font-weight: 700;
line-height: 1.4em;
text-transform: capitalize;
}
.team-block .inner-box .lower-box h3 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;
}
.team-block .inner-box .lower-box h3 a:hover {
color: #3b2b99;
}
.team-block .inner-box .lower-box .designation {
position: relative;
color: #777777;
font-size: 14px;
margin-top: 2px;
}
.team-block.style-two .inner-box {
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.10);
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section {
position: relative;
padding: 100px 0px 100px;
}
.testimonial-section .auto-container {
max-width: 900px;
margin: 0 auto;
}
.testimonial-section:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 30%;
height: 100%;
display: block;
background-color: #f5f5f5;
}
.testimonial-section .owl-dots {
position: absolute;
right: -60px;
top: 50%;
margin-top: -50px;
text-align: right;
}
.testimonial-section .owl-dots .owl-dot {
position: relative;
margin-bottom: 8px;
width: 12px;
height: 3px;
background-color: #222222;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.testimonial-section .owl-dots .owl-dot.active {
width: 20px;
background-color: #3b2b99;
}
.testimonial-section .owl-nav {
position: relative;
margin-top: 30px;
}
.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next {
position: relative;
height: 38px;
width: 38px;
line-height: 38px;
text-align: center;
font-size: 18px;
color: #222222;
margin-right: 10px;
background: #3b2b99;
display: inline-block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover {
color: #ffffff;
border-color: #222222;
background-color: #222222;
}
/* Testimonial Block */
.testimonial-block {
position: relative;
}
.testimonial-block .inner-box {
position: relative;
padding-top: 25px;
padding-left: 230px;
min-height: 178px;
}
.testimonial-block .inner-box .image {
position: absolute;
left: 0px;
top: 0px;
width: 170px;
height: 178px;
}
.testimonial-block .inner-box .image .quote-icon {
position: absolute;
right: 0px;
top: 0px;
width: 36px;
height: 36px;
line-height: 36px;
color: #ffffff;
font-size: 16px;
text-align: center;
display: inline-block;
background-color: #bdc959;
}
.testimonial-block .inner-box h3 {
position: relative;
color: #222222;
font-weight: 600;
line-height: 1.3em;
}
.testimonial-block .inner-box .text {
position: relative;
color: #777777;
font-size: 15px;
font-weight: 400;
line-height: 1.8em;
margin-top: 12px;
}
/***
====================================================================
Default Section
====================================================================
***/
.default-section {
position: relative;
}
.default-section .outer-container {
position: relative;
}
.default-section .news-column {
position: absolute;
left: 0px;
top: 0px;
width: 55%;
height: 100%;
float: left;
}
.default-section .news-column .inner-column {
position: relative;
max-width: 600px;
margin: 0 auto;
width: 100%;
display: block;
padding: 100px 15px 100px;
}
.default-section .form-column {
position: relative;
float: right;
width: 45%;
background-size: cover;
background-repeat: no-repeat;
}
.default-section .form-column .inner-column {
position: relative;
max-width: 550px;
width: 100%;
padding: 110px 15px 100px 60px;
}
.default-section .form-column:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 72, 0.80);
}
/* News Block */
.news-block {
position: relative;
margin-bottom: 30px;
}
.news-block .inner-box {
position: relative;
}
.news-block .inner-box .image-column {
position: relative;
}
.news-block .inner-box .image-column .column-inner {
position: relative;
}
.news-block .inner-box .image-column .column-inner .image {
position: relative;
}
.news-block .inner-box .image-column .column-inner .image .image-layer {
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
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;
filter: gray;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.news-block .inner-box .image-column .column-inner .image .image-layer .overlay-link {
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
width: 100%;
height: 100%;
display: block;
}
.news-block .inner-box:hover .image-column .column-inner .image .image-layer {
width: 100%;
height: 100%;
display: block;
}
.news-block .inner-box .image-column .column-inner .image img {
position: relative;
width: 100%;
display: block;
}
.news-block .inner-box .content-column {
position: relative;
}
.news-block .inner-box .content-column .inner-column {
position: relative;
}
.news-block .inner-box .content-column .post-info {
position: relative;
}
.news-block .inner-box .content-column .post-info li {
position: relative;
color: #222222;
font-size: 13px;
margin-right: 15px;
display: inline-block;
}
.news-block .inner-box .content-column .post-info li:last-child {
margin-right: 0px;
}
.news-block .inner-box .content-column .column-inner h3 {
position: relative;
color: #bdc959;
font-size: 22px;
font-weight: 700;
line-height: 1.4em;
margin-top: 10px;
}
.news-block .inner-box .content-column .column-inner h3 a {
position: relative;
color: #bdc959;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block .inner-box:hover .content-column .column-inner h3 a {
color: #3b2b99;
}
.news-block .inner-box .content-column .column-inner .text {
position: relative;
color: #777777;
font-size: 14px;
margin-top: 8px;
}
/***
====================================================================
Quote Form
====================================================================
***/
.quote-form {
position: relative;
}
.quote-form .form-group {
position: relative;
margin-bottom: 25px;
}
.quote-form .form-group input[type="text"],
.quote-form .form-group input[type="tel"],
.quote-form .form-group input[type="email"],
.quote-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 0px;
color: #ffffff;
height: 50px;
font-size: 14px;
background: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.50);
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.quote-form .form-group input[type="text"]:focus,
.quote-form .form-group input[type="tel"]:focus,
.quote-form .form-group input[type="email"]:focus,
.quote-form .form-group textarea:focus {
border-color: #3b2b99;
}
.quote-form .form-group textarea::-webkit-input-placeholder,
.quote-form .form-group input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.80);
}
.quote-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 22px;
padding: 15px 0px;
color: #ffffff;
height: 125px;
resize: none;
font-size: 14px;
background: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.50);
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.quote-form .form-group .btn-detail {
position: relative;
text-align: center;
margin-left: 30px;
color: #ffffff;
display: inline-block;
}
.quote-form button {
cursor: pointer;
margin-top: 20px;
font-size: 16px;
text-transform: capitalize;
}
/*Custom Select*/
.form-group .ui-selectmenu-button.ui-button {
width: 100%;
font-size: 15px;
font-style: normal;
height: 50px;
padding: 10px 0px;
line-height: 28px;
color: #ffffff;
border: none;
border-radius: 0px;
background: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}
.form-group .ui-button .ui-icon {
background: none;
position: relative;
top: 2px;
text-indent: 0px;
color: #333333;
}
.form-group .ui-button .ui-icon:before {
font-family: 'FontAwesome';
content: "\f107";
position: absolute;
right: 0px;
top: 2px !important;
top: 13px;
width: 10px;
height: 20px;
display: block;
color: #ffffff;
line-height: 20px;
font-size: 16px;
font-weight: normal;
text-align: center;
z-index: 5;
}
.ui-widget.ui-widget-content {
border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}
.ui-menu .ui-menu-item {
font-size: 14px;
border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}
.ui-menu .ui-menu-item:last-child {
border: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
background: #3b2b99;
border-color: #3b2b99;
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
display: block;
padding: 8px 20px;
font-size: 14px;
line-height: 24px;
}
.ui-menu-item:hover {
background-color: #3b2b99;
}
/***
====================================================================
Sponsors Section
====================================================================
***/
.sponsors-section {
position: relative;
padding: 120px 0px 100px;
}
.sponsors-section .sponsors-outer {
position: relative;
}
.sponsors-section .sponsors-outer .owl-dots,
.sponsors-section .sponsors-outer .owl-nav {
position: relative;
display: none;
}
.sponsors-section .sponsors-outer .image-box {
position: relative;
text-align: center;
border: 1px solid #f2f2f2;
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;
}
.sponsors-section .sponsors-outer .image-box img {
max-width: 100%;
width: auto;
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;
}
.sponsors-section .sponsors-outer .image-box:hover {
border-color: #3b2b99;
}
/***
====================================================================
Main Footer
====================================================================
***/
.footer-link-sec .services-widget{
margin-left: 90px;
}
.main-footer {
position: relative;
padding: 90px 0px 0px;
background-color: #050404;
}
.main-footer:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.90);
}
.main-footer .footer-widget {
position: relative;
margin-bottom: 40px;
}
.main-footer .widgets-section {
position: relative;
padding-bottom: 40px;
}
.main-footer .footer-widget h2 {
position: relative;
font-size: 20px;
font-weight: 400;
color: #ffffff;
line-height: 1.2em;
margin-bottom: 30px;
margin-top: 25px;
padding-bottom: 18px;
text-transform: capitalize;
}
.main-footer .footer-widget h2:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
height: 3px;
width: 35px;
background-color: #3b2b99;
}
.main-footer .logo-widget .logo {
position: relative;
margin-bottom: 20px;
}
.main-footer .logo-widget .text {
position: relative;
color: #bbbbbb;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 25px;
}
.main-footer .logo-widget .text a {
position: relative;
color: #3b2b99;
}
.main-footer .list {
position: relative;
}
.main-footer .list li {
position: relative;
margin-bottom: 14px;
}
.main-footer .list li a {
position: relative;
color: #bbbbbb;
font-size: 16px;
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;
}
.main-footer .list li a:hover {
color: #3b2b99;
}
.main-footer .news-widget .owl-dots {
display: none;
}
.main-footer .news-widget .owl-nav {
position: absolute;
right: 0px;
top: -70px;
}
.main-footer .news-widget .owl-nav .owl-prev,
.main-footer .news-widget .owl-nav .owl-next {
position: relative;
margin-left: 24px;
color: #bbbbbb;
font-size: 28px;
display: inline-block;
}
/*News Widget Block*/
.news-widget-block {
position: relative;
margin-bottom: 50px;
}
.news-widget-block:last-child {
margin-bottom: 0px;
}
.news-widget-block:last-child {
margin-bottom: 0px;
}
.news-widget-block .widget-inner {
position: relative;
padding-left: 120px;
min-height: 90px;
padding-top: 4px;
}
.news-widget-block .widget-inner .image {
position: absolute;
left: 0px;
top: 0px;
width: 90px;
height: 0px;
}
.news-widget-block .widget-inner .post-date {
position: relative;
color: #bbbbbb;
font-size: 14px;
font-weight: 400;
margin-bottom: 5px;
}
.news-widget-block .widget-inner h3 {
position: relative;
color: #ffffff;
font-size: 18px;
line-height: 1.6em;
font-weight: 400;
}
.news-widget-block .widget-inner h3 a {
position: relative;
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;
}
.news-widget-block .widget-inner h3 a:hover {
color: #fbb908;
}
/* Footer Bottom */
.main-footer .footer-bottom {
position: relative;
padding: 18px 0px;
background-color: #222222;
}
.main-footer .footer-bottom .copyright {
position: relative;
color: #ffffff;
margin-top: 2px;
}
.main-footer .footer-bottom .copyright a {
color: #3b2b99;
}
.main-footer .footer-bottom .footer-nav {
position: relative;
text-align: right;
}
.main-footer .footer-bottom .footer-nav li {
position: relative;
margin-left: 15px;
display: inline-block;
}
.main-footer .footer-bottom .footer-nav li a {
position: relative;
color: #ffffff;
font-size: 16px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-footer .footer-bottom .footer-nav li a:hover {
color: #3b2b99;
}
.main-footer.style-two {
background-color: #ffffff;
}
.main-footer.style-two:before {
display: none;
}
.main-footer.style-two .footer-widget h2 {
color: #bdc959;
}
.main-footer.style-two .list li a,
.main-footer.style-two .list-style-one li,
.main-footer.style-two .logo-widget .text,
.main-footer.style-two .news-widget-block .widget-inner .post-date {
color: #777777;
}
.main-footer.style-two .news-widget-block .widget-inner h3 a {
color: #222222;
}
.main-footer.style-two .footer-bottom {
background-color: #bdc959;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two {
position: relative;
padding: 100px 0px 70px;
}
.services-section-two .title-column {
position: relative;
}
.services-section-two .title-column .inner-column {
position: relative;
margin-bottom: 25px;
}
.services-section-two .title-column .inner-column .sec-title {
position: relative;
margin-bottom: 25px;
}
.services-section-two .title-column .inner-column .text {
position: relative;
color: #777777;
font-size: 16px;
line-height: 1.5em;
}
.services-section-two .title-column .inner-column .read-more {
position: relative;
color: #3b2b99;
font-size: 14px;
font-weight: 700;
margin-top: 15px;
display: inline-block;
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;
}
/* Services Block Three */
.services-block-three {
position: relative;
margin-bottom: 30px;
}
.services-block-three .inner-box {
position: relative;
padding: 20px 20px;
background-color: #f5f5f5;
min-height: 150px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
height: 100%;
}
.services-block-three .inner-box:before {
position: absolute;
content: '';
width: 0px;
height: 0px;
left: 0px;
top: 0px;
transform: scale(0, 0);
-moz-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
background-color: #3b2b99;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.services-block-three .inner-box:hover::before {
width: 100%;
height: 100%;
transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
}
.services-block-three .inner-box .upper-box {
position: relative;
}
.services-block-three .inner-box .upper-box .icon {
position: absolute;
left: 0px;
top: 0px;
color: #bdc959;
font-size: 24px;
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;
}
.services-block-three .inner-box .upper-box h6 {
position: relative;
color: #333333;
font-weight: 700;
line-height: 1.3em;
}
.services-block-three .inner-box .upper-box h6 a {
position: relative;
color: #333333;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-three .inner-box:hover .text,
.services-block-three .inner-box:hover .upper-box .icon,
.services-block-three .inner-box:hover .upper-box h6 a {
color: #ffffff;
}
.services-block-three .inner-box .text {
position: relative;
color: #777777;
font-size: 16px;
line-height: 1.5em;
margin-top: 22px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-three .inner-box .read-more {
position: relative;
color: #3b2b99;
font-size: 14px;
font-weight: 700;
margin-top: 15px;
display: inline-block;
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;
}
/***
====================================================================
Choice Section
====================================================================
***/
.choice-section {
position: relative;
padding: 80px 0px;
}
.choice-section:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 40%;
height: 100%;
display: block;
background-color: #bdc959;
}
.choice-section:after {
position: absolute;
content: '';
right: 0px;
top: 0px;
width: 120px;
height: 100%;
display: block;
background: url(../images/background/pattern-1.png) no-repeat;
}
.choice-section .image-column {
position: relative;
}
.choice-section .image-column .inner-column {
position: relative;
}
.choice-section .image-column .inner-column .image {
position: relative;
z-index: 1;
}
.choice-section .image-column .inner-column .image:before {
position: absolute;
content: '';
left: -60px;
top: 50px;
bottom: 50px;
width: 100px;
border: 10px solid rgba(255, 255, 255, 0.15);
}
.choice-section .image-column {
display: flex;
align-items: center;
}
.choice-section .image-column .inner-column .image img {
position: relative;
width: 100%;
display: block;
height: 700px;
object-fit: cover;
}
.choice-section .content-column {
position: relative;
}
.choice-section .content-column .inner-column {
position: relative;
padding-left: 40px;
padding-top: 30px;
}
.choice-section .content-column .inner-column .sec-title {
margin-bottom: 30px;
}
.choice-section .content-column .inner-column .text {
position: relative;
margin-bottom: 30px;
}
.choice-section .content-column .inner-column .text p {
position: relative;
color: #777777;
font-size: 14px;
line-height: 1.9em;
margin-bottom: 20px;
}
.choice-section .content-column .inner-column .text p:last-child {
margin-bottom: 0px;
}
/***
====================================================================
Services Section Three
====================================================================
***/
.services-section-three {
position: relative;
padding: 100px 0px 70px;
background-position: right bottom;
background-repeat: no-repeat;
}
.services-block-four {
position: relative;
margin-bottom: 30px;
}
.services-block-four .inner-box {
position: relative;
}
.services-block-four .inner-box .icon-box {
position: relative;
color: #3b2b99;
font-size: 64px;
line-height: 1em;
font-weight: 300;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-four .inner-box:hover .icon-box {
color: #bdc959;
}
.services-block-four .inner-box h5 {
position: relative;
color: #333333;
font-weight: 700;
line-height: 1.3em;
margin-top: 30px;
}
.services-block-four .inner-box h5 span {
color: #777777;
}
.services-block-four .inner-box .text {
position: relative;
color: #777777;
font-size: 16px;
line-height: 1.8em;
margin-top: 15px;
}
/***
====================================================================
Project Section
====================================================================
***/
.project-section-two {
position: relative;
padding: 20px 0px 0px;
}
.project-section-two:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgb(190 201 86 / 81%);
}
.project-tab {
position: relative;
}
.project-tab .sec-title {
margin-bottom: 20px;
}
.project-tab .project-carousel .owl-nav,
.project-tab .project-carousel .owl-dots {
display: none;
}
.project-tab .tabs-header {
position: relative;
}
.project-tab .product-tab-btns {
position: relative;
padding-top: 40px;
}
.project-tab .product-tab-btns .p-tab-btn {
position: relative;
cursor: pointer;
color: #ffffff;
font-weight: 600;
font-size: 16px;
display: inline-block;
margin-bottom: 10px;
margin-left: 30px;
padding: 0px 0px 8px;
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;
}
.project-tab .product-tab-btns .p-tab-btn:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 100%;
height: 2px;
opacity: 0;
background-color: #3b2b99;
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;
}
.project-tab .product-tab-btns .p-tab-btn:hover::after,
.project-tab .product-tab-btns .p-tab-btn.active-btn::after {
opacity: 1;
}
.project-tab .product-tab-btns .p-tab-btn:hover,
.project-tab .product-tab-btns .p-tab-btn.active-btn {
color: #3b2b99;
}
.project-tab .p-tabs-content {
position: relative;
display: block;
padding: 0px 0px;
}
.project-tab .p-tab {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: auto;
opacity: 0;
visibility: hidden;
}
.project-tab .p-tab.active-tab {
position: relative;
opacity: 1;
visibility: visible;
z-index: 5;
}
.p-tab.active-tab .project-block-two {}
.p-tab .project-block-two {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
-moz-transform: scaleX(0);
transform: scaleX(0);
}
.p-tab.active-tab .project-block-two {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
-moz-transform: scaleX(1);
transform: scaleX(1);
}
/* Project Block Two */
.project-block-two {
position: relative;
border-right: 2px solid #3a2a97;
}
.project-block-two .inner-box {
position: relative;
}
.project-block-two .inner-box .image {
position: relative;
}
.project-block-two .inner-box .image img {
position: relative;
width: 100%;
display: block;
height: 100% !important;
height: 300px !important;
object-fit: contain;
}
.project-carousel {
background-color: #fff !important;
}
.project-block-two .inner-box .image .overlay-box {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
padding: 30px 35px;
background-color: rgb(242 91 38 / 88%);
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}
.project-block-two .inner-box:hover .image .overlay-box {
opacity: 0;
visible: hidden;
}
.project-block-two .inner-box .image .overlay-box h5 {
position: relative;
color: #ffffff;
line-height: 1.3em;
}
.project-block-two .inner-box .image .overlay-box .category {
position: relative;
color: #ffb200;
font-size: 14px;
line-height: 1.3em;
margin-top: 7px;
}
.project-block-two .inner-box .image .overlay-box-two {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(0, 0, 0, 0.85);
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}
.project-block-two .inner-box:hover .overlay-box-two {
opacity: 1;
}
.project-block-two .inner-box .image .overlay-box-two .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
display: table;
vertical-align: middle;
padding: 10px 20px;
}
.project-block-two .inner-box .image .overlay-box-two .overlay-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.project-block-two .inner-box .image .overlay-box-two .title {
position: relative;
color: #3b2b99;
font-size: 16px;
font-weight: 600;
line-height: 1.3em;
}
.project-block-two .inner-box .image .overlay-box-two h3 {
position: relative;
color: #ffffff;
font-weight: 600;
line-height: 1.3em;
margin-top: 26px;
}
.project-block-two .inner-box .image .overlay-box-two h3 a {
position: relative;
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;
}
.project-block-two .inner-box .image .overlay-box-two h3 a:hover {
color: #ffb200;
}
.project-block-two .inner-box .image .overlay-box-two .text {
position: relative;
font-size: 16px;
line-height: 1.8em;
margin-top: 25px;
color: rgba(255, 255, 255, 0.80);
}
.project-block-two .inner-box .image .overlay-box-two .read-more {
position: relative;
color: #3b2b99;
font-size: 18px;
font-weight: 600;
line-height: 1.3em;
margin-top: 25px;
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;
}
.project-block-two .inner-box .image .overlay-box-two .read-more:hover {
color: #ffffff;
}
/***
====================================================================
Faq Section
====================================================================
***/
.faq-section {
position: relative;
padding-top: 95px;
}
.faq-section .accordian-column {
position: relative;
}
.faq-section .accordian-column .inner-column {
position: relative;
}
.faq-section .image-column {
position: relative;
}
.faq-section .image-column .inner-column {
position: relative;
}
.faq-section .image-column .inner-column .image {
position: relative;
text-align: center;
}
/***
====================================================================
Accordion Style
====================================================================
***/
.accordion-box {
position: relative;
}
.accordion-box .block {
position: relative;
margin-bottom: 20px;
background-color: #ffffff;
}
.accordion-box .block.active-block {
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
}
.accordion-box .block .acc-btn {
position: relative;
font-size: 17px;
cursor: pointer;
line-height: 34px;
color: #242f6c;
font-weight: 600;
background-color: #f2f3f6;
padding: 19px 50px 16px 20px;
transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
}
.accordion-box .block .acc-btn.active {
background-color: #bdc959;
color: #ffffff;
}
.accordion-box .block .icon-outer {
position: absolute;
right: 20px;
top: 18px;
font-size: 20px;
color: #262626;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.accordion-box .block .icon-outer .icon {
position: absolute;
right: 0px;
width: 30px;
height: 30px;
color: #ffffff;
font-size: 14px;
text-align: center;
line-height: 32px;
background-color: #3b2b99;
}
.accordion-box .block .icon-outer .icon-plus {
opacity: 1;
}
.accordion-box .block .icon-outer .icon-minus {
opacity: 0;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
opacity: 1;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
opacity: 0;
}
.accordion-box .block .acc-content {
position: relative;
display: none;
}
.accordion-box .block .acc-content .content-text {
padding-bottom: 6px;
}
.accordion-box .block .acc-content.current {
display: block;
}
.accordion-box .block .content {
position: relative;
font-size: 14px;
padding: 30px 35px 30px 35px;
}
.accordion-box .block .content .accordian-text {
line-height: 1.9em;
font-size: 16px;
color: #84858a;
font-weight: 600;
}
.accordion-box .block .content p:last-child {
margin-bottom: 0px;
}
.accordion-box.style-two {
padding: 0px;
background-color: #ffffff;
}
.accordion-box.style-two .block {
margin-bottom: 10px;
padding: 17px 20px;
border: 1px solid #f2f2f2;
background-color: #ffffff;
}
.accordion-box.style-two .block .acc-btn {
border: none;
color: #777;
background: none;
padding: 0px 0px 0px 62px;
line-height: 25px;
}
.accordion-box.style-two .block .icon-outer {
left: 25px;
top: 0px;
right: auto;
}
.accordion-box.style-two .block .acc-content:before {
display: none;
}
.accordion-box.style-two .block .content {
padding: 15px 30px 0px 62px;
border: none;
}
.accordion-box.style-two .block:before {
position: absolute;
content: '';
left: 59px;
top: 18px;
bottom: 18px;
width: 1px;
background-color: #f2f2f2;
}
.accordion-box.style-two .block .icon-outer .icon {
border: none;
color: #bdc959;
font-size: 20px;
font-weight: 600;
background: none;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.accordion-box.style-two .block.active-block::before {
background-color: #3b2b99;
}
.accordion-box.style-two .block .acc-btn.active .icon-outer .icon-plus {
opacity: 1;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/***
====================================================================
Testimonial Section Three
====================================================================
***/
.testimonial-section-two {
position: relative;
padding: 95px 0px 95px;
}
.testimonial-section-two .owl-dots {
display: none;
}
.testimonial-section-two .owl-nav {
position: absolute;
right: 0px;
top: -80px;
z-index: 99;
}
.testimonial-section-two .owl-prev,
.testimonial-section-two .owl-next {
position: relative;
height: 38px;
width: 38px;
line-height: 36px;
text-align: center;
font-size: 16px;
color: #ffffff;
margin-left: 10px;
background: #3b2b99;
display: inline-block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.testimonial-section-two .owl-prev:hover,
.testimonial-section-two .owl-next:hover {
color: #ffffff;
border-color: #222222;
background-color: #222222;
}
/* Testimonial Block Two */
.testimonial-block-two {
position: relative;
}
.testimonial-block-two .inner-box {
position: relative;
padding: 30px 30px;
border-radius: 7px;
background-color: #ffffff;
}
.testimonial-block-two .inner-box .quote-icon {
position: absolute;
right: 15px;
top: 15px;
color: #efefef;
font-size: 100px;
line-height: 1em;
}
.testimonial-block-two .inner-box .text {
position: relative;
color: #777777;
font-size: 14px;
line-height: 1.8em;
margin-bottom: 30px;
}
.testimonial-block-two .inner-box .author-info {
position: relative;
}
.testimonial-block-two .inner-box .author-info .info-inner {
position: relative;
padding-left: 135px;
min-height: 100px;
padding-top: 25px;
}
.testimonial-block-two .inner-box .author-info .info-inner .author-image {
position: absolute;
left: 0px;
top: 0px;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.testimonial-block-two .inner-box .author-info .info-inner h6 {
position: relative;
color: #bdc959;
font-size: 18px;
font-weight: 600;
line-height: 1.3em;
}
.testimonial-block-two .inner-box .author-info .info-inner .designation {
position: relative;
color: #3b2b99;
font-size: 16px;
font-weight: 600;
line-height: 1.3em;
margin-top: 6px;
}
.testimonial-block-two.style-two {
margin-bottom: 30px;
}
.testimonial-block-two.style-two .inner-box {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}
/***
====================================================================
News Section
====================================================================
***/
.news-section {
position: relative;
padding: 100px 0px 70px;
}
/***
====================================================================
Newsletter Section
====================================================================
***/
.newsletter-section {
position: relative;
padding: 70px 0px 70px;
background-size: cover;
background-repeat: no-repeat;
}
.newsletter-section:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(255, 170, 0, 0.90);
}
.newsletter-section .inner-container {
position: relative;
}
.newsletter-section .title-column {
position: relative;
}
.newsletter-section .title-column .inner-column {
position: relative;
padding-left: 85px;
padding-top: 6px;
margin-bottom: 6px;
}
.newsletter-section .title-column .inner-column .icon-box {
position: absolute;
content: '';
left: 0px;
top: 0px;
color: #bdc959;
font-size: 70px;
line-height: 1em;
}
.newsletter-section .title-column h4 {
position: relative;
color: #ffffff;
font-weight: 600;
text-transform: capitalize;
}
.newsletter-section .title-column .inner-column .title {
position: relative;
color: #ffffff;
}
.newsletter-section .form-column {
position: relative;
}
.newsletter-section .form-column .inner-column {
position: relative;
margin-top: 7px;
}
/*Subscribe Form*/
.subscribe-form .form-group {
position: relative;
display: block;
margin: 0px;
width: 100%;
padding-right: 177px;
}
.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="tel"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 28px;
height: 53px;
font-size: 14px;
color: #000000;
background: #ffffff;
border: 1px solid #f2f2f2;
padding: 10px 50px 10px 20px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.subscribe-form .form-group input[type="submit"],
.subscribe-form button {
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
border-radius: 0px;
}
.subscribe-form button:hover {
background: none;
color: #bdc959;
border-color: #bdc959;
}
/***
====================================================================
Footer Style Two
====================================================================
***/
.footer-style-two {
position: relative;
/* background-color: #3f3f3f; */
background-repeat: no-repeat;
background-size: cover;
}
.footer-style-two .footer-widget {
position: relative;
margin-bottom: 40px;
}
.footer-style-two .widgets-section {
position: relative;
padding: 80px 0px 40px;
padding-bottom: 40px;
background-position: center center;
background-repeat: no-repeat;
}
.footer-widget .icon{
color: #bec953 !important;
}
.footer-style-two .footer-widget h5:after{
background-color:#bec953 !important;
}
.footer-style-two .footer-widget h5 {
position: relative;
font-weight: 400;
color: #ffffff;
line-height: 1.2em;
margin-bottom: 30px;
padding-bottom: 18px;
text-transform: capitalize;
}
.footer-style-two .footer-widget h5:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
height: 3px;
width: 35px;
background-color: #3b2b99;
}
.footer-style-two .logo-widget .logo {
position: relative;
margin-bottom: 25px;
}
.footer-style-two .logo-widget .text {
position: relative;
}
.footer-style-two .logo-widget p {
position: relative;
color: #ffffff;
font-size: 16px;
line-height: 1.6em;
margin-bottom: 20px;
font-weight: 400;
}
.footer-style-two .logo-widget p:last-child {
margin-bottom: 0px;
}
.footer-style-two .usefull-links {
position: relative;
}
.footer-style-two .usefull-links li {
position: relative;
margin-bottom: 10px;
}
.footer-style-two .usefull-links li a {
position: relative;
font-size: 16px;
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;
}
.footer-style-two .usefull-links li a:hover {
color: #3b2b99;
}
/* Service List */
.footer-style-two .service-list {
position: relative;
}
.footer-style-two .service-list li {
position: relative;
margin-bottom: 10px;
}
.footer-style-two .service-list li a {
position: relative;
font-size: 16px;
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;
}
.footer-style-two .service-list li a:hover {
color: #3b2b99;
}
/* Footer Bottom */
.footer-style-two .footer-bottom {
position: relative;
padding: 15px 0px;
background-color: #000000;
}
.footer-style-two .footer-bottom .copyright {
position: relative;
color: #ffffff;
font-size: 16px;
}
.footer-style-two .footer-bottom .copyright a {
color: #3b2b99;
}
.footer-style-two .footer-bottom .footer-nav {
position: relative;
text-align: right;
}
.footer-style-two .footer-bottom .footer-nav li {
position: relative;
margin-left: 15px;
display: inline-block;
}
.footer-style-two .footer-bottom .footer-nav li a {
position: relative;
color: #ffffff;
font-size: 16px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.footer-style-two .footer-bottom .footer-nav li a:hover {
color: #3b2b99;
}
/***
====================================================================
Project Section Three
====================================================================
***/
.project-section-three {
position: relative;
padding: 90px 0px 100px;
}
.project-section-three:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 600px;
background-position: left top;
background: url(../images/background/5.jpg) no-repeat;
}
.project-section-three .owl-nav {
display: none;
}
.project-section-three .owl-dots {
position: relative;
text-align: center;
margin-top: 30px;
}
.project-section-three .owl-dots .owl-dot {
position: relative;
width: 4px;
height: 15px;
margin: 0px 4px;
display: inline-block;
background-color: #bdc959;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.project-section-three .owl-dots .owl-dot.active {
height: 20px;
background-color: #3b2b99;
}
.project-section-three .title-box {
position: relative;
margin-bottom: 90px;
}
.project-section-three .title-box .text {
position: relative;
color: #777777;
font-size: 17px;
line-height: 1.8em;
margin-bottom: 30px;
}
.project-section-three .title-box .video-column .play-box {
position: relative;
color: #bdc959;
font-size: 18px;
font-weight: 600;
text-decoration: underline;
}
.project-section-three .title-box .video-column .play-box .play-icon {
position: relative;
left: 0px;
top: 0px;
width: 72px;
height: 72px;
color: #ffffff;
line-height: 72px;
text-align: center;
font-size: 24px;
margin-right: 15px;
display: inline-block;
background-color: #3b2b99;
}
/* Services Block Five */
.services-block-five {
position: relative;
margin-bottom: 40px;
}
.services-block-five .inner-box {
position: relative;
overflow: hidden;
}
.services-block-five .inner-box .image {
position: relative;
overflow: hidden;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-five .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-five .inner-box:hover .image img {
transform: scale(1.2, 1.2);
}
.services-block-five .inner-box .image .overlay-box {
position: absolute;
content: '';
left: -100%;
top: 0px;
width: 35%;
height: 100%;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background-color: rgba(255, 170, 0, 0.80);
}
.services-block-five .inner-box:hover .image .overlay-box {
left: 0%;
}
.services-block-five .inner-box .image .overlay-box .link-icon {
position: absolute;
left: 50%;
top: 50%;
width: 38px;
height: 38px;
color: #ffffff;
text-align: center;
line-height: 38px;
margin-left: -19px;
margin-top: -19px;
background-color: #222222;
}
.services-block-five .inner-box .lower-content {
position: relative;
border: 1px solid #dddddd;
border-top: none;
}
.services-block-five .inner-box .lower-content .upper-box {
position: relative;
padding: 22px 25px;
}
.services-block-five .inner-box .lower-content h3 {
position: relative;
color: #bdc959;
z-index: 1;
font-size: 20px;
font-weight: 700;
line-height: 1.3em;
}
.services-block-five .inner-box .lower-content h3 a {
position: relative;
color: #bdc959;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-five .inner-box .lower-content h3 a:hover {
color: #3b2b99;
}
.services-block-five .inner-box .lower-content .text {
position: relative;
color: #777777;
z-index: 1;
font-size: 15px;
line-height: 1.8em;
margin-top: 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;
}
.services-block-five .inner-box .lower-content .lower-box {
position: relative;
padding: 0px 0px 0px 25px;
border-top: 1px solid #dddddd;
}
.services-block-five .inner-box .lower-content .read-more {
position: relative;
color: #222222;
font-size: 14px;
padding: 17px 0px 14px;
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;
}
.services-block-five .inner-box .lower-content .read-more:hover {
color: #3b2b99;
}
.services-block-five .inner-box .lower-content .arrow-icon {
position: relative;
color: #222222;
font-size: 18px;
padding: 10px 20px;
line-height: 32px;
display: inline-block;
border-left: 1px solid #dddddd;
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;
}
.services-block-five .inner-box .lower-content .arrow-icon:hover {
color: #3b2b99;
}
/***
====================================================================
Newsletter Section
====================================================================
***/
.newsletter-section-two {
position: relative;
padding-top: 75px;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
}
.newsletter-section-two:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 72, 0.90);
}
.newsletter-section-two .title-column {
position: relative;
margin-bottom: 40px;
}
.newsletter-section-two .text {
position: relative;
color: #ffffff;
font-size: 16px;
line-height: 1.9em;
margin-bottom: 35px;
}
.newsletter-section-two .newsletter-form .form-group {
position: relative;
display: block;
z-index: 1;
margin-bottom: 0px;
}
.newsletter-section-two .newsletter-form .form-group input[type="text"],
.newsletter-section-two .newsletter-form .form-group input[type="tel"],
.newsletter-section-two .newsletter-form .form-group input[type="email"],
.newsletter-section-two .newsletter-form .form-group textarea {
position: relative;
display: block;
width: 100%;
height: 52px;
font-size: 14px;
color: #c6d8f7;
line-height: 38px;
padding: 10px 30px;
font-weight: 400;
background: none;
border-radius: 50px;
border: 1px solid rgba(255, 255, 255, 0.30);
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.newsletter-section-two .newsletter-form.form-group textarea::-webkit-input-placeholder,
.newsletter-section-two .newsletter-form .form-group input::-webkit-input-placeholder {
color: #c6d8f7;
}
.newsletter-section-two .newsletter-form .form-group input[type="email"]:focus {
border-color: #3b2b99;
}
.newsletter-section-two .newsletter-form .form-group .theme-btn {
margin-top: 25px;
}
/***
====================================================================
Project Section Four
====================================================================
***/
.project-section-four {
position: relative;
padding: 90px 0px 100px;
}
.project-section-four .owl-dots {
display: none;
}
.project-section-four .owl-nav {
position: absolute;
right: 0px;
top: -90px;
z-index: 99;
}
.project-section-four .owl-prev,
.project-section-four .owl-next {
position: relative;
height: 40px;
width: 40px;
line-height: 36px;
text-align: center;
font-size: 16px;
color: #222222;
margin-left: 10px;
background: #ffffff;
display: inline-block;
border: 1px solid #777777;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.project-section-four .owl-prev:hover,
.project-section-four .owl-next:hover {
color: #ffffff;
border-color: #222222;
background-color: #222222;
}
.project-block {
position: relative;
}
.project-block .inner-box {
position: relative;
}
.project-block .inner-box .image-column {
position: relative;
padding: 0px;
float: left;
}
.project-block .inner-box .image-column .image {
position: relative;
}
.project-block .inner-box .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.project-block .inner-box .content-column {
position: relative;
padding: 0px;
float: left;
}
.project-block .inner-box .content-column .inner-column {
position: relative;
margin-top: 45px;
padding: 40px 35px;
margin-left: -70px;
z-index: 1;
background-color: #3b2b99;
}
.project-block .inner-box .content-column .inner-column .title {
position: relative;
color: #ffffff;
font-size: 18px;
margin-bottom: 15px;
}
.project-block .inner-box .content-column .inner-column h3 {
position: relative;
color: #222222;
font-size: 24px;
margin-bottom: 15px;
font-weight: 700;
line-height: 1.3em;
margin-bottom: 20px;
}
.project-block .inner-box .content-column .inner-column .text {
position: relative;
color: #222222;
font-size: 16px;
line-height: 1.7em;
margin-bottom: 25px;
}
.project-block .inner-box .content-column .inner-column .read-more {
position: relative;
color: #bdc959;
font-size: 16px;
font-weight: 700;
text-decoration: underline;
}
/***
====================================================================
Counter Section
====================================================================
***/
.counter-section {
position: relative;
padding: 90px 0px 60px;
background-color: #f5f5f5;
}
/***
====================================================================
Pricing Section
====================================================================
***/
.pricing-section {
position: relative;
padding-top: 110px;
padding-bottom: 70px;
}
.pricing-section .title-column {
position: relative;
margin-bottom: 40px;
width: 25%;
float: left;
}
.pricing-section .title-column .inner-column {
position: relative;
padding-right: 40px;
}
.pricing-section .title-column h2 {
position: relative;
color: #293039;
font-size: 36px;
font-weight: 600;
margin-bottom: 15px;
line-height: 1.4em;
}
.pricing-section .title-column .text {
position: relative;
color: #4e5c66;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 40px;
}
.pricing-section .price-column {
position: relative;
width: 75%;
float: left;
}
.pricing-tabs {
position: relative;
}
.pricing-tabs .tab-buttons {
position: relative;
}
.pricing-tabs .tab-buttons .tab-btn {
position: relative;
color: #222222;
font-size: 16px;
font-weight: 400;
float: left;
cursor: pointer;
padding: 12px 28px 10px;
margin-right: 5px;
border: 2px solid #bdc959;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-tabs .tab-buttons .tab-btn:hover,
.pricing-tabs .tab-buttons .tab-btn.active-btn {
color: #ffffff;
background-color: #bdc959;
}
/***
====================================================================
Price Block
====================================================================
***/
.pricing-tabs .tabs-content .tab {
position: relative;
display: none;
}
.pricing-tabs .tabs-content .tab.active-tab {
display: block;
}
.price-block {
position: relative;
margin-bottom: 40px;
}
.price-block .inner-box {
position: relative;
text-align: center;
border-radius: 4px;
padding: 30px 0px 40px;
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;
border: 1px solid #f5f5f5;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
}
.price-block .inner-box:hover {
transform: scale(1.02);
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
}
.price-block .inner-box h2 {
position: relative;
color: #000000;
font-size: 24px;
font-weight: 500;
margin-bottom: 8px;
}
.price-block .inner-box .title {
position: relative;
color: #777777;
font-size: 14px;
margin-bottom: 40px;
}
.price-block .inner-box .price {
position: relative;
color: #bdc959;
font-size: 36px;
font-weight: 500;
line-height: 1em;
padding: 25px 0px 20px;
margin-bottom: 30px;
background-color: #f3f3f3;
}
.price-block .inner-box ul {
position: relative;
margin-bottom: 30px;
}
.price-block .inner-box ul li {
position: relative;
color: #777777;
font-size: 14px;
font-weight: 400;
margin-bottom: 12px;
}
.price-block .inner-box ul li:last-child {
margin-bottom: 0px;
}
.price-block .inner-box .theme-btn {
padding: 10px 30px 10px;
}
/***
====================================================================
Contact Form Section
====================================================================
***/
.contact-form-section {
position: relative;
padding: 90px 0px 60px;
background-attachment: fixed;
background-size: cover;
}
.contact-form-section:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.80);
}
.contact-form-section .form-column {
position: relative;
}
.contact-form-section .form-column .inner-column {
position: relative;
}
.contact-form-section .form-column .inner-column .text {
position: relative;
color: #ffffff;
font-size: 16px;
margin-bottom: 25px;
}
/***
====================================================================
Default Form
====================================================================
***/
.default-form {
position: relative;
}
.default-form .form-group {
position: relative;
margin-bottom: 30px;
}
.default-form .form-group input[type="text"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group select {
position: relative;
display: block;
width: 100%;
color: #a5a5a5;
line-height: 26px;
padding: 10px 20px;
height: 48px;
font-size: 14px;
border-radius: 4px;
background: rgba(0, 0, 0, 0.60);
border: 1px solid rgba(255, 255, 255, 0.40);
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus {
border-color: #3b2b99;
}
.default-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 26px;
padding: 10px 20px;
color: #a5a5a5;
height: 160px;
font-size: 14px;
resize: none;
border-radius: 4px;
background: rgba(0, 0, 0, 0.60);
border: 1px solid rgba(255, 255, 255, 0.40);
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
/* Info Column */
.contact-form-section .info-column {
position: relative;
}
.contact-form-section .info-column .content-box {
position: relative;
padding: 35px 35px;
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.40);
}
.contact-form-section .info-column .content-box .text {
position: relative;
color: #ffffff;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 25px;
}
/***
====================================================================
Sponsors Section Two
====================================================================
***/
.sponsors-section-two {
position: relative;
padding: 60px 0px 60px;
}
.sponsors-section-two:before {
position: absolute;
content: '';
left: 10px;
top: 10px;
right: 10px;
bottom: 10px;
background-color: rgba(245, 245, 245, 0.90);
}
.sponsors-section-two .sponsors-outer {
position: relative;
}
.sponsors-section-two .sponsors-outer .owl-dots,
.sponsors-section-two .sponsors-outer .owl-nav {
position: relative;
display: none;
}
.sponsors-section-two .sponsors-outer .image-box {
position: relative;
text-align: center;
border: 1px solid transparent;
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;
}
.sponsors-section-two .sponsors-outer .image-box img {
max-width: 100%;
width: auto;
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;
}
.sponsors-section-two .sponsors-outer .image-box:hover {
border-color: #3b2b99;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title {
position: relative;
text-align: center;
padding: 160px 0;
background-size: cover;
background-repeat: no-repeat;
/* background-position: center; */
/*background-attachment: fixed;*/
}
.page-title:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, );
}
.page-title .auto-container {
position: relative;
}
.page-title h2 {
position: relative;
color: #ffffff;
font-weight: 800;
line-height: 1.2em;
margin-bottom: 10px;
font-size: 40px;
text-transform: capitalize;
}
.page-breadcrumb {
position: relative;
}
.page-breadcrumb li {
position: relative;
display: inline-block;
margin-right: 10px;
padding-right: 15px;
color: #3b2b99;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
}
.page-breadcrumb li:after {
position: absolute;
content: "\f105";
right: -2px;
top: -1px;
color: #ffffff;
font-size: 14px;
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: 500;
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: #3b2b99;
}
/***
====================================================================
Faq Form Section
====================================================================
***/
.faq-form-section {
position: relative;
padding: 90px 0px 70px;
background-attachment: fixed;
background-size: cover;
}
.faq-form-section:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 72, 0.80);
}
.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: #ffffff;
height: 50px;
font-size: 14px;
background: none;
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.50);
-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: #3b2b99;
}
.faq-form .form-group textarea::-webkit-input-placeholder,
.faq-form .form-group input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.80);
}
.faq-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 22px;
padding: 15px 22px;
color: #ffffff;
height: 150px;
resize: none;
font-size: 14px;
background: none;
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.50);
-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 {
position: relative;
padding: 100px 0px 0px;
}
/***
====================================================================
Comming Soon Section
====================================================================
***/
.commingsoon-section {
position: relative;
}
.commingsoon-section .left-column {
position: relative;
float: left;
max-width: 600px;
}
.commingsoon-section .left-column .inner-column {
position: relative;
float: right;
padding: 100px 100px 100px 15px;
}
.commingsoon-section .left-column .inner-column .logo {
position: relative;
margin-bottom: 200px;
}
.commingsoon-section .left-column .inner-column h2 {
position: relative;
color: #08084e;
font-size: 70px;
font-weight: 700;
line-height: 1.1em;
margin-bottom: 70px;
}
.commingsoon-section .left-column .text {
position: relative;
color: #777777;
font-size: 22px;
line-height: 1.5em;
margin-bottom: 30px;
}
.commingsoon-section .left-column .signup {
position: relative;
color: #222222;
font-size: 18px;
margin-top: 30px;
margin-bottom: 60px;
}
.commingsoon-section .left-column .social-boxed {
position: relative;
}
.commingsoon-section .left-column .social-boxed .touch {
position: relative;
font-size: 20px;
color: #08084e;
margin-left: 0px;
display: inline-block;
}
.commingsoon-section .left-column .social-boxed li {
position: relative;
margin-left: 12px;
display: inline-block;
}
.commingsoon-section .left-column .social-boxed li a {
position: relative;
color: #222222;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.commingsoon-section .left-column .social-boxed li a:hover {
color: #3b2b99;
}
/* Notify Form */
.notify-form .form-group {
position: relative;
display: block;
margin: 0px;
width: 100%;
}
.notify-form .form-group input[type="text"],
.notify-form .form-group input[type="tel"],
.notify-form .form-group input[type="email"],
.notify-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 28px;
height: 53px;
font-size: 14px;
color: #000000;
background: #ffffff;
border-radius: 50px;
border: 1px solid #bbbbbb;
padding: 10px 50px 10px 20px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.notify-form .form-group input[type="submit"],
.notify-form button {
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
border-radius: 0px 50px 50px 0px;
}
.commingsoon-section .right-column {
position: absolute;
right: 0px;
top: 0px;
float: right;
width: 50%;
height: 100%;
}
.commingsoon-section .right-column:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0, 0, 0, 0.50);
}
.commingsoon-section .right-column .inner-column {
position: relative;
float: left;
height: 100%;
width: 100%;
background-size: cover;
padding: 120px 15px 40px 200px;
}
/***
====================================================================
Countdown style
====================================================================
***/
.time-counter {
position: relative;
z-index: 10;
}
.time-counter .time-countdown {
position: relative;
margin-left: -20px;
}
.time-counter .time-countdown .counter-column {
position: relative;
margin-left: 20px;
width: 170px;
height: 170px;
text-align: center;
padding: 30px 0px 10px;
border: 2px solid #ffffff;
border-bottom: 6px solid #3b2b99;
color: #ffffff;
font-size: 18px;
line-height: 30px;
text-transform: uppercase;
font-weight: 300;
margin-bottom: 30px;
background-color: rgba(0, 0, 0, 0.30);
}
.time-counter .time-countdown .counter-column .count {
position: relative;
display: block;
font-size: 84px;
line-height: 40px;
padding: 10px 10px 20px;
color: #ffffff;
letter-spacing: 1px;
font-weight: 400;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container {
position: relative;
padding: 100px 0px 80px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
margin-bottom: 40px;
}
.sidebar-page-container .sidebar-side .sidebar {
position: relative;
}
/*Sidebar Widget*/
.sidebar-widget {
position: relative;
margin-bottom: 50px;
}
/***
====================================================================
Sidebar Title
====================================================================
***/
.sidebar-title {
position: relative;
margin-bottom: 40px;
}
.sidebar-title .title-inner {
position: relative;
padding-left: 25px;
}
.sidebar-title .title-inner:before {
position: absolute;
content: '';
left: 0px;
top: 6px;
bottom: 7px;
width: 2px;
background-color: #bdc959;
}
.sidebar-title .title {
position: relative;
color: #3b2b99;
font-size: 20px;
line-height: 1.6em;
font-weight: 600;
-webkit-mask-image: linear-gradient(-75deg, rgba(255, 255, 255, 0.6) 50%, #3b2b99 50%, rgba(0, 0, 0, 1) 70%);
-webkit-mask-size: 200%;
animation: shine 2s infinite;
}
.sidebar-title h2 {
position: relative;
font-size: 30px;
color: #bdc959;
font-weight: 700;
line-height: 1.3em;
margin-top: 5px;
-webkit-mask-image: linear-gradient(-75deg, rgba(255, 255, 255, 0.6) 50%, #3b2b99 50%, rgba(0, 0, 0, 1) 70%);
-webkit-mask-size: 200%;
animation: shine 2s infinite;
}
@-webkit-keyframes shine {
from {
-webkit-mask-position: 150%;
}
to {
-webkit-mask-position: -50%;
}
}
/***
====================================================================
Sidebar Title
====================================================================
***/
.sidebar-title-two {
position: relative;
margin-bottom: 40px;
}
.sidebar-title-two h2 {
position: relative;
font-size: 30px;
color: #bdc959;
font-weight: 700;
line-height: 1.3em;
padding-left: 22px;
padding-top: 8px;
border-left: 3px solid #3b2b99;
-webkit-mask-image: linear-gradient(-75deg, rgba(255, 255, 255, 0.6) 50%, #3b2b99 50%, rgba(0, 0, 0, 1) 70%);
-webkit-mask-size: 200%;
animation: shine 2s infinite;
}
@-webkit-keyframes shine {
from {
-webkit-mask-position: 150%;
}
to {
-webkit-mask-position: -50%;
}
}
/*Blog Category*/
.blog-cat {
position: relative;
}
.blog-cat li {
position: relative;
margin-bottom: 3px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.blog-cat li:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 5px;
height: 0%;
z-index: 1;
background-color: #bdc959;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.blog-cat li:hover::before,
.blog-cat li.active::before {
height: 100%;
}
.blog-cat li a {
position: relative;
color: #bdc959;
font-size: 16px;
font-weight: 700;
display: block;
border-radius: 0px 50px 50px 0px;
border: 1px solid #acacac;
padding: 20px 15px 16px 38px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.blog-cat li a:before {
position: absolute;
content: '\f105';
right: 22px;
top: 18px;
color: #bdc959;
font-size: 18px;
font-family: 'FontAwesome';
}
.blog-cat li.active a,
.blog-cat li a:hover {
color: #bdc959;
border-color: #3b2b99;
background-color: #3b2b99;
}
/* Broucher Widget */
.brochure-widget .widget-content {
position: relative;
}
.brochure-widget .brouchers {
position: relative;
}
.brochure-widget .brouchers li {
position: relative;
border-bottom: 1px solid #dddddd;
}
.brochure-widget .brouchers li a {
position: relative;
color: #222222;
font-size: 16px;
font-weight: 600;
padding: 13px 8px;
padding-left: 45px;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.brochure-widget .brouchers li a:hover {
color: #3b2b99;
}
.brochure-widget .brouchers li a .icon {
position: absolute;
content: '';
left: 12px;
top: 15px;
font-size: 16px;
line-height: 1em;
color: #777777;
font-weight: 500;
}
.business-widget .widget-content {
position: relative;
padding: 40px 30px;
}
.business-widget .widget-content:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.80);
}
.business-widget .widget-content .title {
position: relative;
color: #ffffff;
font-weight: 700;
font-size: 18px;
}
.business-widget .widget-content h3 {
position: relative;
color: #3b2b99;
font-weight: 600;
font-size: 36px;
line-height: 1em;
margin-top: 40px;
}
.business-widget .widget-content h3 span {
position: relative;
color: #ffffff;
font-size: 18px;
display: block;
}
.business-widget .widget-content .text {
position: relative;
color: #ffffff;
font-weight: 500;
font-size: 16px;
margin-top: 20px;
margin-bottom: 25px;
}
.business-widget .widget-content .theme-btn {
padding: 8px 25px;
}
.business-widget .widget-content .number {
position: relative;
color: #ffffff;
font-weight: 400;
font-size: 18px;
margin-top: 15px;
}
/* Service Single */
.service-single {
position: relative;
}
.service-single .inner-box {
position: relative;
}
.service-single .inner-box .image {
position: relative;
}
.service-single .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.service-single .inner-box .lower-content {
position: relative;
padding-top: 30px;
}
.service-single .inner-box .lower-content h2 {
position: relative;
color: #bdc959;
font-size: 30px;
line-height: 1.3em;
font-weight: 700;
margin-bottom: 15px;
}
.service-single .inner-box .lower-content .text {
position: relative;
}
.service-single .inner-box .lower-content .text p {
position: relative;
color: #777777;
font-size: 14px;
line-height: 2em;
}
.service-single .inner-box .lower-content h3 {
position: relative;
color: #bdc959;
font-size: 24px;
line-height: 1.3em;
font-weight: 700;
margin-bottom: 15px;
}
.service-single .inner-box .lower-content .two-column {
margin-bottom: 40px;
}
.service-single .inner-box .lower-content .two-column .list-style-two {
margin-top: 50px;
}
.service-single .inner-box .lower-content .two-column .list-style-two li {
padding-top: 0px;
}
/***
====================================================================
Projects Page Section
====================================================================
***/
.projects-page-section {
position: relative;
padding: 95px 0px 95px;
}
.projects-page-section .filters {
position: relative;
}
.projects-page-section .filters .filter-tabs {
position: relative;
margin-bottom: 50px;
text-align: center;
}
.projects-page-section .filters .filter-tabs .filter {
position: relative;
color: #222222;
font-size: 16px;
cursor: pointer;
margin-bottom: 15px;
font-weight: 600;
margin: 0px 15px 4px;
padding: 14px 0px 10px;
display: inline-block;
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;
}
.projects-page-section .filters .filter-tabs .filter:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 0px;
height: 2px;
background-color: #3b2b99;
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;
}
.projects-page-section .filters .filter-tabs .filter:after {
position: absolute;
content: '';
right: 0px;
bottom: 0px;
width: 0px;
height: 2px;
background-color: #3b2b99;
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;
}
.projects-page-section .filters .filter-tabs .filter.active::before,
.projects-page-section .filters .filter-tabs .filter:hover::before,
.projects-page-section .filters .filter-tabs .filter.active::after,
.projects-page-section .filters .filter-tabs .filter:hover::after {
width: 100%;
}
.projects-page-section .filters .filter-tabs .filter.active,
.projects-page-section .filters .filter-tabs .filter:hover {
color: #fbb908;
}
.project-block.mix {
display: none;
}
/***
====================================================================
Projects Single Section
====================================================================
***/
.projects-single-section {
position: relative;
padding: 100px 0px 100px;
}
.project-info-block {
position: relative;
margin-bottom: 35px;
}
.project-info-block .block-info {
position: relative;
padding: 30px 45px 15px;
border-radius: 5px;
border: 3px solid #dddddd;
}
.project-info-block .block-info h4 {
position: relative;
color: #bdc959;
font-size: 18px;
font-weight: 700;
margin-bottom: 25px;
}
.project-info-block .block-info .project-info {
position: relative;
color: #777777;
font-size: 16px;
margin-bottom: 15px;
padding-left: 40px;
}
.project-info-block .block-info .project-info .icon {
position: absolute;
left: 0px;
top: -2px;
color: #3b2b99;
font-size: 22px;
line-height: 1em;
}
.project-info-block .block-info .project-info strong {
color: #bdc959;
}
.projects-single-section h2 {
position: relative;
color: #bdc959;
font-size: 30px;
font-weight: 700;
line-height: 1.3em;
}
.projects-single-section .bold-text {
position: relative;
color: #777777;
font-size: 20px;
font-weight: 600;
margin-top: 15px;
margin-bottom: 30px;
}
.projects-single-section .carousel-box {
position: relative;
margin-bottom: 30px;
}
.projects-single-section .carousel-box .owl-dots {
position: relative;
display: none;
}
.projects-single-section .carousel-box .owl-nav {
position: absolute;
left: -70px;
top: 50%;
right: -70px;
margin-top: -25px;
}
.projects-single-section .carousel-box .owl-nav .owl-prev {
position: absolute;
left: 0px;
width: 50px;
height: 50px;
color: #ffffff;
line-height: 48px;
font-size: 22px;
text-align: center;
background-color: #33373f;
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;
}
.projects-single-section .carousel-box .owl-nav .owl-next {
position: absolute;
right: 0px;
width: 50px;
height: 50px;
color: #ffffff;
line-height: 48px;
font-size: 22px;
text-align: center;
background-color: #33373f;
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;
}
.projects-single-section .carousel-box .owl-nav .owl-prev:hover,
.projects-single-section .carousel-box .owl-nav .owl-next:hover {
background-color: #3b2b99;
}
.projects-single-section h3 {
position: relative;
color: #333333;
font-size: 26px;
font-weight: 700;
line-height: 1.3em;
}
.projects-single-section p {
position: relative;
color: #777777;
font-size: 16px;
font-weight: 400;
margin-top: 15px;
margin-bottom: 30px;
}
.projects-single-section .two-column {
position: relative;
margin-top: 40px;
}
/*Video Box*/
.video-box {
position: relative;
}
.video-box .image {
position: relative;
overflow: hidden;
margin: 0px;
}
.video-box .image img {
position: relative;
width: 100%;
}
.video-box .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
line-height: 80px;
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;
}
.video-box .overlay-box span {
position: absolute;
width: 80px;
height: 80px;
left: 50%;
top: 50%;
z-index: 99;
color: #3b2b99;
font-weight: 400;
font-size: 24px;
text-align: center;
border-radius: 50%;
padding-left: 4px;
background-color: #ffffff;
display: inline-block;
margin-top: -40px;
margin-left: -40px;
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.15);
}
.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
-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, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-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);
}
}
/*New Posts*/
.new-posts {
position: relative;
padding: 20px 0px;
margin-top: 20px;
border-top: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
}
.new-posts a {
position: relative;
color: #3d3e3e;
font-size: 16px;
font-weight: 700;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.new-posts a:hover {
color: #3b2b99;
}
.new-posts .grid-view {
position: absolute;
left: 50%;
top: 19px;
font-size: 26px;
line-height: 1em;
color: #3d3e3e;
margin-left: -10px;
}
/***
====================================================================
Blogs Page Section
====================================================================
***/
.blogs-page-section {
position: relative;
padding: 100px 0px 100px;
}
.blogs-page-section .styled-pagination {
margin-top: 25px;
}
/* News Block Two */
.news-block-two {
position: relative;
margin-bottom: 30px;
}
.news-block-two .inner-box {
position: relative;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-two .inner-box:hover {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
.news-block-two .inner-box .image {
position: relative;
background-color: #bdc959;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-two .inner-box .image img {
position: relative;
width: 100%;
display: block;
background-color: #bdc959;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-two .inner-box:hover .image img {
opacity: 0.6;
}
.news-block-two .inner-box .image .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
text-align: center;
}
.news-block-two .inner-box .image .overlay-box .icon {
position: absolute;
left: 50%;
top: 50%;
width: 80px;
height: 80px;
color: #ffffff;
margin-left: -40px;
text-align: center;
border-radius: 50%;
line-height: 80px;
display: inline-block;
padding-left: 4px;
font-size: 25px;
margin-top: -40px;
background-color: #3b2b99;
}
.news-block-two .inner-box .image .owl-nav {
position: absolute;
left: 0px;
top: 50%;
width: 100%;
margin-top: -38px;
}
.news-block-two .inner-box .image .owl-nav .owl-prev {
position: relative;
width: 28px;
height: 78px;
line-height: 78px;
text-align: center;
font-size: 20px;
color: #ffffff;
display: inline-block;
background-color: #3b2b99;
}
.news-block-two .inner-box .image .owl-nav .owl-prev span:before {
content: '\f104';
font-family: 'FontAwesome';
}
.news-block-two .inner-box .image .owl-nav .owl-next {
position: absolute;
right: 0px;
float: right;
width: 28px;
height: 78px;
color: #ffffff;
font-size: 20px;
line-height: 78px;
text-align: center;
display: inline-block;
background-color: #3b2b99;
}
.news-block-two .inner-box .image .owl-nav .owl-next span:before {
content: '\f105';
font-family: 'FontAwesome';
}
.news-block-two .inner-box .lower-content {
position: relative;
padding-top: 25px;
}
.news-block-two .inner-box .lower-content .post-info {
position: relative;
}
.news-block-two .inner-box .lower-content .post-info li {
position: relative;
color: #222222;
font-size: 13px;
margin-right: 10px;
display: inline-block;
}
.news-block-two .inner-box .lower-content .post-info li .icon {
position: relative;
margin-right: 4px;
color: #777777;
}
.news-block-two .inner-box .lower-content .post-info li:last-child {
margin-right: 0px;
}
.news-block-two .inner-box .lower-content h3 {
position: relative;
color: #bdc959;
font-size: 22px;
font-weight: 700;
line-height: 1.4em;
margin-top: 14px;
}
.news-block-two .inner-box .lower-content h3 a {
position: relative;
color: #bdc959;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-two .inner-box:hover .lower-content h3 a {
color: #3b2b99;
}
.news-block-two .inner-box .lower-content .text {
position: relative;
color: #777777;
font-size: 14px;
margin-top: 12px;
line-height: 1.9em;
}
.news-block-two .inner-box .lower-content .read-more {
position: relative;
font-weight: 700;
color: #bdc959;
display: inline-block;
padding-right: 22px;
margin-top: 15px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-two .inner-box .lower-content .read-more .arrow.left {
position: absolute;
left: 0px;
top: 1px;
opacity: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-two .inner-box .lower-content .read-more .arrow.right {
position: absolute;
right: 0px;
top: 1px;
}
.news-block-two .inner-box .lower-content .read-more .arrow.right {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-two .inner-box .lower-content .read-more:hover .arrow.right {
opacity: 0;
}
.news-block-two .inner-box .lower-content .read-more:hover .arrow.left {
opacity: 1;
}
.news-block-two .inner-box .lower-content .read-more:hover {
color: #3b2b99;
padding-right: 0px;
padding-left: 22px;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination {
position: relative;
display: block;
width: 100%;
}
.styled-pagination ul {
position: relative;
display: inline-block;
padding: 25px 51px;
box-shadow: 0 0 40px rgba(0, 0, 0, .08);
}
.styled-pagination li {
position: relative;
float: left;
margin: 0px 4px 0px;
}
.styled-pagination li a {
position: relative;
display: block;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
font-size: 16px;
color: #222222;
font-weight: 600;
background: #f5f8fb;
border-bottom: 3px solid #f5f8fb;
text-transform: uppercase;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.styled-pagination li.active a,
.styled-pagination li a:hover {
color: #ffffff;
background: #bdc959;
border-bottom: 3px solid #3b2b99;
}
/*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 20px;
border: 1px solid #eeeeee;
background: none;
display: block;
font-size: 14px;
width: 100%;
height: 55px;
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: 55px;
width: 60px;
display: block;
font-size: 16px;
color: #fbb908;
line-height: 100%;
font-weight: normal;
background: none;
}
/* Blog Category Two*/
.blog-cat-two {
position: relative;
}
.blog-cat-two li {
position: relative;
margin-bottom: 3px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.blog-cat-two li:before {
position: absolute;
content: '';
right: 0px;
top: 0px;
width: 5px;
height: 0%;
z-index: 1;
background-color: #bdc959;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.blog-cat-two li:hover::before,
.blog-cat-two li.active::before {
height: 100%;
}
.blog-cat-two li a {
position: relative;
color: #bdc959;
font-size: 16px;
font-weight: 700;
display: block;
border-radius: 50px 0px 0px 50px;
border: 1px solid #eeeeee;
padding: 20px 15px 16px 38px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.blog-cat-two li span {
position: absolute;
right: 22px;
top: 18px;
color: #bdc959;
font-size: 18px;
font-family: 'FontAwesome';
}
.blog-cat-two li.active a,
.blog-cat-two li a:hover {
color: #bdc959;
border-color: #3b2b99;
background-color: #3b2b99;
}
.post-widget {
position: relative;
}
.post-widget .owl-dots {
display: none;
}
.post-widget .owl-nav {
position: relative;
}
.post-widget .owl-prev {
border-right: 1px solid #ffffff;
}
.post-widget .owl-prev,
.post-widget .owl-next {
position: relative;
width: 50%;
display: inline-block;
color: #ffffff;
text-align: center;
background-color: #bdc959;
padding: 15px 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;
}
.post-widget .owl-prev:hover,
.post-widget .owl-next:hover {
background-color: #3b2b99;
}
.widget-post {
position: relative;
}
.widget-post .post-inner {
position: relative;
}
.widget-post .post-inner .image {
position: relative;
}
.widget-post .post-inner .image img {
position: relative;
width: 100%;
display: block;
}
.widget-post .post-inner .lower-content {
position: relative;
padding-top: 25px;
text-align: center;
border: 1px solid #e5e5e5;
border-bottom: none;
border-top: none;
padding-left: 30px;
padding-right: 30px;
}
.widget-post .post-inner .lower-content .post-info {
position: relative;
}
.widget-post .post-inner .lower-content .post-info li {
position: relative;
margin: 0px 10px;
display: inline-block;
}
.widget-post .post-inner .lower-content h3 {
position: relative;
font-weight: 700;
line-height: 1.8em;
font-size: 18px;
margin-top: 6px;
padding-bottom: 25px;
}
.widget-post .post-inner .lower-content h3 a {
position: relative;
color: #222222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.widget-post .post-inner .lower-content h3 a:hover {
color: #ff8a00;
}
/*Popular Tags*/
.sidebar .popular-tags a {
position: relative;
display: inline-block;
line-height: 24px;
padding: 12px 26px 8px;
margin: 0px 6px 10px 0px;
color: #777777;
text-align: center;
font-size: 14px;
background: #f5f5f5;
font-weight: 400;
border-radius: 50px;
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 {
background-color: #bdc959;
color: #ffffff;
}
.testimonial-widget {
position: relative;
}
.testimonial-widget .widget-content {
position: relative;
padding: 60px 30px;
text-align: center;
background-size: cover;
}
.testimonial-widget .widget-content:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.60);
}
.testimonial-widget .widget-content .quote-icon {
position: relative;
color: #ffffff;
line-height: 1em;
font-size: 36px;
margin-bottom: 22px;
}
.testimonial-widget .widget-content .text {
position: relative;
color: #ffffff;
line-height: 1.7em;
font-size: 16px;
}
.testimonial-widget .widget-content .author {
position: relative;
color: #3b2b99;
font-size: 18px;
font-weight: 700;
line-height: 1.3em;
margin-top: 20px;
}
.testimonial-widget .owl-dots,
.testimonial-widget .owl-nav {
display: none;
}
/* Blog Single */
.blog-single {
position: relative;
}
.blog-single .inner-box {
position: relative;
}
.blog-single .inner-box .post-info {
position: relative;
}
.blog-single .inner-box .post-info li {
position: relative;
color: #222222;
font-size: 13px;
margin-right: 10px;
display: inline-block;
}
.blog-single .inner-box .post-info li .icon {
position: relative;
margin-right: 4px;
color: #777777;
}
.blog-single .inner-box .post-info li:last-child {
margin-right: 0px;
}
.blog-single .inner-box h3 {
position: relative;
color: #bdc959;
font-size: 30px;
font-weight: 700;
line-height: 1.4em;
margin-top: 14px;
margin-bottom: 10px;
}
.blog-single .inner-box .text {
position: relative;
margin-bottom: 15px;
}
.blog-single .inner-box .text p {
position: relative;
color: #777777;
font-size: 14px;
margin-top: 12px;
line-height: 1.9em;
}
.blog-single .inner-box .image {
position: relative;
margin-bottom: 30px;
}
.blog-single .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.blog-single .inner-box h4 {
position: relative;
color: #bdc959;
font-size: 24px;
font-weight: 700;
line-height: 1.4em;
margin-top: 14px;
margin-bottom: 10px;
}
.blog-single .inner-box blockquote {
position: relative;
padding: 0px;
border: 0px;
padding-left: 70px;
margin-top: 20px;
margin-bottom: 20px;
}
.blog-single .inner-box .text blockquote .quote-icon {
position: absolute;
content: '';
left: 0px;
top: -20px;
color: #bdc959;
font-size: 44px;
line-height: 1em;
}
.blog-single .inner-box .text blockquote .blockquote-text {
position: relative;
color: #414857;
font-size: 18px;
font-style: italic;
line-height: 1.7em;
padding-top: 22px;
border-top: 1px solid #e6e6e6;
}
/*post share options*/
.blog-single .post-share-options {
position: relative;
margin-top: 0px;
}
.blog-single .post-share-options .post-share-inner {}
.blog-single .post-share-options .tags span {
font-size: 16px;
color: #443986;
font-weight: 700;
margin-right: 8px;
text-transform: uppercase;
}
.blog-single .post-share-options .tags a {
position: relative;
color: #777777;
font-size: 16px;
font-weight: 600;
line-height: 1em;
padding-right: 12px;
margin-right: 10px;
display: inline-block;
text-transform: capitalize;
border-right: 1px solid #ebebeb;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.blog-single .post-share-options .tags a:last-child {
border-right: none;
margin-right: 0px;
padding-right: 0px;
}
.blog-single .post-share-options .tags {
position: relative;
color: #ff4800;
font-size: 16px;
font-weight: 400;
margin-top: 3px;
}
.blog-single .post-share-options .tags a:hover {
color: #020e28;
}
.blog-single .post-share-options .social-box {
position: relative;
}
.blog-single .post-share-options .social-box li {
position: relative;
margin-left: 15px;
display: inline-block;
}
.blog-single .post-share-options .social-box li a {
position: relative;
font-size: 14px;
color: #888888;
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;
}
.blog-single .post-share-options .social-box li a:hover {
color: #bdc959;
}
/*News Posts*/
.blog-single .inner-box .news-posts {
position: relative;
padding: 25px 0px;
margin-top: 40px;
margin-bottom: 60px;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.blog-single .inner-box .news-posts h4 {
position: relative;
color: #222222;
font-size: 16px;
font-weight: 600;
line-height: 1.7em;
margin: 0px;
margin-bottom: 10px;
}
.blog-single .inner-box .news-posts .prev-post a {
position: relative;
color: #bdc959;
font-size: 15px;
font-weight: 700;
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;
}
.blog-single .inner-box .news-posts .prev-post .image {
position: absolute;
left: 0px;
top: 8px;
width: 70px;
height: 70px;
}
.blog-single .inner-box .news-posts .next-post {
position: relative;
text-align: right;
padding-right: 90px;
}
.blog-single .inner-box .news-posts .next-post .image {
position: absolute;
right: 0px;
top: 8px;
width: 70px;
height: 70px;
}
.blog-single .inner-box .news-posts .next-post a {
position: relative;
color: #bdc959;
font-size: 15px;
font-weight: 700;
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;
}
.blog-single .inner-box .news-posts .prev-post {
position: relative;
padding-left: 90px;
}
.blog-single .inner-box .news-posts .prev-post a:hover,
.blog-single .inner-box .news-posts .next-post a:hover {
color: #3b2b99;
}
/*Author Box*/
.author-box {
position: relative;
margin-bottom: 45px;
}
.author-box .author-comment {
position: relative;
}
.author-box .author-comment .inner-box {
position: relative;
padding-left: 165px;
}
.author-box .author-comment .inner-box .image {
position: absolute;
left: 0px;
top: 0px;
width: 130px;
overflow: hidden;
margin-bottom: 20px;
}
.author-box .author-comment .inner-box h3 {
position: relative;
color: #1a1d1f;
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
}
.author-box .author-comment .inner-box .text {
position: relative;
color: #888888;
font-size: 15px;
font-weight: 400;
line-height: 1.7em;
margin-bottom: 10px;
}
.author-box .author-comment .inner-box .social-icon-four li {
margin-left: 0px;
margin-right: 15px;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area {
position: relative;
margin-bottom: 50px;
}
.sidebar-page-container .group-title {
position: relative;
}
.sidebar-page-container .group-title h2 {
position: relative;
font-size: 18px;
color: #222222;
font-weight: 700;
text-transform: capitalize;
}
.sidebar-page-container .group-title h3 {
position: relative;
font-size: 16px;
color: #414857;
font-weight: 400;
margin-bottom: 50px;
text-transform: capitalize;
}
.sidebar-page-container .comments-area .comment-box {
position: relative;
padding: 0px 0px 0px;
margin-bottom: 40px;
-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 {
position: relative;
padding: 0px 0px 30px 110px;
font-size: 14px;
border-bottom: 1px solid #f5f5f5;
}
.sidebar-page-container .comments-area .reply-comment {
margin-left: 120px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 80px;
border-radius: 50%;
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: 10px;
}
.sidebar-page-container .comments-area .comment-box strong {
font-size: 17px;
font-weight: 600;
color: #1a1d1f;
display: block;
line-height: 1.3em;
text-transform: capitalize;
}
.sidebar-page-container .comments-area .comment-box .text {
color: #888888;
font-size: 14px;
line-height: 1.9em;
margin-bottom: 0px;
}
.sidebar-page-container .comments-area .comment-info .comment-time {
font-size: 12px;
color: #888888;
}
.sidebar-page-container .comments-area .comment-box .theme-btn {
position: absolute;
right: 0px;
top: 0px;
padding: 2px 22px;
font-size: 13px;
color: #888888;
font-weight: 400;
border: 2px solid #f6f7f7;
text-transform: capitalize;
background-color: #f6f7f7;
}
.sidebar-page-container .comments-area .comment-box .theme-btn:hover {
background: #bdc959;
color: #ffffff;
border-color: #bdc959;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form .group-title {
position: relative;
margin-bottom: 20px;
}
.comment-form .form-group {
margin-bottom: 30px;
}
.comment-form .form-group:last-child {
margin-bottom: 0px;
}
.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 18px;
color: #888888;
border: 1px solid #ececec;
height: 50px;
font-size: 13px;
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;
}
.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: #3b2b99;
}
.comment-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 15px 18px;
color: #888888;
border: 1px solid #ececec;
height: 180px;
background: #ffffff;
resize: none;
font-size: 13px;
-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 button {
padding: 14px 30px 12px;
}
/***
====================================================================
Contact Form
====================================================================
***/
.contact-page-section {
position: relative;
padding: 100px 0px 80px;
}
.contact-form {
position: relative;
}
.contact-form .form-group {
position: relative;
margin-bottom: 20px;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select {
position: relative;
display: block;
width: 100%;
color: #a5a5a5;
line-height: 26px;
padding: 10px 20px;
height: 50px;
font-size: 14px;
border-radius: 2px;
background: none;
border: 1px solid #dddddd;
-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="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
border-color: #3b2b99;
}
.contact-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 26px;
padding: 10px 20px;
color: #a5a5a5;
height: 200px;
font-size: 14px;
resize: none;
border-radius: 2px;
background: none;
border: 1px solid #dddddd;
-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 input.error,
.contact-form select.error,
.contact-form textarea.error {
border-color: #ff0000 !important;
}
.contact-form label.error {
display: block;
line-height: 24px;
padding: 5px 0px 0px;
margin: 0px;
text-transform: uppercase;
font-size: 12px;
color: #ff0000;
font-weight: 500;
}
.contact-page-section .info-column {
position: relative;
}
.contact-page-section .info-column .content-boxed {
position: relative;
padding: 45px 35px;
border-radius: 2px;
border: 1px solid #dddddd;
}
.contact-page-section .info-column .content-boxed .text {
position: relative;
color: #777777;
line-height: 1.8em;
margin-bottom: 15px;
}
.contact-page-section .info-column .content-boxed ul {
position: relative;
}
.contact-page-section .info-column .content-boxed ul li {
position: relative;
color: #777777;
font-size: 16px;
margin-bottom: 15px;
padding-left: 28px;
}
.contact-page-section .info-column .content-boxed ul li:last-child {
margin-bottom: 0px;
}
.contact-page-section .info-column .content-boxed ul li .icon {
position: absolute;
left: 0px;
top: 0px;
color: #3b2b99;
}
/***
==================================================================
Contact Map Section
==================================================================
***/
.contact-map-section {
position: relative;
padding-bottom: 100px;
}
.contact-map-section .map-outer {
position: relative;
height: 500px;
}
.contact-map-section .map-canvas {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 500px;
}
/***
====================================================================
Error Section
====================================================================
***/
.error-section {
position: relative;
width: 100%;
text-align: center;
padding: 130px 0px 120px;
background-position: right top;
background-repeat: no-repeat;
}
.error-section .inner-section {
position: relative;
text-align: center;
}
.error-section .inner-section h2 {
position: relative;
font-size: 18px;
color: #1e1e29;
font-weight: 400;
margin-top: 40px;
text-transform: uppercase;
}
.error-section .inner-section .text {
position: relative;
color: #7e7e7e;
font-size: 15px;
margin-top: 18px;
margin-bottom: 40px;
}
.error-section .go-back {
position: relative;
color: #bdc959;
font-size: 16px;
font-weight: 500;
text-align: center;
margin-top: 18px;
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;
}
.error-section .go-back:hover {
color: #3b2b99;
}
/*Error Form*/
.error-search-form .form-group {
position: relative;
max-width: 430px;
margin: 0 auto;
width: 100%;
}
.error-search-form .form-group input[type="text"],
.error-search-form .form-group input[type="search"] {
position: relative;
line-height: 30px;
background: none;
display: block;
font-size: 14px;
width: 100%;
height: 52px;
color: #7e7e7e;
border: 1px solid #e8f1f7;
background-color: #ffffff;
padding: 14px 50px 10px 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;
}
.error-search-form .form-group input:focus {
border-color: #bdc959;
}
.error-search-form .form-group button {
position: absolute;
right: 0px;
top: 0px;
height: 52px;
width: 50px;
color: #ffffff;
display: block;
font-size: 16px;
line-height: 100%;
background: #bdc959;
font-weight: normal;
cursor: pointer;
}
/*Post Widget*/
.sidebar .popular-posts .post {
position: relative;
font-size: 14px;
color: #666666;
padding: 0px 0px;
margin-bottom: 22px;
padding-bottom: 15px;
border-bottom: 1px solid #e1e1e1;
}
.sidebar .popular-posts .post:last-child {
margin-bottom: 0px;
}
.sidebar .popular-posts .post .text {
position: relative;
top: -4px;
font-size: 15px;
margin: 0px 0px 0px;
font-weight: 600;
color: #242424;
line-height: 1.6em;
text-transform: capitalize;
}
.sidebar .popular-posts .post .text a {
color: #242424;
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 a,
.sidebar .popular-posts .post a:hover {
color: #3b2b99;
}
.sidebar .popular-posts .post-info {
font-size: 13px;
color: #9a9a9a;
font-weight: 500;
}
/*Sidebar List*/
.sidebar .list {
position: relative;
}
.sidebar .list li {
position: relative;
line-height: 24px;
margin-bottom: 10px;
}
.sidebar .list li:last-child {
border-bottom: none;
}
.sidebar .list li a {
position: relative;
display: block;
color: #bdc959;
font-size: 16px;
font-weight: 600;
line-height: 24px;
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 .list li a:hover {
color: #3b2b99;
}
/*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-item {
position: relative;
margin-bottom: 40px;
}
.shop-item .inner-box {
position: relative;
outline: 15px solid #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;
}
.shop-item .inner-box:hover .image .overlay-box {
opacity: 1;
}
.shop-item .inner-box .image {
position: relative;
z-index: 11;
text-align: center;
background-color: #f8f8f8;
border: 1px solid #3b2b99;
}
.shop-item .inner-box .image .sale {
position: absolute;
left: 20px;
top: 20px;
font-size: 11px;
font-weight: 700;
color: #ffffff;
z-index: 12;
padding: 5px 8px;
line-height: 1em;
text-transform: uppercase;
background-color: #3b2b99;
}
.shop-item .inner-box .image .overlay-box {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
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;
}
.shop-item .inner-box .image .overlay-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
display: block;
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;
background-color: rgba(0, 0, 0, 0.85);
-moz-transform: rotateX(-360deg) scale(0.5, 0.5);
-webkit-transform: rotateX(-360deg) scale(0.5, 0.5);
-ms-transform: rotateX(-360deg) scale(0.5, 0.5);
-o-transform: rotateX(-360deg) scale(0.5, 0.5);
transform: rotateX(-360deg) scale(0.5, 0.5);
}
.shop-item .inner-box:hover .image .overlay-box:before {
-moz-transform: rotateX(0deg) scale(1, 1);
-webkit-transform: rotateX(0deg) scale(1, 1);
-ms-transform: rotateX(0deg) scale(1, 1);
-o-transform: rotateX(0deg) scale(1, 1);
transform: rotateX(0deg) scale(1, 1);
opacity: 1;
visibility: visible;
}
.shop-item .inner-box .image .overlay-box .cart-option li {
position: relative;
}
.shop-item .inner-box .image .overlay-box .cart-option li:first-child {
position: absolute;
right: 15px;
top: 15px;
}
.shop-item .inner-box .image .overlay-box .cart-option li:last-child {
position: absolute;
left: 15px;
bottom: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.shop-item .inner-box .image .overlay-box .cart-option li a {
position: relative;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 18px;
display: block;
line-height: 40px;
background-color: #3b2b99;
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;
}
.shop-item .inner-box .image .overlay-box .cart-option li a:hover {
background-color: #3b2b99;
color: #ffffff;
}
.shop-item .inner-box .image .overlay-box .cart-option li a:hover {
color: #ffffff;
}
.shop-item .inner-box .image img {
width: 100%;
display: inline-block;
}
.shop-item .inner-box .lower-content {
position: relative;
z-index: 11;
text-align: center;
padding: 30px 0px 0px;
}
.shop-item .inner-box .lower-content h6 {
position: relative;
font-weight: 600;
}
.shop-item .inner-box .lower-content h6 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;
}
.shop-item .inner-box .lower-content h6 a:hover {
color: #3b2b99;
}
.shop-item .inner-box .lower-content .price {
position: relative;
margin-top: 4px;
}
.shop-item .inner-box .lower-content .price li {
position: relative;
color: #666666;
font-size: 14px;
font-weight: 400;
display: inline-block;
}
.shop-item .inner-box .lower-content .price li.discount {
position: relative;
color: #000000;
margin-right: 8px;
text-decoration: line-through;
}
.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: #3b2b99;
}
.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: #3b2b99;
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: #3b2b99;
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: #3b2b99;
}
.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: #3b2b99;
color: #1f1f1f;
}
.cart-table thead tr th {
line-height: 24px;
padding: 20px 15px;
min-width: 120px;
font-weight: 700;
color: #ffffff;
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: 24px;
padding: 40px 40px 40px;
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: 130px;
padding-top: 40px;
text-align: left;
}
.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%;
}
.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: #3b2b99;
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;
background: #fa9928;
}
.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 #3b2b99;
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;
}
.totals-table li.total {
margin-top: 25px;
padding-top: 30px;
border-top: 1px solid #cccccc;
}
.checkout-btn {
color: #ffffff;
font-size: 14px;
font-weight: 400;
padding: 17px 43px 14px;
cursor: pointer;
background-color: #3b2b99;
}
/*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: #3b2b99;
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: #3b2b99;
}
/*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: #3b2b99;
}
.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,
.rtl-version {
display: none;
}
#google_translate_element {
padding-top: 13px;
}
.goog-te-gadget-icon {
background: url(../img/smalllogo.png) no-repeat 2px 2px !important;
width: 25px !important;
height: 25px !important;
}
.goog-te-gadget-simple .goog-te-menu-value {
color: #fff !important;
}
.goog-te-gadget-simple {
border: none !important;
background-color: transparent !important;
padding: 0 !important;
}
.goog-te-gadget-simple .goog-te-menu-value span:last-child {
color: #f78d28 !important;
}
#WAButton {
position: fixed;
bottom: 75px;
right: 15px;
font-size: 14px;
transition: bottom .2s;
z-index: 99;
}
#WAButton img {
width: 60px;
height: 60px;
border-radius: 50%;
box-shadow: 1px 1px 4px rgb(60 60 60 / 40%);
transition: box-shadow .2s;
cursor: pointer;
overflow: hidden;
}
.faq-section .services-block-three .inner-box {
background-color: #3b2b99;
}
.faq-section .services-block-three .inner-box .upper-box h6 a,
.faq-section .services-block-three .inner-box .text,
.faq-section .services-block-three .inner-box .upper-box .icon {
color: #ffffff;
}
.upper-box {
display: flex;
gap: 13px;
align-items: center;
}
.services-block-three .inner-box:hover .upper-box img {
filter: brightness(0) invert(1);
}
.project-tab .owl-item .project-block-two .inner-box {
background-image: url(../img/p1bg.png);
}
.main-menu .navigation>li.current>a,
.main-menu .navigation>li:hover>a {
/* color: #222222 !important; */
}
.content-boxed a {
color: #777777;
}
.content-boxed a:hover,
.contact-page-section .info-column .content-boxed ul li .icon {
color: #bdc959 !important;
}
.appmain .services-block-two .inner-box {
display: flex;
align-items: center;
}