/* Global Industry - Factory and Industry HTML Template*/
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Slider
6. Services Section
7. Projects Section / Style Two
8. Testimonial Section
9. Counter Section
10. News Section
11. Team Section
12. Clients Section
13. Map Section
14. Main Footer
15. Welcome Section
16. Subscribe Section
17. Accordian Section
18. Call To Action Section
19. Work Process Section
20. Page Title
21. Error Section
22. Comming Soon Section
23. Services Single Section
24. Projects Detail Section
25. News Blog
26. Comments Section
27. Comments Form
28. Shop Item
29. Shop Detail
30. Contact Form
**********************************************/
@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
/*font-family: 'Arimo', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Raleway', sans-serif;*/
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.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
====================================================================
***/
* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'Arimo', sans-serif;
font-size: 14px;
color: #000000b5;
line-height: 1.7em;
font-weight: 400;
background: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper {
padding: 0px 50px 0px;
}
a {
text-decoration: none;
cursor: pointer;
color: #fea000;
}
a:hover,
a:focus,
a:visited {
text-decoration: none;
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
font-weight: normal;
margin: 0px;
background: none;
line-height: 1.6em;
/* font-family: 'Montserrat', sans-serif;*/
}
input,
button,
select,
textarea {
font-family: 'Montserrat', sans-serif;
}
textarea {
overflow: hidden;
}
p {
position: relative;
line-height: 1.8em;
}
.gray_bg {
background-color: #f5f5f5;
}
.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 {
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: #000000;
font-size: 16px;
padding-left: 70px;
font-weight: 700;
padding-top: 14px;
margin-bottom: 40px;
}
.list-style-one li .icon {
position: absolute;
left: 0px;
top: 0px;
color: #fea000;
font-size: 50px;
line-height: 1em;
font-weight: 300;
}
/*List Style Two*/
.list-style-two {
position: relative;
}
.list-style-two li {
position: relative;
color: #666666;
font-size: 14px;
padding-left: 70px;
font-weight: 400;
margin-right: 70px;
display: inline-block;
}
.list-style-two li:last-child {
margin-right: 0px;
}
.list-style-two li strong {
position: relative;
color: #000000;
font-size: 17px;
font-weight: 700;
display: block;
}
.list-style-two li .icon {
position: absolute;
left: 0px;
top: 0px;
width: 42px;
height: 42px;
color: #fea000;
font-size: 20px;
line-height: 40px;
font-weight: 300;
text-align: center;
border-radius: 50%;
border: 1px solid #fea000;
}
/*List Style Three*/
.list-style-three {
position: relative;
}
.list-style-three li {
position: relative;
color: #666666;
font-size: 14px;
padding-left: 70px;
font-weight: 400;
margin-bottom: 30px;
}
.list-style-three li:last-child {
margin-right: 0px;
}
.list-style-three li strong {
position: relative;
color: #fff !important;
font-size: 17px;
font-weight: 700;
display: block;
}
.list-style-three li .icon {
position: absolute;
left: 0px;
top: 0px;
width: 42px;
height: 42px;
color: #fea000;
font-size: 20px;
line-height: 40px;
font-weight: 300;
text-align: center;
border-radius: 50%;
border: 1px solid #fea000;
}
/*Btn Style One*/
.btn-style-one {
position: relative;
padding: 12px 28px 11px;
line-height: 24px;
text-transform: capitalize;
background: #fea000;
color: #fff;
border: 2px solid #fea000;
font-size: 14px;
font-weight: 500;
border-radius: 50px;
font-family: 'Montserrat', sans-serif;
}
.btn-style-one:hover {
/* background:#000000;*/
color: #ffffff !important;
border-color: #000000;
}
/*Btn Style Two*/
.btn-style-two {
position: relative;
padding: 12px 30px 11px;
line-height: 24px;
text-transform: capitalize;
background: none;
color: #ffffff;
border: 2px solid #ffffff;
font-size: 14px;
font-weight: 500;
border-radius: 50px;
font-family: 'Montserrat', sans-serif;
}
.btn-style-two:hover {
background: #fea000;
color: #ffffff;
border-color: #fea000;
}
/*Btn Style Three*/
.btn-style-three {
position: relative;
padding: 11px 30px 11px;
line-height: 24px;
text-transform: capitalize;
background: none;
color: #000000;
border: 2px solid #000000;
font-size: 16px;
font-weight: 700;
border-radius: 50px;
font-family: 'Arimo', sans-serif;
}
.btn-style-three:hover {
background: #fea000;
color: #ffffff;
border-color: #fea000;
}
/*Social Icon One*/
.social-icon-one {
position: relative;
}
.social-icon-one li {
position: relative;
margin: 0px 6px;
display: inline-block;
}
.social-icon-one li a {
position: relative;
font-size: 16px;
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;
}
.social-icon-one li a:hover {
color: #fea000;
}
/*Social Icon Two*/
.social-icon-two {
position: relative;
}
.social-icon-two li.follow {
position: relative;
color: #ffffff;
font-size: 20px;
margin-left: 0px;
font-family: 'Montserrat', sans-serif;
}
.social-icon-two li {
position: relative;
margin-left: 13px;
display: inline-block;
font-weight: 600;
}
.social-icon-two li a {
position: relative;
font-size: 16px;
margin-bottom: 10px;
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;
}
.social-icon-two li a:hover {
color: #fea000;
}
/*Social Icon Three*/
.social-icon-three {
position: relative;
}
.social-icon-three li {
position: relative;
margin-left: 5px;
display: inline-block;
font-weight: 600;
}
.social-icon-three li a {
position: relative;
width: 40px;
height: 40px;
font-size: 16px;
margin-bottom: 10px;
color: #000000;
line-height: 38px;
text-align: center;
display: inline-block;
border: 2px 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;
}
.social-icon-three li a:hover {
color: #fea000;
}
.theme_color {
color: #fea000;
}
/*.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/kalium-steel-sdn-bhd/preloader.png);}*/
img {
display: inline-block;
max-width: 100%;
height: auto;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top {
position: fixed;
bottom: 15px;
right: 15px;
width: 56px;
height: 56px;
color: #ffffff;
font-size: 22px;
text-transform: uppercase;
line-height: 56px;
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: #fea000;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title {
position: relative;
margin-bottom: 30px;
}
.sec-title h2 {
position: relative;
color: #000000;
font-size: 36px;
font-weight: 700;
line-height: 1.4em;
padding-bottom: 10px;
}
.sec-title .separater {
position: relative;
width: 100px;
height: 2px;
background-color: #fea000;
}
.sec-title .separater:before {
position: absolute;
content: '';
right: 0px;
bottom: -4px;
width: 10px;
height: 10px;
display: inline-block;
background-color: #fea000;
}
.sec-title.centered .separater {
left: 50%;
margin-left: -50px;
}
.sec-title .text {
position: relative;
color: #000000;
font-size: 18px;
margin-top: 32px;
}
.sec-title.centered h2:after {
left: 50%;
margin-left: -30px;
}
.sec-title.light .separater {
background-color: #ffffff;
}
.sec-title.centered .separater:before {
left: 50%;
right: auto;
margin-left: -5px;
}
.sec-title.light h2 {
color: #ffffff;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header {
position: relative;
z-index: 999;
width: 100%;
background: transparent
}
.main-header .header-top {
position: relative;
top: 40px;
margin-top: -40px;
background-color: #000000;
}
.main-header .header-top .top-left ul li {
position: relative;
color: #ffffff;
font-size: 14px;
margin-right: 40px;
display: inline-block;
}
.main-header .header-top .top-left ul li span {
position: relative;
top: 2px;
margin-right: 10px;
color: #fea000;
font-size: 16px;
line-height: 1em;
}
.main-header .header-top .top-left {
position: relative;
/* padding:18px 0px;*/
}
.main-header.header-style-two .header-top .top-left {
/* padding:12px 0px;*/
}
.main-header .header-top .top-right {
position: relative;
text-align: right;
/* padding:10px 0px;*/
}
.main-header.header-style-two .header-top .top-right {
/* padding:8px 0px;*/
}
.main-header .header-top .top-right .social-nav {
position: relative;
float: left;
z-index: 1;
margin-top: 10px;
margin-right: 45px;
}
.main-header.header-style-two .header-top .top-right .social-nav {
margin-top: 0px;
margin-right: 0px;
}
.main-header .header-top .top-right .social-nav li {
position: relative;
padding-left: 0px;
display: inline-block;
}
.main-header .header-top .top-right .social-nav li a {
position: relative;
color: #fff;
font-size: 16px;
transition: all 0.3s ease;
padding: 5px;
-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-header .header-top .top-right .social-nav li a:hover {
color: #fea000;
}
.header-style-two .header-top {
background-color: #fea000 !important;
}
.main-header.header-style-two .header-top .top-right .social-nav li a:hover {
color: #000 !important;
}
.main-header .search-box {
position: relative;
float: left;
}
.main-header .search-box .form-group {
position: relative;
margin: 0px;
}
.main-header .search-box .form-group input[type="text"],
.main-header .search-box .form-group input[type="search"] {
position: relative;
line-height: 25px;
padding: 10px 50px 10px 20px;
background: rgba(255, 255, 255, 0.10);
display: block;
font-size: 14px;
height: 40px;
width: 270px;
float: right;
color: #ffffff;
border-radius: 50px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-header .search-box .form-group input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 1);
}
.main-header .search-box .form-group button {
position: absolute;
right: 0px;
top: 0px;
height: 40px;
width: 45px;
display: block;
font-size: 14px;
color: #ffffff;
line-height: 100%;
font-weight: normal;
background: none;
}
.main-header .main-box .logo-box {
position: relative;
float: left;
left: 0px;
z-index: 10;
/* padding:30px 0px;*/
}
s .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 .nav-toggler {
position: absolute;
top: 50%;
margin-top: 0px;
display: block;
}
.main-header .nav-toggler button {
position: relative;
display: block;
color: #444444;
text-align: center;
font-size: 24px;
line-height: 34px;
font-weight: normal;
background: none;
}
.main-header .header-upper {
position: relative;
top: 40px;
}
.main-header .header-upper .upper-right {
padding-top: 40px;
}
.main-header .nav-outer {
position: relative;
bottom: -40px;
padding: 0px 0px 0px 35px;
background-color: #000000;
}
.header-style-two .header-top {
background-color: #fea000;
top: auto;
margin-top: 0px;
}
.main-header.header-style-two .header-top .top-left li {
color: #000000;
font-size: 14px;
}
.main-header.header-style-two .header-top .top-left li span {
font-weight: 700
}
.header-style-three {
position: absolute;
}
.header-style-two .nav-outer,
.header-style-three .nav-outer {
position: static;
background: none;
margin: 0px;
float: right;
bottom: auto;
padding-left: 0px;
}
.header-style-three .nav-outer .main-menu {
padding-top: 35px;
}
.header-style-two .nav-outer .outer-box,
.header-style-three .nav-outer .outer-box {
position: relative;
float: right;
margin-top: 46px;
margin-left: 35px;
}
.header-style-two .nav-outer .outer-box .contact-number {
position: relative;
padding-left: 45px;
color: #666666;
font-size: 14px;
font-weight: 700;
}
.header-style-three .nav-outer .outer-box .contact-number {
color: #666666;
position: relative;
padding-left: 50px;
font-size: 14px;
font-weight: 700;
}
.header-style-two .nav-outer .outer-box .contact-number .icon,
.header-style-three .nav-outer .outer-box .contact-number .icon {
position: absolute;
left: 0px;
top: 0px;
color: #fea000;
line-height: 1em;
font-size: 40px;
font-weight: 400;
}
.header-style-two .nav-outer .outer-box .contact-number strong {
color: #000000;
font-size: 18px;
display: block;
}
.header-style-three .nav-outer .outer-box .contact-number strong {
color: #ffffff;
font-size: 18px;
display: block;
}
.main-header .header-upper .logo-box {
padding: 30px 0px;
}
.main-header .info-box {
position: relative;
float: left;
min-height: 56px;
margin-left: 50px;
font-size: 13px;
color: #777777;
text-align: left;
text-transform: uppercase;
padding: 0px 0px 20px 50px;
}
.main-header .info-box:last-child .theme-btn {
padding: 11px 22px 10px;
}
.main-header .info-box .icon-box {
position: absolute;
left: 0px;
top: 6px;
color: #fea000;
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;
line-height: 20px;
color: #777777;
font-size: 16px;
margin-bottom: 6px;
font-weight: 400;
text-transform: capitalize;
}
.main-header .info-box strong {
position: relative;
font-weight: 500;
color: #000000;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
}
.main-header .info-box .quote-btn {
position: relative;
line-height: 24px;
color: #1f1f1f;
font-size: 16px;
font-weight: 600;
padding: 14px 38px;
border-radius: 50px;
background: none;
text-transform: uppercase;
border: 2px solid #f2f2f2;
}
.main-header .info-box .quote-btn:hover {
color: #ffffff;
border-color: #26447b;
background-color: #26447b;
}
.main-menu {
position: static;
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 .navbar-collapse {
padding: 0px;
}
.main-menu .navigation {
position: static;
margin: 0px;
}
.main-menu .navigation > li {
position: relative;
float: left;
margin: 0px 25px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li:last-child::after {
display: none;
}
.main-menu .navigation > li:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 100%;
height: 2px;
opacity: 0;
background-color: #fea000;
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:after {
position: absolute;
content: '';
left: 50%;
bottom: 0px;
opacity: 0;
margin-left: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #fea000;
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-two .main-menu .navigation > li:before {
bottom: 40px;
}
.main-menu .navigation > li:hover::before,
.main-menu .navigation > li.current::before,
.main-menu .navigation > li:hover::after,
.main-menu .navigation > li.current::after {
/* opacity:1;*/
}
.sticky-header .main-menu .navigation > li > a {
padding: 20px 0px !important;
text-shadow: none;
color: #fff !important;
font-size: 14px;
line-height: 30px;
text-transform: uppercase !important;
}
.sticky-header .main-menu .navigation > li > a:after {
opacity: 0 !important;
}
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a {
color: #fea000 !important;
}
.sticky-header .nav-outer .options-box {
margin-top: 26px;
}
/*Sticky Header*/
.sticky-header {
position: fixed;
opacity: 0;
visibility: hidden;
left: 0px;
top: 0px;
/* top: -90px;*/
width: 100%;
padding: 5px;
background: rgba(0, 0, 0, .3);
z-index: 0;
/* border-bottom:1px solid #e6e6e6;*/
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sticky-header .logo {
padding: 0px 0px;
}
.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;
/* position: absolute;*/
}
.main-menu .navigation > li > a {
position: relative;
display: block;
color: #ffffff !important;
text-align: center;
text-shadow: 1px 0px 1px black;
/* line-height:30px;*/
text-transform: uppercase;
letter-spacing: 0px;
opacity: 1;
font-weight: 700;
/* padding:17px 0px;*/
padding: 26px 0px 0px 8px;
font-size: 14px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
font-family: 'Montserrat', sans-serif;
}
.header-style-two .main-menu .navigation > li,
.header-style-three .main-menu .navigation > li {
position: relative;
margin-right: 0px;
margin-left: 20px;
}
.header-style-two .main-menu .navigation > li > a:after {
position: absolute;
content: '';
left: 50%;
bottom: 40px;
margin-left: -6px;
opacity: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #fea000;
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-two .main-menu .navigation > li.current > a::after,
.header-style-two .main-menu .navigation > li:hover > a::after {
/* opacity:1;*/
}
.header-style-two .sticky-header .main-menu .navigation > li {
margin-right: 0px;
}
.header-style-two .main-menu .navigation > li.current > a,
.header-style-two .main-menu .navigation > li > a {
color: #000000;
/* padding:25px 0px;*/
padding: 28px 0px 0px 0px text-transform:capitalize;
}
.sticky-header .main-menu .navigation > li > a {
/*color:#fea000 !important;*/
padding: 20px 0px ! important;
}
.header-style-three .main-menu .navigation > li.current > a,
.header-style-three .main-menu .navigation > li > a {
color: #ffffff;
text-transform: capitalize;
}
.header-style-two .main-menu .navigation > li > a:hover {
color: #000000;
}
.header-style-two .main-menu .navigation > li:after {
display: none;
}
.sticky-header .main-menu .navigation > li {
position: relative;
margin-right: 0px;
margin-left: 30px;
}
.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li:after {
display: none;
}
.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before {
width: 100%;
}
.main-menu .navigation > li > ul {
position: absolute;
left: 0px;
top: 100%;
/* width:250px; */
padding: 0px;
z-index: 100;
display: none;
background: black;
width: 600px;
border-top: 3px solid #fea000;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation > li > ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.main-menu .navigation > li > ul > li:last-child {
border-bottom: none;
}
.main-menu .navigation > li > ul > li > a {
position: relative;
display: block;
padding: 10px 15px;
line-height: 24px;
font-weight: 400;
font-size: 14px;
text-transform: capitalize;
/* color:#272727; */
color: white;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
/* .main-menu .navigation > li > ul > li:hover > a{
color:#ffffff;
background:#000000;
} */
.main-menu .navigation > li > ul > li.dropdown > a:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
right: 10px;
top: 10px;
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: 100%;
top: 0px;
width: 250px;
padding: 0px;
z-index: 100;
display: none;
background: #ffffff;
border-top: 3px solid #fea000;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.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 rgba(0, 0, 0, 0.10);
}
.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 15px;
line-height: 24px;
font-weight: 400;
font-size: 14px;
text-transform: capitalize;
color: #272727;
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: #2c2c2c;
}
.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;
top: 100%;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
top: 0;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
position: absolute;
right: 10px;
top: 6px;
width: 30px;
height: 30px;
text-align: center;
color: #ffffff;
line-height: 28px;
border: 1px solid #ffffff;
background-size: 20px;
cursor: pointer;
z-index: 5;
display: none;
}
.main-header .options-box {
position: relative;
float: left;
margin-top: 42px;
right: 0px;
margin-left: 0px;
}
.main-header .options-box .options-nav {
position: relative;
}
.main-header .options-box .options-nav > li {
position: relative;
color: #ffffff;
font-size: 22px;
margin-left: 28px;
display: inline-block;
}
.main-header .options-box .options-nav li.menu-btn {
cursor: pointer;
}
.main-header .options-box .options-nav > li > a {
position: relative;
color: #ffffff;
}
.main-header .header-lower .outer-box {
position: relative;
float: right;
}
.main-header .header-lower .outer-box .advisor-box {
position: relative;
float: left;
}
.main-header .header-lower .outer-box .advisor-box .advisor-btn {
position: relative;
}
.main-header .header-lower .outer-box .advisor-box .advisor-btn span {
position: relative;
display: block;
color: #000000;
font-size: 16px;
font-weight: 500;
line-height: 24px;
border-radius: 50px 0px 0px 50px;
padding: 20px 20px 20px 28px;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
font-family: 'Raleway', sans-serif;
background-color: #fea000;
}
.main-header .header-lower .outer-box .advisor-box .advisor-btn:before {
position: absolute;
content: '';
left: -3px;
top: 0px;
width: 100%;
height: 100%;
background-color: #ffffff;
border-radius: 50px;
}
/***
====================================================================
Main Slider style
====================================================================
***/
.main-slider {
position: relative;
z-index: 10;
/* height: 100vh;*/
}
.main-slider .tp-caption {
z-index: 5 !important;
}
.main-slider .tp-dottedoverlay {
background: rgba(0, 0, 0, 0.40) !important;
}
.main-slider .tparrows.gyges {
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.20);
}
.main-slider .tparrows.gyges:before {
line-height: 60px;
}
.main-slider .tparrows.gyges:hover {
color: #000000 !important;
background-color: #000000;
}
.main-slider h2 {
position: relative;
font-size: 52px;
color: #fff;
/* color: #f5a10c; */
font-weight: 700;
line-height: 1.2em;
text-shadow: 2px 2px 3px black;
}
.main-slider .text {
font-weight: 400;
line-height: 1.6em;
color: #ffffff;
font-size: 18px !important;
text-shadow: 1px 0px 1px;
background: #00000078;
padding: 5px 5px
}
.main-slider .text.alternate {
text-align: center !important;
}
.main-slider .title {
position: relative;
color: #ffffff;
font-size: 36px;
font-weight: 600;
line-height: 1.4em;
text-shadow: 2px 2px 2px #000000;
}
.main-slider h2.alternate {
font-size: 60px;
}
.main-slider .theme-btn {
margin-right: 25px;
}
.main-slider .tparrows.preview3,
.main-slider .tparrows.preview3 {
background: none !important;
overflow: hidden;
height: 90px;
}
.main-slider.alternate .tparrows.preview3 {
margin-top: 30px !important;
height: 50px;
}
.main-slider .contact-number {
position: absolute;
width: 100%;
bottom: 40px;
display: block;
z-index: 20;
color: #ffffff;
font-size: 15px;
text-align: center;
}
.main-slider .contact-number .icon {
position: relative;
display: block;
margin-bottom: 15px;
color: #fea000;
font-size: 30px;
}
.main-slider .tparrows.preview3::after {
top: 0px;
color: #101010;
font-size: 26px;
padding: 0px;
background: rgba(255, 255, 255, 0.70);
font-weight: 400;
width: 36px;
height: 90px;
line-height: 90px;
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 .tparrows.tp-leftarrow.preview3::after {
content: '\f104';
font-family: 'FontAwesome';
}
.main-slider .tparrows.tp-rightarrow.preview3::after {
content: '\f105';
font-family: 'FontAwesome';
}
.main-slider .tparrows.preview3:hover::after {
background: rgba(255, 255, 255, 1);
}
.main-slider .tparrows.preview3.tp-leftarrow {
left: 0px !important;
}
.main-slider .tparrows.preview3.tp-rightarrow {
right: -36px !important;
}
.main-slider .tparrows.preview3 .tp-arr-iwrapper {
visibility: hidden;
opacity: 0;
display: none;
}
.main-slider .tp-bannertimer,
.main-slider .tp-bullets {
display: none !important;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section {
position: relative;
padding: 80px 0px 70px;
}
.services-block {
position: relative;
margin-bottom: 50px;
}
.services-block .inner-box {
position: relative;
}
.services-block .inner-box .upper-box {
position: relative;
padding-left: 78px;
min-height: 57px;
}
.services-block .inner-box .upper-box .icon {
position: absolute;
left: 0px;
top: 0px;
width: 60px;
height: 57px;
color: #000000;
font-size: 24px;
line-height: 56px;
text-align: center;
background-color: #fea000;
}
.services-block .inner-box .upper-box h3 {
position: relative;
color: #000000;
font-size: 20px;
font-weight: 700;
line-height: 57px;
}
.services-block .inner-box .upper-box h3 a {
position: relative;
color: #000000;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
font-family: 'Arimo', sans-serif;
}
.services-block .inner-box .upper-box h3 a:hover {
color: #fea000;
}
.services-block .inner-box .lower-box {
position: relative;
}
.services-block .inner-box .lower-box .image {
position: relative;
}
.services-block .inner-box .lower-box .image img {
position: relative;
width: 100%;
display: block;
}
.services-block .inner-box .lower-box .image .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
opacity: 0;
padding: 32px 35px;
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(51, 51, 51, 0.90);
}
.services-block .inner-box:hover .lower-box .image .overlay-box {
opacity: 1;
}
.services-block .inner-box .lower-box .image .overlay-box .text {
position: relative;
color: #ffffff;
font-size: 15px;
line-height: 2em;
}
.services-block .inner-box .lower-box .image .overlay-box .link-btn {
position: absolute;
color: #000000;
font-size: 18px;
right: 30px;
bottom: 0px;
display: inline-block;
padding: 17px 12px 10px;
border-radius: 50px 50px 0px 0px;
background-color: #fea000;
}
/***
====================================================================
Products Section
====================================================================
***/
.product-section {
position: relative;
}
.product-section.alternate {
padding-bottom: 110px;
}
.product-section .upper-box {
position: relative;
padding: 80px 0px 200px;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.product-section .upper-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(51, 51, 51, 0.50);
}
.product-section .upper-box h2 {
position: relative;
color: #ffffff;
font-size: 30px;
font-weight: 400;
line-height: 1.7em;
text-align: center;
font-family: 'Montserrat', sans-serif;
}
.product-section .upper-box h2 span {
font-weight: 600;
}
.product-section .lower-box {
position: relative;
margin-top: -120px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(219, 219, 219, 1);
-moz-box-shadow: 0px 0px 15px 0px rgba(219, 219, 219, 1);
box-shadow: 0px 0px 15px 0px rgba(219, 219, 219, 1);
}
.product-section .lower-box .image-column {
position: relative;
padding: 0px;
float: left;
}
.product-section .lower-box .image-column .image {
position: relative;
}
.product-section .lower-box .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.product-section .lower-box .content-column {
position: relative;
padding: 0px;
float: left;
}
.product-section .lower-box .content-column .inner-column {
position: relative;
padding: 50px 50px;
}
.product-section .lower-box .content-column .inner-column h3 {
position: relative;
color: #000000;
font-size: 30px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 25px;
}
.product-section .lower-box .content-column .inner-column .text {
position: relative;
margin-bottom: 30px;
}
.product-section .lower-box .content-column .inner-column .text p {
position: relative;
color: #777777;
font-size: 15px;
margin-bottom: 0px;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section {
position: relative;
padding: 80px 0px 80px;
}
.testimonial-block {
position: relative;
}
.testimonial-block .inner-box {
position: relative;
text-align: center;
padding: 50px 50px 70px;
background: url(../images/background/2.jpg) repeat;
}
.testimonial-block .inner-box .quote-icon {
position: relative;
color: #ffffff;
font-size: 28px;
line-height: 1em;
margin-bottom: 35px;
}
.testimonial-block .inner-box .text {
position: relative;
font-size: 15px;
font-weight: 400;
line-height: 1.9em;
color: #ffffff;
margin-bottom: 35px;
}
.testimonial-block .inner-box .author-box {
position: relative;
padding-left: 70px;
text-align: left;
display: inline-block;
}
.testimonial-block .inner-box .author-box .image {
position: absolute;
left: 0px;
top: 0px;
width: 50px;
height: 50px;
}
.testimonial-block .inner-box .author-box h3 {
position: relative;
font-size: 15px;
font-weight: 500;
color: #ffffff;
font-family: 'Montserrat', sans-serif;
}
.testimonial-block .inner-box .author-box .designation {
position: relative;
color: #fea000;
font-size: 12px;
}
.testimonial-section .owl-nav {
display: none;
}
.testimonial-section .owl-dots {
position: relative;
text-align: center;
margin-top: 70px;
}
.testimonial-section .owl-dots .owl-dot {
position: relative;
margin: 0px 3px;
width: 20px;
height: 5px;
background-color: #fea000;
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;
}
.testimonial-section .owl-dots .owl-dot:hover,
.testimonial-section .owl-dots .owl-dot.active {
width: 30px;
background-color: #1b1b1b;
}
/***
====================================================================
Counter Section
====================================================================
***/
.counter-section {
position: relative;
background-position: center center;
padding: 60px 10px 60px 10px;
}
.counter-section .counter-main-column {
position: relative;
}
.counter-section .counter-main-column .inner-column {
position: relative;
/* padding-top:85px;*/
}
.fact-counter {
position: relative;
}
ul {
margin-top: 0;
margin-bottom: 0px !important;
padding-left: 0px !important;
padding: 5px !important;
}
.fact-counter .column {
position: relative;
z-index: 5;
margin-bottom: 70px;
}
.fact-counter .column .inner {
position: relative;
display: flex;
align-items: center;
flex-direction: column;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
background: #f7f7f7f5;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
/* box-shadow: 0px 5px 5px 5px #80808057;*/
padding: 20px;
}
.fact-counter .count-outer {
position: relative;
font-size: 40px;
line-height: 1em;
font-weight: 700;
color: #000000;
}
.fact-counter .count-outer .count-text {
position: relative;
font-weight: 700;
color: #000000;
font-size: 48px;
}
.fact-counter .column .counter-title {
position: relative;
font-size: 18px;
font-weight: 500;
color: #000;
/* margin-top:25px;*/
padding-top: 16px;
display: inline-block;
font-family: 'Montserrat', sans-serif;
}
/*
.fact-counter .column .counter-title:before{
position:absolute;
content:'';
top:0px;
width:40px;
height:5px;
background-color:#fea000;
}
*/
.counter-section .image-column {
position: relative;
text-align: center;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section {
position: relative;
padding: 80px 0px 80px;
}
.news-block {
position: relative;
margin-bottom: 40px;
}
.news-block .inner-box {
position: relative;
-webkit-box-shadow: 0px 0px 15px 0px rgba(219, 219, 219, 1);
-moz-box-shadow: 0px 0px 15px 0px rgba(219, 219, 219, 1);
box-shadow: 0px 0px 15px 0px rgba(219, 219, 219, 1);
}
.news-block .inner-box .image {
position: relative;
}
.news-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.news-block .inner-box .lower-content {
position: relative;
text-align: center;
padding: 35px 15px 35px;
}
.news-block .inner-box .lower-content h3 {
position: relative;
font-size: 24px;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 12px;
}
.news-block .inner-box .lower-content h3 a {
position: relative;
color: #000000;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-block .inner-box .lower-content h3 a:hover {
color: #fea000;
}
.news-block .inner-box .lower-content .text {
position: relative;
color: #666666;
font-size: 15px;
line-height: 1.8em;
margin-bottom: 20px;
}
.news-block .inner-box .lower-content .post-meta {
position: relative;
}
.news-block .inner-box .lower-content .post-meta li {
position: relative;
color: #666666;
font-size: 13px;
margin-right: 15px;
display: inline-block;
}
.news-block .inner-box .lower-content .post-meta li span {
position: relative;
margin-right: 8px;
color: #fea000;
}
.news-block-two {
position: relative;
margin-bottom: 30px;
}
.news-block-two .inner-box {
position: relative;
}
.news-block-two .inner-box .image-column {
position: relative;
}
.news-block-two .inner-box .image-column .image {
position: relative;
}
.news-block-two .inner-box .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.news-block-two .inner-box .content-column {
position: relative;
}
.news-block-two .inner-box .content-column .inner-column {
position: relative;
padding: 12px 0px 0px 10px;
}
.news-block-two .inner-box .content-column .inner-column h3 {
position: relative;
font-size: 20px;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 15px;
}
.news-block-two .inner-box .content-column .inner-column h3 a {
position: relative;
color: #000000;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-block-two .inner-box .content-column h3 a:hover {
color: #fea000;
}
.news-block-two .inner-box .content-column .text {
position: relative;
color: #666666;
font-size: 15px;
line-height: 1.8em;
margin-bottom: 20px;
}
.news-block-two .inner-box .content-column .post-meta {
position: relative;
}
.news-block-two .inner-box .content-column .post-meta li {
position: relative;
color: #666666;
font-size: 13px;
margin-right: 10px;
display: inline-block;
}
.news-block-two .inner-box .content-column .post-meta li span {
position: relative;
margin-right: 8px;
color: #fea000;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section {
position: relative;
padding: 60px 10px 60px 10px;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
}
.team-section:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
/* background-color:rgba(0,0,0,0.70);*/
}
.team-block {
position: relative;
margin-bottom: 40px;
}
.team-block .inner-box {
position: relative;
overflow: hidden;
/* background-color:rgba(255,255,255,0.10);*/
}
.team-block .inner-box .social-icon-one {
position: absolute;
left: 0px;
bottom: -50px;
width: 100%;
text-align: center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.team-block .inner-box:hover .social-icon-one {
bottom: 20px;
z-index: 1;
}
.team-block .inner-box .image {
position: relative;
/* border:2px solid rgba(255,255,255,0.05);*/
border-bottom: none;
text-align: center;
}
.team-block .inner-box .image:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 100%;
height: 100px;
opacity: 0;
z-index: 1;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
.team-block .inner-box:hover .image:before {
opacity: 1;
}
.team-block .inner-box .image img {
position: relative;
max-width: 100% !important;
display: inline-block !important;
}
.team-block .inner-box .lower-box {
position: relative;
padding: 15px 15px;
text-align: center;
background-color: #fff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.team-block .inner-box:hover .lower-box {
background-color: #fea000;
}
.team-block .inner-box .lower-box h3 {
position: relative;
color: #fea000;
font-size: 20px;
line-height: 1.4em;
font-weight: 600;
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;
}
.team-block .inner-box .lower-box h3 a {
color: #fea000;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.team-block .inner-box:hover .lower-box h3 a {
color: #e3e4e6;
}
.team-block .inner-box .lower-box h3 a:hover {
color: #e3e4e6;
}
.team-block .inner-box .lower-box .designation {
position: relative;
color: #777777;
font-size: 13px;
}
.team-block .inner-box:hover .lower-box .designation {
color: #000000;
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section {
position: relative;
padding: 60px 10px 60px 10px;
}
.clients-section .title-column {
position: relative;
margin-bottom: 25px;
}
.clients-section .title-column h2 {
position: relative;
color: #000000;
font-size: 30px;
font-weight: 600;
line-height: 1.3em;
}
.clients-section .sponsors-outer {
position: relative;
}
.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav {
position: relative;
display: none;
}
.clients-section .sponsors-outer .image-box {
position: relative;
text-align: center;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.clients-section .sponsors-outer .image-box img {
max-width: 100%;
width: auto;
/* -webkit-filter: grayscale(100%);*/
/* -o-filter: grayscale(100%);*/
/* -ms-filter: grayscale(100%);*/
/* filter: grayscale(100%);*/
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;
}
.clients-section .sponsors-outer .image-box img:hover {
-webkit-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}
/***
====================================================================
Map Section Style
====================================================================
***/
.map-section {
position: relative;
padding-bottom: 80px;
}
.map-section iframe,
.map-section-two iframe,
.contact-map-section iframe {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 500px;
margin-bottom: -10px;
}
.map-section .auto-container {
position: relative;
}
.map-section .map-outer {
position: relative;
/*background-color:#0e1626;*/
}
.map-data {
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 1.8em;
}
.map-data h6 {
font-size: 16px;
font-weight: 700;
text-align: center;
margin-bottom: 5px;
color: #121212;
}
.map-canvas {
height: 500px;
}
.map-section .map-info-box {
position: absolute;
left: 50%;
top: 50%;
margin-top: -54px;
margin-left: -465px;
}
.map-info-box {
position: relative;
}
.map-info-box .info-inner {
position: relative;
padding: 25px 30px;
border-radius: 50px;
background-color: #ffffff;
}
.map-info-box .info-inner:after {
position: absolute;
content: '';
left: 50%;
bottom: -20px;
margin-left: -20px;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 25px solid #ffffff;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer {
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.main-footer .widgets-section {
position: relative;
padding: 110px 0px 70px;
}
.main-footer .footer-widget {
position: relative;
margin-bottom: 30px;
}
.main-footer .footer-title {
position: relative;
margin-bottom: 28px;
}
.main-footer .footer-title h2 {
position: relative;
font-size: 24px;
font-weight: 500;
color: #ffffff;
line-height: 1.4em;
padding-bottom: 15px;
text-transform: capitalize;
}
.main-footer .footer-title h2:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 55px;
height: 2px;
background-color: #fff;
}
.main-footer .logo-widget .logo {
position: relative;
margin-bottom: 20px;
}
.main-footer .logo-widget .text {
position: relative;
color: #fff;
font-size: 15px;
line-height: 1.8em;
}
.footer-lists {
position: relative;
}
.footer-lists li {
position: relative;
margin-bottom: 8px;
}
.footer-lists li a {
position: relative;
color: #fff;
text-decoration: none;
font-size: 15px;
font-weight: 400;
padding-left: 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;
}
.footer-lists li a:before {
position: absolute;
content: '\f105';
left: 0px;
top: 6px;
line-height: 1em;
color: #fea000;
font-family: 'FontAwesome';
}
.footer-lists li a:hover {
color: #fea000;
}
/*News Widget*/
.news-widget .post {
position: relative;
padding-left: 85px;
min-height: 90px;
margin-bottom: 24px;
border-bottom: 2px solid rgba(255, 255, 255, 0.20);
}
.news-widget .post:last-child {
border: none;
min-height: auto;
}
.news-widget .post .post-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 65px;
height: 65px;
overflow: hidden;
}
.news-widget .post .text {
position: relative;
line-height: 1.4em;
font-size: 15px;
font-weight: 500;
padding-top: 5px;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
}
.news-widget .post .text 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 .post .text a:hover {
color: #fea000;
}
.news-widget .post .post-info {
position: relative;
}
.news-widget .post .post-info li {
position: relative;
color: #fff;
font-size: 14px;
font-weight: 400;
margin-right: 18px;
display: inline-block;
}
.news-widget .post .post-info li .icon {
position: relative;
margin-right: 10px;
color: #fea000;
}
.subscribe-widget .text {
position: relative;
color: #fff;
font-size: 15px;
line-height: 1.8em;
margin-bottom: 30px;
}
.subscribe-form {
position: relative;
margin-bottom: 30px;
}
.subscribe-form .form-group {
position: relative;
display: block;
z-index: 1;
margin-bottom: 0px;
}
.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;
width: 100%;
line-height: 30px;
padding: 10px 20px;
height: 50px;
color: #ffffff;
display: inline-block;
font-size: 13px;
border-radius: 50px;
background: #444444;
-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 .form-group button {
position: absolute;
width: 50px;
height: 50px;
top: 0px;
right: 0px;
color: #000000;
font-size: 18px;
padding-right: 6px;
border-radius: 0px 50px 50px 0px;
display: inline-block;
background-color: #fea000;
}
.main-footer .footer-bottom {
position: relative;
padding: 22px 0px;
text-align: center;
background-color: #fea000;
}
.main-footer .footer-bottom .copyright {
position: relative;
color: #0b0b0b;
}
/***
====================================================================
Gallery Section Two
====================================================================
***/
.gallery-section {
position: relative;
overflow: hidden;
padding: 110px 0px 0px;
}
.gallery-section .row {
margin: 0px -7px;
}
.gallery-section .big-column {
position: relative;
width: 40%;
float: left;
padding: 0px 3px;
}
.gallery-section .small-column {
position: relative;
width: 20%;
float: left;
padding: 0px 3px;
}
.gallery-section .filters {
position: relative;
}
.gallery-section .filters .filter-tabs {
position: relative;
margin-bottom: 60px;
text-align: center;
}
.gallery-section .filters .filter-tabs .filter {
position: relative;
color: #000000;
font-size: 16px;
cursor: pointer;
font-weight: 400;
padding: 0px 20px;
text-transform: uppercase;
display: inline-block;
line-height: 1em;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.gallery-section .filters .filter-tabs .filter:after {
position: absolute;
content: '/';
right: -2px;
top: 0px;
color: #000000;
font-size: 18px;
}
.gallery-section .filters .filter-tabs .filter:last-child::after {
display: none;
}
.gallery-section .filters .filter-tabs .filter.active,
.gallery-section .filters .filter-tabs .filter:hover {
color: #fea000;
}
.gallery-section .default-portfolio-item {
margin-bottom: 6px;
}
.default-portfolio-item {
position: relative;
float: left;
margin-bottom: 30px;
}
.default-portfolio-item .inner-box {
position: relative;
width: 100%;
overflow: hidden;
}
.default-portfolio-item .image-box {
position: relative;
display: block;
margin-bottom: 0px;
}
.default-portfolio-item .image-box img {
position: relative;
display: block;
width: 100%;
}
.default-portfolio-item .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
color: #ffffff;
text-align: center;
background: rgba(255, 178, 0, 0.80);
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
visibility: hidden;
}
.default-portfolio-item .inner-box:hover .overlay-box {
opacity: 1;
visibility: visible;
}
.default-portfolio-item .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
}
.default-portfolio-item .overlay-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.default-portfolio-item .overlay-inner .content .tags {
position: relative;
font-size: 14px;
font-weight: 400;
margin-top: 4px;
color: #555555;
text-transform: capitalize;
}
.default-portfolio-item .overlay-inner h3 {
font-size: 24px;
color: #000000;
font-weight: 600;
margin-top: 10px;
text-transform: capitalize;
}
.default-portfolio-item .overlay-inner h3 a {
color: #000000;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.default-portfolio-item .overlay-inner h3 a:hover {
color: #ffffff;
}
.default-portfolio-item .overlay-inner .link {
position: relative;
width: 40px;
height: 40px;
display: inline-block;
font-size: 16px;
color: #000000;
text-align: center;
line-height: 38px;
margin: 0px 3px;
border: 1px solid #000000;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.default-portfolio-item .overlay-inner .link .icon {
position: relative;
}
.default-portfolio-item .overlay-inner .link:hover {
color: #000000;
border-color: #ffffff;
background-color: #ffffff;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two {
position: relative;
padding: 60px 10px 60px 10px;
}
/*
section.reason-section.style-two {
padding: 80px 10px 80px 10px;
padding: 1px 0px 10px 30px;
margin-bottom: -30px;
padding-top: 20px;
}
*/
section.reason-section.style-two {
padding: 80px 10px 80px 10px;
/* padding: 1px 0px 10px 30px; */
margin-bottom: -30px;
padding-bottom: 20px;
padding-top: 70px;
}
.fact-counter-section {
padding: 60px 10px 60px 10px;
}
.services-section-two .inner-container {
position: relative;
margin-top: -120px;
z-index: 10;
}
.services-block-two {
position: relative;
padding: 10px;
/* background: #9E9E9E;*/
}
.services-block-two .inner-box {
position: relative;
}
.services-block-two .inner-box .upper-box {
position: relative;
border: 3px solid #ffffff;
}
.services-block-two .inner-box .upper-box .image {
position: relative;
}
.services-block-two .inner-box .upper-box .image img {
position: relative;
width: 100%;
display: block;
}
.services-block-two .inner-box .upper-box .image .icon-box {
position: absolute;
left: 140px;
bottom: 30px;
width: 60px;
height: 57px;
color: #fff;
font-size: 28px;
z-index: 1;
text-align: center;
line-height: 57px;
background-color: #fea000;
}
.services-block-two .inner-box .upper-box .image .overlay-box {
position: absolute;
left: -3px;
top: -3px;
right: -3px;
bottom: -3px;
padding: 30px 30px;
opacity: 0;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
background-color: rgba(34, 34, 34, 0.80);
}
.services-block-two .inner-box:hover .upper-box .image .overlay-box {
opacity: 1;
}
.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner {
position: relative;
height: 100%;
}
.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner .text {
position: relative;
color: #ffffff;
font-size: 16px;
line-height: 1.9em;
font-weight: 400;
text-align: center
}
.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner .read-more {
position: absolute;
right: 0px;
bottom: 0px;
font-size: 16px;
color: #fea000;
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;
}
.services-block-two .inner-box .upper-box .image .overlay-box .read-more:hover {
color: #ffffff;
}
.services-block-two .inner-box .lower-box {
position: relative;
padding-top: 20px;
padding-bottom: 20px;
background: #fea000;
}
.services-block-two .inner-box .lower-box h3 {
position: relative;
color: #000000;
font-size: 20px;
font-weight: 700;
text-align: center;
}
.services-block-two .inner-box .lower-box h3 a {
position: relative;
color: #000000;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.services-block-two .inner-box .lower-box h3 a:hover {
color: #fea000;
}
.services-block-two .inner-box .lower-box .title {
position: relative;
color: #666666;
font-size: 16px;
font-weight: 400;
margin-top: 5px;
}
.services-section-two .owl-nav {
display: none;
}
.services-section-two .owl-dots {
position: relative;
text-align: center;
margin-top: 60px;
}
.services-section-two .owl-dots .owl-dot {
position: relative;
margin: 0px 3px;
width: 40px;
height: 3px;
background-color: #fea000;
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;
}
.services-section-two .owl-dots .owl-dot:hover,
.services-section-two .owl-dots .owl-dot.active {
height: 6px;
background-color: #1b1b1b;
}
/***
====================================================================
Welcome Section
====================================================================
***/
.welcome-section {
position: relative;
padding: 60px 10px 60px 10px;
}
.welcome-section.alternate {
padding-top: 80px;
}
.welcome-section .content-column {
position: relative;
margin-bottom: 40px;
}
.welcome-section .content-column .inner-column {
position: relative;
}
.welcome-section .content-column .inner-column h2 {
position: relative;
color: #000000;
font-size: 36px;
font-weight: 700;
line-height: 1.3em;
margin-bottom: 25px;
}
.welcome-section .content-column .inner-column h2 span {
display: block;
font-weight: 700;
}
.welcome-section .content-column .inner-column .text {
position: relative;
margin-bottom: 30px;
}
.welcome-section .content-column .inner-column .text p {
position: relative;
color: #777777;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 20px;
}
.welcome-section .content-column .inner-column .text p:last-child {
margin-bottom: 0px;
}
.welcome-section .content-column .inner-column .text h3 {
position: relative;
color: #fea000;
font-size: 24px;
font-weight: 700;
margin-bottom: 15px;
}
.welcome-section .image-column {
position: relative;
}
.welcome-section .image-column .image {
position: relative;
}
/*
.welcome-section .image-column .image:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:10;
outline: 2px dashed #ffffff;
outline-offset: -20px;
}
*/
.welcome-section .image-column .image img {
position: relative;
width: 100%;
display: block;
}
/***
====================================================================
Projects Section
====================================================================
***/
.projects-section {
position: relative;
padding: 80px 0px 80px;
background-repeat: no-repeat;
background-size: cover;
}
.projects-section .outer-container {
position: relative;
padding: 0px 30px;
}
.projects-section .owl-dots {
display: none;
}
.projects-section .owl-nav {
position: relative;
text-align: center;
margin-top: 30px;
}
.projects-section .owl-nav .owl-prev,
.projects-section .owl-nav .owl-next {
position: relative;
width: 50px;
height: 50px;
color: #ffffff;
text-align: center;
line-height: 42px;
font-size: 24px;
margin: 0px 10px;
border: 3px solid #ffffff;
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;
}
.projects-section .owl-nav .owl-prev:hover,
.projects-section .owl-nav .owl-next:hover {
color: #fea000;
border-color: #fea000;
}
.portfolio-item-two {
position: relative;
float: left;
margin-bottom: 30px;
}
.owl-theme .portfolio-item-two {
float: none;
}
.portfolio-item-two .inner-box {
position: relative;
width: 100%;
overflow: hidden;
}
.portfolio-item-two .image-box {
position: relative;
display: block;
}
.portfolio-item-two .image-box img {
position: relative;
display: block;
width: 100%;
}
.portfolio-item-two .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
color: #ffffff;
text-align: center;
padding: 10px;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
visibility: hidden;
}
.portfolio-item-two .inner-box:hover .overlay-box {
opacity: 1;
visibility: visible;
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.portfolio-item-two .overlay-inner {
position: relative;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
border: 2px solid #fea000;
background: rgba(34, 34, 34, 0.80);
}
.portfolio-item-two .overlay-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.portfolio-item-two .overlay-inner .content .tags {
position: relative;
font-size: 14px;
font-weight: 400;
margin-top: 4px;
color: #f1ac0d;
text-transform: capitalize;
}
.portfolio-item-two .overlay-inner h3 {
font-size: 24px;
color: #ffffff;
font-weight: 500;
margin-top: 10px;
text-transform: capitalize;
}
.portfolio-item-two .overlay-inner h3 a {
color: #ffffff;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.portfolio-item-two .overlay-inner h3 a:hover {
color: #f1ac0d;
}
/***
====================================================================
Subscribe Section
====================================================================
***/
.subscribe-section {
position: relative;
padding: 50px 0px;
overflow: hidden;
background-color: #eeeeee;
}
.subscribe-section .title-column:before {
position: absolute;
right: 40px;
top: -85px;
content: '';
width: 15px;
height: 400%;
background-color: #000000;
-webkit-transform: rotate(-37deg);
-ms-transform: rotate(-37deg);
-o-transform: rotate(-37deg);
-moz-transform: rotate(-37deg);
transform: rotate(-37deg);
}
.subscribe-section:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 40%;
height: 100%;
display: block;
background-color: #fea000;
}
.subscribe-section:after {
position: absolute;
content: '';
left: 50%;
top: 0px;
width: 70%;
height: 100%;
display: block;
margin-left: -200px;
}
.subscribe-section .title-column:after {
position: absolute;
right: 0px;
top: -50px;
height: 100%;
content: '';
z-index: 1;
border-bottom: 170px solid #fea000;
border-right: 130px solid transparent;
border-left: 75px solid #fea000;
}
.subscribe-section h2 {
position: relative;
color: #000000;
z-index: 10;
font-size: 36px;
font-weight: 700;
line-height: 1.2em;
text-transform: capitalize;
}
.subscribe-section .text {
position: relative;
color: #000000;
z-index: 9;
font-size: 16px;
font-weight: 700;
}
.subscribe-form-two .form-group {
position: relative;
display: block;
margin: 0px;
width: 100%;
z-index: 1;
margin-top: 8px;
}
.subscribe-form-two .form-group input[type="text"],
.subscribe-form-two .form-group input[type="tel"],
.subscribe-form-two .form-group input[type="email"],
.subscribe-form-two .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 28px;
height: 50px;
font-size: 14px;
color: #777777;
padding: 10px 50px 10px 20px;
background: #ffffff;
border: 1px solid #777777;
-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-radius: 5px 5px;
}
.subscribe-form-two .form-group input[type="submit"],
.subscribe-form-two button {
position: absolute;
right: 0px;
top: 0px;
height: 50px;
line-height: 40px;
color: #ffffff;
font-size: 16px;
text-align: center;
font-weight: 700;
padding: 0px 28px;
border-radius: 0px 5px 5px 0px;
background: #000000;
}
/***
====================================================================
Default Section
====================================================================
***/
.default-section {
position: relative;
padding: 60px 10px 60px 10px;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.default-section .testimonial-column {
position: relative;
margin-bottom: 40px;
}
.testimonial-block-two {
position: relative;
}
.testimonial-block-two .inner-box {
position: relative;
}
.testimonial-block-two .inner-box .quote-icon {
position: relative;
color: #fea000;
font-size: 24px;
line-height: 1em;
margin-bottom: 60px;
}
.testimonial-block-two .inner-box .text {
position: relative;
color: #666666;
font-size: 16px;
line-height: 1.9em;
margin-bottom: 45px;
}
.testimonial-block-two .inner-box .lower-box {
position: relative;
}
.testimonial-block-two .inner-box .lower-box .author-box {
position: relative;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner {
position: relative;
padding-left: 90px;
padding-top: 30px;
min-height: 70px;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner .image {
position: absolute;
left: 0px;
top: 0px;
width: 70px;
height: 70px;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner .image:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 100%;
height: 3px;
z-index: 1;
background-color: #fea000;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner .image img {
width: 100%;
display: block;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner h3 {
position: relative;
color: #000000;
font-size: 15px;
font-weight: 500;
line-height: 1.2em;
}
.testimonial-block-two .inner-box .lower-box .author-box .author-inner .designation {
position: relative;
color: #fea000;
font-size: 12px;
}
.testimonial-block-two .inner-box .lower-box .rating {
position: absolute;
right: 0px;
top: 50px;
color: #fea000;
font-size: 18px;
}
.default-section .testimonial-column .owl-dots {
display: none;
}
.default-section .testimonial-column .owl-nav {
position: absolute;
right: 0px;
top: 0px;
}
.default-section .testimonial-column .owl-nav .owl-prev,
.default-section .testimonial-column .owl-nav .owl-next {
position: relative;
width: 30px;
height: 30px;
color: #000000;
text-align: center;
line-height: 26px;
font-size: 18px;
margin-left: 10px;
border: 2px solid #000000;
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;
}
.default-section .testimonial-column .owl-nav .owl-prev:hover,
.default-section .testimonial-column .owl-nav .owl-next:hover {
color: #fea000;
border-color: #fea000;
}
.default-section .testimonial-column .inner-column {
position: relative;
padding-right: 100px;
}
.default-section .accordian-column {
position: relative;
}
.default-section .accordian-column .inner-column {
position: relative;
padding-right: 100px;
}
/***
====================================================================
Accordion Style
====================================================================
***/
.accordion-box {
position: relative;
}
.accordion-box .block {
position: relative;
margin-bottom: 10px;
border: 1px solid #aaaaaa;
background-color: #ffffff;
}
.accordion-box .block.active-block {
background-color: #ffffff;
}
.accordion-box .block .acc-btn {
position: relative;
font-size: 16px;
cursor: pointer;
line-height: 30px;
color: #000000;
font-weight: 700;
padding: 10px 20px 10px 80px;
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 {
color: #000;
background-color: #9E9E9E;
}
.accordion-box .block .icon-outer {
position: absolute;
left: -1px;
top: 0px;
font-size: 18px;
color: #fea000;
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;
top: 0px;
left: 0px;
width: 50px;
height: 50px;
font-size: 16px;
font-weight: 300;
text-align: center;
line-height: 50px;
background-color: #000;
}
.accordion-box .block .icon-outer .icon-plus {
opacity: 1;
}
.accordion-box .block .icon-outer .icon-minus {
opacity: 0;
font-weight: 300;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
opacity: 1;
color: #000000;
background-color: #ffffffba !important
}
.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: 25px 20px 15px 30px;
}
.accordion-box .block .content .text {
margin-bottom: 10px;
line-height: 1.9em;
font-size: 14px;
color: #666666;
}
.accordion-box .block .content p:last-child {
margin-bottom: 0px;
}
.accordion-box.style-two {
margin-top: 40px;
margin-bottom: 60px;
}
.accordion-box.style-two .block {
border: 2px solid #eeeeee;
}
.accordion-box.style-two .block .acc-btn {
background-color: #eeeeee;
font-size: 18px;
font-weight: 400;
padding: 15px 30px 15px 25px;
font-family: 'Montserrat', sans-serif;
}
.accordion-box.style-two .block .icon-outer,
.accordion-box.style-two .block .icon-outer .icon {
right: 0px;
left: auto;
font-size: 20px;
line-height: 60px;
height: 60px;
color: #000000;
background-color: #eeeeee;
}
.accordion-box.style-two .block .acc-btn.active {
color: #fea000;
background-color: #000000;
}
.accordion-box.style-two .block .acc-btn.active .icon-outer .icon-minus {
background: none;
color: #fea000;
}
.accordion-box.style-two .block .content .text {
font-size: 16px;
}
/***
====================================================================
Map Section Style
====================================================================
***/
.map-section-two {
position: relative;
}
.map-section-two .map-canvas {
height: 600px;
}
.map-section-two .map-info-box {
position: absolute;
left: 50%;
bottom: -50px;
z-index: 1;
margin-left: -465px;
}
.map-section-two .map-info-box .info-inner:after {
display: none;
}
/***
====================================================================
Call To Action Section
====================================================================
***/
.call-to-action-section {
position: relative;
padding: 50px 0px;
}
.call-to-action-section .text {
position: relative;
color: #000000;
font-size: 24px;
font-weight: 500;
line-height: 1.4em;
margin-top: 15px;
text-transform: uppercase;
}
.call-to-action-section .btn-column {
position: relative;
text-align: right;
}
.call-to-action-section .btn-column .theme-btn {
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section-three {
position: relative;
padding: 60px 10px 60px 10px;
}
.services-block-three {
position: relative;
margin-bottom: 50px;
}
.services-block-three .inner-box {
position: relative;
text-align: center;
padding: 110px 30px 30px;
border: 2px 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-three .inner-box:hover {
border-color: #000000;
}
.services-block-three .inner-box .icon-box {
position: absolute;
left: 50%;
top: -2px;
color: #fff;
font-size: 22px;
margin-left: -30px;
text-align: center;
padding: 35px 20px 15px;
background-color: #fea000;
}
.services-block-three .inner-box h3 {
position: relative;
color: #000000;
font-size: 20px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 18px;
font-family: 'Arimo', sans-serif;
}
.services-block-three .inner-box h3 a {
position: relative;
color: #000000;
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 h3 a:hover {
color: #fea000;
}
.services-block-three .inner-box .text {
position: relative;
color: #666666;
font-size: 14px;
line-height: 1.9em;
}
.services-block-four {
position: relative;
margin-bottom: 40px;
}
.services-block-four .inner-box {
position: relative;
padding: 20px 15px 20px 90px;
border: 2px 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-four .inner-box .icon-box {
position: absolute;
left: -2px;
top: -2px;
width: 60px;
bottom: -2px;
color: #000000;
font-size: 28px;
text-align: center;
line-height: 100px;
background-color: #fea000;
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: #fea000;
background-color: #000000;
}
.services-block-four .inner-box h3 {
position: relative;
color: #000000;
font-size: 20px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 5px;
font-family: 'Arimo', sans-serif;
}
.services-block-four .inner-box h3 a {
position: relative;
color: #000000;
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 h3 a:hover {
color: #fea000;
}
.services-block-four .inner-box .text {
position: relative;
color: #777777;
font-size: 15px;
line-height: 1.6em;
}
/***
====================================================================
Work Section
====================================================================
***/
.work-section {
position: relative;
padding: 60px 10px 60px 10px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.work-section .sec-title {
margin-bottom: 100px;
}
.process-block {
position: relative;
margin-bottom: 60px;
}
.process-block .inner-box {
position: relative;
text-align: center;
}
.process-block .inner-box .upper-box {
position: relative;
}
.process-block .inner-box .upper-box:after {
position: absolute;
content: '\f178';
left: 100%;
top: 50%;
color: #e4e4e4;
font-size: 45px;
margin-top: -10px;
font-family: 'FontAwesome';
}
.process-block:last-child .inner-box .upper-box:after {
display: none;
}
.process-block .inner-box .upper-box .icon-box .block-number {
position: absolute;
right: -20px;
top: -20px;
width: 40px;
height: 40px;
color: #fff;
font-size: 24px;
text-align: center;
border-radius: 50%;
font-weight: 700;
line-height: 40px;
background-color: #fea000;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: 'Arimo', sans-serif;
}
.process-block .inner-box:hover .upper-box .icon-box .block-number {
background-color: #ffffff;
color: #fff;
}
.process-block .inner-box .upper-box .icon-box {
position: relative;
width: 150px;
height: 150px;
margin: 0 auto;
color: #fea000;
font-size: 60px;
line-height: 154px;
margin-bottom: 32px;
background-color: #ffffff;
border-radius: 25px 0px 25px 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.process-block .inner-box:hover .upper-box .icon-box {
color: #000000;
border-color: #fea000;
background-color: #fea000;
}
.process-block .inner-box .lower-box {
position: relative;
}
.process-block .inner-box .lower-box h3 {
position: relative;
font-size: 19px;
font-weight: 500;
color: #fea000;
margin-bottom: 15px;
text-transform: uppercase;
}
.process-block .inner-box .lower-box h3 a {
position: relative;
color: #fea000;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.process-block.style-two .inner-box:hover .lower-box h3 a {
color: #000000;
}
.process-block .inner-box:hover .lower-box h3 a {
color: #ffffff;
}
.process-block .inner-box .lower-box .text {
position: relative;
color: #ffffff;
font-size: 16px;
line-height: 1.8em;
max-width: 250px;
margin: 0 auto;
}
.process-block.style-two .inner-box .lower-box .text {
color: #777777;
}
/***
====================================================================
News Section Two
====================================================================
***/
.news-section-two {
position: relative;
padding: 80px 0px 80px;
}
.news-block-three {
position: relative;
margin-bottom: 40px;
}
.news-block-three .inner-box {
position: relative;
}
.news-block-three .inner-box .image {
position: relative;
}
.news-block-three .inner-box .image .overlay-link {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #ffffff;
font-size: 32px;
text-align: center;
line-height: 1em;
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;
background-color: rgba(17, 17, 17, 0.70);
}
.news-block-three .inner-box:hover .image .overlay-link {
opacity: 1;
}
.news-block-three .inner-box .image .overlay-link .fa {
position: relative;
top: 50%;
margin-top: -12px;
display: block;
}
.news-block-three .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.news-block-three .inner-box .lower-content {
position: relative;
padding: 25px 25px 20px;
border: 2px solid #dddddd;
border-top: none;
}
.news-block-three .inner-box .lower-content.inner-column {
position: relative;
padding: 0px;
border: 0px;
}
.news-block-three .inner-box .lower-content.inner-column ul {
position: relative;
margin-bottom: 10px;
}
.news-block-three .inner-box .lower-content h3 {
position: relative;
font-size: 20px;
color: #222;
font-weight: 500;
line-height: 1.5em;
margin-bottom: 12px;
}
.news-block-three .inner-box .lower-content h3 a {
position: relative;
color: #000000;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-block-three .inner-box .lower-content h3 a:hover {
color: #fea000;
}
.news-block-three .inner-box .lower-content .text {
position: relative;
color: #666666;
font-size: 15px;
line-height: 1.8em;
margin-bottom: 20px;
}
.news-block-three .inner-box .lower-content .post-meta {
position: relative;
margin-bottom: 0px;
}
.news-block-three .inner-box .lower-content .post-meta li {
position: relative;
color: #666666;
font-size: 13px;
margin-right: 15px;
display: inline-block;
}
.news-block-three .inner-box .lower-content .post-meta li:last-child {
margin-right: 0px;
}
.news-block-three .inner-box .lower-content .post-meta li span {
position: relative;
margin-right: 8px;
color: #fea000;
}
/***
====================================================================
Contact Info Section
====================================================================
***/
.contact-info-section {
position: relative;
padding: 80px 0px 80px;
}
.contact-info-section .info-column {
position: relative;
}
.contact-info-section .info-column .inner-column {
position: relative;
}
.contact-info-section .info-column .logo {
position: relative;
margin-bottom: 25px;
}
.contact-info-section .info-column .text {
position: relative;
color: #777777;
font-size: 15px;
line-height: 1.8em;
margin-bottom: 35px;
}
.contact-info-section .form-column {
position: relative;
}
.contact-info-section .form-column .sec-title {
margin-bottom: 40px;
}
/***
====================================================================
Default Form
====================================================================
***/
.default-form {
position: relative;
}
.default-form .form-group {
position: relative;
margin-bottom: 15px;
}
.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%;
line-height: 28px;
padding: 10px 20px;
height: 50px;
font-size: 14px;
border: 2px 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;
}
.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: #fea000;
}
.default-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 10px 20px;
color: #a5a5a5;
height: 180px;
font-size: 14px;
resize: none;
border: 2px 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;
}
.default-form button {
margin-top: 10px;
font-size: 16px;
font-weight: 700;
padding: 12px 34px;
color: #fff;
border-radius: 50px;
text-transform: capitalize;
}
.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;
}
.footer-style-two {
position: relative;
padding: 22px 0px;
background-color: #000000;
}
.footer-style-two .copyright {
position: relative;
color: #ffffff;
font-size: 15px;
font-weight: 400;
}
.footer-style-two .social-column {
text-align: right;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title {
position: relative;
text-align: center;
padding: 140px 0px 100px;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}
.page-title h1 {
position: relative;
color: #ffffff;
font-size: 36px;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 18px;
text-transform: uppercase;
}
.page-title .page-breadcrumb {
position: relative;
}
.page-title .page-breadcrumb li {
position: relative;
display: inline-block;
margin-right: 10px;
padding-right: 10px;
color: #ffffff;
font-size: 16px;
font-weight: 400;
}
.page-title .page-breadcrumb li:after {
position: absolute;
content: '\f105';
right: -4px;
top: 0px;
color: #dcdbdb;
font-family: 'FontAwesome';
}
.page-title .page-breadcrumb li:last-child::after {
display: none;
}
.page-title .page-breadcrumb li:last-child {
padding-right: 0px;
margin-right: 0px;
}
.page-title .page-breadcrumb li a {
color: #fea000;
font-weight: 500;
}
/***
====================================================================
Fluid Section One
====================================================================
***/
.fluid-section-one {
position: relative;
}
.fluid-section-one .outer-container {
position: relative;
}
.fluid-section-one .title-column {
position: relative;
float: left;
left: 0px;
top: 0px;
width: 50%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.fluid-section-one .title-column:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(255, 178, 0, 0.90);
}
.fluid-section-one .title-column .inner-column {
position: relative;
max-width: 600px;
width: 100%;
float: right;
min-height: 192px;
padding: 66px 50px 66px 15px;
}
.fluid-section-one .title-column .inner-column h2 {
position: relative;
color: #ffffff;
font-size: 24px;
font-weight: 600;
line-height: 1.2em;
text-transform: capitalize;
}
.fluid-section-one .title-column .inner-column .text {
position: relative;
color: #000000;
font-size: 18px;
font-weight: 400;
margin-bottom: 8px;
}
.fluid-section-one .title-column .inner-column .icon-box {
position: absolute;
right: -47px;
top: 50%;
color: #000000;
font-size: 32px;
z-index: 1;
width: 95px;
height: 95px;
margin-top: -47px;
line-height: 90px;
text-align: center;
background-color: #ffffff;
border: 3px solid #cccccc;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.fluid-section-one .title-column .inner-column .icon-box .icon {
position: relative;
display: block;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.fluid-section-one .form-column {
position: relative;
float: right;
width: 50%;
}
.fluid-section-one .form-column .inner-column {
position: relative;
max-width: 600px;
width: 100%;
min-height: 192px;
padding: 71px 15px 71px 150px;
}
.subscribe-form-three .form-group {
position: relative;
display: block;
margin: 0px;
width: 100%;
z-index: 1;
}
.subscribe-form-three .form-group input[type="text"],
.subscribe-form-three .form-group input[type="tel"],
.subscribe-form-three .form-group input[type="email"],
.subscribe-form-three .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 28px;
height: 50px;
font-size: 14px;
color: #ffffff;
background: none;
padding: 10px 50px 10px 0px;
border-bottom: 1px solid #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;
}
.subscribe-form-three .form-group input[type="submit"],
.subscribe-form-three button {
position: absolute;
right: 0px;
top: 0px;
width: 40px;
height: 50px;
line-height: 40px;
color: #fea000;
font-size: 20px;
background: none;
}
/***
====================================================================
Solutions Page Section
====================================================================
***/
.solutions-page-section {
position: relative;
padding: 100px 0px 100px;
}
.solutions-page-section .styled-pagination {
margin-top: 40px;
}
.styled-pagination {
position: relative;
}
.styled-pagination li {
position: relative;
display: inline-block;
margin: 0px 15px 6px 0px;
}
.styled-pagination li a {
position: relative;
display: inline-block;
line-height: 46px;
height: 48px;
font-size: 19px;
min-width: 48px;
color: #666666;
font-weight: 700;
text-align: center;
background: #ffffff;
border: 2px solid #dddddd;
text-transform: capitalize;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.styled-pagination li.prev a {
color: #ffffff;
border-radius: 50px 0px 0px 50px;
background-color: #000000;
border-color: #000000;
}
.styled-pagination li.next a {
border-radius: 0px 50px 50px 0px;
background-color: #000000;
border-color: #000000;
color: #ffffff;
}
.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover {
background-color: #fea000;
border-color: #fea000;
color: #ffffff;
}
.styled-pagination li a:hover,
.styled-pagination li a.active {
color: #666666;
border-color: #dddddd;
background-color: #dddddd;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container {
position: relative;
padding: 60px 10px 60px 10px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
margin-bottom: 40px;
/* padding-right: 25px;*/
}
.sidebar-widget {
position: relative;
margin-bottom: 40px;
}
/*Blog Category*/
.blog-cat {
position: relative;
border: 1px solid #dddddd;
}
.blog-cat li {
position: relative;
border-bottom: 1px solid #dddddd;
}
.blog-cat li:last-child {
border-bottom: none;
}
.blog-cat li:after {
position: absolute;
content: '';
right: -1px;
top: 50%;
opacity: 0;
margin-top: -5px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border-top: 5px solid transparent;
border-right: 8px solid #ffffff;
border-bottom: 6px solid transparent;
}
.blog-cat li.active::after,
.blog-cat li:hover::after {
opacity: 1;
}
.blog-cat li a {
position: relative;
color: #000000;
font-size: 16px;
font-weight: 500;
padding: 22px 15px 22px 50px;
display: block;
background-color: #f6f6f6;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
font-family: 'Montserrat', sans-serif;
}
.blog-cat li a:before {
position: absolute;
content: '\f0da';
left: 28px;
top: 22px;
color: #aaaaaa;
font-size: 18px;
font-family: 'FontAwesome';
}
.blog-cat li a:after {
position: absolute;
content: '';
left: -1px;
top: 0px;
width: 4px;
height: 100%;
opacity: 0;
background-color: #fea000;
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;
}
.blog-cat li.active a::after,
.blog-cat li a:hover::after {
opacity: 1;
}
.blog-cat li a:hover::before,
.blog-cat li.active a::before {
color: #ffffff;
}
.blog-cat li.active a,
.blog-cat li a:hover {
color: #ffffff;
background-color: #000000;
}
/*Brochure Box*/
.brochure-box {
position: relative;
margin-bottom: 30px;
padding: 18px 15px 18px 30px;
border: 2px solid #cccccc;
background-color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.brochure-box .inner {
position: relative;
padding-left: 30px;
}
.brochure-box .overlay-link {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
}
.brochure-box .inner .icon {
position: absolute;
left: 0px;
top: 0px;
color: #000000;
font-size: 16px;
font-weight: 500;
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;
}
.brochure-box .inner .text {
position: relative;
font-size: 18px;
font-weight: 700;
color: #000000;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: 'Montserrat', sans-serif;
}
.brochure-box:hover {
border-color: #ffb902;
background-color: #ffb902;
}
.brochure-box:hover .icon {
color: #ffffff;
}
.brochure-box:hover .text {
color: #ffffff;
}
/*Services Single*/
.services-single {
position: relative;
}
.services-single .inner-box {
position: relative;
}
.services-single .inner-box .image {
position: relative;
}
.services-single .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.services-single .inner-box .image .icon {
position: absolute;
left: 30px;
bottom: 30px;
width: 60px;
height: 57px;
color: #000000;
font-size: 28px;
z-index: 1;
text-align: center;
line-height: 57px;
background-color: #fea000;
}
.services-single .inner-box .lower-content {
position: relative;
padding-top: 28px;
}
.services-single .inner-box .lower-content h2 {
position: relative;
color: #000000;
font-size: 30px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 22px;
}
.services-single .inner-box .lower-content .text {
position: relative;
}
.services-single .inner-box .lower-content .text p {
position: relative;
color: #212529;
font-size: 16px;
line-height: 1.9em;
margin-bottom: 20px;
}
.services-single .inner-box .lower-content .text h3 {
position: relative;
color: #000000;
font-size: 30px;
font-weight: 500;
margin-top: 50px;
margin-bottom: 15px;
}
.services-single .inner-box .lower-content .text .sec-title {
margin-top: 50px;
margin-bottom: 30px;
}
.services-single .inner-box .lower-content .text .sec-title h2 {
margin-bottom: 0px;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.services-single .services-tabs {
position: relative;
}
.services-single .services-tabs .tab-btns {
position: relative;
z-index: 1;
border-bottom: 1px solid #dddddd;
}
.services-single .services-tabs .tab-btns .tab-btn {
position: relative;
top: 1px;
display: block;
float: left;
margin-right: 5px;
font-size: 16px;
background: #ebebeb;
color: #000000;
text-transform: capitalize;
font-weight: 700;
line-height: 24px;
cursor: pointer;
border: 2px solid #dddddd;
padding: 11px 22px 9px;
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-single .services-tabs .tab-btns .tab-btn:hover:after,
.services-single .services-tabs .tab-btns .tab-btn.active-btn:after {
position: absolute;
content: '';
left: 0px;
bottom: -3px;
width: 100%;
height: 5px;
background-color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.services-single .services-tabs .tab-btns .tab-btn:hover,
.services-single .services-tabs .tab-btns .tab-btn.active-btn {
color: #fea000;
border-color: #e2e2e2;
background: #ffffff;
}
.services-single .services-tabs .tabs-content {
position: relative;
padding: 22px 22px 22px;
border: 2px solid #dddddd;
border-top: 0px;
}
.services-single .services-tabs .tabs-content .tab {
position: relative;
display: none;
border-top: 0px;
}
.services-single .services-tabs .tabs-content .tab.active-tab {
display: block;
}
.services-single .services-tabs .tabs-content .tab .content {
position: relative;
}
.services-single .services-tabs .tabs-content .tab .content p {
position: relative;
font-size: 15px;
line-height: 2em;
color: #777777;
margin-bottom: 0px;
}
/***
====================================================================
Project Page Section
====================================================================
***/
.project-page-section {
position: relative;
padding: 100px 0px;
}
.project-page-section .filters {
position: relative;
}
.project-page-section .filters .filter-tabs {
position: relative;
margin-bottom: 60px;
text-align: center;
}
.project-page-section .filters .filter-tabs .filter {
position: relative;
color: #000000;
font-size: 16px;
cursor: pointer;
font-weight: 400;
padding: 0px 20px;
text-transform: uppercase;
display: inline-block;
line-height: 1em;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.project-page-section .filters .filter-tabs .filter:after {
position: absolute;
content: '/';
right: -2px;
top: 0px;
color: #000000;
font-size: 18px;
}
.project-page-section .filters .filter-tabs .filter:last-child::after {
display: none;
}
.project-page-section .filters .filter-tabs .filter.active,
.project-page-section .filters .filter-tabs .filter:hover {
color: #fea000;
}
.default-portfolio-item.mix {
display: none;
}
.project-page-section .styled-pagination {
margin-top: 60px;
}
/***
====================================================================
Project Single Section
====================================================================
***/
.project-single-section {
position: relative;
padding: 100px 0px 100px;
}
.project-single-section .upper-box {
position: relative;
margin-bottom: 20px;
}
.project-single-section .upper-box .image-column {
position: relative;
margin-bottom: 40px;
}
.project-single-section .upper-box .image-column .image {
position: relative;
}
.project-single-section .upper-box .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.project-single-section .upper-box .list-column {
position: relative;
}
.project-single-section .upper-box .list-column .inner-column {
position: relative;
}
.project-single-section .lower-box {
position: relative;
}
.project-single-section .lower-box h2 {
position: relative;
color: #000000;
font-size: 36px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 16px;
font-family: 'Raleway', sans-serif;
}
.project-single-section .lower-box .title {
position: relative;
color: #777777;
font-size: 20px;
font-weight: 600;
margin-bottom: 35px;
}
.project-single-section .lower-box h3 {
position: relative;
color: #000000;
font-size: 24px;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 12px;
}
.project-single-section .lower-box .text {
position: relative;
color: #777777;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 20px;
}
.project-list {
position: relative;
}
.project-list li {
position: relative;
color: #777777;
font-size: 14px;
margin-bottom: 30px;
border: 1px solid #bbbbbb;
padding: 13px 12px 13px 70px;
}
.project-list li .icon {
position: absolute;
left: -1px;
top: -1px;
width: 50px;
height: 51px;
color: #000000;
bottom: -1px;
font-size: 20px;
line-height: 50px;
text-align: center;
background-color: #fea000;
}
.project-list li strong {
color: #000000;
font-weight: 600;
margin-right: 15px;
font-family: 'Montserrat', sans-serif;
}
.project-list li.social-icons {
border: 0px;
padding: 0px;
margin-top: 32px;
}
.project-list li.social-icons .follow {
position: relative;
font-size: 20px;
font-weight: 700;
color: #000000;
font-family: 'Montserrat', sans-serif;
}
.project-list li.social-icons a {
color: #777777;
font-size: 20px;
margin-left: 15px;
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-list li.social-icons a:hover {
color: #fea000;
}
/***
====================================================================
Blog Page Section
====================================================================
***/
.blog-page-section {
position: relative;
padding: 100px 0px 100px;
}
.blog-page-section .styled-pagination {
margin-top: 40px;
}
/*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: 36px;
padding: 10px 50px 10px 20px;
border: 2px solid #cccccc;
background: none;
display: block;
font-size: 16px;
width: 100%;
height: 60px;
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: 60px;
width: 60px;
display: block;
font-size: 20px;
color: #000000;
line-height: 100%;
font-weight: normal;
background: #fea000;
}
.sidebar-title {
position: relative;
margin-bottom: 45px;
}
.sidebar-title h2 {
position: relative;
color: #000000;
font-size: 24px;
font-weight: 500;
line-height: 1.2em;
padding-bottom: 12px;
font-family: 'Montserrat', sans-serif;
}
.sidebar-title .separater {
position: relative;
width: 100px;
height: 2px;
background-color: #000000;
}
.sidebar-title .separater:after {
position: absolute;
content: '';
right: 0px;
top: -4px;
width: 10px;
height: 10px;
background-color: #fea000;
}
.cat-list {
position: relative;
}
.cat-list li {
position: relative;
margin-bottom: 2px;
}
.cat-list li a {
position: relative;
padding: 18px 28px;
display: block;
font-size: 16px;
font-weight: 700;
color: #777777;
padding-left: 50px;
background-color: #eeeeee;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: 'Raleway', sans-serif;
}
.cat-list li a:before {
position: absolute;
content: '\f0da';
left: 30px;
top: 17px;
font-family: 'FontAwesome';
}
.cat-list li a span {
float: right;
font-family: 'Arimo', sans-serif;
}
.cat-list li.active a,
.cat-list li a:hover {
color: #fea000;
/* background-color:#000000;*/
}
/*Post Widget*/
.sidebar .popular-posts .post {
position: relative;
font-size: 14px;
color: #666666;
padding: 0px 0px;
padding-left: 100px;
margin-bottom: 20px;
}
.sidebar .popular-posts .post:last-child {
margin-bottom: 0px;
}
.sidebar .popular-posts .post .post-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 80px;
}
.sidebar .popular-posts .post .post-thumb .overlay-box {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #fea000;
font-size: 18px;
opacity: 0;
text-align: center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(51, 51, 51, 0.70);
}
.sidebar .popular-posts .post:hover .post-thumb .overlay-box {
opacity: 1;
}
.sidebar .popular-posts .post .post-thumb .overlay-box .icon {
position: relative;
top: 50%;
margin-top: -10px;
display: block;
}
.sidebar .popular-posts .post .post-thumb img {
display: block;
width: 100%;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.sidebar .popular-posts .post .text {
position: relative;
top: -4px;
font-size: 16px;
margin: 0px 0px 0px;
font-weight: 700;
color: #000000;
line-height: 1.4em;
text-transform: capitalize;
}
.sidebar .popular-posts .post .text a {
color: #000000;
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:hover {
color: #fea000;
}
.sidebar .popular-posts .post-info {
position: relative;
font-size: 14px;
color: #777777;
font-weight: 400;
padding-left: 24px;
}
.sidebar .popular-posts .post-info:before {
position: absolute;
content: '\f06e';
left: 0px;
top: 0px;
font-size: 14px;
font-family: 'FontAwesome';
}
/*Popular Tags*/
.sidebar .popular-tags a {
position: relative;
display: inline-block;
line-height: 24px;
padding: 13px 18px 13px;
margin: 0px 3px 7px 0px;
color: #777777;
text-align: center;
font-size: 16px;
background: #f5f5f5;
font-weight: 400;
text-transform: capitalize;
transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-moz-transition: all 600ms ease;
font-family: 'Montserrat', sans-serif;
}
.sidebar .popular-tags a:hover {
background-color: #000000;
color: #fea000;
border-radius: 50px;
}
.blog-classic .news-block-three {
margin-bottom: 50px;
}
.blog-classic .news-block-three .inner-box .lower-content {
padding: 35px 25px 30px;
}
.blog-classic .news-block-three .inner-box .lower-content h3 {
font-size: 24px;
}
.blog-classic .styled-pagination {
margin-top: 80px;
}
.news-single {
position: relative;
}
.news-single .inner-box {
position: relative;
}
.news-single .inner-box .image {
position: relative;
}
.news-single .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.news-single .inner-box .lower-content {
position: relative;
padding: 35px 25px 20px;
border: 2px solid #dddddd;
border-top: none;
}
.news-single .inner-box .lower-content .post-meta {
position: relative;
margin-bottom: 15px;
}
.news-single .inner-box .lower-content .post-meta li {
position: relative;
color: #666666;
font-size: 13px;
margin-right: 15px;
display: inline-block;
}
.news-single .inner-box .lower-content .post-meta li:last-child {
margin-right: 0px;
}
.news-single .inner-box .lower-content .post-meta li span {
position: relative;
margin-right: 8px;
color: #fea000;
}
.news-single .inner-box .lower-content h3 {
position: relative;
font-size: 24px;
font-weight: 500;
line-height: 1.5em;
margin-bottom: 15px;
color: #000000;
}
.news-single .inner-box .lower-content .text {
position: relative;
}
.news-single .inner-box .lower-content .text p {
position: relative;
color: #777777;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 25px;
}
.news-single .inner-box .lower-content .text blockquote {
position: relative;
border: none;
color: #000000;
font-size: 16px;
padding: 0px;
margin-left: 35px;
line-height: 1.9em;
font-style: italic;
margin-bottom: 25px;
}
.news-single .inner-box .lower-content .post-share-options {
position: relative;
margin-top: 40px;
padding: 25px 0px 0px;
border-top: 2px solid #dddddd;
}
.news-single .inner-box .lower-content .post-share-options .tags {
position: relative;
margin-top: 10px;
}
.news-single .inner-box .lower-content .post-share-options .tag {
position: relative;
color: #000000;
font-size: 16px;
font-weight: 700;
margin-right: 2px;
font-family: 'Montserrat', sans-serif;
}
.news-single .inner-box .lower-content .post-share-options .tags a {
position: relative;
color: #777777;
font-size: 16px;
font-weight: 700;
margin-right: 2px;
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;
}
.news-single .inner-box .lower-content .post-share-options .tags a:hover {
color: #fea000;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area {
position: relative;
margin-bottom: 20px;
margin-top: 70px;
}
.sidebar-page-container .sec-title {
margin-bottom: 60px;
}
.sidebar-page-container .sec-title h2 {
font-size: 30px;
}
.sidebar-page-container .comments-area .comment-box {
position: relative;
margin-bottom: 50px;
padding-bottom: 45px;
-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-bottom: 1px solid #dddddd;
}
.sidebar-page-container .comments-area .comment-box.reply-comment {
margin-left: 100px;
}
.sidebar-page-container .comments-area .comment-box:hover {
border-color: #fea000;
}
.sidebar-page-container .comments-area .comment-box:last-child {
border: 0px;
padding-bottom: 0px;
}
.sidebar-page-container .comments-area .comment {
position: relative;
font-size: 14px;
padding: 0px 0px 0px 130px;
}
.sidebar-page-container .comments-area .comment .comment-inner {
position: relative;
}
.sidebar-page-container .comments-area .comment .comment-reply {
position: relative;
color: #000000;
font-size: 12px;
font-weight: 700;
text-align: center;
display: inline-block;
padding: 4px 14px;
margin-top: 18px;
border-radius: 50px;
text-transform: uppercase;
background-color: #fea000;
-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 .comment-reply .icon {
font-size: 13px;
margin-right: 2px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 90px;
overflow: hidden;
margin-bottom: 20px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img {
display: block;
}
.sidebar-page-container .comments-area .comment-info {
color: #000000;
line-height: 24px;
font-size: 16px;
font-weight: 700;
margin-bottom: 12px;
}
.sidebar-page-container .comments-area .comment-info strong {
color: #000000;
font-size: 18px;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
}
.sidebar-page-container .comments-area .comment-info span {
font-weight: 400;
font-size: 16px;
color: #777777;
margin-left: 22px;
}
.sidebar-page-container .comments-area .comment .comment-inner .rating {
position: relative;
font-size: 18px;
color: #fea000;
}
.sidebar-page-container .comments-area .comment-box .text {
color: #777777;
font-size: 16px;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1.6em;
}
.sidebar-page-container .comments-area .comment-info .comment-time {
position: relative;
font-size: 14px;
color: #fea000;
margin-left: 38px;
font-weight: 400;
text-transform: uppercase;
display: inline-block;
}
.sidebar-page-container .comments-area .comment-box .theme-btn {
padding: 5px 30px;
font-size: 12px;
border: 1px solid #fbca00;
text-transform: uppercase;
letter-spacing: 1px;
}
.sidebar-page-container .comments-area.style-two {
margin-top: 20px;
}
.sidebar-page-container .comments-area.style-two .comment-box {
padding: 15px;
margin-bottom: 20px;
border: 1px solid #dddddd;
}
.sidebar-page-container .comments-area.style-two .comment-box .comment {
padding-left: 95px;
}
.sidebar-page-container .comments-area.style-two .comment-box .text {
font-size: 14px;
margin-top: 2px;
}
.sidebar-page-container .comments-area.style-two .comment-info {
margin-bottom: 3px;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form {
position: relative;
}
.comment-form .row {
margin: 0px -10px;
}
.comment-form .form-group {
position: relative;
margin-bottom: 20px;
padding: 0px 10px;
}
.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 20px;
height: 50px;
font-size: 14px;
border: 1px solid #cccccc;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.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: #fea000;
}
.comment-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 10px 20px;
color: #a5a5a5;
height: 170px;
font-size: 14px;
resize: none;
border: 1px solid #cccccc;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form button {
margin-top: 12px;
font-size: 16px;
font-weight: 600;
border-radius: 50px;
padding: 16px 32px;
text-transform: capitalize;
font-family: 'Montserrat', sans-serif;
}
/***
====================================================================
Login Section
====================================================================
***/
.login-section {
position: relative;
padding: 120px 0px 90px;
}
.login-form.register-form {
padding-bottom: 47px;
}
.login-section h2 {
position: relative;
color: #000000;
font-size: 36px;
font-weight: 600;
line-height: 1.2em;
margin-bottom: 25px;
}
.login-form {
position: relative;
margin-bottom: 40px;
padding: 30px 40px 25px;
background-color: #f9f9f9;
}
.login-form .form-group {
position: relative;
margin-bottom: 16px;
}
.login-form .form-group.check-box {
margin-bottom: 0px;
}
.login-form .form-group:nth-child(2) {
margin-bottom: 25px;
}
.login-section.style-two .login-form .form-group:nth-child(2) {
margin-bottom: 15px;
}
.login-form .form-group label {
position: relative;
top: -1px;
color: #666666;
font-weight: 400;
font-size: 14px;
margin-bottom: 12px;
}
.login-form .form-group.no-margin {
margin-bottom: 0px;
}
.login-form .form-group input[type="text"],
.login-form .form-group input[type="password"],
.login-form .form-group input[type="tel"],
.login-form .form-group input[type="email"] {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 20px;
height: 50px;
font-size: 14px;
border: 1px solid #e0e0e0;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus,
.login-form .form-group input[type="tel"]:focus,
.login-form .form-group input[type="email"]:focus,
.login-form .form-group select:focus,
.login-form .form-group textarea:focus {
border-color: #fea000;
}
.login-form button {
top: 20px;
margin-top: 0px;
font-size: 16px;
font-weight: 700;
padding: 11px 36px;
color: #ffffff;
text-transform: uppercase;
}
.login-form .psw {
position: relative;
color: #666666;
font-size: 16px;
}
/***
====================================================================
Contact Section
====================================================================
***/
.contact-section {
position: relative;
padding: 60px 10px 60px 10px;
}
.contact-section .form-column {
margin-bottom: 30px;
}
.contact-section .info-column .social-icon-two li {
color: #000000;
}
.contact-section .info-column .social-icon-two li a {
color: #666666;
}
/***
====================================================================
Error Section
====================================================================
***/
.error-section {
position: relative;
text-align: center;
padding: 170px 0px 170px;
}
.error-section .error-title {
position: relative;
color: #000000;
font-size: 400px;
font-weight: 700;
line-height: 1em;
font-family: 'Arimo', sans-serif;
}
.error-section h4 {
color: #000000;
font-size: 60px;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
text-transform: capitalize;
}
.error-section .text {
color: #666666;
font-size: 30px;
margin-top: 18px;
margin-bottom: 45px;
}
.error-section .theme-btn {
border-radius: 5px;
font-size: 18px;
font-weight: 700;
padding: 16px 35px 15px;
text-transform: uppercase;
}
/*Comming Soon*/
.comming-soon {
position: fixed;
width: 100%;
height: 100%;
display: block;
overflow-y: auto;
background-size: cover;
}
.comming-soon .content {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
text-align: center;
vertical-align: middle;
}
.comming-soon .content .content-inner {
position: relative;
padding: 150px 15px;
display: table-cell;
vertical-align: middle;
}
.comming-soon .content .content-inner:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 92px;
background: url(../images/background/layer-1-bg.jpg) repeat-x;
}
.comming-soon .content .content-inner:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 100%;
height: 92px;
background: url(../images/background/layer-1-bg.jpg) repeat-x;
}
.comming-soon .content .content-inner .logo {
position: relative;
padding-bottom: 30px;
margin-bottom: 45px;
}
.comming-soon .content .content-inner .logo:after {
position: absolute;
content: '';
left: 50%;
bottom: 0px;
width: 100px;
height: 3px;
margin-left: -50px;
background-color: #fea000;
}
.comming-soon .content .content-inner h2 {
position: relative;
color: #ffffff;
font-size: 60px;
font-weight: 600;
line-height: 1.2em;
margin-bottom: 80px;
text-transform: uppercase;
}
.comming-soon .content .content-inner .text {
position: relative;
color: #ffffff;
font-size: 24px;
font-weight: 400;
line-height: 1.6em;
margin-top: 0px;
margin-bottom: 60px;
font-family: 'Arimo', sans-serif;
}
/***
====================================================================
Countdown style
====================================================================
***/
.time-counter {
position: relative;
}
.time-counter .time-countdown {
position: relative;
}
.time-counter .time-countdown .counter-column {
position: relative;
margin: 0px 15px 0px;
width: 170px;
height: 170px;
text-align: center;
display: inline-block;
color: #fea000;
font-size: 20px;
line-height: 30px;
text-transform: uppercase;
border-radius: 50%;
font-weight: 700;
margin-bottom: 30px;
font-family: 'Arimo', sans-serif;
}
.time-counter .time-countdown .counter-column .count {
position: relative;
display: block;
font-size: 100px;
line-height: 40px;
padding: 40px 0px;
color: #ffffff;
letter-spacing: 1px;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
}
.comming-soon .emailed-form .form-group {
position: relative;
display: block;
max-width: 770px;
margin: 0 auto;
width: 100%;
margin-bottom: 20px;
}
.comming-soon .emailed-form .form-group input[type="text"],
.comming-soon .emailed-form .form-group input[type="tel"],
.comming-soon .emailed-form .form-group input[type="email"],
.comming-soon .emailed-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 20px;
height: 80px;
font-size: 17px;
color: #797979;
overflow: hidden;
padding: 10px 50px 10px 50px;
background: #ffffff;
border-radius: 50px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comming-soon .emailed-form .form-group input[type="submit"],
.comming-soon .emailed-form button {
position: absolute;
right: 0px;
top: 0px;
width: 195px;
height: 80px;
line-height: 40px;
color: #ffffff;
font-size: 18px;
font-weight: 700;
text-align: center;
background: #fea000;
text-transform: uppercase;
border-radius: 0px 50px 50px 0px;
font-family: 'Arimo', sans-serif;
}
/*Sidebar Range slider */
.range-slider-one {
position: relative;
min-height: 48px;
padding-top: 10px;
overflow: hidden;
margin-top: -20px;
}
.range-slider-one .title {
position: relative;
float: left;
color: #000000;
font-size: 16px;
font-weight: 400;
margin-top: 8px;
}
.range-slider-one .title:before {
position: absolute;
content: '$';
right: -14px;
top: 0px;
color: #848484;
font-size: 16px;
font-weight: 300;
}
.range-slider-one .input {
float: right;
left: 8px;
max-width: 75px;
padding-left: 8px;
margin-top: 8px;
position: relative;
}
.range-slider-one .input input {
background: none;
color: #777777;
font-size: 16px;
font-weight: 300;
width: auto;
text-align: left;
}
.range-slider-one .ui-widget.ui-widget-content {
height: 3px;
border: none;
margin-bottom: 35px;
background: #eeeeee;
}
.range-slider-one .ui-slider .ui-slider-range {
top: 0px;
height: 3px;
background: #000000;
}
.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default {
top: -3px;
width: 10px;
height: 10px;
background: #fbb200;
cursor: pointer;
border-radius: 0px;
border-color: #fbb200;
}
.range-slider-one .theme-btn {
padding: 8px 25px;
border-radius: 0px;
font-size: 16px;
font-weight: 600;
color: #000000;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
}
.range-slider-one .theme-btn:hover {
color: #fbb200;
}
/*Sidebar Realated Posts */
.sidebar .related-posts .post {
position: relative;
padding: 0px 0px;
padding-left: 90px;
margin-bottom: 20px;
}
.sidebar .related-posts .post:last-child {
margin-bottom: 0px;
border: 0px;
min-height: inherit;
}
.sidebar .related-posts .post .post-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 70px;
}
.sidebar .related-posts .post .post-thumb img {
display: block;
width: 100%;
}
.sidebar .related-posts .post h4 {
top: -2px;
font-size: 20px;
font-weight: 700;
color: #000000;
line-height: 1.2em;
text-transform: capitalize;
font-family: 'Raleway', sans-serif;
}
.sidebar .related-posts .post h4 a {
color: #000000;
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 .related-posts .post a,
.sidebar .related-posts .post a:hover {
color: #fbb200;
}
.sidebar .related-posts .post .price {
font-size: 18px;
letter-spacing: 1px;
font-weight: 400;
color: #777777;
}
.sidebar .related-posts .post .rating {
margin-bottom: 1px;
line-height: 1em;
}
.sidebar .related-posts .post .rating .fa {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 26px;
color: #fea000;
}
.our-shop .styled-pagination {
margin-top: 40px;
}
/*Shop Item*/
.shop-item {
position: relative;
margin-bottom: 60px;
}
.shop-item .inner-box {
position: relative;
background: #9E9E9E;
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;
}
.shop-item .inner-box .image .overlay-box {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
text-align: center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.shop-item .inner-box .image .overlay-box .cart-option {
position: relative;
top: 50%;
margin-top: -25px;
}
.shop-item .inner-box .image .overlay-box .cart-option li {
position: relative;
margin: 0px 3px;
color: #fea000;
display: inline-block;
}
.shop-item .inner-box .image .overlay-box .cart-option li a {
position: relative;
width: 64px;
height: 64px;
color: #ffffff;
font-size: 18px;
display: block;
line-height: 64px;
text-align: center;
border-radius: 50%;
background-color: #fea000;
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 .fa{
display:block;
font-size:20px;
margin-bottom:8px;
}*/
.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;
padding: 15px;
text-align: center;
}
.shop-item .inner-box .lower-content h3 {
position: relative;
font-size: 16px;
font-weight: 700;
margin-bottom: 0px;
text-transform: uppercase;
}
.shop-item .inner-box .lower-content h3 a {
color: #000000;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
font-size: 14px;
-o-transition: all 0.3s ease;
}
.shop-item .inner-box .lower-content h3 a:hover {
color: #fea000;
}
.shop-item .inner-box .lower-content .add-cart {
position: relative;
color: #666666;
font-weight: 700;
font-size: 18px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: 'Arimo', sans-serif;
}
.shop-item .inner-box .lower-content .add-cart .fa {
margin-right: 5px;
}
.shop-item .inner-box .lower-content .add-cart:hover {
color: #fea000;
}
.shop-item .inner-box .lower-content .price {
position: relative;
color: #fea000;
font-size: 16px;
font-weight: 700;
margin-bottom: 15px;
}
.shop-item .inner-box .lower-content .price .discount {
position: relative;
color: #777777;
margin-right: 8px;
text-decoration: line-through;
}
.shop-item .inner-box .lower-content .rating .fa {
position: relative;
display: inline-block;
font-size: 16px;
color: #fea000;
}
.product-details .basic-details {
position: relative;
margin-bottom: 50px;
}
.product-details .image-column,
.product-details .info-column {
margin-bottom: 20px;
}
.product-details .image-column .image-box img {
position: relative;
display: block;
width: 100%;
background-color: #f7f7f7;
}
.product-details .basic-details .details-header {
position: relative;
margin-bottom: 16px;
}
.product-details .basic-details .details-header h4 {
font-size: 24px;
font-weight: 700;
margin: 5px 0px 20px;
line-height: 1.4em;
color: #000000;
}
.product-details .basic-details .details-header h4 a {
color: #000000;
}
.product-details .basic-details .details-header .rating {
font-size: 18px;
color: #fea000;
margin-bottom: 15px;
display: inline-block;
}
.product-details .basic-details .details-header .reviews {
position: relative;
display: inline-block;
color: #777777;
font-weight: 400;
margin-left: 15px;
}
.product-details .basic-details .details-header .rating .fa {
display: inline-block;
}
.product-details .basic-details .details-header .rating .txt {
font-size: 14px;
padding-left: 10px;
color: #777777;
}
.product-details .basic-details .details-header .item-price {
font-size: 22px;
font-weight: 700;
color: #fea000;
line-height: 24px;
}
.product-details .basic-details .prod-info {
margin-bottom: 15px;
line-height: 1.6em;
font-size: 13px;
}
.product-details .basic-details .prod-info strong {
font-weight: 700;
color: #111111;
}
.product-details .basic-details .text {
margin-bottom: 25px;
color: #777777;
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
}
.product-details .basic-details .item-quantity .field-label {
float: left;
font-weight: 700;
font-size: 14px;
line-height: 32px;
display: inline-block;
padding-right: 20px;
}
.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner {
line-height: 24px;
padding: 10px 15px !important;
height: 46px !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: 11px 10px;
background: #f4f5f6;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i {
top: 6px;
}
.product-details .basic-details .item-quantity {
position: relative;
float: left;
width: 85px;
margin-bottom: 25px;
margin-right: 25px;
}
.product-details .basic-details .item-quantity .field-label {
float: left;
font-weight: 700;
font-size: 14px;
line-height: 32px;
display: inline-block;
padding-right: 20px;
}
.product-details .basic-details .quantity-spinner,
.cart-table input.quantity-spinner {
font-size: 18px;
line-height: 24px;
padding: 10px 15px !important;
height: 50px !important;
box-shadow: none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn {
padding: 12px 10px;
background: #f4f5f6;
border-radius: 0px;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-table .bootstrap-touchspin .input-group-btn-vertical i {
top: 8px;
}
.product-details .basic-details .add-to-cart {
padding: 11px 30px;
font-weight: 600;
font-size: 16px;
border-radius: 50px;
text-transform: uppercase;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.shop-single .product-details .prod-tabs {
position: relative;
}
.shop-single .product-details .prod-tabs .tab-btns {
position: relative;
z-index: 1;
margin-bottom: 50px;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn {
position: relative;
top: 1px;
display: block;
float: left;
margin-right: 10px;
font-size: 16px;
background: #eeeeee;
color: #000000;
text-transform: uppercase;
font-weight: 600;
line-height: 24px;
cursor: pointer;
border-radius: 50px;
padding: 18px 43px 18px;
transition: all 500ms ease;
font-family: 'Montserrat', sans-serif;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn {
color: #000000;
background: #fea000;
}
.shop-single .product-details .prod-tabs .tabs-content {
position: relative;
}
.shop-single .product-details .prod-tabs .tabs-content .tab {
position: relative;
display: none;
border-top: 0px;
}
.shop-single .product-details .prod-tabs .tabs-content .tab.active-tab {
display: block;
}
.shop-single .product-details .prod-tabs .tabs-content .tab .content {
position: relative;
}
.shop-single .product-details .prod-tabs .tabs-content .tab .content p {
position: relative;
font-size: 16px;
line-height: 1.7em;
margin-bottom: 25px;
color: #797979;
}
.shop-single .product-details .prod-tabs .tabs-content .tab .content p:last-child {
margin-bottom: 0px;
}
.prod-tabs .tabs-content .tab .title {
position: relative;
color: #000000;
font-size: 24px;
font-weight: 600;
margin-bottom: 30px;
font-family: 'Montserrat', sans-serif;
}
/*Comment Form*/
.shop-comment-form {
position: relative;
margin-top: 50px;
}
.shop-comment-form h2 {
position: relative;
color: #000000;
font-size: 24px;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
}
.shop-comment-form .mail-text {
position: relative;
color: #777777;
font-size: 16px;
margin-bottom: 15px;
}
.shop-comment-form .group-title {
margin-bottom: 20px;
}
.shop-comment-form .rating-box {
position: relative;
margin-bottom: 20px;
}
.shop-comment-form .rating-box .text {
position: relative;
font-size: 16px;
color: #000000;
margin-bottom: 15px;
}
.shop-comment-form .rating-box .rating {
position: relative;
margin-right: 10px;
display: inline-block;
}
.shop-comment-form .rating-box .rating .fa {
position: relative;
margin-right: 5px;
display: inline-block;
}
.shop-comment-form .rating-box .rating a {
position: relative;
color: #cccccc;
font-size: 14px;
display: inline-block;
}
.shop-comment-form .rating-box .rating a:hover {
color: #fea000;
}
.shop-comment-form .form-group {
position: relative;
margin-bottom: 20px;
}
.shop-comment-form .form-group label {
position: relative;
color: #000000;
font-size: 16px;
font-weight: 400;
}
.shop-comment-form .form-group:last-child {
margin-bottom: 0px;
}
.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 15px;
border: 1px solid #dddddd;
height: 50px;
color: #848484;
font-weight: 300;
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;
}
.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus {
border-color: #fea000;
}
.shop-comment-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 26px;
padding: 10px 15px;
color: #848484;
border: 1px solid #dddddd;
height: 120px;
font-weight: 300;
background: #ffffff;
resize: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.shop-comment-form button {
position: relative;
font-weight: 600;
font-size: 16px;
padding: 10px 32px;
margin-top: 10px;
text-transform: uppercase;
}
.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus {
border-color: #f06529;
}
/***
====================================================================
Cart Section style
====================================================================
***/
.cart-section {
position: relative;
padding: 100px 0px 60px;
}
.cart-outer {
position: relative;
}
.checkout-page .cart-outer {
margin-bottom: 40px;
}
.cart-outer .table-outer {
position: relative;
width: 100%;
overflow-x: auto;
}
.cart-outer .cart-table {
width: 100%;
min-width: 900px;
}
.cart-table .cart-header {
position: relative;
width: 100%;
text-transform: uppercase;
font-size: 13px;
background: #000000;
color: #ffffff;
border: 1px solid #ebebeb;
}
.cart-table thead tr th {
line-height: 24px;
padding: 15px 25px;
font-weight: 700;
font-size: 16px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
border-right: 1px solid #ffffff;
font-family: 'Arimo', sans-serif;
}
.cart-table thead tr th .fa {
font-size: 18px;
}
.cart-table tbody tr td {
line-height: 24px;
padding: 30px 25px 30px;
}
.cart-table tbody tr .qty {
width: 200px;
padding-right: 80px;
}
.cart-table tbody tr .qty .quantity-spinner {
background: #ffffff;
}
.cart-table tbody tr .prod-column .column-box {
position: relative;
min-height: 110px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb {
position: relative;
width: 140px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img {
display: block;
max-width: 100%;
}
.cart-table tbody tr .prod-column .column-box h4 {
font-size: 14px;
color: #444444;
font-weight: 400;
line-height: 90px;
}
.cart-table tbody tr .prod-column .author {
font-size: 13px;
color: #000000;
margin-bottom: 0px;
}
.cart-table tbody tr .sub-total {
font-weight: 400;
color: #000000;
font-size: 16px;
}
.cart-table tbody tr .sub-total.price {}
.cart-table tbody tr .remove-btn {
position: relative;
font-size: 14px;
color: #fbb908;
line-height: 30px;
font-weight: 500;
-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;
font-size: 18px;
line-height: 30px;
}
.cart-table tbody tr .remove-btn:hover {
color: #444444;
}
.cart-table tbody tr {
border-bottom: 1px solid #cccccc;
}
.cart-table tbody tr td {
vertical-align: middle;
color: #797979;
font-size: 17px;
text-align: center;
border-left: 1px solid #cccccc;
}
.cart-table tbody tr td.prod-column {
padding-left: 48px;
}
.cart-table tbody tr td.total {
font-size: 18px;
color: #000000;
}
.cart-table tbody tr td:last-child {
border-right: 1px solid #ebebeb;
text-align: center;
}
.cart-table tbody tr td .prod-title {
position: relative;
font-size: 16px;
color: #000000;
font-weight: 400;
font-family: 'Arimo', sans-serif;
}
.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;
}
.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: #223555;
border-radius: 50%;
}
.cart-section .cart-options {
position: relative;
padding: 40px 0px 10px;
margin-bottom: 30px;
border-top: 0px;
}
.cart-section .apply-coupon {
position: relative;
}
.cart-section .cart-options .cart-btn {
padding: 13px 36px;
line-height: 24px;
font-size: 15px;
color: #ffffff;
font-weight: 700;
border-radius: 50px;
text-transform: capitalize;
background-color: #fea000;
font-family: 'Montserrat', sans-serif;
-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 .cart-options .cart-btn:hover {
background-color: #fbb908;
}
.cart-section .apply-coupon .form-group {
position: relative;
float: left;
margin-right: 30px;
}
.cart-section .apply-coupon .form-group input[type="text"] {
display: block;
line-height: 28px;
padding: 10px 25px;
border: 1px solid #cccccc;
width: 225px;
height: 50px;
background: #ffffff;
border-radius: 50px;
}
.cart-section .coupon-btn {
padding: 13px 29px;
line-height: 24px;
font-size: 16px;
color: #ffffff;
font-weight: 700;
border-radius: 50px;
text-transform: capitalize;
background-color: #fea000;
font-family: 'Montserrat', sans-serif;
-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 .coupon-btn:hover {
background-color: #fbb908;
}
.cart-section .cart-options .btn-style-one {
top: -7px;
padding-left: 32px;
padding-right: 32px;
}
.cart-section .totals-table {
position: relative;
margin-bottom: 20px;
border: 1px solid #cccccc;
}
.cart-section .totals-table li {
line-height: 24px;
padding: 18px 30px;
border-bottom: 1px solid #cccccc;
}
.cart-section .totals-table li:first-child {
background-color: #dddddd;
}
.cart-section .totals-table li h3 {
position: relative;
font-weight: 700;
color: #000000;
font-size: 18px;
font-family: 'Arimo', sans-serif;
}
.cart-section .totals-table li:last-child {
border-bottom: none;
padding: 40px 20px 50px;
}
.cart-section .totals-table .col {
position: relative;
display: block;
float: left;
line-height: 24px;
width: 50%;
color: #000000;
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
font-family: 'Arimo', sans-serif;
}
.cart-section .totals-table li .col:last-child {
text-align: right;
}
.cart-section .totals-table .total .price {
color: #fea000;
font-weight: 400;
}
.cart-section .totals-table .proceed-btn {
padding: 13px 33px;
line-height: 24px;
font-size: 15px;
color: #ffffff;
font-weight: 700;
border-radius: 50px;
text-transform: capitalize;
background-color: #fea000;
font-family: 'Montserrat', sans-serif;
-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 .totals-table .proceed-btn:hover {
background-color: #fbb908;
}
.shipping-block {
position: relative;
margin-bottom: 60px;
}
.shipping-block .inner-box {
position: relative;
padding: 20px 25px 10px;
border: 1px solid #cccccc;
}
.shipping-block .inner-box h3 {
position: relative;
color: #000000;
font-size: 24px;
font-weight: 700;
margin-bottom: 4px;
text-transform: capitalize;
}
.shipping-block .inner-box h4 {
position: relative;
color: #000000;
font-size: 14px;
font-weight: 400;
margin-bottom: 22px;
text-transform: capitalize;
}
.shipping-form {
position: relative;
}
.shipping-form .row {
position: relative;
margin: 0px -10px;
}
.shipping-form .form-group {
position: relative;
margin-bottom: 20px;
padding: 0px 10px;
}
.shipping-form .form-group input[type="text"],
.shipping-form .form-group input[type="password"],
.shipping-form .form-group input[type="tel"],
.shipping-form .form-group input[type="email"] {
position: relative;
display: block;
width: 100%;
line-height: 23px;
padding: 10px 20px;
height: 45px;
font-size: 14px;
border: 1px solid #cccccc;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.shipping-form .form-group input[type="text"]:focus,
.shipping-form .form-group input[type="password"]:focus,
.shipping-form .form-group input[type="tel"]:focus,
.shipping-form .form-group input[type="email"]:focus,
.shipping-form .form-group select:focus,
.shipping-form .form-group textarea:focus {
border-color: #fea000;
}
.shipping-form button {
padding: 13px 33px;
line-height: 24px;
font-size: 15px;
color: #ffffff;
font-weight: 700;
margin-top: 6px;
border-radius: 50px;
text-transform: capitalize;
background-color: #fea000;
font-family: 'Montserrat', sans-serif;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.shipping-form button:hover {
background-color: #fbb908;
}
/*Custom Select*/
.form-group .ui-selectmenu-button.ui-button {
width: 100%;
font-size: 15px;
font-style: normal;
height: 45px;
padding: 10px 20px;
line-height: 26px;
color: #fff;
border-radius: 0px;
border: 1px solid #cccccc;
background: #ffffff;
cursor: pointer;
}
.form-group .ui-button .ui-icon {
background: none;
position: relative;
top: 0px;
text-indent: 0px;
color: #000000;
}
.form-group .ui-button .ui-icon:before {
font-family: 'FontAwesome';
content: "\f107";
position: absolute;
right: 0px;
top: 2px !important;
top: 13px;
width: 10px;
height: 45px;
display: block;
color: #262626;
line-height: 23px;
font-size: 15px;
font-weight: normal;
text-align: center;
z-index: 5;
}
.ui-widget.ui-widget-content {
border: 1px solid #e0e0e0;
}
.ui-menu .ui-menu-item {
font-size: 14px;
border-bottom: 1px solid #e0e0e0;
}
.ui-menu .ui-menu-item:last-child {
border: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
background-color: #fbb908;
border-color: #fbb908;
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
display: block;
padding: 8px 20px;
font-size: 14px;
line-height: 24px;
}
/***
====================================================================
CheckOut Sectioon
====================================================================
***/
.checkout-page {
position: relative;
padding: 100px 0px 100px;
}
.checkout-page .default-links {
position: relative;
margin-bottom: 30px;
}
.checkout-page .default-links li {
line-height: 24px;
padding: 20px 30px 22px;
background: #dddddd;
color: #000000;
font-size: 16px;
margin-bottom: 35px;
}
.checkout-page .default-links li .fa {
position: relative;
top: 2px;
margin-right: 20px;
font-size: 24px;
color: #000000;
}
.checkout-page .default-links li a {
color: #fea000;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.checkout-page .default-links li a:hover {
color: #0b0b0b;
}
.checkout-form {
position: relative;
}
.checkout-form .checkout-title {
position: relative;
}
.checkout-form .checkout-title h2 {
position: relative;
color: #000000;
font-size: 30px;
margin-bottom: 15px;
font-weight: 600;
}
.checkout-form .form-group {
position: relative;
margin-bottom: 5px;
}
.checkout-form .form-group .field-label {
display: block;
line-height: 24px;
margin-bottom: 6px;
text-transform: capitalize;
color: #000000;
font-size: 15px;
font-weight: 400;
}
.checkout-form .form-group .field-label sup {
top: -1px;
font-size: 16px;
}
.checkout-form .form-group .text {
position: relative;
color: #777777;
font-size: 15px;
margin-bottom: 5px;
}
.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea {
position: relative;
display: block;
width: 100%;
background: #ffffff;
line-height: 22px;
padding: 12px 15px;
height: 50px;
margin-bottom: 10px;
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;
}
.checkout-form textarea {
resize: none;
height: 60px !important;
}
.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus {
border-color: #fa9928;
}
.checkout-page .check-box {
line-height: 24px;
font-size: 14px;
font-weight: normal;
padding-top: 5px;
}
.checkout-page .check-box label {
position: relative;
top: -1px;
font-weight: normal;
padding: 0px;
font-size: 16px;
cursor: pointer;
color: #000000;
}
.checkout-page .lower-content {
margin-top: 30px;
}
.checkout-page .lower-content .order-column {
margin-bottom: 40px;
}
.checkout-page .lower-content .column h2 {
position: relative;
color: #000000;
font-size: 24px;
margin-bottom: 30px;
padding-bottom: 12px;
}
.checkout-page .lower-content .column h2:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 40px;
height: 2px;
background-color: #fa9928;
}
/*Coupon Box*/
.coupon-box {
position: relative;
padding: 25px 25px;
margin-bottom: 25px;
background-color: #f5f5f5;
}
.coupon-form {
position: relative;
}
.coupon-form .form-group {
position: relative;
margin-bottom: 0px;
}
.coupon-form .form-group input[type="text"] {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 20px;
height: 44px;
font-size: 14px;
border: 1px solid #cccccc;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.coupon-form .form-group input[type="text"]:focus {
border-color: #fea000;
}
.coupon-form button {
margin-top: 0px;
font-size: 16px;
font-weight: 700;
border-radius: 0px;
padding: 8px 26px;
text-transform: capitalize;
}
.order-box {
position: relative;
margin-top: 40px;
}
.order-box h2 {
position: relative;
color: #000000;
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
text-transform: capitalize;
}
.order-box .title-box {
position: relative;
padding: 15px 30px;
background-color: #000000;
}
.order-box .title-box .col {
position: relative;
width: 50%;
float: left;
color: #ffffff;
font-size: 16px;
font-weight: 700;
}
.order-box ul {
position: relative;
}
.order-box ul li {
position: relative;
padding: 25px 30px;
border-bottom: 1px solid #cccccc;
}
.order-box ul li strong {
color: #000000;
font-weight: 400;
font-size: 16px;
}
.order-box ul li span {
width: 50%;
float: right;
color: #fbb908;
font-size: 16px;
font-weight: 400;
}
.order-box ul li span.free {
color: #777777;
font-size: 16px;
}
.order-box ul li:last-child {
border-bottom: none;
}
.payment-box {
position: relative;
margin-top: 50px;
background-color: #f5f5f5;
}
.payment-box .upper-box {
position: relative;
padding: 15px 35px;
border-bottom: 1px solid #b7b7b7;
}
.payment-options {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
}
.payment-box .payment-options li {
position: relative;
margin-bottom: 10px;
}
.payment-box .payment-options li .radio-option {
position: relative;
}
.payment-box .payment-options li .radio-option label {
position: relative;
display: inline-block;
padding-left: 30px;
font-weight: 400 !important;
text-transform: capitalize;
letter-spacing: 1px;
color: #000000;
cursor: pointer;
font-size: 16px;
font-family: 'Arimo', sans-serif;
}
.payment-box .payment-options li .radio-option label strong {
font-weight: 400;
color: #000000;
}
.payment-box .payment-options li .radio-option input[type="radio"] {
position: absolute;
left: 0px;
top: 3px;
}
.payment-box .payment-options li .radio-option label .small-text {
position: relative;
display: block;
letter-spacing: 0px;
text-transform: none;
font-weight: normal;
font-size: 14px;
color: #666666;
line-height: 1.8em;
padding: 15px 20px;
margin-top: 30px;
margin-left: -30px;
background-color: #dcdcdc;
}
.payment-box .payment-options li .radio-option label .small-text:before {
position: absolute;
content: '';
left: 30px;
top: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #dcdcdc;
}
.payment-box .payment-options li .radio-option label img {
position: relative;
display: block;
max-width: 100%;
padding-left: 30px;
margin-top: 20px;
}
.payment-box .payment-options li .radio-option .what-paypall {
position: relative;
display: block;
color: #000000;
font-size: 16px;
font-weight: 400;
margin-left: 120px;
margin-top: 10px;
}
.payment-box .lower-box {
position: relative;
padding: 30px 30px;
}
.payment-box .lower-box .order-btn {
padding: 14px 32px;
font-size: 16px;
color: #ffffff;
font-weight: 700;
border-radius: 50px;
background-color: #000000;
text-transform: capitalize;
font-family: 'Arimo', sans-serif;
}
/******************** Team Grid Style************************/
/*************************************
= team grids
**************************************/
.our-team.section-padding {
position: relative;
padding: 60px 10px 60px 10px;
}
.team-grids .team-grid {
overflow: hidden;
position: relative;
margin-bottom: 30px;
}
.team-grids .team-grid img {
display: block;
width: 100%;
}
.team-grids .member-pic-social {
position: relative;
overflow: hidden;
}
.team-grids .social {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
transition: all 0.6s;
}
.team-grids .social-links {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 11;
opacity: 0;
}
.team-grids .social-links li {
position: relative;
display: inline-block;
}
.team-grids .social-links li a {
position: relative;
font-size: 24px;
color: #fff;
display: block;
text-align: center;
}
.team-grids .member-pic-social:hover .social-links {
opacity: 1;
}
.team-grids .social-links > li + li {
margin-left: 20px;
}
.team-grids .social-links li a {
font-size: 24px;
color: #fff;
}
.team-grids .member-info {
text-align: center;
padding-top: 25px;
}
.team-grids .member-info h3 {
position: relative;
font-size: 20px;
font-weight: 700;
margin: 0 0 3px;
font-family: 'Arimo', sans-serif;
color: #000000;
}
.team-grids .member-info p {
position: relative;
color: #6a6a6a;
margin-bottom: 0px;
}
@media (max-width: 1199px) {
.team-grids .social-links li a {
font-size: 18px;
}
}
.team-grids .social-links li a:hover {
color: #051829;
}
.team-grids .member-info {
text-align: center;
padding: 20px;
background: #9e9e9e1f;
}
.team-grids .member-info h3 {
font-size: 20px;
margin: 0 0 3px;
}
@media (max-width: 1199px) {
.team-grids .member-info h3 {
font-size: 18px;
}
}
@media (max-width: 991px) {
.team-grids .member-info h3 {
font-size: 16px;
}
}
@media (max-width: 991px) {
.team-grids .member-info p {
font-size: 14px;
}
}
@media (max-width: 425px) {
.main-box::before {
clip-path: polygon(0% 0%, 55% 0%, 82% 100%, 0% 100%) !important;
}
}
@media (min-width: 768px) and (max-width:1150px) {
.main-header .main-box .logo-box {
width: 220px !important
}
.main-menu .navigation > li > a {
padding: 18px 0px 0px 15px !important;
font-size: 10px !important;
}
}
@media (min-width: 768px) and (max-width:1024px) {
.main-menu .navigation > li > a {
padding: 22px 0px 0px 0px !important;
font-size: 9px !important;
}
}
.square-hover-effect {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
.square-hover-effect .hover-1,
.square-hover-effect .hover-2,
.square-hover-effect .hover-3,
.square-hover-effect .hover-4 {
background: rgba(17, 17, 17, 0.90);
width: 50%;
height: 50%;
position: absolute;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
}
.square-hover-effect .hover-1 {
left: 0;
top: 0;
}
.square-hover-effect .hover-2 {
left: 50%;
top: 0;
}
.square-hover-effect .hover-3 {
left: 50%;
top: 50%;
}
.square-hover-effect .hover-4 {
left: 0;
top: 50%;
}
.square-hover-effect:hover .hover-1,
.square-hover-effect-parent:hover .hover-1 {
left: 50%;
top: 0;
opacity: 0.4;
}
.square-hover-effect:hover .hover-2,
.square-hover-effect-parent:hover .hover-2 {
left: 50%;
top: 50%;
opacity: 0.4;
}
.square-hover-effect:hover .hover-3,
.square-hover-effect-parent:hover .hover-3 {
left: 0%;
top: 50%;
opacity: 0.4;
}
.square-hover-effect:hover .hover-4,
.square-hover-effect-parent:hover .hover-4 {
left: 0%;
top: 0%;
opacity: 0.4;
}
/************************ Testimonials Style *************************/
/*--------------------------------------------------------------
#2.5 testimoials-s2-slider
--------------------------------------------------------------*/
.testimoials-s2-grid {
border: 2px solid #fea000;
padding: 65px 35px 35px;
border-radius: 5px;
position: relative;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.testimoials-s2-grid {
padding: 45px 20px 20px;
}
.card-details:hover .read-more-btn {
opacity: 0 !important;
}
.card-details .read-more-btn {
opacity: 0 !important;
}
}
.testimoials-s2-grid:after {
background: #fea000 url("../images/testimonials/quote.png") no-repeat center center;
content: "";
width: 58px;
height: 52px;
position: absolute;
right: 0;
top: -2px;
border-radius: 5px;
}
@media (max-width: 991px) {
.testimoials-s2-grid:after {
width: 50px;
height: 48px;
background-size: 20px;
}
}
.testimoials-s2-grid img {
width: auto;
border-radius: 50%;
}
.testimoials-s2-grid .client-info {
margin-top: 10px;
position: relative;
overflow: hidden;
text-align: center;
}
.testimoials-s2-grid .client-info .details {
height: 100%;
display: inline-block;
/* float: left;*/
position: relative;
/* padding-left: 50px;*/
}
@media (max-width: 991px) {
.testimoials-s2-grid .client-info .details {
float: none;
display: block;
}
}
.testimoials-s2-grid .client-info .details .pic {
position: absolute;
left: 0;
top: 10;
border-radius: 50%;
}
.testimoials-s2-grid .client-info .info {
margin-top: 15px;
}
.testimoials-s2-grid .client-info h4 {
position: relative;
font-size: 20px;
font-weight: 700;
font-family: 'Arimo', sans-serif;
color: #000000;
}
@media (max-width: 991px) {
.testimoials-s2-grid .client-info h4 {
font-size: 16px;
}
}
@media (max-width: 767px) {
.testimoials-s2-grid .client-info h4 {
font-size: 14px;
font-size: 0.93333rem;
}
}
.testimoials-s2-grid .client-info p {
font-size: 14px;
text-transform: uppercase;
color: #6a6a6a;
line-height: 1.8em;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.testimoials-s2-grid .client-info p {
font-size: 12px;
}
}
.testimoials-s2-grid .client-info .rating {
display: inline-block;
float: right;
margin-top: 15px;
}
@media (max-width: 991px) {
.testimoials-s2-grid .client-info .rating {
float: none;
display: block;
margin: -20px 0 0 88px;
}
}
.testimoials-s2-grid .client-info .rating i {
color: #fea000;
}
.testimonials-s2-grid-view-section {
padding: 60px 10px 60px 10px
}
@media (max-width: 991px) {
.testimonials-s2-grid-view-section {
padding-bottom: 50px;
}
}
@media (max-width: 767px) {
.testimonials-s2-grid-view-section {
padding-bottom: 40px;
}
}
.testimoials-s2-grid-view {
overflow: hidden;
margin: 0 -15px;
}
/***
====================================================================
Faq Section
====================================================================
***/
.faq-section {
position: relative;
padding: 90px 0px 90px;
}
.faq-section .prod-tabs {
position: relative;
padding: 0px 70px;
}
.faq-section .prod-tabs .tab-btns {
position: relative;
margin-bottom: 40px;
padding: 0px 20px;
border: 1px solid #f2f2f2;
border-top-color: #fea000;
}
.faq-section .prod-tabs .tab-btns .tab-btn {
position: relative;
display: block;
font-size: 16px;
color: #000000;
font-weight: 400;
cursor: pointer;
line-height: 1.6em;
padding: 10px 0px 10px 0px;
transition: all 500ms ease;
text-transform: capitalize;
border-bottom: 1px solid #f2f2f2;
}
.faq-section .prod-tabs .tab-btns .tab-btn:last-child {
border: none;
}
.faq-section .prod-tabs .tab-btns .tab-btn span {
position: relative;
display: block;
font-size: 16px;
color: #020e28;
font-weight: 400;
cursor: pointer;
line-height: 1.6em;
padding: 5px 15px 5px 30px;
transition: all 500ms ease;
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
}
.faq-section .prod-tabs .tab-btns .tab-btn:before {
position: absolute;
content: '';
left: 11px;
top: 23px;
width: 8px;
height: 8px;
background-color: #e6e6e6;
border: 1px solid #f2f2f2;
transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
}
.faq-section .prod-tabs .tab-btns .tab-btn:hover:before,
.faq-section .prod-tabs .tab-btns .tab-btn.active-btn:before {
z-index: 1;
background-color: #fea000;
border-color: rgba(245, 91, 20, 0.20);
}
.faq-section .prod-tabs .tab-btns .tab-btn.active-btn span,
.faq-section .prod-tabs .tab-btns .tab-btn:hover span {
color: #fea000;
}
.faq-section .prod-tabs .tabs-content {
position: relative;
}
.faq-section .prod-tabs .tabs-content .tab {
position: relative;
display: none;
}
.faq-section .prod-tabs .tabs-content .tab.active-tab {
display: block;
}
/********************** Blog Modern View ********************/
.blog-modern-section {
position: relative;
/* padding:100px 0px;*/
}
/*News Block Three*/
.blog-modern-section .news-block-three {
position: relative;
margin-bottom: 50px;
}
.blog-modern-section .news-block-three .image-column {
position: relative;
padding: 0px;
float: left;
}
.blog-modern-section .news-block-three .image-column .image {
position: relative;
padding: 0px;
}
.blog-modern-section .news-block-three .image-column .image img {
position: relative;
left: 0px;
top: 0px;
right: 0px;
bottom: 30px;
display: block;
width: 100%;
}
.blog-modern-section .news-block-three .content-column .inner-column .post-date {
position: absolute;
content: '';
left: 35px;
top: 0px;
width: 60px;
height: 75px;
padding: 14px 6px;
text-align: center;
color: #ffffff;
font-size: 24px;
line-height: 1.1em;
text-transform: uppercase;
/* background-color: gainsboro; */
}
.blog-modern-section .news-block-three .content-column .inner-column .post-date span {
font-size: 14px;
display: block;
}
.blog-modern-section .news-block-three .content-column .inner-column:before {
position: absolute;
content: '';
left: 64px;
top: 55px;
width: 3px;
height: 190px !important;
background-color: #fea000;
}
.blog-modern-section .news-block-three .content-column {
position: relative;
padding: 0px;
float: left;
}
.blog-modern-section .news-block-three .content-column .inner-column {
position: relative;
margin-top: 35px;
margin-left: -35px;
background-color: #ffffff;
padding: 70px 40px 50px 120px;
box-shadow: 0px 0px 20px rgba(208, 206, 206, 0.80);
}
.blog-modern-section .news-block-three .content-column .inner-column h2 {
position: relative;
font-size: 24px;
font-weight: 500;
line-height: 1.5em;
color: black;
margin-bottom: 15px;
}
.blog-modern-section .news-block-three .content-column .inner-column h2 a {
position: relative;
color: #000000;
-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-modern-section .news-block-three .content-column .inner-column h2 a:hover {
color: #fea000;
}
.blog-modern-section .news-block-three .content-column .inner-column .text {
position: relative;
font-size: 14px;
color: #888888;
line-height: 2em;
margin-bottom: 18px;
}
.blog-modern-section .news-block-three .content-column .post-meta {
position: relative;
}
.blog-modern-section .news-block-three .content-column .post-meta li {
position: relative;
margin-right: 25px;
display: inline-block;
}
.blog-modern-section .news-block-three .content-column .post-meta li a {
position: relative;
color: #000000;
font-size: 14px;
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-modern-section .news-block-three .content-column .post-meta li a .icon {
position: relative;
color: #fea000;
margin-right: 8px;
}
.blog-modern-section .news-block-three .content-column .post-meta li a:hover {
color: #fea000;
}
/*News Block Four*/
.blog-modern-section .news-block-four {
position: relative;
margin-bottom: 50px;
}
.blog-modern-section .news-block-four .image-column {
position: relative;
padding: 0px;
float: left;
}
.blog-modern-section .news-block-four .image-column .image {
position: relative;
padding: 0px;
margin-top: 35px;
margin-left: -35px;
}
.blog-modern-section .news-block-four .image-column .image img {
position: relative;
left: 0px;
top: 0px;
right: 0px;
bottom: 30px;
display: block;
width: 100%;
}
.blog-modern-section .news-block-four .content-column .inner-column .post-date {
position: absolute;
content: '';
left: 35px;
top: 0px;
width: 60px;
height: 75px;
padding: 14px 6px;
text-align: center;
color: #ffffff;
font-size: 24px;
line-height: 1.1em;
text-transform: uppercase;
/* background-color: #fff; */
}
.blog-modern-section .news-block-four .content-column .inner-column .post-date span {
font-size: 14px;
display: block;
}
.blog-modern-section .news-block-four .content-column .inner-column:before {
position: absolute;
content: '';
left: 64px;
top: 55px;
width: 3px;
height: 190px !important;
background-color: #fea000;
}
.blog-modern-section .news-block-four .content-column {
position: relative;
padding: 0px;
float: left;
}
.blog-modern-section .news-block-four .content-column .inner-column {
position: relative;
z-index: 1;
background-color: #9e9e9e0f;
padding: 70px 40px 50px 120px;
/* box-shadow:0px 0px 20px rgba(208,206,206,0.80);*/
}
.blog-modern-section .news-block-four .content-column .inner-column h2 {
position: relative;
font-size: 24px;
font-weight: 500;
line-height: 1.5em;
margin-bottom: 15px;
color: black
}
.blog-modern-section .news-block-four .content-column .inner-column h2 a {
position: relative;
color: #000000;
-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-modern-section .news-block-four .content-column .inner-column h2 a:hover {
color: #fea000;
}
.blog-modern-section .news-block-four .content-column .inner-column .text {
position: relative;
font-size: 15px;
color: #888888;
line-height: 2em;
margin-bottom: 18px;
}
.blog-modern-section .news-block-four .content-column .post-meta {
position: relative;
}
.blog-modern-section .news-block-four .content-column .post-meta li {
position: relative;
margin-right: 25px;
display: inline-block;
}
.blog-modern-section .news-block-four .content-column .post-meta li a {
position: relative;
color: #000000;
font-size: 14px;
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-modern-section .news-block-four .content-column .post-meta li a .icon {
position: relative;
color: #fea000;
margin-right: 8px;
}
.blog-modern-section .news-block-four .content-column .post-meta li a:hover {
color: #fea000;
}
/************************* Team Single ************************/
/*Teacher Single*/
.teacher-single {
position: relative;
padding: 65px 0px 70px;
}
.teacher-single .image-column {
position: relative;
margin-bottom: 30px;
}
.teacher-single .image-column .image {
position: relative;
}
.teacher-single .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.teacher-single .content-column {
position: relative;
}
.teacher-single .content-column .content-inner {
position: relative;
padding-left: 25px;
}
.teacher-single .content-column .content-inner h3 {
font-size: 24px;
color: #000000;
font-weight: 500;
}
.teacher-single .content-column .content-inner .designation {
position: relative;
font-size: 15px;
margin-bottom: 15px;
color: rgba(0, 0, 0, 0.40);
}
.teacher-single .content-column .content-inner .text {
position: relative;
margin-top: 30px;
margin-bottom: 30px;
}
.teacher-single .content-column .content-inner .text p {
position: relative;
font-size: 15px;
margin-bottom: 20px;
color: #000000c7;
text-align: justify
}
.text p {
text-align: justify;
}
.teacher-single .content-column .content-inner .text p:last-child {
margin-bottom: 0px;
}
.teacher-single .teachers-info {
position: relative;
}
.teacher-single .teachers-info .teacher-block {
position: relative;
margin-bottom: 20px;
margin-right: 22px;
display: inline-block;
}
.teacher-single .teachers-info .teacher-block .inner {
position: relative;
padding: 20px 25px;
text-align: center;
border: 1px solid #000;
}
.teacher-single .teachers-info .teacher-block .inner .title {
position: relative;
color: #000000c7;
font-size: 15px;
}
.teacher-single .teachers-info .teacher-block .inner h3 {
color: #000000;
font-size: 28px;
font-weight: 700;
}
/*Social Icon Five*/
.social-icon-five {
position: relative;
}
.social-icon-five li {
position: relative;
margin-right: 6px;
display: inline-block;
}
.social-icon-five li a {
position: relative;
width: 32px;
height: 32px;
color: #cccccc;
font-size: 14px;
line-height: 28px;
text-align: center;
border-radius: 50%;
display: inline-block;
border: 2px solid #e5e5e5;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-five li a:hover {
color: #f5a10c;
border-color: #f5a10c;
background: none;
}
/************************ Mega Menu ***************************/
.main-menu .navigation > li.has-mega-menu {
position: static;
}
.header-style-two .main-menu .navigation > li.has-mega-menu > a:after,
.main-menu .navigation > li.has-mega-menu:before,
.main-menu .navigation > li.has-mega-menu:after {
display: none;
}
.main-menu .navigation > li > .mega-menu {
position: absolute;
left: 0px;
right: 0;
margin: auto;
width: 100%;
max-width: 1170px;
background-color: #ffffff;
padding: 45px 40px 30px 45px;
top: 100%;
z-index: 100;
opacity: 0;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation > li:hover > .mega-menu {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.main-menu .navigation > li > .mega-menu .mega-menu-bar {
position: relative;
}
.main-menu .navigation > li .mega-menu-bar h3 {
position: relative;
color: #020e28;
font-size: 20px;
font-weight: 500;
padding-bottom: 10px;
border-bottom: 1px solid #f2f2f2;
}
.main-menu .navigation > li .mega-menu-bar > ul {
position: relative;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid #f2f2f2;
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;
}
.main-menu .navigation > li .mega-menu-bar .column {
position: relative;
margin-bottom: 10px;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child {
border: none;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a {
position: relative;
display: block;
padding: 10px 15px;
line-height: 20px;
font-weight: 400;
font-size: 14px;
color: #848484;
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;
font-family: 'Rubik', sans-serif;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover {
color: #ffffff;
background: #2c2c2c;
}
/*=========================================
Right To Left Version
===========================================*/
.rtl {
direction: rtl;
}
.rtl .main-menu,
.rtl .sticky-header .logo,
.rtl .range-slider-one .pull-left,
.rtl .header-style-two .nav-outer,
.rtl .contact-section .form-column,
.rtl .main-header .main-box .logo-box,
.rtl .contact-info-section .info-column,
.rtl .main-header .header-upper .logo-box,
.rtl .main-header .header-top .top-right .social-nav,
.rtl .shop-item .inner-box .lower-content .pull-left,
.rtl .main-header .header-lower .outer-box .advisor-box,
.rtl .main-header .header-top .top-left {
float: right !important;
}
.rtl .login-form .psw,
.rtl .sticky-header .right-col,
.rtl .range-slider-one .pull-right,
.rtl .header-style-three .nav-outer,
.rtl .main-header .header-lower .outer-box,
.rtl .main-header .header-upper .upper-right,
.rtl .shop-item .inner-box .lower-content .pull-right,
.rtl .blog-modern-section .news-block-four .image-column,
.rtl .main-header .header-top .top-right {
float: left !important;
}
.rtl .testimoials-s2-grid:after,
.rtl .subscribe-form-three button,
.rtl .subscribe-form-two button,
.rtl .comming-soon .emailed-form button,
.rtl .sidebar .search-box .form-group button,
.rtl .accordion-box.style-two .block .icon-outer,
.rtl .default-section .testimonial-column .owl-nav,
.rtl .accordion-box.style-two .block .icon-outer .icon,
.rtl .subscribe-form-three .form-group input[type="submit"],
.rtl .subscribe-form-two .form-group input[type="submit"],
.rtl .comming-soon .emailed-form .form-group input[type="submit"],
.rtl .testimonial-block-two .inner-box .lower-box .rating,
.rtl .main-header .search-box .form-group button {
right: auto;
left: 0;
}
.rtl .list-style-two li .icon,
.rtl .list-style-one li .icon,
.rtl .subscribe-section:before,
.rtl .footer-lists li a:before,
.rtl .brochure-box .inner .icon,
.rtl .list-style-three li .icon,
.rtl .news-widget .post .post-thumb,
.rtl .main-menu .navigation > li > ul,
.rtl .main-footer .footer-title h2:after,
.rtl .accordion-box .block .icon-outer .icon,
.rtl .sidebar .popular-posts .post-info:before,
.rtl .sidebar .popular-posts .post .post-thumb,
.rtl .services-block .inner-box .upper-box .icon,
.rtl .testimoials-s2-grid .client-info .details .pic,
.rtl .testimonial-block .inner-box .author-box .image,
.rtl .header-style-two .nav-outer .outer-box .contact-number .icon,
.rtl .header-style-three .nav-outer .outer-box .contact-number .icon,
.rtl .sidebar-page-container .comments-area .comment-box .author-thumb,
.rtl .payment-box .payment-options li .radio-option input[type="radio"],
.rtl .testimonial-block-two .inner-box .lower-box .author-box .author-inner .image,
.rtl .main-header .info-box .icon-box {
left: auto;
right: 0;
}
.rtl .main-slider h2 {
text-align: right;
}
.rtl .news-section .column,
.rtl .footer-style-two .column,
.rtl .main-menu .navigation > li,
.rtl .product-details .info-column,
.rtl .product-details .image-column,
.rtl .teacher-single .image-column,
.rtl .faq-section div[class*="col-"],
.rtl .main-footer div[class*="col-"],
.rtl .clients-section .title-column,
.rtl .news-block-three .image-column,
.rtl .call-to-action-section .column,
.rtl .cart-section .totals-table .col,
.rtl .subscribe-section .title-column,
.rtl .fluid-section-one .title-column,
.rtl .welcome-section .content-column,
.rtl .default-section .testimonial-column,
.rtl .counter-section .counter-main-column,
.rtl .news-block-two .inner-box .image-column,
.rtl .product-section .lower-box .image-column,
.rtl .project-single-section .upper-box .image-column,
.rtl .services-single .services-tabs .tab-btns .tab-btn,
.rtl .shop-single .product-details .prod-tabs .tab-btns .tab-btn,
.rtl .main-header.header-style-two .header-top .top-left li strong {
float: right;
}
.rtl .cat-list li a span,
.rtl .testimoials-s2-grid .client-info .rating {
float: left;
}
.rtl .main-slider .theme-btn {
margin-right: 0;
margin-left: 25px;
}
.rtl .main-slider .tp-parallax-wrap {
max-width: 1200px;
width: 100%;
padding: 0 15px;
left: 0 !important;
right: 0 !important;
margin: 0 auto !important;
}
.rtl .contact-section .sec-title,
.rtl .main-slider.style-two h2,
.rtl .main-slider.style-two .text,
.rtl .range-slider-one .input input,
.rtl .main-slider.style-two .text-center,
.rtl .main-slider.style-two {
text-align: right !important;
}
.rtl .payment-box .lower-box,
.rtl .cart-section .totals-table li.text-right {
text-align: left !important;
}
.rtl .product-details .item-quantity,
.rtl .styled-pagination,
.rtl .owl-carousel {
direction: ltr !important;
}
.rtl .services-block-two .inner-box .lower-box,
.rtl .testimonial-block-two .inner-box .quote-icon,
.rtl .services-block-two .inner-box .upper-box .image .overlay-box {
text-align: right;
}
.rtl .sticky-header .main-menu .navigation > li {
margin-left: 0;
margin-right: 25px;
}
.rtl .main-header .header-top .top-right .social-nav {
margin-left: 25px;
margin-right: 0;
}
.rtl .header-style-two .nav-outer .outer-box,
.rtl .header-style-three .nav-outer .outer-box {
margin-left: 0;
margin-right: 35px;
}
.rtl .header-style-two .nav-outer .outer-box .contact-number {
padding-right: 45px;
padding-left: 0;
}
.rtl .main-header .header-top .top-right .social-nav li {
padding-left: 0;
padding-right: 15px;
}
.rtl .main-header .header-top .top-right .social-nav li:first-child {
padding-right: 0;
}
.rtl .header-style-three .nav-outer .outer-box .contact-number {
padding-right: 50px;
padding-left: 0;
}
.rtl .main-header .search-box .form-group input[type="text"],
.rtl .main-header .search-box .form-group input[type="search"] {
text-align: right;
padding: 10px 20px 10px 50px;
}
.rtl .main-header .header-top .top-left ul li {
margin-right: 0;
margin-left: 70px;
}
.rtl .main-header .header-top .top-left ul li span {
margin-left: 0;
margin-right: 10px;
float: left;
}
.rtl .main-header .info-box {
float: left;
margin-left: 50px;
text-align: right;
padding: 0px 50px 20px 0px;
}
.rtl .main-header .nav-outer {
padding: 0px 35px 0px 0px;
}
.rtl .main-header .header-lower .outer-box .advisor-box .advisor-btn span {
border-radius: 0px 50px 50px 0px;
text-align: right;
}
.rtl .main-header .header-lower .outer-box .advisor-box .advisor-btn:before {
left: auto;
right: -3px;
}
.rtl .main-menu .navigation li > ul > li > ul {
right: 100%;
left: auto;
}
.rtl .main-menu .navigation > li > ul > li.dropdown > a:after {
left: 10px;
right: auto;
content: "\f104";
}
.rtl .header-style-two .main-menu .navigation > li,
.rtl .header-style-three .main-menu .navigation > li {
margin-right: 28px;
margin-left: 0;
}
.rtl .main-header.header-style-two .header-top .top-right .social-nav {
margin-left: 0;
}
.rtl .services-block .inner-box .upper-box {
padding-left: 0;
padding-right: 78px;
}
.rtl .services-block .inner-box .lower-box .image .overlay-box .link-btn {
right: auto;
left: 30px;
}
.rtl .testimonial-block .inner-box .author-box,
.rtl .list-style-one li {
padding-left: 0;
padding-right: 70px;
text-align: right;
}
.rtl .sec-title.centered .separater {
left: auto;
right: 50%;
margin-left: 0;
margin-right: -50px;
}
.rtl .page-title .page-breadcrumb li {
padding-right: 0;
margin-right: 0;
padding-left: 10px;
margin-left: 10px;
}
.rtl .page-title .page-breadcrumb li:last-child {
padding-left: 0;
margin-left: 0;
}
.rtl .main-header .info-box:first-child {
margin-right: 0;
}
.rtl .page-title .page-breadcrumb li:after {
left: -4px;
right: auto;
content: "\f104";
}
.rtl .news-block-three .inner-box .lower-content .post-meta li,
.rtl .news-block .inner-box .lower-content .post-meta li,
.rtl .news-block-two .inner-box .content-column .post-meta li {
margin-left: 10px;
margin-right: 0px;
}
.rtl .news-single .inner-box .lower-content .post-meta li span,
.rtl .news-block-three .inner-box .lower-content .post-meta li span,
.rtl .news-block .inner-box .lower-content .post-meta li span,
.rtl .news-block-two .inner-box .content-column .post-meta li span {
float: right;
margin-left: 8px;
margin-right: 0px;
}
.rtl .news-single .inner-box .lower-content .post-meta li {
margin-left: 15px;
margin-right: 0;
}
.rtl .list-style-two li {
padding-left: 0;
padding-right: 70px;
margin-right: 0;
margin-left: 70px;
}
.rtl .list-style-two li:last-child {
margin-left: 0;
}
.rtl .footer-lists li a {
padding-left: 0;
padding-right: 20px;
}
.rtl .news-widget .post .post-info li {
margin-left: 18px;
margin-right: 0;
float: left;
}
.rtl .news-widget .post .post-info li .icon {
margin-left: 10px;
margin-right: 0;
}
.rtl .subscribe-form .form-group input[type="submit"],
.rtl .subscribe-form .form-group button {
right: auto;
left: 0;
border-radius: 50px 0px 0px 50px;
}
.rtl .footer-lists li a:before {
content: "\f104";
}
.rtl .social-icon-two li {
margin-right: 13px;
margin-left: 0;
}
.rtl .social-icon-two li:first-child {
margin-right: 0;
}
.rtl .news-widget .post {
padding-right: 85px;
padding-left: 0;
}
.rtl .subscribe-section .title-column:before {
right: auto;
left: 40px;
transform: rotate(37deg);
}
.rtl .subscribe-section .title-column:after {
right: auto;
left: 0px;
top: -50px;
border-bottom: 170px solid #fea000;
border-right: 130px solid transparent;
border-left: 75px solid #fea000;
transform: scaleX(-1);
}
.rtl .subscribe-form-two .form-group input[type="text"],
.rtl .subscribe-form-two .form-group input[type="tel"],
.rtl .subscribe-form-two .form-group input[type="email"],
.rtl .subscribe-form-two .form-group textarea {
padding: 10px 20px 10px 50px;
}
.rtl .comming-soon .emailed-form .form-group input[type="submit"],
.rtl .comming-soon .emailed-form button {
border-radius: 50px 0px 0px 50px
}
.rtl .default-section .testimonial-column .owl-nav .owl-prev,
.rtl .default-section .testimonial-column .owl-nav .owl-next {
margin-left: 0;
margin-right: 10px;
}
.rtl .accordion-box .block .acc-btn {
padding: 10px 80px 10px 20px;
}
.rtl .accordion-box.style-two .block .acc-btn {
padding: 15px 30px 15px 25px;
}
.rtl .accordion-box .block .icon-outer {
position: absolute;
left: auto;
right: -1px;
}
.rtl .testimonial-block-two .inner-box .lower-box .author-box .author-inner {
text-align: right;
padding-left: 0;
padding-right: 90px;
}
.rtl .services-block-four .inner-box {
padding: 20px 90px 20px 15px;
}
.rtl .list-style-three li {
padding-left: 0;
padding-right: 70px;
}
.rtl .services-block-four .inner-box .icon-box {
left: auto;
right: -2px;
}
.rtl .fluid-section-one .title-column .inner-column .icon-box {
right: auto;
left: -45px;
}
.rtl .fluid-section-one .form-column .inner-column {
padding: 71px 150px 71px 15px;
}
.rtl .fluid-section-one .title-column .inner-column {
float: left;
padding: 66px 15px 66px 50px;
}
.rtl .subscribe-form-three .form-group input[type="text"],
.rtl .subscribe-form-three .form-group input[type="tel"],
.rtl .subscribe-form-three .form-group input[type="email"],
.rtl .subscribe-form-three .form-group textarea {
padding: 10px 0px 10px 50px;
}
.rtl .comming-soon .emailed-form .form-group input[type="text"],
.rtl .comming-soon .emailed-form .form-group input[type="tel"],
.rtl .comming-soon .emailed-form .form-group input[type="email"],
.rtl .comming-soon .emailed-form .form-group textarea {
padding-left: 150px;
}
.rtl .teacher-single .content-column .content-inner {
padding-left: 0;
padding-right: 25px;
}
.rtl .testimoials-s2-grid .client-info .details {
float: right;
padding-left: 0;
padding-right: 90px;
}
.rtl .faq-section .prod-tabs .tab-btns .tab-btn span {
padding: 5px 30px 5px 15px;
}
.rtl .faq-section .prod-tabs .tab-btns .tab-btn:before {
left: auto;
right: 11px;
}
.rtl .sidebar-page-container .content-side,
.rtl .sidebar-page-container .sidebar-side {
float: right;
}
.rtl .blog-cat li a {
padding: 22px 50px 22px 15px;
}
.rtl .blog-cat li:after {
left: -1px;
right: auto;
border-right: 0;
border-left: 8px solid #ffffff;
}
.rtl .blog-cat li a:after {
left: auto;
right: -1px;
}
.rtl .blog-cat li a:before {
left: auto;
right: 28px;
content: '\f0d9';
}
.rtl .brochure-box {
padding: 18px 30px 18px 15px;
}
.rtl .brochure-box .inner {
padding-left: 0;
padding-right: 30px;
}
.rtl .services-single .services-tabs .tab-btns .tab-btn {
margin-right: 0;
margin-left: 5px;
}
.rtl .project-page-section .filters .filter-tabs .filter:last-child::after {
display: block;
}
.rtl .project-page-section .filters .filter-tabs .filter:first-child::after {
display: none;
}
.rtl .project-list li {
padding: 13px 70px 13px 12px;
}
.rtl .project-list li .icon {
left: auto;
right: -1px;
}
.rtl .project-list li strong {
float: right;
margin-right: 0;
margin-left: 25px;
}
.rtl .project-list li.social-icons {
padding: 0;
}
.rtl .sidebar .search-box .form-group input[type="text"],
.rtl .sidebar .search-box .form-group input[type="search"] {
padding: 10px 20px 10px 50px;
}
.rtl .cat-list li a {
padding-left: 28px;
padding-right: 50px;
}
.rtl .cat-list li a:before {
left: auto;
right: 30px;
content: '\f0d9';
}
.rtl .sidebar .popular-posts .post {
padding-left: 0px;
padding-right: 100px;
}
.rtl .sidebar .popular-posts .post-info {
padding-left: 0;
padding-right: 24px;
}
.rtl .blog-modern-section .news-block-four .content-column .inner-column,
.rtl .blog-modern-section .news-block-three .content-column .inner-column {
margin-left: 0;
margin-right: -35px;
padding: 70px 120px 50px 40px;
}
.rtl .blog-modern-section .news-block-four .content-column .inner-column .post-date,
.rtl .blog-modern-section .news-block-three .content-column .inner-column .post-date {
left: auto;
right: 35px;
}
.rtl .blog-modern-section .news-block-four .content-column .inner-column:before,
.rtl .blog-modern-section .news-block-three .content-column .inner-column:before {
right: 64px;
left: auto;
}
.rtl .blog-modern-section .news-block-four .content-column .post-meta li,
.rtl .blog-modern-section .news-block-three .content-column .post-meta li {
margin-right: 0;
margin-left: 25px;
}
.rtl .blog-modern-section .news-block-four .content-column .post-meta li a .icon,
.rtl .blog-modern-section .news-block-three .content-column .post-meta li a .icon {
margin-left: 8px;
margin-right: 0;
}
.rtl .sidebar-page-container .comments-area .comment {
padding: 0px 130px 0px 0px;
}
.rtl .shop-item .inner-box .lower-content .add-cart .fa {
margin-left: 5px;
margin-right: 0;
}
.rtl .product-details .basic-details .item-quantity {
float: right;
margin-left: 25px;
margin-right: 0;
}
.rtl .shop-single .product-details .prod-tabs .tab-btns .tab-btn {
margin-left: 10px;
margin-right: 0;
}
.rtl .sidebar-page-container .comments-area.style-two .comment-box .comment {
padding-left: 0;
padding-right: 95px;
}
.rtl .sidebar-page-container .comments-area .comment-box.reply-comment {
margin-left: 0;
margin-right: 100px;
}
.rtl .checkout-page .default-links li .fa {
margin-right: 0;
margin-left: 20px;
}
.rtl .payment-box .payment-options li .radio-option label {
padding-left: 0;
padding-right: 30px;
}
.rtl .payment-box .payment-options li .radio-option label .small-text {
margin-left: 0;
margin-right: -30px;
}
.rtl .payment-box .payment-options li .radio-option label .small-text:before {
left: auto;
right: 30px;
}
.rtl .gallery-section .filters .filter-tabs .filter:first-child:after {
display: none;
}
.rtl .gallery-section .filters .filter-tabs .filter:last-child:after {
display: block;
}
.rtl .subscribe-form-two button {
border-radius: 5px 0px 0px 5px;
}
@media only screen and (max-width: 1140px) {
.rtl .main-menu .navigation > li {
margin-right: 0;
margin-left: 25px;
}
.rtl .main-header .info-box {
padding-right: 0;
text-align: center;
}
.rtl .header-style-two .main-menu .navigation > li:first-child,
.rtl .header-style-three .main-menu .navigation > li:first-child {
margin-right: 0;
}
.rtl .header-style-two .nav-outer {
float: left !important;
}
.rtl .teacher-single .content-column .content-inner {
padding-right: 0;
}
.testimoials-s2-grid-view {
margin: 0;
}
}
@media only screen and (max-width: 1023px) {
.rtl .header-style-three .nav-outer,
.rtl .header-style-two .nav-outer {
padding: 0;
}
.rtl .fluid-section-one .title-column .inner-column {
padding-left: 15px;
}
.rtl .fluid-section-one .form-column .inner-column {
padding-right: 15px;
}
.rtl .fluid-section-one .title-column .inner-column .icon-box {
left: auto;
}
}
@media only screen and (max-width: 767px) {
.rtl .main-menu .navbar-collapse > ul li.menu-item-has-children .dropdown-btn {
right: auto;
left: 10px;
}
.rtl .main-header .nav-outer {
padding: 0 15px;
}
.rtl .list-style-one li {
padding-right: 0;
text-align: center;
}
.rtl .list-style-two li {
padding: 0;
margin: 0 0 20px;
}
.rtl .news-widget .post .post-info li {
float: right;
}
.rtl .main-footer .footer-widget {
float: right;
width: 100%;
text-align: right;
}
.rtl .services-block-four .inner-box {
padding: 0px 0px 20px 0px;
}
.rtl .sidebar-page-container .comments-area .comment {
padding-right: 0;
}
.rtl .sidebar-page-container .comments-area .comment-box.reply-comment {
margin-right: 0;
}
.rtl .sidebar-page-container .comments-area.style-two .comment-box .comment {
padding-right: 0;
}
}
@media only screen and (max-width: 599px) {
.rtl .comming-soon .emailed-form .form-group input[type="submit"],
.rtl .comming-soon .emailed-form button {
border-radius: 50px;
}
}
@media only screen and (max-width: 479px) {
.rtl .blog-modern-section .news-block-four .content-column .inner-column,
.rtl .blog-modern-section .news-block-three .content-column .inner-column {
padding: 90px 30px 50px 30px;
margin-right: 0;
}
}
.color-palate .rtl-version.option-box {
margin-left: 0px;
float: none;
}
.color-palate .rtl-version.option-box > li {
position: relative;
color: #ffffff;
width: 40%;
margin: 0px 3px;
cursor: pointer;
margin-bottom: 9px;
padding: 6px 12px;
display: inline-block;
background-color: #ffaa00;
text-transform: capitalize;
}
.color-palate .rtl-version.option-box {
display: none;
}
.whatsapp-float img {
width: 65px;
background: #fff;
border-radius: 50px;
box-shadow: 1px 1px 20px 3px green;
}
.whatsapp-float {
z-index: 1000;
display: block;
position: fixed;
bottom: 20px;
left: 15px;
right: auto;
padding: 0 !important;
border-radius: 100%;
transition: 0.3s;
}
ul.info li {
display: flex;
}
ul.info li i {
margin-right: 15px;
}
ul.info li {
margin-top: 15px;
}
ul.list-style-three.df li {
color: #fff;
}
.main-header.header-style-two .header-top .top-left.pull-left li span {
color: #fff;
}
.main-header.header-style-two .header-top .top-left.pull-left li a {
color: #fff !important;
}
h2 {
font-family: sans-serif;
color: #fff;
}
.carousel {
width: 90%;
margin: 0px auto;
}
.slick-slide {
margin: 10px;
}
.slick-slide img {
width: 100%;
}
/*
.slick-prev, .slick-next{
background: #000;
border-radius: 15px;
border-color: transparent;
}
*/
.slick-prev,
.slick-next {
display: none
}
.card {
border: 2px solid #fff;
box-shadow: 1px 1px 15px #ccc;
}
.card-body {
background: #fff;
width: 100%;
vertical-align: top;
}
.card-content {
text-align: left;
color: #333;
padding: 15px;
}
.card-text {
font-size: 14px;
font-weight: 300;
}
p.weq {
font-size: 20px;
font-weight: 700;
font-family: 'Arimo', sans-serif;
text-align: center;
color: black;
}
.contactform {
padding: 30px 20px;
/* border-radius: 15px;*/
border: 2px solid white;
}
.contactform input.form-control,
.contactform button.form-control,
.contactform textarea.form-control {
padding: 0 0 0 40px;
display: block;
box-sizing: border-box;
width: 100%;
font-size: 16px;
background: #fff;
margin: 7px 0;
border: 1px solid #fff;
color: #000;
min-height: 45px;
text-shadow: none;
position: relative;
}
.contactform textarea.form-control {
padding: 8px 40px;
resize: none;
}
.contactform button.form-control.button {
color: #16F1D4;
font-size: 14px;
padding: 0;
text-transform: uppercase;
}
.contactform button.form-control.button:hover {
background: #000;
color: #fff;
cursor: pointer;
opacity: 1;
}
.contactform button.form-control.button i {
margin-left: 10px;
}
.contactform h5 {
color: #fff;
font-size: 16px;
margin-bottom: 15px;
}
.contactform label .cntfrmicn {
color: #000;
padding: 22px;
position: absolute;
z-index: 99;
}
@media only screen and (max-width: 660px) {
.container {
padding: 10px 20px 30px;
}
.contmap {
height: 475px !important;
}
.sec1title h1 {
font-size: 28px;
}
.contactform {
padding: 10px;
right: 0;
width: 100%;
}
.contactform input.form-control,
.contactform button.form-control,
.contactform textarea.form-control {
width: 100%;
}
}
label {
display: inline-block;
margin-bottom: .5rem;
width: 100%;
}
.info-column {
padding: 10px;
}
.creative-cards {
padding: 60px 10px 60px 10px;
position: relative;
}
.creative-cards .container {
max-width: 1320px;
width: 100%;
padding-right: .75rem;
padding-left: .75rem;
margin-right: auto;
margin-left: auto;
}
.creative-cards .container .row {
display: flex;
flex-wrap: wrap;
}
.creative-cards .container .row .card-column {
flex: 0 0 auto;
width: 33.33333333%;
text-align: center;
max-width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.card-details {
width: 80%;
margin: auto;
position: relative;
transition: .3s ease-in-out;
}
.card-details:before {
content: "";
width: 190px;
height: 380px;
background: #9E9E9E;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) skew(-20deg, 0deg);
z-index: -1;
transition: .3s ease-in-out;
}
.card-details:hover:before {
background-color: #9E9E9E;
}
.card-icons {
width: 140px;
height: 150px;
position: relative;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
.card-icons:before {
content: "";
position: absolute;
top: 0;
left: 0;
border: 1px solid;
width: 100%;
height: 100%;
transform: skew(-20deg, 0deg);
background: #fff;
border-color: #fea000;
transition: .3s ease-in-out;
}
.card-details:hover .card-icons:before {
background-color: #9E9E9E;
}
.card-icons img {
position: relative;
width: 70px;
height: 70px;
}
.card-details h3 {
margin-bottom: 15px;
margin-top: 50px;
font-weight: 700;
font-size: 1.75rem;
line-height: 1.2;
}
.card-details h3 a {
color: #000;
text-decoration: none;
font-size: 20px;
}
.card-details p {
font-size: 16px;
line-height: 30px;
color: #000;
font-weight: 400;
margin-bottom: 30px;
}
.read-more-btn {
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid;
border-radius: 100%;
margin: auto;
background: #fff;
transform: translateX(-60px);
opacity: 0;
visibility: hidden;
border-color: #fea000;
transition: .3s ease-in-out;
text-decoration: none;
}
.read-more-btn i {
color: #000;
font-size: 12px;
}
.card-details:hover .read-more-btn {
transform: translateX(0px));
opacity: 1;
visibility: visible;
}
/* ============= Responsive Ipad ==================== */
@media (max-width: 992px) {
.creative-cards .container .row .card-column {
flex: 0 0 auto;
width: 50%;
margin-bottom: 40px;
}
}
/* ============= Responsive Iphone ==================== */
@media (max-width: 480px) {
.creative-cards .container .row .card-column {
flex: 0 0 auto;
width: 100%;
margin-bottom: 20px;
}
.card-details:before {
transform: translate(-50%, -50%) skew(0deg, 0deg)
}
.card-icons:before {
transform: none
}
.card-details {
width: 100%;
}
.read-more-btn {
transform: translateX(0px);
opacity: 1;
visibility: visible;
}
}
.client-quote p {
text-align: center;
}
.services-section-two.df .inner-container {
margin-top: 0px
}
h2.bv {
color: black;
}
ul.new li {
list-style: disc;
line-height: 2.5;
margin-left: 15px;
}
section.services-section-two.df {
padding: 60px 10px 60px 10px;
}
.sec-icon {
position: relative;
display: inline-block;
padding: 0;
margin: 0 auto;
}
.sec-icon::before {
content: "";
position: absolute;
height: 1px;
left: -70px;
margin-top: -5.5px;
top: 60%;
background: #000000;
width: 50px;
}
.sec-icon::after {
content: "";
position: absolute;
height: 1px;
right: -70px;
margin-top: -5.5px;
top: 60%;
background: #333;
width: 50px;
}
.advertisers-service-sec {
background-color: #f5f5f5;
}
.advertisers-service-sec span {
color: #000000;
}
.advertisers-service-sec .col {
padding: 0 1em 1em 1em;
text-align: center;
}
.advertisers-service-sec .service-card {
width: 100%;
height: 100%;
padding: 2em 1.5em;
border-radius: 5px;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
cursor: pointer;
transition: 0.5s;
position: relative;
z-index: 2;
overflow: hidden;
background: #fff;
}
.advertisers-service-sec .service-card::after {
content: "";
width: 100%;
height: 100%;
background: #fea000;
position: absolute;
left: 0%;
top: -98%;
z-index: -2;
transition: all 0.4s cubic-bezier(0.77, -0.04, 0, 0.99);
}
.advertisers-service-sec h3 {
font-size: 20px;
text-transform: capitalize;
font-weight: 600;
color: #1f194c;
margin: 1em 0;
z-index: 3;
}
.advertisers-service-sec p {
color: #575a7b;
font-size: 15px;
line-height: 1.6;
letter-spacing: 0.03em;
z-index: 3;
}
.advertisers-service-sec .icon-wrapper {
background-color: #2c7bfe;
position: relative;
margin: auto;
font-size: 30px;
height: 2.5em;
width: 2.5em;
color: #ffffff;
border-radius: 50%;
display: grid;
place-items: center;
transition: 0.5s;
z-index: 3;
}
.advertisers-service-sec .service-card:hover:after {
top: 0%;
}
.service-card .icon-wrapper {
background-color: #ffffff;
color: #000000;
}
.advertisers-service-sec .service-card:hover .icon-wrapper {
color: #fea000;
}
.advertisers-service-sec .service-card:hover h3 {
color: #ffffff;
}
.advertisers-service-sec .service-card:hover p {
color: #f0f0f0;
}
a:hover {
color: #fea000 !important;
}
.logo.df img {
width: 566px !important;
}
.logo.df img {
/* background: white; */
padding: 5px;
border-radius: 10px;
/* margin-right: 25px; */
}
ul.list-style-three.df li a:hover {
color: white !important;
}
.copyright a {
color: black;
text-decoration: none;
}
ul.list-style-three.df li a {
color: #fff;
text-decoration: none
}
/*
ul.list-style-three.df span {
color: black;
}
*/
.qw {
background: #fea000;
padding: 10px;
border-radius: 20px;
border: 2px solid white;
}
.list-style-three.df li strong {
color: #fff;
}
.table-responsive {
text-align: center;
padding: 0 0 20px 0;
font-size: 14px;
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
table {
background-color: transparent;
width: 100%;
}
.table-responsive tr th {
border: 1px solid black;
color: white;
background-color: #fea000;
text-align: center;
padding: 9px;
}
table th {
background-color: #fea000;
color: white;
}
table td {
padding: 15px 10px !important;
border: 1px solid;
}
td {
text-align: center;
}
td,
th {
border: 1px solid #000;
padding: 4px 5px;
}
.rectanglebox {
padding: 25px;
margin-bottom: 55px;
background: #8080801a;
/* border-radius: 35px;*/
/* margin-top: 50px;*/
/* border: .5rem solid #f5bf23cf; */
text-align: center;
/* padding-top: 40px; */
/* padding-bottom: 85px;*/
}
.socialhead {
/* margin-top: 25px; */
margin-bottom: 50px;
font-size: 25px;
font-weight: 600;
color: black;
text-align: center;
}
.site-button.blue:hover,
.site-button.blue:active,
.site-button.blue:focus {
background-color: #2ca2be;
color: #fff;
}
.site-button.green:hover,
.site-button.green:active,
.site-button.green:focus {
background-color: #26a585;
color: #fff;
}
.site-button.red {
background-color: #d93223;
color: #fff;
}
button.m-b15.site-button.text-uppercase.red.m-r5 {
width: 100%;
}
button.m-b15.site-button.text-uppercase.blue.m-r5 {
width: 100%;
/* border-radius: inherit; */
}
.site-button.green {
background-color: #35b494;
color: #fff;
/* border-radius: inherit; */
width: 100%;
}
.socials-button {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
flex-wrap: wrap;
}
.socials-button button {
margin-bottom: 15px;
}
button.m-b15.site-button.text-uppercase.blue.m-r5 {
width: 100%;
/* border-radius: inherit; */
}
.site-button.blue {
background-color: #42b8d4;
color: #fff;
}
.site-button {
border: 2px solid white;
}
button.m-b15.site-button {
padding: 10px;
border-radius: 10px;
}
span.site-button-inr a {
color: #ffffff;
font-weight: 600;
}
a {
text-decoration: none !important;
}
.main-menu .navigation > li > ul > li > a:hover {
color: white !important;
}
ul.list-checked.black li {
list-style: disc;
line-height: 2.5;
margin-left: 15px;
}
ul.ttm-list.ttm-list-style-icon.clearfix li {
line-height: 2.5;
}
blockquote.fgh {
background: #fea000;
padding: 40px;
font-size: 24px;
font-style: italic;
font-weight: 700;
color: #fff;
}
.services-single .inner-box .lower-content .text p {
text-align: justify
}
ul.list-style-three.df li {
word-break: break-word;
}
ul.cat-list li a:hover {
color: white ! important;
background: #000000;
}
ul.page-breadcrumb li a:hover {
color: white ! IMPORTANT;
}
ul.footer-lists li a:hover {
color: white !important;
}
.main-box {
padding-top: 2px !important;
padding-bottom: 2px !important;
position: absolute;
left: 0;
right: 0;
z-index: 10;
/* border-bottom: 1px solid white;*/
/* background: rgba(0,0,0,.3); */
/* clip-path: polygon(0% 0%, 40% 0%, 64% 100%, 0% 100%);*/
}
.sticky-header .main-menu .navigation > li > a:hover {
color: #fff !important;
}
/*
.main-box::before {
content: "";
position: absolute;
background: #fea000;
inset: 0;
clip-path: polygon(0% 0%, 40% 0%, 64% 100%, 0% 100%);
}
*/
ul.list-checked.Hex li {
list-style: square;
}
.phone {
color: #fff;
font-size: 17px;
}
/*
.tp-bgimg.defaultimg {
opacity: 1 !important;
}*/
.fact-counter .count-outer .icon {
position: relative;
width: 70px;
height: 70px;
color: #fea000;
display: block;
font-size: 36px;
text-align: center;
margin: 0 auto;
line-height: 66px;
margin-bottom: 35px;
border: 1px dashed #ffffff;
}
.reason-list {
position: relative;
}
.reason-list li .icon {
position: absolute;
left: 0px;
top: 0px;
width: 50px;
height: 50px;
color: #fea000;
font-size: 20px;
line-height: 48px;
text-align: center;
background-color: #ffffff;
border: 1px dashed #bbbbbb;
}
.reason-list li {
position: relative;
padding-left: 75px;
color: #222222;
font-size: 16px;
font-weight: 800;
padding-top: 6px;
margin-bottom: 50px;
text-transform: uppercase;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:nth-child(odd) {
background-color: #ffffff;
}
.navbar-toggler {
padding: 1.25rem .75rem !important;
}
.team-grids .member-info h3 a {
color: black !important
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: none !important;
}
.services-block-two .inner-box .lower-box.hj {
background: #9E9E9E;
}
.lower-content {
position: relative;
padding: 15px 5px;
border: 2px solid #dddddd;
/* border-top: none;*/
}
section.default-section::before {
/*
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background-image: url('images/background/6.jpg');
background-size: cover;
background-position: center;
filter: blur(8px);
z-index: 1;
*/
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000014;
background-size: cover;
background-position: center;
filter: blur(7px);
z-index: 1;
}
section.default-section > * {
position: relative;
z-index: 2;
}
.text h3 {
font-size: 22px;
}
ul.dfsd li {
list-style: disc;
line-height: 2.5;
}
.acc-btn.active {
display: flex;
align-items: center;
justify-content: space-between;
}
.acc-btn {
display: flex;
align-items: center;
justify-content: space-between;
}
.text h2 {
color: black;
margin-bottom: 10px;
}
.image img {
width: 100%;
height: auto;
}
section.reason-section.style-two::before {
content: "";
width: %;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background: #ffffff29;
opacity: 0.2;
}
.footer {
background-color: #1e1e1e;
padding: 250px 20px 40px 20px;
/* padding: 60px 80px; */
display: flex;
flex-direction: column;
align-items: center;
}
.footer-top {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1300px;
flex-wrap: wrap;
margin-bottom: 60px;
}
.footer-logo-buttons {
display: flex;
flex-direction: column;
align-items: center;
}
.footer-logo {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 30px;
}
.footer-logo img {
height: 30px;
}
.footer-buttons {
display: flex;
gap: 20px;
}
.btn {
padding: 10px 24px;
font-weight: bold;
border: none;
cursor: pointer;
}
.btn-outline {
border: 2px solid #fff;
background: transparent;
color: #fff;
}
.btn-fill {
background-color: #fcb813;
color: #000;
}
.footer-column {
min-width: 180px;
margin-bottom: 30px;
}
.footer-column h4 {
font-weight: bold;
margin-bottom: 10px;
}
.footer-column ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-column ul li {
margin-bottom: 8px;
font-size: 14px;
color: #ccc;
}
.footer-bottom {
text-align: center;
font-size: 13px;
color: #999;
margin-top: 20px;
}
.footer-bottom a {
color: #999;
text-decoration: none;
margin: 0 5px;
}
.footer-bottom a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.footer-top {
flex-direction: column;
align-items: center;
text-align: center;
}
.footer-column {
margin-top: 30px;
}
}
.white {
color: white;
font-size: 18px;
}
.foot-btm {
color: grey !important;
font-size: 18px;
/* text-align: left; */
}
.footer-list li {
font-size: 16px !important;
}
.footer-list li a {
color: #cccccc;
cursor: pointer;
}
.footer a:hover {
color: white !important;
text-decoration: none;
}
.footer ul li {
margin-bottom: 6px;
}
.footer-wide-padding {
padding-left: 80px;
padding-right: 80px;
}
@media (min-width: 1200px) {
.footer-wide-padding {
padding-left: 120px;
padding-right: 120px;
}
}
.goog-logo-link,
.goog-te-gadget span {
display: none !important;
}
/* Container for styling */
.custom-translate-dropdown {
/* background-color: #f1f1f1; */
/* border: 1px solid #ddd; */
display: inline-block;
padding: 6px 12px;
/* border-radius: 6px; */
font-size: 14px;
color: #333;
font-weight: 500;
position: relative;
}
/* Dropdown style */
.goog-te-combo {
background-color: #fff;
border: 1px solid #ccc;
padding: 6px 10px;
border-radius: 4px;
font-size: 14px;
cursor: pointer;
}
.language-selector {
position: relative;
display: inline-block;
}
.dropdown-toggle {
background: #000;
color: #fff;
border: none;
padding: 8px 12px;
cursor: pointer;
font-size: 14px;
display: flex;
align-items: center;
gap: 6px;
}
.dropdown-toggle img {
width: 20px;
height: auto;
}
.dropdown-menu {
display: none;
position: absolute;
background-color: #fff;
min-width: 120px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
z-index: 1;
margin-top: 5px;
border-radius: 5px;
overflow: hidden;
}
.dropdown-menu li {
padding: 8px 12px;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
}
.dropdown-menu li:hover {
background-color: #f0f0f0;
}
.language-selector:hover .dropdown-menu {
display: block;
}
/* */
.main-header.header-style-two .header-top .top-left {
padding: 8px 0px;
}
/* CSS WRITTEN BY ME */
#about-page {
padding: 80px 10px 80px 10px;
}
.element-grid {
display: grid;
/* grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); */
grid-template-columns: repeat(3, 1fr);
gap: 20px;
/* max-width: 600px;*/
width: 100%;
}
.element-btn {
background: #e6e6eb;
border: none;
border-radius: 2px;
padding: 10px;
text-align: center;
cursor: pointer;
position: relative;
aspect-ratio: 1 / 1;
transition: background 0.3s ease;
}
.element-btn:hover {
background: #fea000;
}
.atomic-number {
font-size: 12px;
position: absolute;
top: 6px;
left: 8px;
color: #999;
}
.symbol {
font-size: 28px;
font-weight: bold;
color: #444;
margin-top: 20px;
}
.label {
font-size: 16px;
color: #777;
margin-top: 5px;
}
/* Responsive improvements */
@media (max-width: 500px) {
.symbol {
font-size: 20px;
}
.element-grid {
grid-template-columns: repeat(2, 1fr);
}
.label {
font-size: 12px;
}
}
.dropdown ul li :hover {
background-color: #f5a10c;
}
/* Style for top nav dropdown */
.header-top .social-nav .dropdown {
position: relative;
display: inline-block;
}
.header-top .social-nav .dropdown-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #ffffff;
padding: 0;
margin: 0;
border: 1px solid #ddd;
z-index: 9999;
min-width: 140px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.header-top .social-nav .dropdown:hover .dropdown-menu {
display: block;
}
.header-top .social-nav .dropdown-menu li {
list-style: none;
border-bottom: 1px solid #eee;
}
.header-top .social-nav .dropdown-menu li a {
display: block;
padding: 8px 12px;
color: #333;
text-decoration: none;
font-size: 14px;
}
.header-top .social-nav .dropdown-menu li a:hover {
background: #007bff;
color: #fff;
}
.mr {
margin-top: 0px;
margin-bottom: 0px;
height: 910px;
}
/* .blog-modern-section .news-block-four .content-column .inner-column:before {
position: absolute;
content: '';
left: 64px;
bottom: 0px;
width: 5px;
height: 190px !important;
background-color: #FEA000;
} */
.dropdown {
position: relative;
display: inline-block;
font-family: sans-serif;
}
.dropdown-toggle {
cursor: pointer;
padding: 8px;
background: transparent;
color: white;
font-size: 16px;
}
.dropdown-menu {
display: none;
position: absolute;
top: 100%;
background-color: #333;
color: white;
min-width: 100px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
z-index: 1000;
}
.dropdown-menu a {
padding: 0px 2px;
display: block;
text-decoration: none;
color: black;
}
.dropdown-menu a:hover {
background-color: #444;
}
.dropdown.open .dropdown-menu {
display: block;
}
a.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd {
display: none !important;
}
.goog-te-gadget-simple {
position: relative;
z-index: 1;
opacity: 0;
}
.goog-te-gadget-icon {
margin-left: 20px !important;
margin-right: 20px !important;
}
li.new span {
position: absolute;
top: -21px;
left: 0;
padding: 5px;
cursor: pointer;
font-size: 16px;
color: white;
}
li.new {
position: relative;
}
.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd td a:first-child div {
display: none !important;
}
a.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd {
display: none !important;
}
.email-item::before {
content: "• ";
/* Bullet point */
color: #fea000;
/* Optional: color of the bullet */
margin-right: 5px;
}
p.email-item {
margin-bottom: 10px;
}
p.ki {
margin-left: 15px;
margin-bottom: 0px
}
.address-box {
border-left: 2px solid #fea000;
padding-left: 25px;
margin-left: 10px;
}
.contenu h3:after {
background: #f9b234;
bottom: 0;
content: "";
height: 3px;
left: 0;
margin-bottom: 5px;
position: absolute;
width: 50px;
}
.office-section {
background-color: #fff;
padding: 10px;
border-radius: 8px;
/* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
}
.office-section h2 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 20px;
color: black
}
.divider {
width: 50px;
height: 2px;
background-color: #000;
margin-bottom: 20px;
}
.address-box {
display: flex;
flex-direction: column;
}
.address-box h3 {
font-size: 1.5rem;
font-weight: 600;
color: #333;
margin-bottom: 10px;
}
.contact-info {
font-size: 1rem;
color: #555;
line-height: 1.6;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.contact-info strong {
font-weight: 600;
}
.contact-info a {
color: inherit;
text-decoration: none;
}
.contact-info a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.address-box {
flex-direction: column;
}
}
h3.fw-bold {
font-size: 18px;
}
h4.fw-bold {
font-size: 16px;
}
.contact-info p {
font-size: 15px;
}
h3.contenu {
margin-bottom: 20px;
}