/* Solustrid - Industry and Factory HTML Template */
/*********** TABLE OF CONTENTS **************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Header Style Two
6. Header Style Three
7. Header Style Four
8. Header Style Five
9. Sticky Header
10. Main Slider / Slider Two / Slider Three
11. Innovation Section
12. Services Section / Section Two / Section Three
13. Fluid Section One
14. Quote Section
15. Project Section
16. Skill Section
17. Client Section
18. News Section
19. Factory Section
20. Newsletter Section
21. Main Footer
22. About Section
23. Fun Fact Section
24. Featured Section
25. What We Offer
26. Request Quote Section
27. Testimonial Section
28. Sponsors Section
29. News Section Two
30. Newsletter Section Two
31. Design Section
32. Industries Section
33. About Industry Section
34. Fluid Section Two
35. Quote Section
36. Clients Section
37. Sponsors Section
38. Page Title
39. About Section Two
40. Mision Section
41. Faq Section
42. Team Section
43. Video Section
44. Services Detail Section
45. Approach Section
46. Blog Sidbar Widgets
47. Contact Form
48. Map Section
**********************************************/
/***
====================================================================
Fonts
====================================================================
***/
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
/* font-family: 'Lato', sans-serif; */
@import url('pe-icon-7-stroke.css');
@import url('simple-line-icons.css');
@import url('fontawesome-all.css');
@import url('animate.css');
@import url('flaticon.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
/***
====================================================================
Reset
====================================================================
***/
*{
margin:0px;
padding:0px;
border:none;
outline:none;
font-size: 100%;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-size:14px;
color:#787878;
line-height:1.6em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-family: 'Lato', sans-serif;
}
a{
text-decoration:none;
cursor:pointer;
color: #ffa800;
}
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.2em;
font-family: 'Lato', sans-serif;
letter-spacing: -0.02em;
}
textarea{
overflow:hidden;
}
button{
outline: none !important;
cursor: pointer;
}
p{
font-size: 16px;
line-height: 1.6em;
font-weight: 400;
color: #555555;
}
.text{
font-size: 16px;
line-height: 1.6em;
font-weight: 400;
color: #555555;
margin: 0;
}
::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}
.auto-container{
position:static;
max-width:1210px;
padding:0px 20px;
margin:0 auto;
}
.large-container{
position:static;
max-width:1600px;
padding:0px 15px;
margin:0 auto;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
z-index: 9;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
.theme-btn{
display:inline-block;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
font-family: 'Lato', sans-serif;
}
.theme-btn i{
position: relative;
display: inline-block;
font-size: 14px;
margin-left: 3px;
}
.centered{
text-align:center !important;
}
/*Btn Style One*/
.btn-style-one{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 30px;
color: #ffffff;
padding: 10px 30px;
font-weight: 800;
overflow: hidden;
border-radius: 3px;
letter-spacing:1px;
background-color: #ffa800;
text-transform: uppercase;
}
.btn-style-one:hover{
background-color: #ba0003;
color: #ffffff;
}
/*Btn Style Two*/
.btn-style-two{
position: relative;
display: inline-block;
font-size: 15px;
line-height: 30px;
color: #ffffff;
padding: 13px 33px;
font-weight: 700;
overflow: hidden;
border-radius: 2px;
letter-spacing:1px;
background-color: #ffa800;
text-transform: uppercase;
}
.btn-style-two:hover{
background-color: #ffffff;
color: #222222;
}
/* Btn Style Three */
.btn-style-three{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 30px;
color: #ba0003;
padding: 15px 39px;
font-weight: 700;
overflow: hidden;
border-radius: 3px;
letter-spacing:1px;
background-color: #ffffff;
text-transform: capitalize;
}
.btn-style-three:hover{
background-color: #ba0003;
color: #ffffff;
}
/* Btn Style Four */
.btn-style-four{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 30px;
color: #cccccc;
padding: 10px 26px;
font-weight: 400;
overflow: hidden;
border-radius: 3px;
letter-spacing:1px;
background: none;
border:1px solid #5b626f;
text-transform: capitalize;
}
.btn-style-four:hover{
background-color: #ffa800;
border-color:#ffa800;
color: #ffffff;
}
/*Btn Style Five*/
.btn-style-five{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 13px 35px;
font-weight: 800;
overflow: hidden;
border-radius: 3px;
letter-spacing:1px;
background-color: #ba0003;
text-transform: uppercase;
}
.btn-style-five:hover{
background-color: #ffa800;
color: #ffffff;
}
/* Btn Style Six */
.btn-style-six{
position: relative;
display: inline-block;
font-size: 15px;
line-height: 30px;
color: #ba0003;
padding: 13px 33px;
font-weight: 700;
overflow: hidden;
border-radius: 2px;
letter-spacing:1px;
background-color: #ffffff;
text-transform: uppercase;
}
.btn-style-six:hover{
background-color: #ba0003;
color: #ffffff;
}
/*Btn Style Seven*/
.btn-style-seven{
position: relative;
display: inline-block;
font-size: 15px;
line-height: 30px;
color: #ffffff;
padding: 10px 37px;
font-weight: 700;
overflow: hidden;
border-radius: 2px;
letter-spacing:1px;
background-color: #ffa800;
text-transform: uppercase;
}
.btn-style-seven:hover{
background-color: #ba0003;
color: #ffffff;
}
/*=== List Style One ===*/
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
font-size:16px;
line-height:24px;
color: #222222;
font-weight:700;
padding-left:25px;
margin-bottom: 11px;
}
.list-style-one li:before{
content: "\f138";
position:absolute;
left: 0;
top: 0px;
display:block;
font-size:14px;
line-height: 1.6em;
padding: 0px;
color:#ffa800;
font-weight:900;
font-family: "Font Awesome 5 Free";
}
.list-style-one li a:hover{
color: #44bce2;
}
.theme_color{
color:#ffa800;
}
.pull-right{
float: right;
}
.pull-left{
float: left;
}
.preloader{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:999999;
background-color:#ffffff;
background-position:center center;
background-repeat:no-repeat;
background-image:url(../images/icons/preloader11.svg);
}
img{
display:inline-block;
max-width:100%;
height:auto;
}
.dropdown-toggle::after{
display: none;
}
.fa{
line-height: inherit;
}
.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
position: absolute;
top: 50%;
left: 30px;
height: 60px;
width: 60px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.play-now .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.play-now .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:20px;
right:20px;
width:60px;
height:60px;
color:#ffffff;
font-size:24px;
line-height:60px;
text-align:center;
z-index:100;
cursor:pointer;
background:#1b1a1c;
display:none;
border-radius: 0;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.scroll-to-top:hover{
background:#ffa800;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position: relative;
display: block;
width: 100%;
z-index: 99999;
}
.main-header .header-top{
position: relative;
background-color:#ba0003;
}
.main-header .header-top .top-right{
position: relative;
float: right;
}
.main-header .header-top .info-list{
position: relative;
}
.main-header .header-top .info-list li{
position: relative;
float: left;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
padding: 15px 0px;
margin-left: 24px;
}
.main-header .header-top .info-list li a{
color: #ffffff;
}
.main-header .header-top .info-list li .icon{
position:relative;
margin-left:8px;
color:#ffa800;
}
.main-header .header-top .info-list li a:hover .txt{
color:#ffa800;
text-decoration:underline;
}
/* Top Left*/
.main-header .header-top .top-left{
position: relative;
float: left;
}
.main-header .header-top .top-left .text:before{
position:absolute;
content:'';
right:0%;
top:0px;
height:100%;
width:100000%;
display:block;
z-index:-1;
background-color:#000;
}
.main-header .header-top .top-left .text{
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
float:left;
z-index:1;
font-weight: 400;
padding: 15px 0px;
padding-right:40px;
}
.main-header .header-top .top-left .social-links{
position:relative;
float:left;
padding:18px 0px;
margin-left:40px;
}
.main-header .header-top .top-left .social-links li{
position:relative;
margin-right:18px;
display:inline-block;
}
.main-header .header-top .top-left .social-links li a{
position:relative;
color:#ffffff;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-top .top-left .social-links li a:hover{
color:#ffa800;
}
.main-header .header-top .top-right{
position:relative;
float:right;
}
.main-header .header-top-two{
position: relative;
background-color:#f3f5f9;
z-index: 7;
}
.main-header .header-top-two .top-right{
position: relative;
float: right;
}
.header-top-two .social-links{
position:relative;
float:left;
padding:14px 0px;
}
.header-top-two .social-links li{
position:relative;
margin-left:18px;
display:inline-block;
}
.header-top-two .social-links li a{
position:relative;
display: block;
color:#555555;
line-height: 30px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.header-top-two .social-links li a:hover{
color:#ffa800;
}
.header-top-two .change-location{
position: relative;
float: left;
margin-left: 30px;
}
.header-top-two .change-location .location{
position: relative;
padding: 14px 0px;
}
.header-top-two .change-location .location .dropdown-menu{
left: auto !important;
right: 0px;
top:100% !important;
width:170px;
border-radius:0px;
padding:0px;
margin-top:0px;
background-color:#222222;
border:none;
border-top:2px solid #ffa800;
transform:none !important;
}
.header-top-two .change-location .location > a{
display: block;
border:0px;
padding:0px;
font-size:14px;
background:#ba0003;
font-weight:400;
border-radius:0px;
padding-left:15px;
padding-right:15px;
line-height: 30px;
color:#ffffff !important;
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-top-two .change-location .location > a .fa{
padding-left: 5px;
vertical-align: middle;
}
.header-top-two .change-location .location .dropdown-menu > li{
padding: 0;
margin: 0;
border-bottom: 1px solid rgba(255,255,255,0.20);
}
.header-top-two .change-location .location .dropdown-menu > li:last-child{
border-bottom:none;
}
.header-top-two .change-location .location .dropdown-menu > li > a{
padding:8px 15px !important;
line-height: 24px;
display: block;
color:#ffffff !important;
text-align:left;
font-size:15px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.header-top-two .change-location .location .dropdown-menu > li > a:hover{
color:#ffffff;
background:#ffa800;
}
.header-top-two .top-left{
position: relative;
float: left;
padding: 14px 0px;
}
.header-top-two .top-left .text{
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #222222;
}
/* Header Top Three*/
.main-header .header-top-three{
position: relative;
background:none;
border-bottom: 1px solid rgba(255,255,255,0.20);
}
.main-header .header-top-three .top-left{
position: relative;
float: left;
}
.main-header .header-top-three .info-list{
position: relative;
}
.main-header .header-top-three .info-list li{
position: relative;
float: left;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 500;
padding: 15px 0px;
margin-right: 25px;
}
.main-header .header-top-three .info-list li a{
color: #ffffff;
}
.main-header .header-top-three .info-list li .icon{
position:relative;
margin-left:8px;
color:#ffa800;
}
.main-header .header-top-three .info-list li a:hover .txt{
color:#ffa800;
text-decoration:underline;
}
.main-header .header-top-three .top-right{
position: relative;
float: right;
}
.main-header .header-top-three .social-links{
position:relative;
float:right;
padding:18px 0px;
margin-left:40px;
}
.main-header .header-top-three .social-links li{
position:relative;
margin-right:18px;
display:inline-block;
}
.main-header .header-top-three .social-links li a{
position:relative;
color:#ffffff;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-top-three .social-links li a:hover{
color:#ffa800;
}
/*=== Header Upper ===*/
.jk-home-header .header-upper{
top: -25px;
}
.main-header .header-upper{
position:relative;
/*top: -25px;*/
z-index:5;
background-color: #ffffff;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-upper .logo-outer{
position:relative;
float: left;
z-index:25;
padding: 7px 0px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .logo-outer .logo img{
position:relative;
display:inline-block;
max-width:100%;
}
.main-header .header-upper .nav-outer{
float: right;
}
/*=== Header Lower ===*/
.main-header .header-lower{
position: relative;
}
.main-menu{
position:relative;
float:left;
}
.main-menu .navbar-collapse{
padding:0px;
}
.main-menu .navigation{
position:relative;
margin:0px;
}
.main-menu .navigation > li{
position:relative;
float:left;
padding:42px 0px;
margin-right: 40px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
text-align:center;
font-size:16px;
line-height:35px;
font-weight:700;
opacity:1;
color:#222222;
padding: 0px;
text-transform:none;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
color: #ffa800;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:100%;
width:240px;
z-index:100;
display:none;
padding:0px 0px;
background-color:#262626;
opacity:0;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-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(255,255,255,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:11px 25px;
line-height:24px;
font-weight:500;
font-size:15px;
color:rgba(255,255,255,0.90);
text-align:left;
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 > ul > li:hover > a{
color:#ffffff;
background-color:#ffa800;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'Font Awesome 5 Free';
content: "\f105";
position:absolute;
right:20px;
top:11px;
display:block;
line-height:24px;
font-size:16px;
font-weight:900;
z-index:5;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:100%;
top:0px;
width:240px;
z-index:100;
display:none;
background-color:#262626;
opacity:0;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-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 > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(255,255,255,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:11px 25px;
line-height:24px;
font-weight:500;
font-size:15px;
color:rgba(255,255,255,0.90);
text-align:left;
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 > ul > li > ul > li > a:hover{
color:#ffffff;
background-color:#ffa800;
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:100%;
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px);
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:0px;
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px);
}
.main-menu .navigation li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:8px;
width:34px;
height:30px;
border:1px solid #ffffff;
text-align:center;
font-size:16px;
line-height:26px;
color:#ffffff;
cursor:pointer;
z-index:5;
display:none;
}
.main-header .outer-box{
position: relative;
float: left;
}
/*search box btn*/
.main-header .search-box-outer{
position:relative;
float: left;
padding: 42px 0px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .search-box-btn{
position: relative;
height: 35px;
cursor: pointer;
background: none;
font-size: 16px;
color: #333333;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .search-box-btn:hover{
color: #03274a;
}
.dropdown-toggle::after{
display: none;
}
.main-header .search-box-outer .dropdown-menu{
top:75px !important;
left: auto !important;
right: 0;
padding:0px;
width:280px;
border-radius:0px;
transform: none !important;
border-top:3px solid #25262c;
}
.main-header .search-panel .form-container{
padding:25px 20px;
}
.main-header .search-panel .form-group{
position:relative;
margin:0px;
}
.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
display:block;
width:100%;
line-height:24px;
padding:7px 40px 7px 15px;
height:40px;
font-size:14px;
border:1px solid #e0e0e0;
background:#ffffff;
}
.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
border-color:#25262c;
}
.main-header .search-panel .search-btn{
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
text-align:center;
color:#555555;
font-size:12px;
background:none;
cursor:pointer;
}
.main-header .outer-box .btn-box{
position: relative;
float: right;
padding: 34px 0px;
margin-left: 35px;
}
.main-header .outer-box .btn-box .theme-btn{
position: relative;
float: right;
}
/*================================================
Header Style Two
==================================================*/
.header-style-two{
position: relative;
}
.header-style-two .header-upper .logo-outer{
padding-bottom: 22px;
}
.header-style-two .header-lower .nav-outer{
position: relative;
background: #ba0003;
bottom: -10px;
width: 100%;
}
.header-style-two .main-menu .navigation > li{
margin-right: 0px;
margin-left: 40px;
padding: 0;
}
.header-style-two .main-menu .navigation > li > a{
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
line-height: 30px;
padding: 20px 0px;
}
.header-style-two .main-menu .navigation > li:hover > a,
.header-style-two .main-menu .navigation > li.current > a{
color: #ffa800;
}
.header-style-two .outer-box{
float: right;
padding: 0;
}
.header-style-two .outer-box .btn-box{
padding: 0;
}
.header-style-two .outer-box .search-box-outer{
padding: 18px 0px 16px;
}
.header-style-two .search-box-btn{
color: #ffffff;
}
.header-style-two .search-box-btn:hover{
color: #ffa800;
}
.header-style-two .search-box-outer .dropdown-menu{
border-top-color: #ffa800;
top: 50px !important;
}
.header-style-two .outer-box .btn-box .theme-btn{
padding: 20px 30px;
border-radius: 0px;
}
.header-style-two .outer-box .btn-box .theme-btn:hover{
background: #ffa800;
opacity: 0.70;
color: #ffffff;
}
.header-style-two .logo-outer{
position: relative;
float: left;
}
.header-style-two .info-outer{
position: relative;
float: right;
padding-top: 30px;
}
.header-style-two .info-outer .info-box{
position: relative;
float: left;
margin-left: 70px;
padding-left: 45px;
margin-bottom: 30px;
}
.header-style-two .info-outer .info-box .icon{
position: absolute;
left: 0;
top: 0;
line-height: 56px;
font-size: 30px;
color: #ffa800;
}
.header-style-two .info-outer .info-box:first-child{
margin-left: 0;
}
.header-style-two .info-outer .info-box:before{
content: '';
position: absolute;
left: -36px;
top: 0;
height: 56px;
border-left: 1px solid #e0e0e0;
}
.header-style-two .info-outer .info-box:first-child:before{
display: none;
}
.header-style-two .info-outer .info-box .info{
position: relative;
display: block;
line-height: 1.4em;
font-size: 16px;
color: #222222;
}
.header-style-two .info-outer .info-box strong{
font-weight: 700;
line-height: 1.2em;
font-size: 15px;
color: #222222;
}
.header-style-two .info-outer .info-box a{
color: #222222;
}
.header-style-two .info-outer .info-box a:hover{
text-decoration: underline;
color: #ffa800;
}
/*================================================
Header Style Three
==================================================*/
.header-style-three{
position: absolute;
background: none;
}
.header-style-three .header-upper{
background: none;
}
.header-style-three .main-menu .navigation > li > a{
color: #ffffff;
}
.header-style-three .main-menu .navigation > li:hover > a,
.header-style-three .main-menu .navigation > li.current > a{
color: #ffa800;
}
.header-style-three .search-box-btn{
color: #ffffff;
}
.header-style-three .search-box-btn:hover{
color: #ffa800;
}
.main-header .search-box-outer .dropdown-menu{
border-top-color: #ffa800;
}
/***
====================================================================
Sticky Header
====================================================================
***/
.sticky-header{
position: fixed;
visibility: hidden;
opacity: 0;
left: 0px;
top: 0px;
width: 100%;
padding: 0px 0px;
z-index: -1;
background: #ffffff;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
-ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
-o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
box-shadow: 0 0 15px rgba(0,0,0,0.10);
-webkit-transition: top 300ms ease;
-moz-transition: top 300ms ease;
-ms-transition: top 300ms ease;
-o-transition: top 300ms ease;
transition: top 300ms ease;
}
.fixed-header .sticky-header{
opacity:1;
z-index: 99999;
visibility:visible;
}
.fixed-header .sticky-header .logo{
padding: 10px 0;
}
.sticky-header .main-menu .navigation > li{
margin-left: 32px !important;
padding: 0;
margin-right: 0;
background-color: transparent;
}
.sticky-header .main-menu .navigation > li > a:before,
.sticky-header .main-menu .navigation > li:after{
display: none !important;
}
.sticky-header .main-menu .navigation > li > a{
padding:20px 0px !important;
line-height:30px;
font-size:16px;
font-weight:600;
color:#222222;
text-transform:capitalize;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a{
opacity:1;
color: #ffa800;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title{
position:relative;
padding: 115px 0;
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
}
.page-title:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content:'';
background: rgb(39,105,191);
background: -moz-linear-gradient(left, #2f6ec0 0%, #4291f5 100%);
background: -webkit-linear-gradient(left, #2f6ec0 0%, #4291f5 100%);
background: linear-gradient(to right, #2f6ec0 0%, #4291f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f6ec0', endColorstr='#4291f5',GradientType=1 );
z-index:0;
}
.page-title:after{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content:'';
background:url(../images/background/page-title-pattern.html) right top no-repeat;
z-index:1;
opacity:0.05;
}
.page-title .inner-container{
position: relative;
z-index:5;
}
.page-title h1{
position:relative;
float: left;
font-size:48px;
color:#ffffff;
line-height: 50px;
font-weight: 600;
}
.page-title h1 span{
font-weight: 300;
margin-right: 10px;
}
.page-title .bread-crumb {
position: relative;
float: right;
padding: 10px 0;
}
.page-title .bread-crumb li{
position: relative;
float: left;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
text-transform: capitalize;
cursor: default;
padding-right: 15px;
margin-right: 12px;
}
.page-title .bread-crumb li:before{
position: absolute;
right: -3px;
font-size: 14px;
line-height: 30px;
color: #ffa800;
content: "\f0da";
font-family: "Font Awesome 5 Free";
}
.page-title .bread-crumb li:last-child{
padding-right: 0;
margin-right: 0;
}
.page-title .bread-crumb li:last-child:before{
display: none;
}
.page-title .bread-crumb li a{
color:#ffffff;
font-weight: 600;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border-bottom: 1px solid #ffffff;
}
.page-title .bread-crumb li a:hover{
color:#ffa800;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title{
position:relative;
z-index: 1;
margin-bottom:35px;
}
.sec-title .title{
position: relative;
display: block;
font-size: 18px;
line-height: 24px;
color: #afafaf;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 10px;
}
.sec-title h2{
position: relative;
display: block;
font-size:44px;
line-height: 1.2em;
color: #000;
font-weight: 800;
padding-bottom:25px;
}
.sec-title h2:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:120px;
height:1px;
background-color:#ffa800;
}
.sec-title h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:40px;
height:1px;
background-color:#ba0003;
}
.sec-title.light h2{
color: #ffffff;
}
.sec-title.light h2:after{
background-color:#ffffff;
}
.sec-title.centered{
text-align:center;
}
.sec-title.centered h2:before{
left:50%;
margin-left:-60px;
}
.sec-title.centered h2:after{
left:50%;
margin-left:-60px;
}
/***
====================================================================
Main Slider
====================================================================
***/
.main-slider{
position: relative;
}
.main-slider .border-layer{
position:relative;
width:200px;
height:345px;
border:12px solid #ffffff;
border-right:none;
}
.main-slider .border-layer:before{
position:absolute;
content:'';
right:-125px;
top:-12px;
width:125px;
height:12px;
background-color:#ffffff;
}
.main-slider h2{
position: relative;
display: block;
font-size: 60px;
color: #ffffff;
font-weight: 700;
line-height: 1.14em;
text-transform:uppercase;
}
.main-slider .text{
position: relative;
display: block;
font-size: 30px;
line-height: 1.6em;
color: #ffffff;
font-weight: 300;
}
.main-slider .link-box{
position: relative;
}
.main-slider .link-box:after{
display: table;
clear: both;
content: "";
}
.main-slider .link-box .theme-btn{
position: relative;
float: left;
margin-right: 35px;
}
.main-slider .icons-box{
position: relative;
}
.main-slider .icons-box .icon{
position: relative;
float:left;
display:block;
color:#ffffff;
font-size:52px;
line-height:56px;
margin-right:35px;
font-weight:400;
}
/***
====================================================================
Main Slider Two
====================================================================
***/
.main-slider-two{
position: relative;
}
.main-slider-two .border-layer{
position:relative;
width:200px;
height:345px;
border:12px solid #ffffff;
border-right:none;
}
.main-slider-two .border-layer:before{
position:absolute;
content:'';
right:-125px;
top:-12px;
width:125px;
height:12px;
background-color:#ffffff;
}
.main-slider-two h2{
position: relative;
display: block;
font-size: 60px;
color: #ffffff;
font-weight: 700;
line-height: 1.14em;
text-transform:capitalize;
}
.main-slider-two .text{
position: relative;
display: block;
font-size: 20px;
line-height: 1.6em;
color: #ffffff;
font-weight: 400;
}
.main-slider-two .link-box{
position: relative;
}
.main-slider-two .link-box .theme-btn{
position: relative;
margin-right: 20px;
}
.main-slider-two .link-box:after{
display: table;
clear: both;
content: "";
}
/***
====================================================================
Main Slider Three
====================================================================
***/
.main-slider-three{
position: relative;
}
.main-slider-three h2{
position: relative;
display: block;
font-size: 56px;
color: #ffffff;
font-weight: 700;
line-height: 1.2em;
text-transform:capitalize;
}
.main-slider-three .text{
position: relative;
display: block;
font-size: 20px;
line-height: 1.6em;
color: #ffffff;
font-weight: 400;
}
.main-slider-three .link-box{
position: relative;
}
.main-slider-three .link-box .theme-btn{
position: relative;
}
.main-slider-three .link-box:after{
display: table;
clear: both;
content: "";
}
/***
====================================================================
Innovation Section
====================================================================
***/
.innovation-section{
position:relative;
padding-bottom:55px;
}
.innovation-section .content-column{
position:relative;
}
.innovation-section .content-column .inner-column{
position:relative;
padding-top:95px;
}
.innovation-section .content-column .bold-text{
position:relative;
color:#222222;
font-size:16px;
line-height:1.7em;
font-weight:700;
margin-bottom:20px;
}
.innovation-section .content-column .text{
position:relative;
color:#555555;
font-size:16px;
line-height:1.7em;
font-weight:400;
margin-bottom:45px;
}
.innovation-section .content-column .inner-column .counter-box{
position:relative;
z-index:1;
text-align:center;
margin-right:-80px;
/*background-color:#ffffff;*/
/* -webkit-box-shadow:0px 0px 35px rgba(0,0,0,0.15);
-ms-box-shadow:0px 0px 35px rgba(0,0,0,0.15);
box-shadow:0px 0px 35px rgba(0,0,0,0.15);*/
}
.innovation-section .content-column .inner-column .fact-counter .column{
padding:0px;
float:left;
}
.innovation-section .content-column .inner-column .fact-counter .column:last-child .inner{
border-right:none;
}
/* Fact Counter */
.fact-counter{
position:relative;
}
.fact-counter .column{
position:relative;
}
.fact-counter .column .inner{
position:relative;
padding:45px 0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border-right:1px solid #dddddd;
}
.fact-counter .count-outer{
position:relative;
margin:0px 0px;
font-weight:300;
color:#ffa800;
font-size:40px;
}
.fact-counter .count-outer .count-text{
position:relative;
font-weight:300;
color:#ffa800;
font-size:40px;
display:inline-block;
}
.fact-counter .column .counter-title{
position:relative;
font-size:16px;
font-weight:700;
color:#fff;
display:block;
margin-top:15px;
letter-spacing:1px;
text-transform:capitalize;
}
.innovation-section .images-column{
position:relative;
margin-bottom:30px;
}
.innovation-section .images-column .inner-column{
position:relative;
margin-top:-17px;
}
.innovation-section .images-column .image{
position:relative;
margin-bottom:25px;
}
.innovation-section .images-column .image img{
position:relative;
width:100%;
display:block;
}
.services-section{
position:relative;
padding-bottom:70px;
}
/* Services Block */
.services-block{
position:relative;
margin-bottom:40px;
}
.services-block .inner-box{
position:relative;
display:block;
text-align:center;
padding:55px 15px 60px;
background-color:#f3f5f9;
border-bottom:3px solid #ba0003;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block .inner-box .big-icon{
position:absolute;
left:0px;
top:80px;
right:0px;
bottom:0px;
line-height:1em;
font-size:200px;
text-align:center;
color:rgba(255,255,255,0.05);
}
.services-block .inner-box:hover{
border-color:#ffa800;
}
.services-block .inner-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
visibility:visible;
background-color:#ba0003;
transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
-moz-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:top;
-ms-transform-origin:top;
-moz-transform-origin:top;
transform-origin:top;
}
.services-block .inner-box:hover::before{
opacity:1;
visibility:visible;
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
-moz-transform:scaleY(1);
transform:scaleY(1);
}
.services-block .inner-box .icon-box{
position:relative;
font-size:60px;
line-height:1em;
color:#ba0003;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block .inner-box:hover .text,
.services-block .inner-box:hover h3 a,
.services-block .inner-box:hover .icon-box{
color:#ffffff;
}
.services-block .inner-box h3{
position:relative;
font-size:20px;
font-weight:700;
color:#222222;
line-height:1.3em;
margin-top:30px;
margin-bottom:20px;
}
.services-block .inner-box h3 a{
position:relative;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block .inner-box .text{
position:relative;
font-size:16px;
line-height:1.7em;
color:#555555;
padding:0px 22px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block .inner-box .arrow{
position:absolute;
left:50%;
bottom:0px;
margin-bottom:-22px;
width:44px;
height:44px;
color:#ffa800;
font-size:10px;
line-height:44px;
text-align:center;
border-radius:50%;
font-weight:800;
margin-left:-20px;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-box-shadow:0px 10px 15px rgba(0,0,0,0.05);
-ms-box-shadow:0px 10px 15px rgba(0,0,0,0.05);
box-shadow:0px 10px 15px rgba(0,0,0,0.05);
}
.services-block .inner-box:hover .arrow{
background-color:#ffa800;
color:#ffffff;
}
/***
====================================================================
Fluid Section One
====================================================================
***/
.fluid-section-one{
position:relative;
margin-bottom: -20px;
z-index: 1;
}
.fluid-section-one .outer-container{
position:relative;
min-height:250px;
}
.fluid-section-one .image-column{
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.fluid-section-one .image-column .image-box{
position:relative;
display:none;
}
.fluid-section-one .image-column .image-box img{
position:relative;
display:block;
width:100%;
}
.fluid-section-one .content-column{
position:relative;
float:right;
width:50%;
}
.fluid-section-one .content-column .inner-column{
position:relative;
width:100%;
max-width:600px;
padding:25px 15px 80px 80px;
}
.fluid-section-one .content-column .text{
position:relative;
color:#555555;
font-size:16px;
line-height:1.8em;
margin-bottom:28px;
}
.fluid-section-one .content-column ul{
margin-left: 30px;
}
.fluid-section-one .content-column .signature-box{
position:relative;
margin-top:35px;
}
.fluid-section-one .content-column .signature-box h4{
position:relative;
font-style:italic;
color:#ba0003;
font-size:16px;
font-weight:700;
line-height:1.3em;
}
.fluid-section-one .content-column .signature-box .signature-img{
position:relative;
margin-top:12px;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two{
position:relative;
padding:115px 0px 80px;
/*margin: 0px 30px;*/
background-color:#ba0003;
-webkit-box-shadow:0px 15px 30px rgba(0,0,0,0.10);
-ms-box-shadow:0px 15px 30px rgba(0,0,0,0.10);
box-shadow:0px 15px 30px rgba(0,0,0,0.10);
}
.services-section-two .inner-container{
position:relative;
}
.services-section-two .inner-container .big-icon{
position:absolute;
left:-200px;
top:-30px;
font-size:400px;
line-height:1em;
color:rgba(255,255,255,0.08);
}
.services-section-two .sec-title{
margin-bottom:55px;
}
.services-section-two .sec-title .text{
position:relative;
font-size:16px;
line-height:1.8em;
margin-top:90px;
padding-right:100px;
color:rgba(255,255,255,0.60);
}
.services-section-two .owl-dots{
display:none;
}
.services-section-two .owl-nav{
position:absolute;
right:0px;
top:-125px;
}
.services-section-two .owl-nav .owl-prev{
position:relative;
color:#ffffff;
font-size:20px;
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-nav .owl-next{
position:relative;
color:#ffffff;
font-size:20px;
padding-left:20px;
margin-left:20px;
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;
border-left:1px solid rgba(255,255,255,0.20);
}
.services-section-two .owl-nav .owl-prev:hover,
.services-section-two .owl-nav .owl-next:hover{
color:#ffa800;
}
/* Services Block Two */
.services-block-two{
position:relative;
margin-bottom:30px;
}
.services-block-two .inner-box{
position:relative;
}
.services-block-two .inner-box .image{
position:relative;
display: block;
overflow: hidden;
}
.services-block-two .inner-box .image a{
position: relative;
display: block;
}
.services-block-two .inner-box .image a:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000000;
opacity: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
z-index: 1;
}
.services-block-two .inner-box:hover .image a:before{
opacity: 0.50;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.services-block-two .inner-box .image img{
position:relative;
height: 300px;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-two .inner-box:hover .image img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.services-block-two .inner-box .lower-content{
position:relative;
padding-top:35px;
}
.services-block-two .inner-box .lower-content h3{
position:relative;
font-size:24px;
font-weight:700;
line-height:1.4em;
}
.services-block-two .inner-box .lower-content h3 a{
position:relative;
color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-two .inner-box .lower-content h3 a:hover{
color:#ffa800;
}
.services-block-two .inner-box .lower-content .text{
position:relative;
font-size:16px;
line-height:1.7em;
margin-top:12px;
color:rgba(255,255,255,0.70);
}
.services-block-two .inner-box .lower-content .read-more{
position:relative;
color:#ffa800;
font-weight:700;
letter-spacing:1px;
margin-top:20px;
display:inline-block;
text-transform:uppercase;
text-decoration:underline;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-two .inner-box .lower-content .read-more .arrow{
position:relative;
top:-1px;
font-size:10px;
font-weight:700;
color:rgba(255,255,255,0.80);
}
.services-block-two .inner-box .lower-content .read-more:hover{
color:#ffffff;
}
/***
====================================================================
Quote Section
====================================================================
***/
.quote-section{
position:relative;
}
.quote-section .inner-section{
position:relative;
padding:48px 60px;
margin-top:-18px;
z-index:1;
background-color:#ffa800;
}
.quote-section .content{
position:relative;
padding-left:70px;
}
.quote-section .content .icon{
position:absolute;
left:0px;
top:4px;
color:#ffffff;
font-size:60px;
line-height:1em;
}
.quote-section .content h3{
position:relative;
color:#ffffff;
font-size:32px;
font-weight:700;
}
.quote-section .content .text{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:700;
margin-top:5px;
}
.quote-section .theme-btn{
position:relative;
margin-top:6px;
}
/***
====================================================================
Projects Section
====================================================================
***/
.projects-section{
position:relative;
padding:95px 0px 95px;
}
.projects-section .sec-title{
margin-bottom:55px;
}
.projects-section .projects-carousel{
position:relative;
}
.projects-section .projects-carousel .image-carousel{
position:relative;
}
.projects-section .projects-carousel .image-carousel .image-column{
position:relative;
}
.projects-section .projects-carousel .image-carousel .image-column .image{
position:relative;
}
.projects-section .projects-carousel .image-carousel .image-column .image img{
position:relative;
width:100%;
}
.projects-section .projects-carousel .image-carousel .content-column{
position:relative;
}
.projects-section .projects-carousel .image-carousel .content-column .inner-column{
position:relative;
padding-top:22px;
padding-left:18px;
}
.projects-section .projects-carousel .image-carousel .active .content-column .inner-column{
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.projects-section .projects-carousel .image-carousel .content-column .inner-column{
opacity: 0;
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
}
.projects-section .projects-carousel .image-carousel .active .content-column .inner-column{
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
-webkit-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
}
.projects-section .projects-carousel .image-carousel .image-column .inner-column{
opacity: 0;
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
}
.projects-section .projects-carousel .image-carousel .active .image-column .inner-column{
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
-webkit-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
}
.projects-section .projects-carousel .image-carousel .content-column{
position:relative;
}
.projects-section .projects-carousel .image-carousel .content-column .title{
position:relative;
color:#555555;
font-size:16px;
}
.projects-section .projects-carousel .image-carousel .content-column h3{
position:relative;
color:#222222;
font-size:32px;
margin-top:8px;
}
.projects-section .projects-carousel .image-carousel .content-column .text{
position:relative;
margin-top:18px;
color:#555555;
font-size:16px;
line-height:1.7em;
margin-bottom:26px;
}
.projects-section .projects-carousel .image-carousel .content-column .read-more{
position:relative;
color:#ffa800;
font-size:16px;
font-weight:700;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
text-transform:uppercase;
text-decoration:underline;
}
.projects-section .projects-carousel .image-carousel .content-column .read-more .arrow{
position:relative;
top:1px;
color:#ba0003;
font-weight:800;
margin-left:4px;
}
.projects-section .projects-carousel .image-carousel .content-column .read-more:hover{
color:#ba0003;
}
.projects-section .projects-carousel .thumbs-carousel{
max-width:560px;
margin:0 auto;
margin-top:70px;
}
.projects-section .projects-carousel .thumbs-carousel li:hover{
cursor:pointer;
}
.projects-section .projects-carousel .thumbs-carousel li:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:1;
opacity:0;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:rgba(0,0,0,0.80);
border-bottom:3px solid #ffa800;
}
.projects-section .projects-carousel .thumbs-carousel li:hover::before{
opacity:1;
}
.projects-section .projects-carousel .thumbs-carousel .owl-nav{
position:absolute;
left:-80px;
right:-80px;
top:50%;
margin-top:-21px;
}
.projects-section .projects-carousel .thumbs-carousel .owl-nav .owl-prev{
position:absolute;
width:44px;
height:44px;
line-height:42px;
border-radius:50px;
text-align:center;
font-size:20px;
border:1px solid #dedede;
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 .projects-carousel .thumbs-carousel .owl-nav .owl-next{
position:absolute;
right:0px;
width:44px;
height:44px;
line-height:42px;
border-radius:50px;
text-align:center;
font-size:20px;
border:1px solid #dedede;
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 .projects-carousel .thumbs-carousel .owl-nav .owl-prev:hover,
.projects-section .projects-carousel .thumbs-carousel .owl-nav .owl-next:hover{
color:#ffffff;
border-color:#ffa800;
background-color:#ffa800;
}
/***
====================================================================
Skill Section
====================================================================
***/
.skill-section{
position:relative;
padding:110px 0px 120px;
margin: 0px 30px;
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat;
}
.skill-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,30,87,0.55);
}
.skill-section .skill-column{
position:relative;
}
.skill-section .skill-column .inner-column{
position:relative;
}
.skill-section .skill-column h2{
position:relative;
color:#ffffff;
font-size:44px;
font-weight:700;
line-height:1.2em;
padding-top:30px;
margin-bottom:70px;
}
.skill-section .skill-column h2 span{
font-weight:800;
border-bottom:1px solid #ffa800;
}
.skill-section .skill-column h2:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 120px;
height: 1px;
background-color: #ffa800;
}
.skill-section .skill-column h2:after{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 40px;
height: 1px;
background-color: #ffffff;
}
/*Skills Section*/
.skills{
position: relative;
}
.skills .skill-item{
position:relative;
margin-bottom:32px;
}
.skills .skill-item:last-child{
margin-bottom:0px;
}
.skills .skill-item .skill-bar{
position:relative;
width:100%;
height:3px;
background-color:#eeeeee;
}
.skills .skill-item .skill-bar .bar-inner{
position:relative;
width:100%;
height:3px;
background:none;
}
.skills .skill-item .skill-bar .bar-inner .bar{
position:absolute;
left:0px;
top:0px;
height:3px;
width:0px;
-webkit-transition:all 2000ms ease;
-ms-transition:all 2000ms ease;
-o-transition:all 2000ms ease;
-moz-transition:all 2000ms ease;
transition:all 2000ms ease;
background:-webkit-linear-gradient(left, #ffffff, #df6614);
background:-ms-linear-gradient(left, #ffffff, #df6614);
background:-o-linear-gradient(left, #ffffff, #df6614);
background:-moz-linear-gradient(left, #ffffff, #df6614);
}
.skills .skill-item .skill-header{
position:relative;
margin-bottom:15px;
}
.skills .skill-item .skill-header .skill-title{
position:relative;
}
.skills .skill-item .skill-header .skill-title{
float:left;
color:#ffffff;
font-size:16px;
font-weight:400;
line-height:1.4em;
}
.skills .skill-item .skill-header .skill-percentage{
float:right;
color:#ffffff;
font-size:16px;
font-weight:400;
line-height:1.4em;
opacity:0.6;
}
.skill-section .video-column{
position:relative;
}
.skill-section .video-column .inner-column{
position:relative;
padding-top:150px;
}
.skill-section .video-column .inner-column .video-link-box{
position:relative;
float:right;
text-align:center;
}
/* Play Box */
.video-link-box .play-box{
position:relative;
display:block;
text-align:center;
width:80px;
height:80px;
margin:0 auto;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.video-link-box .play-box .icon{
position: relative;
width:80px;
height: 80px;
z-index:99;
display:inline-block;
color: #ffa800;
font-weight:400;
font-size:20px;
text-align: center;
border-radius:50%;
padding-left:4px;
line-height:80px;
background-color: #ffffff;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.15);
-ms-box-shadow:0px 0px 15px rgba(0,0,0,0.15);
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.video-link-box .play-box .icon-outer{
position:relative;
display:block;
width:80px;
height:80px;
margin:0 auto;
}
.video-link-box .play-box .icon-outer:before{
content:'';
position:absolute;
left:-15px;
top:-15px;
width:110px;
height:110px;
background:rgba(255,255,255,0.30);
border-radius:50%;
}
.video-link-box .play-box .icon:after{
content:'';
position:absolute;
left:-5px;
top:-5px;
bottom:-5px;
right:-5px;
background:rgba(255,255,255,0.30);
border-radius:50%;
}
.video-link-box .ripple,
.video-link-box .ripple:before,
.video-link-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-link-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.video-link-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
.video-link-box .video-title{
position:relative;
font-size:14px;
font-style:italic;
color:#ffffff;
display:block;
margin-top:25px;
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section{
position:relative;
padding:100px 0px 100px;
margin: 0px 60px;
margin-top: -20px;
background-color:#f3f5f9;
z-index: 1;
}
.clients-section.style-two{
background: none;
margin: 0;
padding-bottom: 0px;
}
.clients-section.style-two .logo-icon{
display: none;
}
.clients-section .owl-dots,
.clients-section .owl-nav{
display:none;
}
.clients-section.style-two .owl-dots{
display: block;
width: 100%;
text-align: center;
padding-top: 40px;
}
.clients-section.style-two .owl-dots .owl-dot{
display: inline-block;
margin: 0px 5px;
}
.clients-section.style-two .owl-dots .owl-dot span{
position: relative;
display: block;
width: 10px;
height: 10px;
background: none;
border:1px solid #e0e0e0;
border-radius: 50%;
}
.clients-section.style-two .owl-dots .owl-dot.active span{
background: #ba0003;
border-color:#ba0003;
}
.clients-section .logo-icon{
position:absolute;
right:0px;
top:90px;
left:0px;
font-size:500px;
line-height:1em;
text-align:center;
font-weight:800;
color:rgba(0,30,87,0.03);
}
.clients-section .sec-title{
margin-bottom:55px;
}
.testimonial-block{
position:relative;
}
.testimonial-block .inner-box{
position:relative;
text-align:center;
}
.testimonial-block .inner-box .image-outer{
position:relative;
width:260px;
height:90px;
margin:0 auto;
}
.testimonial-block .inner-box .image-outer .quote{
position:absolute;
left:0px;
top:28px;
right:0px;
font-size:28px;
color:#ffa800;
}
.testimonial-block .inner-box .image-outer .quote.quote-left{
left:0px;
right:auto;
-webkit-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
transform:rotateY(180deg);
}
.testimonial-block .inner-box .image-outer .quote.quote-right{
right:0px;
left:auto;
-webkit-transform:rotateX(180deg);
-ms-transform:rotateX(180deg);
transform:rotateX(180deg);
}
.testimonial-block .inner-box .image-outer .image{
position:relative;
width:90px;
height:90px;
border-radius:50%;
overflow:hidden;
margin:0 auto;
}
.testimonial-block .inner-box .text{
position:relative;
font-size:22px;
color:#222222;
font-style:italic;
line-height:1.5em;
max-width:930px;
margin:0 auto;
margin-top:30px;
}
.testimonial-block .inner-box h3{
position:relative;
color:#222222;
font-size:18px;
font-weight:700;
margin-top:30px;
}
.testimonial-block .inner-box .location{
position:relative;
color:#222222;
font-size:14px;
font-weight:400;
margin-top:4px;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section{
position:relative;
padding:100px 0px 50px;
}
.news-section.alternate{
padding-bottom: 100px;
}
.news-section.alternate:before{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
top: 400px;
background: #f3f5f9;
}
.news-section .sec-title{
margin-bottom:50px;
}
.news-block{
position:relative;
margin-bottom:50px;
}
.news-block .inner-box{
position:relative;
}
.news-block .inner-box .image{
position:relative;
display:block;
background:#222222;
overflow:hidden;
}
.news-block .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.news-block .inner-box:hover .image img{
opacity:0.7;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.news-block .inner-box .lower-content{
position:relative;
margin-left:12px;
margin-right:12px;
padding:34px 60px 60px;
text-align:center;
margin-top:-20px;
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;
border-bottom:3px solid #ba0003;
background-color:#ffffff;
-webkit-box-shadow:0px 0px 30px rgba(0,0,0,0.10);
-ms-box-shadow:0px 0px 30px rgba(0,0,0,0.10);
box-shadow:0px 0px 30px rgba(0,0,0,0.10);
}
.news-block .inner-box:hover .lower-content{
border-color:#ffa800;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
.news-block .inner-box .lower-content h3{
position:relative;
font-weight:700;
font-size:24px;
line-height:1.5em;
padding-bottom:18px;
margin-bottom:22px;
}
.news-block .inner-box .lower-content h3:after{
position:absolute;
content:'';
left:50%;
bottom:0px;
height:1px;
width:50px;
margin-left:-25px;
background-color:#ba0003;
}
.news-block .inner-box .lower-content h3 a{
position:relative;
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-block .inner-box .lower-content h3 a:hover{
color:#ffa800;
}
.news-block .inner-box .lower-content .post-date{
position:relative;
color:#555555;
font-size:16px;
line-height:1.3em;
}
.news-block .inner-box .lower-content .post-date span{
font-weight:700;
}
.news-block .inner-box .lower-content .arrow{
position: absolute;
left: 50%;
bottom: 0px;
margin-bottom: -22px;
width: 44px;
height: 44px;
color: #ffa800;
font-size: 10px;
line-height: 44px;
text-align: center;
border-radius: 50%;
font-weight: 800;
margin-left: -20px;
background-color: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.05);
-ms-box-shadow: 0px 0px 15px rgba(0,0,0,0.05);
box-shadow: 0px 0px 15px rgba(0,0,0,0.05);
}
.news-block .inner-box:hover .lower-content .arrow{
color:#ffffff;
background-color:#ffa800;
}
/***
====================================================================
Factory Section
====================================================================
***/
.factory-section{
position:relative;
padding:40px 0px 100px;
background-position:center bottom;
background-repeat:repeat-x;
}
.factory-section .owl-dots,
.factory-section .owl-nav{
display:none;
}
.factory-section .title-box{
position:relative;
text-align:center;
margin-bottom:60px;
}
.factory-section .title-box h2{
position:relative;
font-size:52px;
color:#000;
font-weight:700;
line-height:1.2em;
}
.factory-section .title-box .text{
position:relative;
font-size:18px;
color:#555555;
font-weight:400;
line-height:1.8em;
margin-top:25px;
}
.factory-section .factory-icon{
text-align:center;
}
.factory-section .factory-icon a{
position:relative;
display:block;
}
.factory-section .factory-icon img{
position:relative;
display:inline-block;
max-width: 100% !important;
width:auto !important;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.factory-section .factory-icon img:hover{
opacity:0.6;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
/***
====================================================================
Newsletter Section
====================================================================
***/
.newsletter-section{
position:relative;
padding:50px 0px 50px;
margin: 0px 30px;
margin-bottom: -20px;
background-color:#ffa800;
z-index: 1;
}
.newsletter-section h2{
position:relative;
color:#ffffff;
font-size:32px;
font-weight:700;
line-height:1.3em;
margin-top:6px;
}
/*Subscribe Form*/
.subscribe-form .form-group{
position:relative;
display:block;
margin:0px;
width:100%;
padding-right:165px;
}
.subscribe-form .form-group .icon{
position:absolute;
left:24px;
top:20px;
z-index:1;
color:#888888;
font-size:16px;
line-height:1em;
}
.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="tel"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:36px;
height:56px;
font-size:14px;
color:#222222;
background:#ffffff;
padding:10px 20px 10px 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;
}
.subscribe-form .form-group input[type="submit"],
.subscribe-form .submit-btn{
position:absolute;
right:0px;
top:0px;
color:#ffffff;
font-size:16px;
font-weight:700;
cursor:pointer;
padding:16px 52px;
background-color:#ba0003;
text-transform:uppercase;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer{
position:relative;
background-color:#fffdf6;
}
.main-footer .footer-widget{
position:relative;
margin-bottom:40px;
}
.main-footer .widgets-section{
position:relative;
padding:90px 0px 40px;
padding-bottom:40px;
}
.main-footer .footer-widget h2{
position:relative;
font-weight:700;
color:#17252D;
font-size:20px;
line-height:1.2em;
margin-bottom:24px;
padding-bottom:14px;
text-transform:capitalize;
}
.main-footer .footer-widget h2:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:1px;
width:50px;
background-color:#ffa800;
}
.main-footer .about-widget .text{
position:relative;
color:#474747;
font-size:16px;
line-height:1.6em;
margin-top:22px;
margin-bottom:32px;
}
/* Footer Service List */
.footer-service-list{
position:relative;
}
.footer-service-list li{
position:relative;
margin-bottom:10px;
}
.footer-service-list li a{
position:relative;
color:#474747;
font-size:16px;
-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-service-list li a:hover{
color:#474747;
text-decoration:underline;
}
/*News Widget Block*/
.news-widget-block{
position:relative;
margin-bottom:30px;
}
.news-widget-block:last-child{
margin-bottom:0px;
}
.news-widget-block:last-child{
margin-bottom:0px;
}
.news-widget-block .widget-inner{
position:relative;
padding-left:100px;
min-height:75px;
}
.news-widget-block .widget-inner .image{
position:absolute;
left:0px;
top:0px;
width:85px;
height:0px;
}
.news-widget-block .widget-inner .post-date{
position:relative;
color:#474747;
font-size:12px;
font-weight:400;
margin-bottom:5px;
}
.news-widget-block .widget-inner h3{
position:relative;
color:#474747;
font-size:18px;
line-height:1.4em;
font-weight:400;
top:-4px;
margin-bottom: 5px;
}
.news-widget-block .widget-inner h3 a{
position:relative;
color:#474747;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-widget-block .widget-inner h3 a:hover{
color:#ffa800;
}
.main-footer .contact-widget .number{
position:relative;
color:#474747;
font-size:20px;
font-weight:700;
margin-bottom:15px;
}
.main-footer .contact-widget ul li{
position:relative;
color:#474747;
font-size:16px;
margin-bottom:12px;
}
.main-footer .contact-widget ul li a:hover{
color:#474747;
text-decoration:underline;
}
.main-footer .footer-bottom{
position:relative;
padding:30px 0px;
border-top:1px solid rgba(255,255,255,0.10);
}
.main-footer .footer-bottom .copyright{
position:relative;
color:#474747;
font-size:16px;
}
.main-footer .footer-bottom .social-links{
position:relative;
}
.main-footer .footer-bottom .social-links li{
position:relative;
margin-left:15px;
display:inline-block;
}
.main-footer .footer-bottom .social-links li a{
position:relative;
color:#474747;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-footer .footer-bottom .social-links li a:hover{
color:#ffa800;
}
.footer-email{
color: #474747 !important;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-banner{
position:relative;
padding: 115px 0;
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
}
.page-banner:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content:'';
background-image: -ms-linear-gradient(left, rgba(0,18,52,0.95) 0%, rgba(255,255,255,0) 100%);
background-image: -moz-linear-gradient(left, rgba(0,18,52,0.95) 0%, rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left, rgba(0,18,52,0.95) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,18,52,0.95)), color-stop(100, rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(0,18,52,0.95) 0%, rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(0,18,52,0.95) 0%, rgba(255,255,255,0) 100%);
z-index:0;
}
.page-banner .inner-container{
position: relative;
z-index:5;
}
.page-banner h1{
position:relative;
font-size:52px;
color:#ffffff;
line-height: 1.3em;
font-weight: 700;
}
.page-banner .bread-crumb {
position: relative;
padding: 10px 0px;
}
.page-banner .bread-crumb li{
position: relative;
float: left;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
text-transform: capitalize;
cursor: default;
padding-right: 15px;
margin-right: 12px;
}
.page-banner .bread-crumb li:before{
position: absolute;
right: -3px;
font-size: 14px;
line-height: 30px;
color: #ffffff;
content: "\f105";
font-weight:800;
font-family: "Font Awesome 5 Free";
}
.page-banner .bread-crumb li:last-child{
padding-right: 0;
margin-right: 0;
}
.page-banner .bread-crumb li:last-child:before{
display: none;
}
.page-banner .bread-crumb li a{
color:#ffa800;
font-weight: 400;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.page-banner .bread-crumb li a:hover{
color:#ffffff;
}
/***
====================================================================
Contact Page Section
====================================================================
***/
.contact-page-section{
position:relative;
padding:100px 0px 50px;
}
.contact-page-section .info-column{
position:relative;
margin-bottom:40px;
}
.contact-page-section .info-column .inner-column{
position:relative;
margin-right:-20px;
padding:50px 35px 45px;
background-color:#ffa800;
-webkit-box-shadow:0px 0px 45px rgba(0,0,0,0.20);
-ms-box-shadow:0px 0px 45px rgba(0,0,0,0.20);
box-shadow:0px 0px 45px rgba(0,0,0,0.20);
}
.contact-page-section .info-column .inner-column .title-box{
position:relative;
}
.contact-page-section .info-column .inner-column .title-box h3{
position:relative;
color:#ffffff;
font-size:32px;
font-weight:700;
line-height:1.3em;
}
.contact-page-section .info-column .inner-column .title-box .title-text{
position:relative;
font-size:16px;
font-weight:400;
line-height:1.5em;
margin-top:8px;
margin-bottom:30px;
color:rgba(255,255,255,0.80);
}
.contact-page-section .info-column .inner-column .social-links{
position:relative;
}
.contact-page-section .info-column .inner-column .social-links li{
position:relative;
margin-right:4px;
margin-bottom:5px;
display:inline-block;
}
.contact-page-section .info-column .inner-column .social-links li a{
position:relative;
color:#ffffff;
width:45px;
height:45px;
border-radius:2px;
display:inline-block;
text-align:center;
line-height:43px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border:1px solid rgba(255,255,255,0.30);
}
.contact-page-section .info-column .inner-column .social-links li a:hover{
color:#ffa800;
border-color:#ffffff;
background-color:#ffffff;
}
/* Contact Info List */
.contact-info-list{
position:relative;
}
.contact-info-list li{
position:relative;
margin-bottom:30px;
font-size:16px;
min-height:50px;
line-height:1.8em;
padding-left:50px;
color:rgba(255,255,255,0.80);
}
.contact-info-list li strong{
font-weight:700;
font-size:18px;
display:block;
}
.contact-info-list li .icon{
position:absolute;
left:0px;
top:8px;
font-size:26px;
line-height:1em;
}
.contact-page-section .form-column{
position:relative;
}
.contact-page-section .form-column .inner-column{
position:relative;
padding-left:60px;
}
.contact-page-section .form-column .inner-column .row{
margin:0px -11px;
}
.contact-page-section .form-column .inner-column .contact-form .form-group{
padding:0px 10px;
}
/* Contact Form */
.contact-form{
position:relative;
margin-bottom:30px;
}
.contact-form .form-group{
position:relative;
margin-bottom:22px;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
position:relative;
display:block;
width:100%;
color:#a5a5a5;
line-height:26px;
padding:10px 28px;
height:60px;
font-size:14px;
border-radius:2px;
background:#f3f5f9;
border:1px solid transparent;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
border-color:#ffa800;
}
.contact-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 28px;
color:#a5a5a5;
height:200px;
font-size:14px;
resize:none;
border-radius:2px;
background:#f3f5f9;
border:1px solid transparent;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
/***
==================================================================
Contact Map Section
==================================================================
***/
.contact-map-section{
position: relative;
}
.contact-map-section .outer-container{
padding:0px 20px;
margin-bottom: -140px;
}
.contact-map-section .map-outer{
position: relative;
height: 500px;
}
.contact-map-section .map-canvas{
position: relative;
left: 0;
top: 0;
width: 100%;
height: 500px;
}
.map-data{
text-align:center;
font-size:14px;
font-weight:400;
line-height:1.8em;
padding: 10px;
}
.map-data h6{
font-size:16px;
font-weight:700;
text-align:center;
margin-bottom:10px;
color:#121212;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:100px 0px 50px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
.sidebar-page-container .sidebar-side .sidebar.padding-left{
padding-left:40px;
}
.sidebar-widget{
position:relative;
margin-bottom:45px;
}
/* Sidebar Title */
.sidebar-title{
position: relative;
margin-bottom:20px;
padding: 15px 15px 15px 24px;
border-left: 5px solid #ffa800;
-webkit-box-shadow:0px 0px 45px rgba(0,0,0,0.10);
-ms-box-shadow:0px 0px 45px rgba(0,0,0,0.10);
box-shadow:0px 0px 45px rgba(0,0,0,0.10);
}
.sidebar-title h5{
position: relative;
font-size: 18px;
color: #222222;
font-weight: 800;
line-height: 30px;
}
/*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:30px;
padding:10px 50px 10px 22px;
border:1px solid transparent;
background:#f3f5f9;
display:block;
font-size:14px;
width:100%;
height:60px;
color:#888888;
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:10px;
top:10px;
height:40px;
width:40px;
display:block;
font-size:16px;
color:#ffffff;
line-height:100%;
font-weight:normal;
background:#ffa800;
border-radius:50%;
}
/* Blog Categories */
.blog-categories{
position:relative;
}
.blog-categories li{
position:relative;
border-bottom:1px solid #dddddd;
}
.blog-categories li a{
position:relative;
color:#ba0003;
font-size:18px;
padding:16px 48px;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-categories li a:before{
position: absolute;
left: 25px;
margin-top:-2px;
font-size: 18px;
line-height: 30px;
content: "\f105";
font-weight:800;
font-family: "Font Awesome 5 Free";
}
.blog-categories li a:hover{
color:#ffa800;
}
/*Post Widget*/
.sidebar .popular-posts .post{
position:relative;
font-size:15px;
color:#242424;
padding:0px 0px;
padding:30px 25px;
min-height:70px;
margin-bottom:0px;
}
.sidebar .popular-posts .post:nth-child(2n + 0){
background-color:#f3f5f9;
}
.sidebar .popular-posts .post .post-inner{
position:relative;
padding-left:95px;
min-height:70px;
}
.sidebar .popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:75px;
}
.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:18px;
margin:0px 0px 0px;
font-weight:400;
color:#222222;
line-height:1.4em;
text-transform:capitalize;
}
.sidebar .popular-posts .post .text a{
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post a:hover{
color:#ffa800;
}
.sidebar .popular-posts .post-info{
position:relative;
font-size:12px;
color:#555555;
font-weight:400;
line-height:1.3em;
margin-top:4px;
}
/*Popular Tags*/
.sidebar .popular-tags .widget-content{
padding:15px 22px 0px;
}
.sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
padding:10px 22px 10px;
margin:0px 6px 10px 0px;
color:#222222;
text-align:center;
font-size:16px;
background:none;
font-weight:400;
border:1px solid #dddddd;
text-transform:capitalize;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.sidebar .popular-tags a:hover{
border-color:#ffa800;
background-color:#ffa800;
color:#ffffff;
}
/*=== Support Widget ===*/
.support-widget{
position: relative;
}
.support-widget .widget-content{
position: relative;
padding: 50px 40px;
background-color: #ba0003;
text-align: center;
}
.support-widget .icon{
position: relative;
display: block;
font-size: 60px;
line-height: 1em;
color: #ffa800;
font-weight: 400;
margin-bottom: 15px;
}
.support-widget .text{
position: relative;
display: block;
font-size: 22px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
margin-bottom: 20px;
}
.support-widget .number{
position: relative;
display: block;
font-size: 28px;
line-height: 1.2em;
color: #ffffff;
font-weight: 700;
margin-bottom:5px;
}
.support-widget .email{
position: relative;
}
.support-widget .email a{
position: relative;
display: block;
font-size: 16px;
line-height: 28px;
color: #ffffff;
font-weight: 700;
}
.support-widget .email a:hover{
text-decoration: underline;
}
/* Services Widget */
.services-widget{
position:relative;
}
.services-widget .widget-content{
position:relative;
padding:125px 35px 55px;
background-size:cover;
}
.services-widget .widget-content:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.70);
}
.services-widget .widget-content .icon{
position:relative;
z-index:1;
font-size:52px;
line-height:1em;
color:#ffffff;
margin-bottom:18px;
}
.services-widget .widget-content h3{
position:relative;
color:#ffffff;
font-size:30px;
font-weight:700;
line-height:1.3em;
margin-bottom:18px;
}
.services-widget .widget-content .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.6em;
margin-bottom:20px;
}
/* News Block */
.news-block-two{
position:relative;
margin-bottom:90px;
}
.news-block-two .inner-box{
position:relative;
}
.news-block-two .inner-box .image{
position:relative;
display: block;
overflow: hidden;
}
.news-block-two .inner-box .image a{
position: relative;
display: block;
}
.news-block-two .inner-box .image a:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000000;
opacity: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
z-index: 1;
}
.news-block-two .inner-box:hover .image a:before{
opacity: 0.50;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.news-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-two .inner-box:hover .image img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.news-block-two .inner-box .lower-content{
position:relative;
margin-left:30px;
margin-right:30px;
padding:38px 40px 50px;
margin-top:-75px;
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;
border-bottom:3px solid #ba0003;
background-color:#ffffff;
-webkit-box-shadow:0px 0px 30px rgba(0,0,0,0.10);
-ms-box-shadow:0px 0px 30px rgba(0,0,0,0.10);
box-shadow:0px 0px 30px rgba(0,0,0,0.10);
}
.news-block-two .inner-box .lower-content .post-meta{
position:relative;
margin-bottom:6px;
}
.news-block-two .inner-box .lower-content .post-meta li{
position:relative;
color:#555555;
font-size:14px;
display:inline-block;
padding-right:10px;
margin-right:10px;
line-height:1em;
font-weight:400;
border-right:1px solid #555555;
}
.news-block-two .inner-box .lower-content .post-meta li strong{
font-weight:700;
}
.news-block-two .inner-box .lower-content .post-meta li:last-child{
padding-right:0px;
border-right:none;
margin-right:0px;
}
.news-block-two .inner-box:hover .lower-content{
border-color:#ffa800;
}
.news-block-two .inner-box .lower-content h3{
position:relative;
font-weight:700;
font-size:32px;
line-height:1.5em;
padding-bottom:14px;
margin-bottom:22px;
}
.news-block-two .inner-box .lower-content h3:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:1px;
width:50px;
background-color:#ba0003;
}
.news-block-two .inner-box .lower-content h3 a{
position:relative;
color:#ba0003;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-block-two .inner-box .lower-content h3 a:hover{
color:#ffa800;
}
.news-block-two .inner-box .lower-content .post-date{
position:relative;
color:#555555;
font-size:16px;
line-height:1.3em;
}
.news-block-two .inner-box .lower-content .post-date span{
font-weight:700;
}
.news-block-two .inner-box .lower-content .text{
position:relative;
line-height:1.8em;
margin-bottom:15px;
}
.news-block-two .inner-box .lower-content .arrow{
position: absolute;
left: 42px;
bottom: 0px;
margin-bottom: -22px;
width: 44px;
height: 44px;
color: #ffa800;
font-size: 16px;
line-height: 44px;
text-align: center;
border-radius: 50%;
font-weight: 800;
background-color: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
-ms-box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.news-block-two .inner-box:hover .lower-content .arrow{
color:#ffffff;
background-color:#ffa800;
}
.news-block-two .inner-box .lower-content .share{
position:absolute;
bottom:20px;
right:40px;
font-size:20px;
}
/* News Block Three */
.news-block-three{
position:relative;
margin-bottom:90px;
}
.news-block-three .inner-box{
position:relative;
padding:70px 15px 70px;
text-align:center;
background-size:cover;
}
.news-block-three .inner-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(223,101,18,0.95);
}
.news-block-three .inner-box .icon-box a{
position:relative;
color:#ffffff;
line-height:1em;
font-size:30px;
z-index:1;
}
.news-block-three .inner-box h4{
position:relative;
font-size:32px;
line-height:1.3em;
font-weight:700;
margin-top:15px;
}
.news-block-three .inner-box h4 a{
position:relative;
color:#ffffff;
}
.news-block-three .inner-box .post-date{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:400;
z-index:1;
margin-top:10px;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination{
position:relative;
}
.styled-pagination li{
position:relative;
display:inline-block;
margin:0px 3px 0px 0px;
}
.styled-pagination li a{
position:relative;
display:inline-block;
line-height:42px;
height:45px;
font-size:16px;
min-width:45px;
color:#222222;
font-weight:700;
text-align:center;
background:#ffffff;
border:1px solid #dddddd;
text-transform:capitalize;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:#ffffff;
border-color:#ffa800;
background-color:#ffa800;
}
/***
====================================================================
About Section
====================================================================
***/
.about-section{
position:relative;
padding: 0px;
background: #ffffff;
}
.about-section .left-column{
position:relative;
float:left;
width:50%;
background:#f3f5f9;
}
.about-section .left-column .inner-column{
position:relative;
float:right;
width:100%;
max-width:600px;
padding:70px 70px 70px 15px;
}
.about-section .left-column .text{
margin-bottom:10px;
font-size:16px;
}
.about-section .left-column .signature{
margin-bottom:10px;
}
.about-section .left-column .author-name{
color:#ba0003;
font-weight:700;
font-style:italic;
}
.about-section .right-column{
position:relative;
float:left;
width:50%;
background:#ffffff;
}
.about-section .right-column .inner-column{
position:relative;
width:100%;
max-width:600px;
padding:70px 15px 40px 100px;
}
.services-block-six{
position:relative;
margin-bottom:30px;
}
.services-block-six .inner{
position:relative;
display:block;
overflow: hidden;
padding:40px 15px;
border:1px solid #e0e0e0;
text-align:center;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.services-block-six .inner:hover .icon{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.services-block-six .inner:hover{
border-color:#ba0003;
background:#ba0003;
}
.services-block-six .inner .over-link{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:5;
}
.services-block-six .inner .icon{
position:relative;
font-size:64px;
line-height:1em;
color:#ffa800;
margin-bottom:25px;
}
.services-block-six .inner h3{
position:relative;
font-size:18px;
line-height:1.3em;
color:#222222;
font-weight:700;
text-transform:capitalize;
}
.services-block-six .inner:hover h3{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.services-block-six .inner h3 a{
color:#222222;
}
.services-block-six .inner:hover h3,
.services-block-six .inner:hover h3 a,
.services-block-six .inner:hover .icon{
color:#ffffff;
}
/***
====================================================================
Fun Facts Section
====================================================================
***/
.title-style-one{
position:relative;
margin-bottom:60px;
}
.title-style-one.centered{
max-width:880px;
margin:0 auto 60px;
text-align:center;
}
.title-style-one .icon{
margin-bottom:15px;
}
.title-style-one .subtitle{
font-size:18px;
color:#afafaf;
margin-bottom:15px;
}
.title-style-one h2{
font-size:52px;
color:#222222;
font-weight:300;
line-height:1.2em;
}
.title-style-one.alternate h2{
font-size:42px;
font-weight:700;
}
.fun-facts-section{
position:relative;
padding: 100px 0px 60px;
background-color: #ffffff;
background-position:center bottom;
background-repeat:repeat-x;
}
.fun-facts-section .count-column{
position:relative;
text-align:center;
margin-bottom:40px;
}
.fun-facts-section .count-column .inner-box{
position:relative;
display:block;
}
.fun-facts-section .count-column .count-outer{
position:relative;
display:block;
margin:0px 0px 15px;
font-weight:400;
color:#ba0003;
font-size:72px;
line-height:1.2em;
}
.fun-facts-section .count-column .count-text{
position:relative;
}
.fun-facts-section .count-column .counter-title{
position:relative;
display:block;
font-size:17px;
font-weight:700;
color:#222222;
text-transform:uppercase;
margin-bottom:10px;
}
.fun-facts-section .count-column .text{
position:relative;
font-size:16px;
font-weight:400;
color:#555555;
}
/***
====================================================================
Services Section Three
====================================================================
***/
.services-section-three{
position:relative;
padding: 100px 0px 50px;
background-color: #ffffff;
}
/* Services Block Three */
.services-block-three{
position:relative;
margin-bottom:50px;
}
.services-block-three .inner-box{
position:relative;
display:block;
}
.services-block-three .inner-box .image{
position:relative;
display: block;
overflow: hidden;
}
.services-block-three .inner-box .image a{
position: relative;
display: block;
}
.services-block-three .inner-box .image a:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #ffa800;
opacity: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
z-index: 1;
}
.services-block-three .inner-box:hover .image a:before{
opacity: 0.70;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.services-block-three .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-three .inner-box:hover .image img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.services-block-three .inner-box .lower-content{
position:relative;
padding-top:25px;
}
.services-block-three .inner-box .lower-content h3{
position:relative;
font-size:22px;
font-weight:700;
line-height:1.4em;
margin-bottom:10px;
}
.services-block-three .inner-box .lower-content h3 a{
position:relative;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-three .inner-box .lower-content h3 a:hover{
color:#ffa800;
text-decoration:underline;
}
.services-block-three .inner-box .text{
margin-bottom:40px;
}
.services-block-three .inner-box .lower-content .text{
position:relative;
font-size:16px;
line-height:1.6em;
color:#555555;
margin-bottom:15px;
}
.services-block-three .inner-box .text p{
margin-bottom:25px;
}
.services-block-three .inner-box .lower-content .read-more{
position:relative;
color:#555555;
font-weight:700;
font-size: 14px;
display:inline-block;
text-transform:uppercase;
text-decoration:underline;
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 .lower-content .read-more .fas{
position:relative;
font-size:16px;
font-weight:700;
padding-left:5px;
color:#ba0003;
}
.services-block-three .inner-box .lower-content .read-more:hover{
color:#ffa800;
}
/* Services Block Four */
.services-block-four{
position:relative;
margin-bottom:50px;
}
.services-block-four .inner-box{
position:relative;
display:block;
color: #ffffff;
}
.services-block-four .inner-box .image{
position:relative;
}
.services-block-four .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.services-block-four .inner-box .over-content{
position:absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.70);
}
.services-block-four .inner-box .content-box{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 20px 30px 30px;
}
.services-block-four .inner-box .content-box h3{
position:relative;
font-size:28px;
font-weight:700;
line-height:1.4em;
margin-bottom:10px;
}
.services-block-four .inner-box .content-box .logo{
position:relative;
margin-bottom:10px;
}
.services-block-four .inner-box .content-box h3 a{
position:relative;
color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-four .inner-box .content-box h3 a:hover{
color:#ffa800;
text-decoration:underline;
}
.services-block-four .inner-box .content-box .text{
position:relative;
font-size:16px;
line-height:1.6em;
color:#ffffff;
margin-bottom:0px;
}
/***
====================================================================
Featured Section
====================================================================
***/
.featured-section{
position:relative;
padding: 150px 0px;
background-color: #ffffff;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.featured-section .content-box{
position: relative;
max-width: 550px;
padding: 50px 50px 55px;
background: #ffffff;
}
.featured-section .content-box .title{
position: relative;
margin-bottom: 40px;
}
.featured-section .content-box .title h2{
position: relative;
color: #ba0003;
font-weight: 800;
font-size: 30px;
text-transform: capitalize;
padding-bottom: 15px;
}
.featured-section .content-box .title:before{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 21px;
border-bottom: 1px solid #ba0003;
}
.featured-section .content-box .title:after{
content: '';
position: absolute;
left: 20px;
bottom: 0;
width: 60px;
border-bottom: 1px solid #ffa800;
}
.featured-section .content-box .slide-item h3{
position: relative;
color: #222222;
font-weight: 700;
font-size: 20px;
text-transform: capitalize;
margin-bottom: 15px;
}
.featured-section .content-box .slide-item h3 a{
position: relative;
color: #222222;
}
.featured-section .content-box .slide-item h3 a:hover{
color: #ffa800;
text-decoration: underline;
}
.featured-section .content-box .slide-item .text{
position: relative;
color: #222222;
font-weight: 400;
font-size: 16px;
margin-bottom: 30px;
}
.featured-section .content-box .slide-item .read-more{
position:relative;
color:#ffa800;
font-weight:700;
display:inline-block;
font-size: 14px;
text-transform:uppercase;
text-decoration:underline;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.featured-section .content-box .slide-item .read-more .fas{
position:relative;
font-size:16px;
font-weight:700;
padding-left:5px;
color:#ba0003;
}
.featured-section .content-box .slide-item .read-more:hover{
color:#ffa800;
}
.featured-section .content-box .owl-dots{
display: none;
}
.featured-section .content-box .owl-nav{
position: absolute;
right: 0px;
top: -80px;
}
.featured-section .content-box .owl-nav .owl-prev,
.featured-section .content-box .owl-nav .owl-next{
position: relative;
display: inline-block;
width: 42px;
height: 42px;
text-align: center;
border:1px solid #e0e0e0;
line-height: 40px;
color: #ba0003;
font-size: 18px;
margin-left: 7px;
border-radius: 50%;
}
.featured-section .content-box .owl-nav .owl-prev:hover,
.featured-section .content-box .owl-nav .owl-next:hover{
color: #ffffff;
background: #ba0003;
border-color: #ba0003;
}
/***
====================================================================
What We Offer Section
====================================================================
***/
.what-we-offer{
position:relative;
padding: 100px 0px 50px;
background-color: #ffffff;
}
.what-we-offer .text-column{
position: relative;
margin-bottom: 50px;
}
.what-we-offer .text-column .inner{
position: relative;
}
.tabs-box{
position: relative;
}
.tabs-box .tab-buttons{
position: relative;
}
.tabs-box .tab-buttons .tab-btn{
position: relative;
display: inline-block;
cursor: pointer;
}
.tabs-box .tabs-content{
position: relative;
}
.tabs-box .tabs-content .tab{
position: relative;
display: none;
}
.tabs-box .tabs-content .tab.active-tab{
display: block;
}
.tabs-style-one .tab-buttons{
position: relative;
margin-bottom: 35px;
}
.tabs-style-one .tab-buttons .tab-btn{
position: relative;
float: left;
margin-right: 45px;
text-align: center;
font-size: 18px;
text-transform: capitalize;
color: #888888;
font-weight: 700;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.tabs-style-one .tab-buttons .tab-btn .icon{
display: block;
line-height: 1em;
font-size: 32px;
font-weight: 400;
margin-bottom: 15px;
}
.tabs-style-one .tab-buttons .tab-btn .txt{
display: block;
position: relative;
padding-bottom: 5px;
}
.tabs-style-one .tab-buttons .tab-btn .txt:before{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
border-bottom: 3px solid transparent;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.tabs-style-one .tab-buttons .tab-btn.active-btn .txt{
color: #ba0003;
}
.tabs-style-one .tab-buttons .tab-btn.active-btn .txt:before{
width: 100%;
border-color: #ffa800;
}
.tabs-style-one .tab-buttons .tab-btn.active-btn .icon{
color: #ffa800;
}
.tabs-style-one .tab p{
margin-bottom: 30px;
}
.tabs-style-one .tab ul{
position: relative;
margin-bottom: 30px;
}
.tabs-style-one .tab ul li{
position: relative;
padding-left: 28px;
font-weight: 700;
color: #222222;
margin-bottom: 10px;
line-height: 1.5em;
}
.tabs-style-one .tab ul li:before{
content: "\f138";
position:absolute;
left: 0;
top: 0px;
display:block;
font-size:14px;
line-height: 1.4em;
padding: 0px;
color:#888888;
font-weight:900;
font-family: "Font Awesome 5 Free";
}
.tabs-style-one .tab .link-box{
position: relative;
padding-top: 20px;
}
.tabs-style-one .tab .read-more{
position:relative;
color:#ffa800;
font-weight:700;
display:inline-block;
font-size: 14px;
text-transform:uppercase;
text-decoration:underline;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.tabs-style-one .tab .read-more .fas{
position:relative;
font-size:16px;
font-weight:700;
padding-left:5px;
color:#ba0003;
}
.tabs-style-one .tab .read-more:hover{
color:#ffa800;
}
.what-we-offer .image-column{
position: relative;
margin-bottom: 50px;
}
.what-we-offer .image-column .inner{
position: relative;
display: block;
margin-top: 95px;
margin-left: 140px;
margin-right: -140px;
border:12px solid #ffa800;
height: 600px;
}
.what-we-offer .image-column .image-1{
position: absolute;
width: 100%;
max-width: 446px;
right: -80px;
bottom: 0px;
margin: 0;
}
.what-we-offer .image-column .image-2{
position: absolute;
left: -110px;
bottom: 85px;
width: 100%;
max-width: 340px;
margin: 0;
}
.what-we-offer .image-column img{
display: block;
width: 100%;
}
/* Play Box Two */
.video-box{
position: relative;
}
.video-box .overlay-link{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
background: rgba(0,30,87,0.60);
-webkit-box-shadow: 0px 0px 30px 2px rgba(0,0,0,0.15);
-ms-box-shadow: 0px 0px 30px 2px rgba(0,0,0,0.15);
box-shadow: 0px 0px 30px 2px rgba(0,0,0,0.15);
}
.play-box-two{
position:absolute;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
width:60px;
height:60px;
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;
}
.play-box-two .icon{
position: relative;
width:60px;
height: 60px;
z-index:99;
display:inline-block;
color: #ffa800;
font-weight:400;
font-size:18px;
text-align: center;
border-radius:50%;
padding-left:4px;
line-height:60px;
background-color: #ffffff;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.15);
-ms-box-shadow:0px 0px 15px rgba(0,0,0,0.15);
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.play-box-two .icon-outer{
position:relative;
display:block;
width:60px;
height:60px;
margin:0 auto;
}
.play-box-two .icon-outer:before{
content:'';
position:absolute;
left:-10px;
top:-10px;
width:80px;
height:80px;
background:rgba(255,255,255,0.30);
border-radius:50%;
}
.play-box-two .icon:after{
content:'';
position:absolute;
left:-5px;
top:-5px;
bottom:-5px;
right:-5px;
background:rgba(255,255,255,0.30);
border-radius:50%;
}
.play-box-two .ripple,
.play-box-two .ripple:before,
.play-box-two .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.play-box-two .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.play-box-two .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
/***
====================================================================
Request Quote Section
====================================================================
***/
.request-quote-section{
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 1;
padding: 100px 0 70px;
}
.request-quote-section:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color:#ba0003;
content: "";
opacity: 0.90;
}
.request-quote-section .sec-title .text{
margin-top: 25px;
color: rgba(255,255,255,0.60);
}
.appointment-form{
position: relative;
}
.appointment-form .form-group{
position:relative;
margin-bottom:30px;
}
.appointment-form .ui-selectmenu-button.ui-button,
.appointment-form .form-group input[type="text"],
.appointment-form .form-group input[type="email"],
.appointment-form .form-group input[type="tel"],
.appointment-form .form-group input[type="url"],
.appointment-form .form-group textarea,
.appointment-form .form-group select{
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
padding: 11px 25px;
width: 100%;
height: 54px;
background-color: #0d2960;
border-radius: 3px;
border: 1px solid rgba(255,255,255,0.10);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.appointment-form .form-group textarea{
height: 138px;
resize: none;
}
.appointment-form .form-group input[type="submit"],
.appointment-form button{
display: block;
width: 100%;
text-align: center;
line-height: 30px;
padding: 12px 30px;
}
.appointment-form .form-group input[type="submit"]:hover,
.appointment-form button:hover{
background: #222222;
}
.appointment-form .form-group input:focus,
.appointment-form .form-group textarea:focus,
.appointment-form .form-group select:focus{
border-color: #ffa800;
}
.appointment-form ::-webkit-input-placeholder{color: rgba(255,255,255,0.50);}
.appointment-form ::-moz-input-placeholder{color: rgba(255,255,255,0.50);}
.appointment-form ::-ms-input-placeholder{color: rgba(255,255,255,0.50);}
.appointment-form .ui-button .ui-icon{
background:none;
position:relative;
top:5px;
text-indent:0px;
color:#ab7442;
}
.appointment-form .ui-button .ui-icon:before {
font-family: 'Font Awesome 5 Free';
content: "\f107";
font-weight: 900;
position: absolute;
right: 0px;
top: 0px;
width: 10px;
height: 20px;
display: block;
color: #ffffff;
line-height: 20px;
font-size: 14px;
text-align: center;
z-index: 5;
}
.ui-menu .ui-menu-item-wrapper{
padding:10px 20px;
line-height:20px;
font-size: 14px;
border-bottom:1px solid rgba(0,0,0,0.10);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active, .ui-button:active,
.ui-button.ui-state-active:hover{
background-color: #ffa800;
border-color:#ffa800;
}
/***
====================================================================
Testimonials Section
====================================================================
***/
.testimonials-section{
position: relative;
background: #ffffff;
padding: 100px 0 50px;
}
.testimonials-section .sec-title{
margin-bottom: 50px;
}
.testimonial-block-one{
position: relative;
}
.testimonial-block-one .inner-box{
position: relative;
display: block;
}
.testimonial-block-one .upper{
position: relative;
padding: 40px 35px 80px;
background: #f3f5f9;
border-radius: 3px;
margin-bottom: 40px;
text-align: center;
}
.testimonial-block-one .upper:before{
content: '';
position: absolute;
left: 35px;
bottom: -22px;
border: 12px solid transparent;
border-top:12px solid #f3f5f9;
}
.testimonial-block-one .upper .text{
position: relative;
font-size: 17px;
font-style: italic;
line-height: 1.6em;
}
.testimonial-block-one .upper .icon{
position: absolute;
right: 30px;
bottom: 30px;
font-size: 40px;
color: #ffa800;
}
.testimonial-block-one .lower{
position: relative;
padding-left: 65px;
min-height: 50px;
padding-top: 3px;
margin-left: 20px;
}
.testimonial-block-one .lower .image{
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
}
.testimonial-block-one .lower .image img{
position: relative;
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
}
.testimonial-block-one .lower .name{
font-size: 17px;
line-height: 1.4em;
color: #222222;
font-weight: 700;
text-transform: capitalize;
}
.testimonial-block-one .lower .location{
font-size: 14px;
color: #222222;
}
.testimonials-section .owl-nav,
.testimonials-section .owl-dots{
display: none;
}
/***
====================================================================
Sponsors Section
====================================================================
***/
.sponsors-section{
position:relative;
padding:100px 0px;
background:#ffffff;
}
.sponsors-section.alternate{
padding:50px 0px 100px;
}
.sponsors-section .owl-dots,
.sponsors-section .owl-nav{
display:none;
}
.sponsors-section .logo{
text-align:center;
}
.sponsors-section .logo a{
position:relative;
display:block;
}
.sponsors-section .logo img{
position:relative;
display:inline-block !important;
max-width: 100% !important;
width:auto !important;
opacity:0.7;
-webkit-filter: grayscale(1);
filter: grayscale(1);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sponsors-section .logo img:hover{
opacity:1;
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
/***
====================================================================
Newsletter Section Two
====================================================================
***/
.newsletter-section-two{
position:relative;
padding:100px 0px;
background:#ffffff;
z-index: 1;
}
.newsletter-section-two .title-box{
position: relative;
max-width: 980px;
margin: 0 auto 50px;
text-align: center;
}
.newsletter-section-two .title-box h2{
position:relative;
color:#ba0003;
font-size:32px;
font-weight:700;
line-height:1.3em;
margin-bottom: 20px;
}
.newsletter-section-two .title-box .text{
position:relative;
color:#222222;
font-size:16px;
font-weight:400;
line-height:1.6em;
margin-bottom: 0px;
}
/*Subscribe Form Two*/
.subscribe-form-two{
position: relative;
max-width: 560px;
margin: 0 auto;
}
.subscribe-form-two .form-group{
position:relative;
display:block;
margin:0px;
width:100%;
padding-right:165px;
}
.subscribe-form-two .form-group .icon{
position:absolute;
left:24px;
top:20px;
z-index:1;
color:#888888;
font-size:16px;
line-height:1em;
}
.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:36px;
height:56px;
font-size:14px;
color:#222222;
background:#f3f5f9;
padding:10px 20px 10px 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;
}
.subscribe-form-two .form-group input[type="submit"],
.subscribe-form-two .submit-btn{
position:absolute;
right:0px;
top:0px;
color:#ffffff;
font-size:16px;
font-weight:700;
cursor:pointer;
padding:16px 52px;
background-color:#de6512;
text-transform:uppercase;
}
.blog-detail{
position:relative;
}
.blog-detail .inner-box{
position:relative;
}
.blog-detail .inner-box .image{
position:relative;
}
.blog-detail .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.blog-detail .inner-box .lower-content{
position:relative;
}
.blog-detail .inner-box .lower-content .content-inner{
position:relative;
}
.blog-detail .inner-box .lower-content .content-inner .title-box{
position:relative;
padding:40px 40px;
margin-left:30px;
margin-right:30px;
margin-top:-75px;
margin-bottom:35px;
background-color:#ffffff;
-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.10);
-ms-box-shadow:0px 0px 20px rgba(0,0,0,0.10);
box-shadow:0px 0px 20px rgba(0,0,0,0.10);
border-bottom:3px solid #ba0003;
}
.blog-detail .inner-box .lower-content .content-inner .title-box .post-meta{
position:relative;
margin-bottom:4px;
}
.blog-detail .inner-box .lower-content .content-inner .title-box .post-meta li{
position:relative;
color:#555555;
line-height:1em;
display:inline-block;
padding-right:12px;
margin-right:12px;
border-right:1px solid #555555;
}
.blog-detail .inner-box .lower-content .content-inner .title-box .post-meta li:last-child{
padding-right:0px;
margin-right:0px;
border-right:0px;
}
.blog-detail .inner-box .lower-content .content-inner .title-box .post-meta li strong{
font-weight:600;
}
.blog-detail .inner-box .lower-content .content-inner .title-box h2{
position: relative;
font-weight: 700;
font-size: 32px;
color:#ba0003;
line-height: 1.5em;
}
.blog-detail .inner-box .lower-content .text{
position:relative;
}
.blog-detail .inner-box .lower-content .text p{
position:relative;
color:#555555;
font-size:16px;
line-height:1.8em;
margin-bottom:22px;
}
.blog-detail .inner-box .lower-content .text h3{
position: relative;
font-weight: 800;
font-size: 24px;
color:#222222;
line-height: 1.5em;
margin-bottom:16px;
}
.blog-detail .inner-box .lower-content .text .gallery-column{
position:relative;
margin-top:35px;
}
.blog-detail .inner-box .lower-content .text .gallery-column .image{
margin-bottom:30px;
}
.blog-detail .inner-box .lower-content .text .gallery-column .image img{
width:100%;
display:block;
}
.blog-detail .inner-box .lower-content .text blockquote{
position:relative;
margin-bottom:30px;
padding:50px 50px 45px;
background-color:#f3f5f9;
}
.blog-detail .inner-box .lower-content .text blockquote .blockquote-inner{
position:relative;
text-align:center;
}
.blog-detail .inner-box .lower-content .text blockquote .blockquote-inner .big-icon{
position:absolute;
top:-20px;
font-size:180px;
line-height:1em;
text-align:center;
width:100%;
color:rgba(0,30,87,0.05);
}
.blog-detail .inner-box .lower-content .text blockquote .blockquote-inner .quote-icon{
position:relative;
color:#ffa800;
font-size:30px;
line-height:1em;
margin-bottom:15px;
}
.blog-detail .inner-box .lower-content .text blockquote .blockquote-inner .quote-text{
position:relative;
color:#222222;
font-size:18px;
font-style:italic;
line-height:1.8em;
font-weight:700;
}
.blog-detail .inner-box .lower-content .post-share-options{
position:relative;
}
.blog-detail .inner-box .lower-content .post-share-options .tags a{
position:relative;
color:#ba0003;
font-size:12px;
font-weight:800;
margin-right:2px;
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;
}
.blog-detail .inner-box .lower-content .post-share-options .tags a:hover{
color:#ffa800;
}
/* New Article */
.new-article{
position:relative;
padding:10px 10px;
margin-top:35px;
background-color:#ba0003;
}
.new-article .prev-post{
position:relative;
width:50%;
float:left;
padding-right:5px;
}
.new-article .prev-post a{
position:relative;
color:#ffffff;
padding:18px 25px;
display:block;
font-size:13px;
font-weight:700;
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;
background-color:rgba(255,255,255,0.10);
}
.new-article .prev-post a .fas{
margin-right:5px;
color:#ffa800;
font-size:15px;
}
.new-article .prev-post a:hover{
color:#ffa800;
}
.new-article .next-post{
position:relative;
width:50%;
float:right;
text-align:right;
padding-left:5px;
}
.new-article .next-post a{
position:relative;
color:#ffffff;
padding:18px 25px;
display:block;
font-size:13px;
font-weight:700;
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;
background-color:rgba(255,255,255,0.10);
}
.new-article .next-post a .fas{
margin-left:5px;
color:#ffa800;
font-size:15px;
}
.new-article .next-post a:hover{
color:#ffa800;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area{
position:relative;
margin-bottom:60px;
margin-top:65px;
}
.sidebar-page-container .group-title{
position:relative;
margin-bottom:45px;
}
.sidebar-page-container .group-title h2{
position:relative;
font-size:32px;
color:#ba0003;
font-weight:800;
padding-bottom:12px;
text-transform:capitalize;
}
.sidebar-page-container .group-title h2:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:120px;
height:1px;
background-color:#ffa800;
}
.sidebar-page-container .group-title h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:40px;
height:1px;
background-color:#ba0003;
}
.sidebar-page-container .comments-area .comment-box{
position:relative;
padding:0px 0px 0px;
margin-bottom:40px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.sidebar-page-container .comments-area .comment{
position:relative;
min-height:70px;
padding:0px 0px 0px 100px;
font-size:14px;
}
.sidebar-page-container .comments-area .reply-comment{
margin-left:120px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
width:70px;
border-radius:50%;
margin-bottom:20px;
overflow:hidden;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img{
width:100%;
display:block;
}
.sidebar-page-container .comments-area .comment-info{
margin-bottom:10px;
}
.sidebar-page-container .comments-area .comment-box strong{
font-size:18px;
font-weight:700;
color:#222222;
display:block;
line-height:1.3em;
text-transform:capitalize;
}
.sidebar-page-container .comments-area .comment-box .text{
color:#555555;
font-size:16px;
line-height:1.8em;
margin-bottom:16px;
}
.sidebar-page-container .comments-area .comment-info .comment-time{
font-size:12px;
color:#444444;
font-weight:700;
}
.sidebar-page-container .comments-area .comment-box .reply-outer{
position:relative;
}
.sidebar-page-container .comments-area .comment-box .reply-outer:before{
position:absolute;
content:'';
left:0px;
top:11px;
width:100%;
height:1px;
background-color:#dddddd;
}
.sidebar-page-container .comments-area .comment-box .theme-btn{
position:relative;
padding:0px 22px 0px 0px;
font-size:14px;
color:#ffa800;
font-weight:700;
text-transform:uppercase;
text-decoration:underline;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.sidebar-page-container .comments-area .comment-box .theme-btn .fas{
margin-left:4px;
top:1px;
color:#ba0003;
}
.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
color:#ba0003;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form .form-group{
margin-bottom:20px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 28px;
color:#888888;
border:1px solid transparent;
height:60px;
font-size:16px;
background:#f3f5f9;
-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:#ffaa00;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 18px;
color:#888888;
border:1px solid transparent;
height:150px;
background:#f3f5f9;
resize:none;
font-size:16px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form button{
padding:13px 51px;
}
.comment-form button:hover{
background-color:#030e22;
color:#ffffff;
}
/* Sidebar Padding Right */
.sidebar-page-container .sidebar-side .sidebar.padding-right{
padding-right:40px;
}
.services-categories{
position:relative;
}
.services-categories li{
position:relative;
margin-bottom: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;
}
.services-categories li a{
position:relative;
color:#ba0003;
font-size:18px;
font-weight:400;
display:block;
background-color:#f3f5f9;
border-bottom:1px solid #9eaac0;
padding:20px 15px 20px 30px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-categories li a:before{
position:absolute;
content:'\f105';
right:22px;
top:22px;
color:#000048;
font-size:18px;
font-weight:900;
font-family: "Font Awesome 5 Free";
}
.services-categories li.active a:before,
.services-categories li:hover a:before{
color:#ffffff;
}
.services-categories li.active a,
.services-categories li a:hover{
color:#ffffff;
border-color:#ffa800;
background-color:#ffa800;
}
/*=== Brochures Widget ===*/
.brochures{
position: relative;
}
.brochures .widget-content{
padding-top: 15px;
}
.brochures .brochure-btn{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #222222;
font-weight: 500;
padding: 15px 15px;
border-bottom: 1px solid #dddddd;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.brochures .brochure-btn span{
position: relative;
float: left;
color: #ffa800;
font-size: 30px;
margin-right: 20px;
}
.brochures .brochure-btn:hover{
color: #ffa800;
}
/* Blog Detail */
.services-detail{
position:relative;
}
.services-detail .inner-box{
position:relative;
}
.services-detail .inner-box .image{
position:relative;
}
.services-detail .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.services-detail .inner-box .lower-content{
position:relative;
padding-top:35px;
}
.services-detail .inner-box .lower-content .title-box{
position:relative;
margin-bottom:35px;
}
.services-detail .inner-box .lower-content .title-box .title{
position: relative;
display: block;
font-size: 18px;
line-height: 24px;
color: #afafaf;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 10px;
}
.services-detail .inner-box .lower-content .title-box h2{
position: relative;
display: block;
font-size:44px;
line-height: 1.2em;
color: #ba0003;
font-weight: 700;
padding-bottom:25px;
}
.services-detail .inner-box .lower-content .title-box h2:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:120px;
height:1px;
background-color:#ffa800;
}
.services-detail .inner-box .lower-content .title-box h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:40px;
height:1px;
background-color:#ba0003;
}
.services-detail .inner-box .lower-content .bold-text{
position:relative;
color:#222222;
font-size:16px;
font-weight:700;
line-height:1.8em;
margin-bottom:22px;
}
.services-detail .inner-box .lower-content .text{
position:relative;
}
.services-detail .inner-box .lower-content .text p{
position:relative;
color:#555555;
font-size:16px;
line-height:1.7em;
margin-bottom:25px;
}
.services-detail .inner-box .lower-content .text h3{
position:relative;
color:#ba0003;
font-size:24px;
margin-bottom:24px;
padding-bottom:22px;
font-weight:900;
}
.services-detail .inner-box .lower-content .text h3:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:1px;
width:50px;
background-color:#ffa800;
}
.services-detail .services-featured-outer{
position:relative;
margin-top:35px;
margin-bottom:10px;
}
.services-detail .inner-box .lower-content .default-two-column{
position:relative;
margin-bottom:15px;
}
.services-detail .inner-box .lower-content .default-two-column .column{
margin-bottom:20px;
}
/* Feature Block */
.feature-block{
position:relative;
margin-bottom:35px;
}
.feature-block .inner-box{
position:relative;
padding-left:105px;
padding-bottom:32px;
min-height:112px;
border-bottom:1px solid #dddddd;
}
.feature-block .inner-box .icon-box{
position:absolute;
left:0px;
top:0px;
width:80px;
height:80px;
color:#e3803d;
line-height:80px;
font-size:50px;
display:block;
text-align:center;
background-color:#f3f5f9;
}
.feature-block .inner-box h4{
position:relative;
font-size:18px;
color:#222222;
font-weight:700;
line-height:1.3em;
margin-bottom:8px;
}
.feature-block .inner-box .text{
position:relative;
color:#555555;
font-size:16px;
line-height:1.7em;
}
.services-detail .inner-box .lower-content h5{
position:relative;
font-size:20px;
font-weight:700;
line-height:1.3em;
text-align:center;
color:#222222;
margin-bottom:35px;
margin-top:40px;
}
.services-detail .inner-box .lower-content .fact-counter{
position: relative;
z-index: 1;
text-align: center;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 35px rgba(0,0,0,0.15);
-ms-box-shadow: 0px 0px 35px rgba(0,0,0,0.15);
box-shadow: 0px 0px 35px rgba(0,0,0,0.15);
}
.services-detail .inner-box .lower-content .fact-counter .counter-column{
float:left;
padding:0px;
}
.services-detail .inner-box .lower-content .fact-counter .column:last-child .inner{
border-right:none;
}
/***
====================================================================
Page Title Style Two
====================================================================
***/
.page-banner.style-two{
position:relative;
padding: 110px 0 80px;
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
}
/***
====================================================================
About Section Two
====================================================================
***/
.title-style-one.style-two{
position:relative;
margin-bottom:60px;
}
.title-style-one.style-two h2{
font-size:52px;
color:#ba0003;
font-weight:400;
line-height:1.2em;
}
.title-style-one .text{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #555555;
font-weight: 400;
margin-top: 30px;
}
/***
====================================================================
About Section Two
====================================================================
***/
.about-section-two{
position: relative;
background-repeat:no-repeat;
background-position: center bottom;
padding: 100px 0 0;
}
.about-section-two .title-style-one{
max-width: 980px !important;
}
.about-section-two .image-column{
position: relative;
}
.about-section-two .image-column .inner-column{
position: relative;
padding-right: 60px;
}
.about-section-two .image-column .image{
position: relative;
display: block;
margin-bottom: 0;
}
.about-section-two .image-column .image img{
display: block;
width: 100%;
height: auto;
}
.about-section-two .content-column{
position: relative;
}
.about-section-two .content-column .inner-column{
position: relative;
padding-top: 45px;
margin-left: -30px;
}
.about-section-two .content-column .inner-column:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:120px;
height:1px;
background-color:#ffa800;
}
.about-section-two .content-column .inner-column:after{
position:absolute;
content:'';
left:0px;
top:0px;
width:40px;
height:1px;
background-color:#ba0003;
}
.about-section-two .content-column .text{
position: relative;
padding-right: 30px;
margin-bottom: 65px;
}
.about-section-two .content-column .text p{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #555555;
font-weight: 400;
font-family: "Lato", sans-serif;
margin-bottom: 26px;
}
.about-section-two .content-column .text p strong{
position: relative;
font-weight: 700;
}
.about-section-two .fact-counter{
position: relative;
text-align: center;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 35px rgba(0,0,0,0.15);
-ms-box-shadow: 0px 0px 35px rgba(0,0,0,0.15);
box-shadow: 0px 0px 35px rgba(0,0,0,0.15);
margin-left: -80px;
}
.about-section-two .fact-counter .column{
position: relative;
float: left;
padding: 0px;
}
.about-section-two .fact-counter .count-outer .count-text{
font-size: 44px;
}
.about-section-two .fact-counter .column .counter-title{
letter-spacing: 0;
}
/***
====================================================================
Mission Section
====================================================================
***/
.mission-section{
position: relative;
background-repeat:no-repeat;
background-position: center;
background-size: cover;
padding: 100px 0;
margin-top: 105px;
}
.mission-section:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #ba0003;
opacity: .90;
content: "";
}
.mission-section .colum{
position: relative;
}
.mission-section .colum.right-column .inner-column{
position: relative;
margin-top: 20px;
}
.mission-section .colum .inner-column{
position: relative;
}
.mission-section .content-box{
position: relative;
background-repeat:no-repeat;
background-position: center;
background-color: #ffffff;
text-align: center;
padding: 65px 70px 60px;
}
.mission-section .content-box h4{
position: relative;
display: block;
font-size: 32px;
line-height: 1.2em;
color: #ba0003;
font-weight: 900;
padding-bottom: 15px;
margin-bottom: 30px;
}
.mission-section .content-box h4:before{
position:absolute;
content:'';
left:0px;
right: 0;
margin: 0 auto;
bottom:0px;
width:80px;
height:1px;
border-right: 60px solid #ffa800;
border-left: 20px solid #ba0003;
}
.mission-section .content-box .text{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #555555;
font-weight: 400;
}
.mission-section .image-box{
position: relative;
}
.mission-section .image-box .image{
position: relative;
margin-bottom: 0;
}
.mission-section .image-box .image img{
display: block;
width: 100%;
height: auto;
}
/***
====================================================================
FAQ Section
====================================================================
***/
.faq-section{
position: relative;
padding: 100px 0 85px;
}
.faq-section.no-pd-top{
padding-top: 0;
}
.faq-section .upper-box{
position: relative;
margin-bottom: 40px;
}
.faq-section .upper-box .text{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #555555;
font-weight: 400;
}
.faq-section .title-style-one{
margin-bottom: 40px;
}
.faq-section .accordion-column{
position: relative;
}
.faq-section .title-style-one h2{
font-size: 44px;
color: #222222;
font-weight: 700;
}
.faq-section .accordion-column .inner-column{
position: relative;
padding-right: 30px;
}
.faq-section .accordion-box{
position:relative;
}
.accordion-box .block{
position: relative;
margin-bottom:15px;
}
.accordion-box .block .acc-btn{
position:relative;
font-size:18px;
cursor:pointer;
line-height:35px;
color:#222222;
font-weight:700;
padding:15px 50px 15px 35px;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
background-color:#f3f5f9;
}
.accordion-box .block .icon-outer{
position:absolute;
right:30px;
top: 15px;
font-size: 16px;
line-height: 35px;
color: #555555;
text-align:center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.accordion-box .block .acc-btn .icon-outer .icon{
position: relative;
}
.accordion-box .block .acc-btn.active{
background-color: #ba0003;
color: #ffffff;
}
.accordion-box .block .acc-btn.active .icon-outer{
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
-moz-transform:rotate(90deg);
transform:rotate(90deg);
color: #ffa800;
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .acc-content.current{
display:block;
}
.accordion-box .block .content{
position:relative;
font-size:16px;
padding:30px 35px 15px;
}
.accordion-box .block .content .text{
font-size:16px;
line-height: 26px;
color:#555555;
}
.accordion-box .block .content p:last-child{
margin-bottom:0px;
}
.faq-section .image-column{
position: relative;
}
.faq-section .image-column .inner-column{
position: relative;
padding-top: 105px;
margin-left: 50px;
margin-right: -60px;
}
.faq-section .image-column .image{
position: relative;
display: block;
text-align: right;
border: 15px solid #ffa800;
height: 600px;
}
.faq-section .image-column .image img{
position: absolute;
right: -40px;
bottom: 0;
}
/*=== Accordion Box Style Two ====*/
.accordion-box.style-two .block .acc-btn{
padding-left: 55px;
padding-right:20px;
}
.accordion-box.style-two .block .acc-btn.active{
background-color: #ffa800;
color: #ffffff;
}
.accordion-box.style-two .block .icon-outer{
left: 30px;
right: auto;
color: #ba0003;
}
.accordion-box.style-two .block .acc-btn.active .icon-outer{
color: #ffffff;
}
.accordion-box.style-two .block .content{
padding-left: 55px;
}
/***
====================================================================
Featured Services
====================================================================
***/
.featured-services{
position: relative;
}
.feature-block-five{
position: relative;
}
.feature-block-five .inner-box{
position: relative;
background-repeat: no-repeat;
background-position:center;
background-size: cover;
padding: 80px 15px 75px;
overflow:hidden;
text-align: center;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-five .inner-box:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: .85;
content: "";
background-color:#166495;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-five .inner-box:after{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: .50;
content: "";
background-color:#000000;
-webkit-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%);
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}
.feature-block-five .inner-box:hover:after{
-webkit-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%);
}
.feature-block-five .inner-box .content {
position: relative;
max-width: 430px;
margin: 0 auto;
padding: 0 15px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
z-index:1;
}
.feature-block-five .icon-box{
position: relative;
display: block;
margin-bottom: 40px;
}
.feature-block-five .icon-box .icon{
position: relative;
display: block;
font-size: 100px;
line-height: 1em;
color: #ffffff;
}
.feature-block-five .icon-box img{
max-width: 100%;
height: auto;
}
.feature-block-five h4{
position: relative;
display: inline-block;
font-size: 24px;
line-height: 1.2em;
color: #ffffff;
font-weight: 700;
margin-bottom: 17px;
}
.feature-block-five h4 a{
display: inline-block;
color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-five h4 a:hover{
text-decoration: underline;
}
.feature-block-five .text{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
margin-bottom: 35px;
}
.feature-block-five .link-box{
position: relative;
display: block;
}
.feature-block-five .link-box a{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 24px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
text-decoration: underline;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-five .link-box a:hover{
color: #ba0003;
}
.feature-block-five .link-box a i{
margin-left: 3px;
}
.feature-block-five:nth-child(2) .inner-box:before{
background-color: #ffa800;
}
.feature-block-five:nth-child(3) .inner-box:before{
background-color: #06a490;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position: relative;
padding: 100px 0 70px;
}
.team-section .sec-title{
margin-bottom: 60px;
}
.team-block{
position: relative;
margin-bottom: 60px;
}
.team-block .inner-box{
position: relative;
}
.team-block .image-box{
position: relative;
}
.team-block .image-box .image{
position: relative;
margin-bottom: 0;
background-color: #ffa800;
overflow: hidden;
}
.team-block .image-box .image img{
display: block;
width: 100%;
height: auto;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block .inner-box:hover .image img{
opacity: .70;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.team-block .lower-content{
position:relative;
text-align:center;
z-index:1;
padding:34px 15px 50px;
background-color:#f3f5f9;
border-bottom:3px solid #ba0003;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block .inner-box:hover .lower-content{
border-color:#ffa800;
-webkit-box-shadow:0px 0px 30px rgba(0,0,0,0.10);
-ms-box-shadow:0px 0px 30px rgba(0,0,0,0.10);
box-shadow:0px 0px 30px rgba(0,0,0,0.10);
background-color: #ba0003;
}
.team-block .lower-content h3{
position:relative;
font-size:20px;
font-weight:700;
line-height:1.2em;
color: #222222;
margin-bottom: 5px;
}
.team-block .lower-content h3 a{
position:relative;
color:#222222;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block .inner-box:hover .lower-content h3 a{
color:#ffffff;
}
.team-block .lower-content .designation{
position:relative;
font-size:14px;
line-height: 24px;
font-weight: 700;
color: #555555;
font-style: italic;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block .inner-box:hover .lower-content .designation{
color: #ffffff;
}
.team-block .lower-content .arrow{
position: absolute;
left: 50%;
bottom: 0px;
margin-bottom: -22px;
width: 44px;
height: 44px;
color: #ffa800;
font-size: 10px;
line-height: 44px;
text-align: center;
border-radius: 50%;
font-weight: 800;
margin-left: -20px;
background-color: #ffffff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-box-shadow:5px 20px 30px rgba(0,0,0,0.06);
-ms-box-shadow:5px 20px 30px rgba(0,0,0,0.06);
box-shadow:5px 20px 30px rgba(0,0,0,0.06);
}
.team-block .inner-box:hover .lower-content .arrow{
color:#ffffff;
background-color:#ffa800;
}
/***
====================================================================
Team Section Two
====================================================================
***/
.team-section-two{
position: relative;
padding: 0px 0 70px;
}
.team-block-two{
position: relative;
margin-bottom: 30px;
}
.team-block-two .inner-box{
position: relative;
}
.team-block-two .image-box{
position: relative;
display:block;
overflow:hidden;
}
.team-block-two .overlay-box{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(0,30,87,.90);
opacity: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block-two .inner-box:hover .overlay-box{
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
visibility: visible;
}
.team-block-two .contact-list{
position: absolute;
left: 0;
right: 0;
top: 30%;
max-width: 180px;
margin: 0 auto;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%);
-webkit-transition: all 500ms ease 500ms;
-moz-transition: all 500ms ease 500ms;
-ms-transition: all 500ms ease 500ms;
-o-transition: all 500ms ease 500ms;
transition: all 500ms ease 500ms;
opacity: 0;
}
.team-block-two .inner-box:hover .contact-list{
opacity: 1;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.team-block-two .contact-list li{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #ffffff;
margin-bottom:5px;
}
.team-block-two .contact-list li .icon{
position: relative;
margin-right: 10px;
color: #ffa800;
}
.team-block-two .contact-list li a{
color: #ffffff;
display: inline-block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.team-block-two .contact-list li a:hover{
color: #ffa800;
}
.team-block-two .image-box .image{
position: relative;
margin-bottom: 0;
}
.team-block-two .image-box .image img{
display: block;
width: 100%;
height: auto;
}
.team-block-two .lower-content{
position:relative;
text-align:center;
z-index:1;
padding:35px 15px 30px;
background-color:#f3f5f9;
border-bottom:3px solid #ba0003;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block-two .inner-box:hover .lower-content{
border-color:#ffa800;
-webkit-box-shadow:0px 0px 30px rgba(0,0,0,0.10);
-ms-box-shadow:0px 0px 30px rgba(0,0,0,0.10);
box-shadow:0px 0px 30px rgba(0,0,0,0.10);
}
.team-block-two .lower-content h3{
position:relative;
font-size:20px;
font-weight:700;
line-height:1.2em;
color: #222222;
margin-bottom: 5px;
}
.team-block-two .lower-content h3 a{
position:relative;
color:#222222;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block-two .lower-content h3 a:hover{
color: #ffa800;
}
.team-block-two .lower-content .designation{
position:relative;
display: block;
font-size:14px;
line-height: 24px;
font-weight: 700;
color: #555555;
font-style: italic;
margin-bottom: 15px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block-two .social-links{
position: relative;
display: block;
}
.team-block-two .social-links li{
position: relative;
display: inline-block;
margin: 0 10px;
}
.team-block-two .social-links li a{
position: relative;
display: inline-block;
font-size: 15px;
line-height: 24px;
color: #555555;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.team-block-two .social-links li a:hover{
color: #ffa800;
}
/***
====================================================================
News Section Two
====================================================================
***/
.news-section-two{
position:relative;
padding:100px 0px 0px;
background-color:#ba0003;
}
.news-section-two .sec-title{
margin-bottom:55px;
}
.news-section-two .sec-title .text{
position:relative;
font-size:16px;
line-height:1.8em;
margin-top:40px;
padding-right:100px;
color:rgba(255,255,255,0.60);
}
.news-section-two .owl-dots{
display:none;
}
.news-section-two .owl-nav{
position:absolute;
left:50%;
width: 1200px;
margin-left: -600px;
top:-125px;
text-align: right;
}
.news-section-two .owl-nav .owl-prev{
position:relative;
color:#ffffff;
font-size:20px;
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;
}
.news-section-two .owl-nav .owl-next{
position:relative;
color:#ffffff;
font-size:20px;
padding-left:20px;
margin-left:20px;
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;
border-left:1px solid rgba(255,255,255,0.20);
}
.news-section-two .owl-nav .owl-prev:hover,
.news-section-two .owl-nav .owl-next:hover{
color:#ffa800;
}
.news-block-four{
position: relative;
}
.news-block-four .inner-box{
position: relative;
display: block;
text-align: center;
overflow: hidden;
}
.news-block-four .image{
position: relative;
display: block;
overflow: hidden;
}
.news-block-four .image img{
position: relative;
display: block;
width: 100%;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-four:hover .image img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: 0.70;
}
.news-block-four .lower-content{
position: relative;
display: block;
width: 100%;
padding: 50px 20px 35px;
background: #193467;
}
.news-block-four.bg-two .lower-content{
background: #ffa800;
}
.news-block-four .lower-content h3{
position: relative;
max-width: 300px;
margin: 0 auto;
font-size: 24px;
line-height: 1.4em;
font-weight: 600;
color: #ffffff;
}
.news-block-four .lower-content h3 a{
color: #ffffff;
}
.news-block-four .lower-content h3 a:hover{
text-decoration: underline;
}
.news-block-four .lower-content .read-more{
position: absolute;
left: 50%;
margin-left: -23px;
top: -23px;
width: 46px;
height: 46px;
line-height: 46px;
font-weight: 400;
font-size: 18px;
color: #222222;
background: #ffffff;
border-radius: 50%;
z-index: 1;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20);
-ms-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20);
}
.news-block-four:hover .lower-content .read-more{
background: #222222;
color: #ffffff;
}
.design-section{
position:relative;
padding-top:90px;
}
.design-section .upper-section{
position:relative;
}
.design-section .upper-section .title-column{
position:relative;
margin-bottom:30px;
}
.design-section .upper-section .title-column .inner-column{
position:relative;
}
.design-section .upper-section .content-column{
position:relative;
}
.design-section .upper-section .content-column .inner-column{
position:relative;
margin-bottom:50px;
}
.design-section .upper-section .content-column .inner-column .icons-box{
position:relative;
}
.design-section .upper-section .content-column .inner-column .icons-box .icon{
position:relative;
margin-right:35px;
color:#ffa800;
font-size:50px;
line-height:1em;
display:inline-block;
}
.design-section .upper-section .content-column .inner-column .icons-box .icon:first-child{
top:5px;
}
.design-section .upper-section .content-column .inner-column .bold-text{
position:relative;
color:#222222;
font-size:16px;
font-weight:700;
line-height:1.7em;
margin-top:24px;
}
.design-section .upper-section .content-column .inner-column .text{
position:relative;
color:#555555;
font-size:16px;
font-weight:400;
line-height:1.7em;
margin-top:18px;
}
.design-section .lower-section{
position:relative;
margin-bottom:-20px;
z-index:1;
}
.design-section .lower-section .feature-block-two{
padding:0px;
float:left;
}
.feature-block-two{
position:relative;
}
.feature-block-two .inner-box{
position:relative;
overflow:hidden;
padding:150px 45px 45px;
background-color:#06a490;
}
.feature-block-two:nth-child(2) .inner-box{
background-color:#ffa800;
}
.feature-block-two:nth-child(3) .inner-box{
background-color:#166495;
}
.feature-block-two .inner-box .content{
position:relative;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.feature-block-two .inner-box:hover .content,
.feature-block-two.active .inner-box .content{
opacity:0;
}
.feature-block-two .inner-box .side-icon{
position:absolute;
right:-30px;
bottom:-30px;
line-height:1em;
font-size:180px;
color:rgba(255,255,255,0.10);
}
.feature-block-two .inner-box .title{
position:relative;
display:inline-block;
font-size:14px;
font-weight:700;
padding-bottom:10px;
margin-bottom:20px;
color:rgba(255,255,255,0.60);
}
.feature-block-two .inner-box .title:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:1px;
width:25px;
background-color:rgba(255,255,255,0.60);
}
.feature-block-two .inner-box h3{
position:relative;
font-size:20px;
font-weight:700;
line-height:1.3em;
margin-bottom:7px;
color:#ffffff;
}
.feature-block-two .inner-box h3 a{
position:relative;
color:#ffffff;
}
.feature-block-two .inner-box .sub-title{
position:relative;
font-size:14px;
font-weight:500;
color:rgba(255,255,255,0.60);
}
.feature-block-two .inner-box .overlay-box{
position: absolute;
left: 10px;
bottom: 10px;
right: 10px;
top: 10px;
z-index: 2;
opacity: 0;
display: block;
-moz-transform:translateY(60px);
-webkit-transform:translateY(60px);
-ms-transform:translateY(60px);
-o-transform:translateY(60px);
transform:translateY(60px);
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.feature-block-two .inner-box:hover .overlay-box,
.feature-block-two.active .inner-box .overlay-box{
opacity:1;
-moz-transform:translateY(0px);
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
-o-transform:translateY(0px);
transform:translateY(0px);
}
.feature-block-two .inner-box .overlay-box .overlay-inner{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
text-align: left;
padding: 10px 30px;
vertical-align: middle;
}
.feature-block-two .inner-box .overlay-box .overlay-inner .overlay-content{
position: relative;
display: table-cell;
vertical-align: middle;
}
.feature-block-two .inner-box .overlay-box .title-two{
position:relative;
display:inline-block;
font-size:14px;
font-weight:700;
padding-bottom:8px;
margin-bottom:22px;
color:rgba(255,255,255,0.60);
}
.feature-block-two .inner-box .overlay-box .title-two:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:1px;
width:25px;
background-color:rgba(255,255,255,0.60);
}
.feature-block-two .inner-box .overlay-box h4{
position:relative;
font-size:20px;
font-weight:700;
line-height:1.3em;
margin-bottom:12px;
color:#ffffff;
}
.feature-block-two .inner-box .overlay-box h4 a{
position:relative;
color:#ffffff;
}
.feature-block-two .inner-box .overlay-box h4 a:hover{
text-decoration: underline;
}
.feature-block-two .inner-box .overlay-box .text{
position:relative;
font-size:16px;
line-height:1.5em;
color:rgba(255,255,255,1);
}
/* Industries Section */
.industries-section{
position:relative;
padding:120px 0px 55px;
background-color:#ba0003;
}
.industries-section .big-icon{
position:absolute;
left:0px;
right:0px;
font-size:400px;
line-height:1em;
text-align:center;
font-weight:700;
color:rgba(255,255,255,0.05);
}
/* Industry Block */
.industry-block{
position:relative;
margin-bottom:50px;
}
.industry-block .inner-box{
position:relative;
text-align:center;
}
.industry-block .inner-box .icon-box{
position:relative;
margin-bottom:10px;
}
.industry-block .inner-box h3{
position:relative;
font-size:24px;
font-weight:700;
line-height:1.3em;
margin-bottom:15px;
}
.industry-block .inner-box h3 a{
position:relative;
color:#ffffff;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.industry-block .inner-box h3 a:hover{
color:#ffa800;
}
.industry-block .inner-box .text{
position:relative;
font-size:16px;
line-height:1.7em;
margin-bottom:22px;
color:rgba(255,255,255,0.60);
}
.industry-block .inner-box .read-more{
position:relative;
color:#ffa800;
font-size:14px;
font-weight:700;
text-transform:uppercase;
text-decoration:underline;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.industry-block .inner-box .read-more .icon{
position:relative;
margin-left:4px;
}
.industry-block .inner-box .read-more:hover{
color:#ffffff;
}
/* About Industry Block */
.about-industry-section{
position:relative;
padding:100px 0px 60px;
}
.about-industry-section .content-column{
position:relative;
margin-bottom:40px;
}
.about-industry-section .content-column .inner-column{
position:relative;
}
.about-industry-section .content-column .inner-column .text{
position:relative;
margin-bottom:30px;
}
.about-industry-section .content-column .inner-column .text p{
position:relative;
color:#555555;
font-size:16px;
line-height:1.7em;
margin-bottom:20px;
}
.about-industry-section .content-column .inner-column .text p:last-child{
margin-bottom:0px;
}
.about-industry-section .content-column .signature-box{
position:relative;
margin-top:45px;
}
.about-industry-section .content-column .signature-box .ceo{
position:relative;
font-style:italic;
color:#888888;
font-size:12px;
margin-top:5px;
display:block;
}
.about-industry-section .images-column{
position:relative;
margin-bottom:40px;
}
.about-industry-section .images-column .inner-column{
padding-top: 20px;
}
.about-industry-section .images-column .inner-column img{
display:block;
width:100%;
}
.about-industry-section .images-column .column:nth-child(2) .image{
margin-top:150px;
}
/***
====================================================================
Fluid Section Two
====================================================================
***/
.fluid-section-two{
position:relative;
}
.fluid-section-two .outer-container{
position:relative;
background-color:#ba0003;
}
.fluid-section-two .left-column{
position:relative;
float:left;
width:50%;
}
.fluid-section-two .left-column .inner-column{
position:relative;
max-width:730px;
float:right;
width:100%;
padding:90px 100px 90px 20px;
}
.fluid-section-two .left-column .inner-column .read-more{
position:relative;
color:#ffa800;
font-size:14px;
font-weight:700;
margin-left:105px;
text-transform:uppercase;
text-decoration:underline;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.fluid-section-two .left-column .inner-column .read-more .icon{
position:relative;
margin-left:4px;
color:#ffffff;
opacity:0.6;
}
.fluid-section-two .left-column .inner-column .read-more:hover{
color:#ffffff;
}
.fluid-section-two .left-column .inner-column .sec-title{
margin-bottom:55px;
}
.fluid-section-two .left-column .inner-column .history-outer{
position:relative;
}
.fluid-section-two .left-column .inner-column .history-outer:before{
position:absolute;
content:'';
left:68px;
top:0px;
width:1px;
height:100%;
background-color:rgba(255,255,255,0.30);
}
.fluid-section-two .left-column .inner-column .history-block{
position:relative;
margin-bottom:45px;
}
.fluid-section-two .left-column .inner-column .history-block .inner-block{
position:relative;
padding-left:105px;
}
.fluid-section-two .left-column .inner-column .history-block .inner-block:before{
position:absolute;
content:'';
left:65px;
top:0px;
width:8px;
height:8px;
border-radius:50%;
background-color:#ffa800;
}
.fluid-section-two .left-column .inner-column .history-block .inner-block .date{
position:absolute;
left:0px;
top:0px;
width:45px;
text-align:right;
font-size:18px;
font-weight:700;
color:rgba(255,255,255,0.60);
}
.fluid-section-two .left-column .inner-column .history-block .inner-block .date span{
text-transform:uppercase;
font-size:12px;
display:block;
font-weight:400;
}
.fluid-section-two .left-column .inner-column .history-block .inner-block h3{
position:relative;
top:-8px;
font-weight:700;
font-size:16px;
line-height:1.6em;
margin-bottom:0px;
}
.fluid-section-two .left-column .inner-column .history-block .inner-block h3 a{
position:relative;
color:#ffffff;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.fluid-section-two .left-column .inner-column .history-block .inner-block h3 a:hover{
color:#ffa800;
}
.fluid-section-two .left-column .inner-column .history-block .inner-block .history-text{
position:relative;
font-size:16px;
font-weight:400;
line-height:1.8em;
color:rgba(255,255,255,0.60);
}
.fluid-section-two .right-column{
position:relative;
width:50%;
float:right;
z-index: 5;
}
.fluid-section-two .image-layer{
position:absolute;
right:0px;
top:0px;
height: 100%;
width:50%;
background-size:cover;
z-index: 1;
}
.fluid-section-two .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(223,101,18,0.95);
}
.fluid-section-two .right-column .inner-column{
position:relative;
max-width:730px;
padding:130px 20px 110px 100px;
}
.fluid-section-two .right-column .inner-column .video-link-box .play-box{
margin:0px;
display:inline-block;
}
.fluid-section-two .right-column .inner-column .video-link-box .video-title{
position:relative;
display:inline-block;
margin-left:30px;
}
.fluid-section-two .right-column .inner-column h2{
position:relative;
color:#ffffff;
font-size:44px;
font-weight:700;
line-height:1.2em;
padding-top:30px;
margin-bottom:70px;
margin-top:75px;
}
.fluid-section-two .right-column .inner-column h2 span{
font-weight:800;
border-bottom:1px solid #000000;
}
.fluid-section-two .right-column .inner-column h2:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 120px;
height: 1px;
background-color: #000000;
}
.fluid-section-two .right-column .inner-column h2:after{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 40px;
height: 1px;
background-color: #ffffff;
}
.skills.style-two .skill-item .skill-bar .bar-inner .bar{
background-image: -ms-linear-gradient(left, #5680CF 0%, #011f58 100%);
background-image: -moz-linear-gradient(left, #5680CF 0%, #011f58 100%);
background-image: -o-linear-gradient(left, #5680CF 0%, #011f58 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #5680CF), color-stop(100, #011f58));
background-image: -webkit-linear-gradient(left, #5680CF 0%, #011f58 100%);
background-image: linear-gradient(to right, #5680CF 0%, #011f58 100%);
}
.sec-title .icon{
margin-bottom: 15px;
}
/***
====================================================================
Services Section Style Two
====================================================================
***/
.services-section.style-two{
padding: 100px 0 80px;
}
.services-section.style-two .services-block{
margin-bottom:40px;
}
.services-section.style-two .services-block .inner-box{
text-align: left;
padding-left: 35px;
padding-right: 35px;
}
.services-section.style-two .services-block .inner-box:hover{
-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.15);
-ms-box-shadow: 0 0 50px rgba(0,0,0,0.15);
box-shadow: 0 0 50px rgba(0,0,0,0.15);
}
.services-section.style-two .services-block .inner-box:before{
background-color:#ffffff;
}
.services-section.style-two .services-block .inner-box .text{
padding: 0;
}
.services-section.style-two .services-block .inner-box:hover .icon-box{
color: #ba0003;
}
.services-section.style-two .services-block .inner-box:hover .text,
.services-section.style-two .services-block .inner-box:hover h3 a{
color:#222222;
}
.services-section.style-two .services-block .inner-box:hover .arrow{
color:#ffffff
}
/***
====================================================================
Approach Section
====================================================================
***/
.approach-section{
position: relative;
background-repeat: no-repeat;
background-size: cover;
padding: 0 0 50px;
background-position: center 60px;
}
.approach-section .image-column{
position: relative;
margin-bottom: 50px;
}
.approach-section .image-column .inner-column{
position: relative;
padding-right: 55px;
}
.approach-section .image-column .image{
position: relative;
margin-bottom: 0;
}
.approach-section .image-column .image img{
display: block;
width: 100%;
height: auto;
}
.approach-section .content-column{
position: relative;
margin-bottom: 50px;
}
.approach-section .content-column .inner-column{
position: relative;
margin-left: -20px;
padding-top: 15px;
}
.approach-section .content-column .sec-title{
position: relative;
margin-bottom: 35px;
}
.approach-section .content-column .sec-title h2{
color: #222222;
font-weight: 700;
}
.approach-section .content-column .sec-title .text{
margin-top: 35px;
}
.approach-block{
position: relative;
margin-bottom: 40px;
}
.approach-block:last-child{
margin-bottom: 0;
}
.approach-block .inner-box{
position: relative;
padding-left: 100px;
min-height: 60px;
padding-top: 5px;
}
.approach-block .icon-box{
position: absolute;
left: 10px;
top: 0;
}
.approach-block .icon-box .icon{
position: relative;
display: block;
font-size: 56px;
line-height: 1em;
color: #ba0003;
}
.approach-block h4{
position: relative;
display: block;
font-size: 20px;
line-height: 1.3em;
color: #222222;
font-weight: 900;
margin-bottom: 3px;
}
.approach-block h4 a{
display: inline-block;
color: #222222;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.approach-block h4 a:hover{
color: #ffa800;
}
.approach-block .text{
position: relative;
display: block;
font-size: 16px;
line-height: 25px;
color: #555555;
font-weight: 400;
}
/***
====================================================================
Approach Section
====================================================================
***/
.featured-section .outer-box{
position: relative;
}
.featured-section .outer-box .content-box{
position: relative;
float: right;
width: 100%;
}
/***
====================================================================
What We Offer Style Two
====================================================================
***/
.what-we-offer.style-two{
position: relative;
}
.what-we-offer.style-two .text-column .inner{
position: relative;
padding-left: 80px;
margin-right: -80px;
}
.what-we-offer.style-two .tabs-style-one .tab ul li:before{
color: #ffa800;
top: 2px;
}
.what-we-offer.style-two .tabs-style-one .tab-buttons .tab-btn .txt{
font-size: 20px;
}
.what-we-offer.style-two .tabs-style-one .tab p,
.what-we-offer.style-two .tabs-style-one .tab-buttons{
margin-bottom: 40px;
}
.what-we-offer.style-two .tabs-style-one .tab ul li{
font-size: 16px;
}
.what-we-offer.style-two:after,
.what-we-offer.style-two:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 50%;
background-color: #f3f5f9;
content: "";
}
.what-we-offer.style-two:after{
top: auto;
bottom: 0;
background-color: #ffffff;
height: 100px;
z-index: 1;
width: 100%;
}
.what-we-offer .title-column{
position: relative;
overflow: hidden;
margin-bottom: 50px;
}
.what-we-offer .title-column .inner{
position: relative;
background-color: #f3f5f9;
padding-right: 30px;
}
.what-we-offer .title-column .sec-title h2{
font-weight: 700;
margin-bottom: 35px;
}
/***
====================================================================
What We Offer Style Two
====================================================================
***/
.services-section-three.style-two{
position: relative;
padding: 100px 0 20px;
}
.services-section-three.style-two .services-block-three{
margin-bottom: 80px;
}
.services-section-three.style-two .services-block-three .inner-box .lower-content .read-more{
color: #ffa800;
}
.services-section-three.style-two .services-block-three .inner-box .lower-content .read-more:hover{
color: #222222;
}
.services-section-three.style-two .sec-title{
margin-bottom: 60px;
}
.services-section-three.style-two .sec-title .text{
position: relative;
font-size: 16px;
line-height: 1.8em;
margin-top: 80px;
}
.services-section-three.style-two .services-block-five{
margin-bottom: 70px;
}
.services-block-five{
position: relative;
}
.services-block-five .inner-box{
position: relative;
text-align: center;
}
.services-block-five .image-box{
position: relative;
margin-bottom: 28px;
}
.services-block-five .image-box img{
display: inline-block;
max-width: 100%;
height: auto;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.services-block-five .inner-box:hover .image-box img{
-webkit-transform: scale(1.1) translateY(-5px);
-moz-transform: scale(1.1) translateY(-5px);
-ms-transform: scale(1.1) translateY(-5px);
-o-transform: scale(1.1) translateY(-5px);
transform: scale(1.1) translateY(-5px);
}
.services-block-five .content-box{
position: relative;
}
.services-block-five h4{
position: relative;
display: block;
font-size: 24px;
line-height: 1.2em;
color: #222222;
font-weight: 700;
margin-bottom: 15px;
}
.services-block-five h4 a{
position:relative;
display: inline-block;
color: #222222;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.services-block-five h4 a:hover{
color: #ffa800;
text-decoration: underline;
}
.services-block-five .text{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #555555;
font-weight: 400;
margin-bottom: 25px;
}
.services-block-five .link-box a{
position:relative;
color:#ffa800;
font-weight:700;
font-size: 14px;
display:inline-block;
text-transform:uppercase;
text-decoration:underline;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-five .link-box a i{
position:relative;
font-size:16px;
font-weight:700;
padding-left:5px;
color:#ba0003;
}
.services-block-five .link-box a:hover{
color:#ba0003;
}
/***
====================================================================
Sponsors Section Alternate 2
====================================================================
***/
.sponsors-section.alternate-2{
padding: 75px 0;
}
/***
====================================================================
Features Section
====================================================================
***/
.features-section{
position: relative;
}
.features-section .outer-container{
position:static;
max-width:1440px;
padding:0px;
margin:0 auto;
}
.feature-block-six{
position: relative;
}
.feature-block-six .inner-box{
position: relative;
padding: 65px 60px 40px;
border: 1px solid #e6e9ef;
margin-right: -1px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-six .inner-box:hover{
background-color: #f3f5f9;
}
.feature-block-six .icon-box{
position: relative;
display: block;
margin-bottom: 30px;
}
.feature-block-six .icon-box .icon{
display: block;
font-size: 80px;
line-height: 1em;
color: #ba0003;
font-weight: 400;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-six .inner-box:hover .icon-box .icon{
color: #ffa800;
}
.feature-block-six h5{
position: relative;
display: block;
font-size: 20px;
line-height: 1.5em;
color: #222222;
font-weight: 900;
margin-bottom: 10px;
}
.feature-block-six h5 a{
display: inline-block;
color: #222222;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-six h5 a:hover{
color: #ffa800;
}
.feature-block-six .text{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #555555;
font-weight: 400;
}
/***
====================================================================
Features Section Two
====================================================================
***/
.features-section-two{
position: relative;
padding-top: 100px;
}
.features-section-two.alternate{
padding-bottom: 80px;
}
.feature-block-seven{
position: relative;
margin-bottom: 50px;
}
.feature-block-seven:last-child{
margin-bottom: 0;
}
.feature-block-seven .image-column{
position: relative;
order: 2;
margin-bottom:30px;
}
.feature-block-seven .image-column .image-box{
position: relative;
}
.feature-block-seven .image-column .image{
position: relative;
margin-bottom: 0;
}
.feature-block-seven .image-column .image-box img{
display: block;
width: 100%;
height: auto;
}
.feature-block-seven .content-column{
position: relative;
margin-bottom:30px;
}
.feature-block-seven .content-column .inner-column{
position: relative;
padding-right: 35px;
padding-top: 10px;
}
.feature-block-seven .sec-title{
position: relative;
margin-bottom: 35px;
}
.feature-block-seven .sec-title .title{
margin-bottom: 0;
}
.feature-block-seven .sec-title h2{
font-size: 44px;
color: #222222;
font-weight: 700;
}
.feature-block-seven .text{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #555555;
font-weight: 400;
margin-bottom: 37px;
}
.feature-block-seven .link-box a{
position:relative;
color: #ffa800;
font-weight:700;
font-size: 14px;
display:inline-block;
text-transform:uppercase;
text-decoration:underline;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.feature-block-seven .link-box a i{
position:relative;
font-size:16px;
font-weight:700;
padding-left:5px;
color:#ba0003;
}
.feature-block-seven .link-box a:hover{
color:#ba0003;
}
.feature-block-seven.style-two .image-column{
order: 0;
}
.feature-block-seven.style-two .content-column .inner-column{
padding-right: 0;
padding-left: 35px;
}
.tp-bgimg::before {
content: "";
position: absolute;
inset: 0; /* Stretches the overlay to all 4 edges */
background-color: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
}
.jk-locations-section {
padding: 90px 20px;
background-color: #f7f7f7;
}
.jk-locations-container {
width: 100%;
max-width: 1210px;
margin: 0 auto;
}
.jk-section-heading {
max-width: 680px;
margin: 0 auto 45px;
text-align: center;
}
.jk-section-heading > span {
display: inline-block;
margin-bottom: 10px;
color: #c90000;
font-size: 15px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.jk-section-heading h2 {
margin: 0 0 15px;
color: #071528;
font-size: clamp(30px, 4vw, 44px);
line-height: 1.18;
font-weight: 700;
}
.jk-section-heading p {
margin: 0;
color: #626a75;
font-size: 16px;
line-height: 1.7;
}
.jk-locations-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 25px;
}
.jk-location-card {
overflow: hidden;
background: #ffffff;
border-bottom: 4px solid #c90000;
box-shadow: 0 12px 35px rgba(7, 21, 40, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.jk-location-card:hover {
transform: translateY(-7px);
box-shadow: 0 18px 40px rgba(7, 21, 40, 0.16);
}
.jk-map {
position: relative;
width: 100%;
height: 260px;
background: #e6e6e6;
}
.jk-map iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
filter: grayscale(20%);
}
.jk-location-content {
display: flex;
gap: 18px;
min-height: 170px;
padding: 28px 25px;
}
.jk-location-number {
flex: 0 0 46px;
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
background: #c90000;
color: #ffffff;
font-size: 15px;
font-weight: 700;
}
.jk-location-content h3 {
margin: 1px 0 10px;
color: #071528;
font-size: 21px;
line-height: 1.3;
}
.jk-location-content p {
min-height: 48px;
margin: 0 0 17px;
color: #626a75;
font-size: 14px;
line-height: 1.65;
}
.jk-location-content a {
display: inline-flex;
align-items: center;
gap: 8px;
color: #c90000;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.4px;
text-decoration: none;
text-transform: uppercase;
transition: color 0.25s ease;
}
.jk-location-content a span {
font-size: 18px;
transition: transform 0.25s ease;
}
.jk-location-content a:hover {
color: #f5a000;
}
.jk-location-content a:hover span {
transform: translateX(4px);
}
/* Tablet */
@media (max-width: 991px) {
.jk-locations-section {
padding: 70px 20px;
}
.jk-locations-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.jk-location-card:last-child {
grid-column: 1 / -1;
width: calc(50% - 13px);
margin: 0 auto;
}
}
/* Mobile */
@media (max-width: 767px) {
.jk-locations-section {
padding: 55px 15px;
}
.jk-section-heading {
margin-bottom: 32px;
}
.jk-section-heading h2 {
font-size: 30px;
}
.jk-locations-grid {
grid-template-columns: 1fr;
gap: 22px;
}
.jk-location-card:last-child {
grid-column: auto;
width: 100%;
}
.jk-map {
height: 230px;
}
.jk-location-content {
min-height: auto;
padding: 24px 20px;
}
}
/* Small Mobile */
@media (max-width: 420px) {
.jk-map {
height: 210px;
}
.jk-location-content {
gap: 14px;
}
.jk-location-number {
flex-basis: 40px;
width: 40px;
height: 40px;
}
.jk-location-content h3 {
font-size: 19px;
}
}
/*Product css*/
:root {
--jk-red: #c90000;
--jk-dark-red: #a90000;
--jk-navy: #061426;
--jk-orange: #f5a000;
--jk-text: #4f5762;
--jk-light: #f6f7f8;
--jk-white: #ffffff;
--jk-border: #e4e6e9;
}
.jk-products-page,
.jk-products-page * {
box-sizing: border-box;
}
.jk-products-page {
margin: 0;
color: var(--jk-text);
}
.jk-container {
width: min(1180px, calc(100% - 40px));
margin-inline: auto;
}
/* Banner */
.jk-page-banner {
position: relative;
display: flex;
align-items: center;
min-height: 300px;
background:
url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1800&q=85")
center/cover no-repeat;
}
.jk-page-banner-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(3, 18, 40, 0.94) 0%,
rgba(3, 18, 40, 0.72) 50%,
rgba(201, 0, 0, 0.18) 100%
);
}
.jk-banner-content {
position: relative;
z-index: 1;
}
.jk-banner-content h1 {
margin: 0 0 14px;
color: var(--jk-white);
font-size: clamp(38px, 5vw, 58px);
line-height: 1.1;
}
.jk-breadcrumb {
display: flex;
align-items: center;
gap: 10px;
color: var(--jk-white);
font-size: 14px;
}
.jk-breadcrumb a {
color: var(--jk-orange);
text-decoration: none;
}
/* Heading */
.jk-products-section {
padding: 90px 0 100px;
background: var(--jk-white);
}
.jk-section-heading {
max-width: 760px;
margin: 0 auto 50px;
text-align: center;
}
.jk-subtitle {
display: inline-block;
margin-bottom: 12px;
color: var(--jk-red);
font-size: 14px;
font-weight: 700;
letter-spacing: 1.8px;
text-transform: uppercase;
}
.jk-section-heading h2 {
margin: 0 0 18px;
color: var(--jk-navy);
font-size: clamp(32px, 4vw, 46px);
line-height: 1.2;
}
.jk-section-heading p {
margin: 0;
font-size: 16px;
line-height: 1.75;
}
/* Product cards */
.jk-products-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
}
.jk-product-card {
display: grid;
grid-template-columns: 47% 53%;
overflow: hidden;
min-height: 420px;
background: var(--jk-white);
border: 1px solid var(--jk-border);
box-shadow: 0 14px 40px rgba(6, 20, 38, 0.09);
transition:
transform 0.3s ease,
box-shadow 0.3s ease;
}
.jk-product-card:hover {
transform: translateY(-7px);
box-shadow: 0 20px 48px rgba(6, 20, 38, 0.15);
}
.jk-product-image {
position: relative;
min-height: 100%;
overflow: hidden;
}
.jk-product-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.jk-product-card:hover .jk-product-image img {
transform: scale(1.06);
}
.jk-product-number {
position: absolute;
top: 20px;
left: 20px;
display: grid;
place-items: center;
width: 50px;
height: 50px;
background: var(--jk-red);
color: var(--jk-white);
font-size: 14px;
font-weight: 700;
}
.jk-product-content {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 35px 30px;
}
.jk-product-category {
margin-bottom: 10px;
color: var(--jk-red);
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
.jk-product-content h3 {
margin: 0 0 15px;
color: var(--jk-navy);
font-size: 27px;
line-height: 1.2;
}
.jk-product-content p {
margin: 0 0 18px;
font-size: 14px;
line-height: 1.7;
}
.jk-product-features {
margin: 0 0 28px;
padding: 0;
list-style: none;
}
.jk-product-features li {
position: relative;
margin-bottom: 9px;
padding-left: 21px;
color: #303844;
font-size: 13px;
line-height: 1.5;
}
.jk-product-features li::before {
content: "✓";
position: absolute;
left: 0;
color: var(--jk-red);
font-weight: 700;
}
.jk-enquire-button {
display: inline-flex;
align-items: center;
gap: 12px;
margin-top: auto;
padding: 14px 22px;
background: var(--jk-red);
border: 0;
color: var(--jk-white);
cursor: pointer;
font: inherit;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.6px;
text-transform: uppercase;
transition: background 0.25s ease;
}
.jk-enquire-button:hover {
background: var(--jk-orange);
}
.jk-enquire-button span,
.jk-submit-button span {
font-size: 18px;
transition: transform 0.25s ease;
}
.jk-enquire-button:hover span,
.jk-submit-button:hover span {
transform: translateX(4px);
}
/* Quality section */
.jk-quality-section {
padding: 55px 0;
background: var(--jk-navy);
}
.jk-quality-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.jk-quality-item {
display: flex;
align-items: flex-start;
gap: 17px;
padding: 10px 26px;
border-right: 1px solid rgba(255, 255, 255, 0.16);
}
.jk-quality-item:last-child {
border-right: 0;
}
.jk-quality-item strong {
color: var(--jk-orange);
font-size: 28px;
font-weight: 400;
}
.jk-quality-item h3 {
margin: 2px 0 7px;
color: var(--jk-white);
font-size: 17px;
}
.jk-quality-item p {
margin: 0;
color: #bfc7d2;
font-size: 13px;
line-height: 1.6;
}
/* Enquiry section */
.jk-enquiry-section {
padding: 90px 0;
background:
linear-gradient(rgba(201, 0, 0, 0.94), rgba(177, 0, 0, 0.96)),
url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1600&q=80")
center/cover no-repeat;
}
.jk-enquiry-wrapper {
display: grid;
grid-template-columns: 0.85fr 1.15fr;
align-items: center;
gap: 70px;
}
.jk-subtitle-light {
color: var(--jk-orange);
}
.jk-enquiry-information h2 {
margin: 0 0 22px;
color: var(--jk-white);
font-size: clamp(32px, 4vw, 46px);
line-height: 1.2;
}
.jk-enquiry-information > p {
margin: 0 0 30px;
color: rgba(255, 255, 255, 0.84);
font-size: 15px;
line-height: 1.8;
}
.jk-contact-detail {
margin-top: 18px;
}
.jk-contact-detail span {
display: block;
margin-bottom: 5px;
color: var(--jk-orange);
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
.jk-contact-detail a {
color: var(--jk-white);
font-size: 17px;
font-weight: 700;
text-decoration: none;
}
.jk-enquiry-form-box {
padding: 42px;
background: var(--jk-white);
box-shadow: 0 20px 55px rgba(0, 0, 0, 0.2);
}
.jk-enquiry-form-box h3 {
margin: 0 0 28px;
color: var(--jk-navy);
font-size: 28px;
}
.jk-form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.jk-form-field {
display: flex;
flex-direction: column;
}
.jk-form-field-full {
grid-column: 1 / -1;
}
.jk-form-field label {
margin-bottom: 8px;
color: var(--jk-navy);
font-size: 13px;
font-weight: 700;
}
.jk-form-field input,
.jk-form-field select,
.jk-form-field textarea {
width: 100%;
padding: 14px 15px;
background: #f7f7f7;
border: 1px solid #dedede;
border-radius: 0;
color: #242b34;
font: inherit;
font-size: 14px;
outline: none;
transition:
border-color 0.2s ease,
box-shadow 0.2s ease;
}
.jk-form-field textarea {
min-height: 125px;
resize: vertical;
}
.jk-form-field input:focus,
.jk-form-field select:focus,
.jk-form-field textarea:focus {
border-color: var(--jk-red);
box-shadow: 0 0 0 3px rgba(201, 0, 0, 0.08);
}
.jk-submit-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 15px 26px;
background: var(--jk-red);
border: 0;
color: var(--jk-white);
cursor: pointer;
font: inherit;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.6px;
text-transform: uppercase;
transition: background 0.25s ease;
}
.jk-submit-button:hover {
background: var(--jk-orange);
}
/* Tablet */
@media (max-width: 1050px) {
.jk-product-card {
grid-template-columns: 1fr;
}
.jk-product-image {
height: 290px;
}
.jk-quality-grid {
grid-template-columns: repeat(2, 1fr);
gap: 35px 0;
}
.jk-quality-item:nth-child(2) {
border-right: 0;
}
.jk-enquiry-wrapper {
gap: 40px;
}
}
/* Mobile */
@media (max-width: 767px) {
.jk-container {
width: min(100% - 30px, 1180px);
}
.jk-page-banner {
min-height: 235px;
}
.jk-products-section {
padding: 60px 0 65px;
}
.jk-section-heading {
margin-bottom: 35px;
}
.jk-section-heading h2 {
font-size: 31px;
}
.jk-products-grid {
grid-template-columns: 1fr;
gap: 25px;
}
.jk-product-image {
height: 250px;
}
.jk-product-content {
padding: 28px 23px;
}
.jk-quality-grid,
.jk-enquiry-wrapper,
.jk-form-grid {
grid-template-columns: 1fr;
}
.jk-quality-item,
.jk-quality-item:nth-child(2) {
padding: 5px 0 25px;
border-right: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.jk-quality-item:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.jk-enquiry-section {
padding: 60px 0;
}
.jk-enquiry-wrapper {
gap: 35px;
}
.jk-enquiry-form-box {
padding: 30px 22px;
}
.jk-form-field-full {
grid-column: auto;
}
.jk-submit-button {
width: 100%;
}
}
/*Career*/
:root {
--career-red: #c90000;
--career-dark-red: #a80000;
--career-navy: #061426;
--career-orange: #f5a000;
--career-text: #555d68;
--career-light: #f6f7f8;
--career-white: #ffffff;
--career-border: #e3e5e8;
}
.jk-careers-page,
.jk-careers-page * {
box-sizing: border-box;
}
.jk-careers-page {
color: var(--career-text);
}
.jk-career-container {
width: min(1180px, calc(100% - 40px));
margin-inline: auto;
}
/* Banner */
.jk-career-banner {
position: relative;
display: flex;
align-items: center;
min-height: 300px;
background:
url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1800&q=85")
center/cover no-repeat;
}
.jk-career-banner-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(3, 18, 40, 0.95),
rgba(3, 18, 40, 0.67),
rgba(201, 0, 0, 0.2)
);
}
.jk-career-banner-content {
position: relative;
z-index: 1;
}
.jk-career-banner-content h1 {
margin: 0 0 14px;
color: var(--career-white);
font-size: clamp(38px, 5vw, 58px);
line-height: 1.1;
}
.jk-career-breadcrumb {
display: flex;
align-items: center;
gap: 10px;
color: var(--career-white);
font-size: 14px;
}
.jk-career-breadcrumb a {
color: var(--career-orange);
text-decoration: none;
}
/* Introduction */
.jk-career-intro {
padding: 100px 0;
background: var(--career-white);
}
.jk-career-intro-grid {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 80px;
}
.jk-career-intro-image {
position: relative;
min-height: 560px;
}
.jk-career-intro-image img {
width: 100%;
height: 560px;
object-fit: cover;
}
.jk-career-image-box {
position: absolute;
right: -30px;
bottom: 35px;
display: flex;
flex-direction: column;
width: 215px;
padding: 25px;
background: var(--career-red);
color: var(--career-white);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}
.jk-career-image-box strong {
margin-bottom: 5px;
color: var(--career-orange);
font-size: 31px;
}
.jk-career-image-box span {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
}
.jk-career-subtitle {
display: inline-block;
margin-bottom: 12px;
color: var(--career-red);
font-size: 13px;
font-weight: 700;
letter-spacing: 1.8px;
text-transform: uppercase;
}
.jk-career-intro-content h2 {
margin: 0 0 22px;
color: var(--career-navy);
font-size: clamp(33px, 4vw, 47px);
line-height: 1.2;
}
.jk-career-intro-content > p {
margin: 0 0 16px;
font-size: 15px;
line-height: 1.8;
}
.jk-career-points {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px 22px;
margin: 30px 0;
}
.jk-career-point {
display: flex;
align-items: flex-start;
gap: 11px;
}
.jk-career-point span {
display: grid;
flex: 0 0 24px;
place-items: center;
width: 24px;
height: 24px;
background: var(--career-red);
color: var(--career-white);
font-size: 12px;
}
.jk-career-point p {
margin: 2px 0 0;
color: var(--career-navy);
font-size: 13px;
font-weight: 600;
line-height: 1.5;
}
.jk-career-primary-button,
.jk-job-apply-button,
.jk-career-submit-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 15px 23px;
background: var(--career-red);
border: 0;
color: var(--career-white);
cursor: pointer;
font: inherit;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.6px;
text-decoration: none;
text-transform: uppercase;
transition:
background 0.25s ease,
transform 0.25s ease;
}
.jk-career-primary-button:hover,
.jk-job-apply-button:hover,
.jk-career-submit-button:hover {
background: var(--career-orange);
}
.jk-career-primary-button:hover span,
.jk-job-apply-button:hover span,
.jk-career-submit-button:hover span {
transform: translateX(4px);
}
.jk-career-primary-button span,
.jk-job-apply-button span,
.jk-career-submit-button span {
font-size: 18px;
transition: transform 0.25s ease;
}
/* Headings */
.jk-career-section-heading {
max-width: 750px;
margin: 0 auto 48px;
text-align: center;
}
.jk-career-section-heading h2 {
margin: 0 0 17px;
color: var(--career-navy);
font-size: clamp(32px, 4vw, 45px);
line-height: 1.2;
}
.jk-career-section-heading p {
margin: 0;
font-size: 15px;
line-height: 1.75;
}
/* Benefits */
.jk-career-benefits {
padding: 90px 0;
background: var(--career-light);
}
.jk-career-benefits-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.jk-career-benefit-card {
position: relative;
overflow: hidden;
padding: 34px 27px;
background: var(--career-white);
border-bottom: 4px solid var(--career-red);
box-shadow: 0 12px 35px rgba(6, 20, 38, 0.08);
transition:
transform 0.3s ease,
box-shadow 0.3s ease;
}
.jk-career-benefit-card:hover {
transform: translateY(-7px);
box-shadow: 0 18px 42px rgba(6, 20, 38, 0.14);
}
.jk-benefit-number {
position: absolute;
top: 17px;
right: 20px;
color: #e9e9e9;
font-size: 42px;
font-weight: 700;
}
.jk-benefit-icon {
display: grid;
place-items: center;
width: 55px;
height: 55px;
margin-bottom: 23px;
background: var(--career-red);
color: var(--career-white);
font-size: 24px;
}
.jk-career-benefit-card h3 {
margin: 0 0 13px;
color: var(--career-navy);
font-size: 20px;
}
.jk-career-benefit-card p {
margin: 0;
font-size: 14px;
line-height: 1.7;
}
/* Job listings */
.jk-jobs-section {
padding: 95px 0;
background: var(--career-white);
scroll-margin-top: 30px;
}
.jk-jobs-list {
display: grid;
gap: 18px;
}
.jk-job-card {
display: grid;
grid-template-columns: 1fr 190px auto;
align-items: center;
gap: 35px;
padding: 28px 32px;
background: var(--career-white);
border: 1px solid var(--career-border);
border-left: 5px solid var(--career-red);
box-shadow: 0 8px 25px rgba(6, 20, 38, 0.06);
transition:
border-color 0.25s ease,
transform 0.25s ease,
box-shadow 0.25s ease;
}
.jk-job-card:hover {
transform: translateX(5px);
border-left-color: var(--career-orange);
box-shadow: 0 12px 30px rgba(6, 20, 38, 0.11);
}
.jk-job-department {
display: inline-block;
margin-bottom: 8px;
color: var(--career-red);
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
.jk-job-main h3 {
margin: 0 0 12px;
color: var(--career-navy);
font-size: 23px;
}
.jk-job-meta {
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
}
.jk-job-meta span {
position: relative;
color: #69717b;
font-size: 13px;
}
.jk-job-meta span:not(:last-child)::after {
content: "";
position: absolute;
top: 50%;
right: -11px;
width: 4px;
height: 4px;
background: var(--career-orange);
border-radius: 50%;
}
.jk-job-location span {
display: block;
margin-bottom: 6px;
color: #7a818a;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
}
.jk-job-location strong {
color: var(--career-navy);
font-size: 14px;
}
/* Application form */
.jk-application-section {
padding: 95px 0;
scroll-margin-top: 25px;
background:
linear-gradient(
rgba(192, 0, 0, 0.95),
rgba(164, 0, 0, 0.96)
),
url("https://images.unsplash.com/photo-1565008447742-97f6f38c985c?auto=format&fit=crop&w=1800&q=85")
center/cover no-repeat;
}
.jk-application-grid {
display: grid;
grid-template-columns: 0.8fr 1.2fr;
align-items: center;
gap: 70px;
}
.jk-career-subtitle-light {
color: var(--career-orange);
}
.jk-application-info h2 {
margin: 0 0 22px;
color: var(--career-white);
font-size: clamp(33px, 4vw, 47px);
line-height: 1.2;
}
.jk-application-info > p {
margin: 0 0 30px;
color: rgba(255, 255, 255, 0.84);
font-size: 15px;
line-height: 1.8;
}
.jk-career-contact {
margin-top: 20px;
}
.jk-career-contact span {
display: block;
margin-bottom: 6px;
color: var(--career-orange);
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
.jk-career-contact a {
color: var(--career-white);
font-size: 17px;
font-weight: 700;
text-decoration: none;
}
.jk-application-form-box {
padding: 42px;
background: var(--career-white);
box-shadow: 0 20px 55px rgba(0, 0, 0, 0.2);
}
.jk-application-form-box h3 {
margin: 0 0 28px;
color: var(--career-navy);
font-size: 28px;
}
.jk-career-form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.jk-career-field {
display: flex;
flex-direction: column;
}
.jk-career-field-full {
grid-column: 1 / -1;
}
.jk-career-field label {
margin-bottom: 8px;
color: var(--career-navy);
font-size: 13px;
font-weight: 700;
}
.jk-career-field input,
.jk-career-field select,
.jk-career-field textarea {
width: 100%;
padding: 14px 15px;
background: #f7f7f7;
border: 1px solid #dedede;
border-radius: 0;
color: #242b34;
font: inherit;
font-size: 14px;
outline: none;
}
.jk-career-field input:focus,
.jk-career-field select:focus,
.jk-career-field textarea:focus {
border-color: var(--career-red);
box-shadow: 0 0 0 3px rgba(201, 0, 0, 0.08);
}
.jk-career-field textarea {
min-height: 125px;
resize: vertical;
}
.jk-career-field input[type="file"] {
padding: 11px;
}
.jk-career-field small {
margin-top: 6px;
color: #777;
font-size: 11px;
}
/* Tablet */
@media (max-width: 1000px) {
.jk-career-intro-grid {
gap: 45px;
}
.jk-career-benefits-grid {
grid-template-columns: repeat(2, 1fr);
}
.jk-job-card {
grid-template-columns: 1fr auto;
}
.jk-job-location {
display: none;
}
.jk-application-grid {
gap: 40px;
}
}
/* Mobile */
@media (max-width: 767px) {
.jk-career-container {
width: min(100% - 30px, 1180px);
}
.jk-career-banner {
min-height: 235px;
}
.jk-career-intro,
.jk-career-benefits,
.jk-jobs-section,
.jk-application-section {
padding: 60px 0;
}
.jk-career-intro-grid,
.jk-application-grid {
grid-template-columns: 1fr;
}
.jk-career-intro-grid {
gap: 45px;
}
.jk-career-intro-image {
min-height: auto;
}
.jk-career-intro-image img {
height: 390px;
}
.jk-career-image-box {
right: 15px;
bottom: -25px;
}
.jk-career-intro-content h2,
.jk-career-section-heading h2,
.jk-application-info h2 {
font-size: 31px;
}
.jk-career-points,
.jk-career-benefits-grid,
.jk-career-form-grid {
grid-template-columns: 1fr;
}
.jk-job-card {
grid-template-columns: 1fr;
gap: 22px;
padding: 25px 22px;
}
.jk-job-card:hover {
transform: translateY(-4px);
}
.jk-job-apply-button {
width: 100%;
}
.jk-career-field-full {
grid-column: auto;
}
.jk-application-form-box {
padding: 30px 22px;
}
.jk-career-submit-button {
width: 100%;
}
}
.jkl-about{--ink:#17252d;--muted:#56646b;--red:#ba0003;--gold:#c6a56c;--cream:#f7f5f0;color:var(--ink);font-size:17px;line-height:1.8;overflow:hidden}
.jkl-about *{box-sizing:border-box}
.jkl-about .jkl-wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.jkl-about section{padding:clamp(74px,9vw,126px) 0}
.jkl-about h1,.jkl-about h2,.jkl-about h3{color:var(--ink);letter-spacing:-.035em;line-height:1.13;margin:0}
.jkl-about h1{font-size:clamp(48px,5.4vw,82px);font-weight:750;max-width:850px}
.jkl-about h2{font-size:clamp(35px,3.7vw,56px);font-weight:720;margin-bottom:28px}
.jkl-about h3{font-size:24px;margin-bottom:18px}
.jkl-about p{font-size:17px;line-height:1.85;color:var(--muted);margin:0 0 21px}
.jkl-about .jkl-kicker{display:block;font-size:12px;font-weight:750;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:23px}
.jkl-about .jkl-kicker:before{content:"";display:inline-block;width:28px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px}
.jkl-about .jkl-hero{position:relative;background:#f4f1e9;padding:clamp(78px,9vw,130px) 0}
.jkl-about .jkl-hero:before{content:"";position:absolute;right:-12%;top:-40%;width:62%;aspect-ratio:1;border:1px solid rgba(158,32,43,.08);border-radius:50%;pointer-events:none}
.jkl-about .jkl-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(50px,7vw,110px);align-items:center}
.jkl-about .jkl-hero-lead{font-size:clamp(24px,2.5vw,34px);font-weight:650;color:var(--red);line-height:1.28;margin:24px 0 30px}
.jkl-about .jkl-emphasis{font-size:clamp(21px,2.2vw,28px);font-weight:750;color:var(--red);line-height:1.4;margin:32px 0 0;border-left:3px solid var(--gold);padding-left:22px}
.jkl-about .jkl-mark{position:relative;min-height:500px;display:grid;place-items:center;background:linear-gradient(145deg,#e8e4d9,#f9f8f4);border-radius:50% 50% 8px 8px;box-shadow:25px 28px 0 rgba(198,165,108,.12);isolation:isolate}
.jkl-about .jkl-mark:before{content:"";position:absolute;width:75%;aspect-ratio:1;border:1px solid rgba(158,32,43,.2);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.27);z-index:-1}
.jkl-about .jkl-mark img{display:block;width:min(265px,65%);height:auto;filter:drop-shadow(0 10px 30px rgba(158,32,43,.23))}
.jkl-about .jkl-mark-caption{position:absolute;bottom:24px;left:28px;right:28px;text-align:center;font-size:12px;font-weight:750;letter-spacing:.18em;text-transform:uppercase;color:#7c6650}
.jkl-about .jkl-editorial{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:clamp(50px,9vw,150px);align-items:start}
.jkl-about .jkl-editorial h2{max-width:400px}
.jkl-about .jkl-editorial-copy{border-left:1px solid #ded7ca;padding-left:clamp(24px,4vw,65px)}
.jkl-about .jkl-editorial-copy p:first-child{font-size:clamp(19px,1.8vw,23px);line-height:1.65;color:var(--ink)}
.jkl-about .jkl-soft{background:var(--cream)}
.jkl-about .jkl-philosophy{position:relative;background:#17252d;color:#fff}
.jkl-about .jkl-philosophy:after{content:"";position:absolute;right:-9%;bottom:-55%;width:45%;aspect-ratio:1;border:1px solid rgba(198,165,108,.25);border-radius:50%;pointer-events:none}
.jkl-about .jkl-philosophy h2{color:#fff}
.jkl-about .jkl-philosophy p{color:#c9d0d0}
.jkl-about .jkl-philosophy .jkl-editorial-copy{border-color:rgba(255,255,255,.22)}
.jkl-about .jkl-philosophy .jkl-editorial-copy p:first-child{color:#fff}
.jkl-about .jkl-philosophy .jkl-kicker{color:var(--gold)}
.jkl-about .jkl-values-heading{max-width:670px;margin-bottom:45px}
.jkl-about .jkl-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.jkl-about .jkl-card{position:relative;background:#fff;padding:38px 33px 42px;border:1px solid #e8e3d8;box-shadow:0 18px 45px rgba(22,37,45,.035);transition:transform .25s ease,box-shadow .25s ease}
.jkl-about .jkl-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(22,37,45,.09)}
.jkl-about .jkl-card-number{display:block;color:var(--gold);font-size:14px;font-weight:750;letter-spacing:.12em;margin-bottom:75px}
.jkl-about .jkl-card:before{content:"";position:absolute;top:85px;left:33px;width:48px;height:2px;background:var(--red)}
.jkl-about .jkl-card p{margin:0}
.jkl-about .jkl-stats{background:var(--red);color:#fff;padding:48px 0}
.jkl-about .jkl-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}
.jkl-about .jkl-stats-grid>div+div{border-left:1px solid rgba(255,255,255,.3)}
.jkl-about .jkl-stats strong{display:block;color:#fff;font-size:clamp(34px,4vw,54px);letter-spacing:-.04em;line-height:1.15}
.jkl-about .jkl-stats span{display:block;color:#f3dedd;font-size:14px;text-transform:uppercase;letter-spacing:.11em;margin-top:9px}
.jkl-about .jkl-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,7vw,110px);align-items:center}
.jkl-about .jkl-map{min-height:440px;display:grid;place-items:center;text-align:center;padding:40px;position:relative;background:radial-gradient(circle at 50% 40%,#fff 0,#ece7dc 80%);border:1px solid #e2dacb;box-shadow:22px 22px 0 rgba(198,165,108,.15)}
.jkl-about .jkl-map:before{content:"";width:220px;height:220px;border:1px solid rgba(158,32,43,.27);border-radius:50%;position:absolute;box-shadow:0 0 0 40px rgba(158,32,43,.04)}
.jkl-about .jkl-map span{position:relative;color:var(--red);font-size:23px;font-weight:700;line-height:1.4}
.jkl-about .jkl-map small{display:block;color:#71685d;font-size:13px;font-weight:400;margin-top:10px}
.jkl-about .jkl-map-image{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;position:relative}
.jkl-about .jkl-map:has(.jkl-map-image):before{display:none}
.jkl-about .jkl-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.jkl-about .jkl-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 25px;background:var(--red);color:#fff;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.02em;transition:background .2s,transform .2s}
.jkl-about .jkl-button:hover,.jkl-about .jkl-button:focus{background:#711721;color:#fff;transform:translateY(-2px)}
.jkl-about .jkl-button-outline{background:transparent;color:var(--red);border:1px solid var(--red)}
.jkl-about .jkl-button-outline:hover,.jkl-about .jkl-button-outline:focus{background:var(--red);color:#fff}
@media(max-width:900px){.jkl-about .jkl-hero-grid{grid-template-columns:1fr}.jkl-about .jkl-mark{min-height:300px;max-width:500px;width:100%;justify-self:center}.jkl-about .jkl-editorial{gap:40px}.jkl-about .jkl-values{gap:12px}.jkl-about .jkl-card{padding:27px 23px}.jkl-about .jkl-card:before{left:23px}}
@media(max-width:700px){.jkl-about .jkl-wrap{width:min(100% - 36px,540px)}.jkl-about section{padding:70px 0}.jkl-about p{font-size:16px}.jkl-about .jkl-hero{padding:72px 0}.jkl-about .jkl-hero-grid{gap:35px}.jkl-about .jkl-mark{min-height:280px;grid-row:1;box-shadow:12px 12px 0 rgba(198,165,108,.12)}.jkl-about .jkl-editorial,.jkl-about .jkl-split,.jkl-about .jkl-values{grid-template-columns:1fr;gap:27px}.jkl-about .jkl-editorial-copy{padding-left:22px}.jkl-about .jkl-values-heading{margin-bottom:30px}.jkl-about .jkl-card-number{margin-bottom:45px}.jkl-about .jkl-card:before{top:68px}.jkl-about .jkl-stats-grid{gap:20px;grid-template-columns:1fr}.jkl-about .jkl-stats-grid>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.3);padding-top:22px}.jkl-about .jkl-map{min-height:300px;box-shadow:12px 12px 0 rgba(198,165,108,.15)}}
@media(prefers-reduced-motion:reduce){.jkl-about .jkl-card,.jkl-about .jkl-button{transition:none}}
.jk-enquire-tab {
position: fixed;
top: 50%;
right: 0;
z-index: 9999;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 41px;
height: 143px;
border-radius: 15px 0 0 15px;
background: #ed0b12;
box-shadow: -3px 4px 13px rgba(0, 0, 0, .18);
color: #fff !important;
font: 600 15px/1 Arial, sans-serif;
text-decoration: none !important;
white-space: nowrap;
writing-mode: vertical-rl;
}
.jk-enquire-tab:hover,
.jk-enquire-tab:focus {
background: #bc0711;
color: #fff !important;
}
@media (max-width: 767px) {
.jk-enquire-tab {
width: 35px;
height: 125px;
font-size: 12px;
}
}
.preloader {
position: fixed;
inset: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
background: #f7f5f0;
opacity: 1;
transition: opacity .4s ease;
}
/* Remove the previous pseudo-element loader */
.preloader::before,
.preloader::after {
content: none;
}
.jk-loader {
position: relative;
width: 220px;
height: 220px;
}
.jk-loader-ring {
width: 100%;
height: 100%;
transform: rotate(-90deg);
}
.jk-loader-ring circle {
fill: none;
stroke-width: 1.8;
}
.jk-loader-track {
stroke: rgba(158, 32, 43, .12);
}
.jk-loader-progress {
stroke: #bd0007;
stroke-linecap: round;
stroke-dasharray: 339.292;
stroke-dashoffset: 339.292;
transition: stroke-dashoffset .35s ease;
filter: drop-shadow(0 0 3px rgba(189, 0, 7, .25));
}
.jk-loader img {
position: absolute;
top: 50%;
left: 50%;
width: 135px;
height: auto;
transform: translate(-50%, -50%);
}
.preloader.jk-loader-complete {
opacity: 0;
pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
.preloader,
.jk-loader-progress {
transition: none;
}
}
/* Section background */
.jk-pillars {
position: relative;
isolation: isolate;
padding: 90px 0;
background: #fff;
font-family: inherit;
}
.jk-pillars::before {
content: "";
position: absolute;
inset: 0;
z-index: -2;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
/* Dark overlay keeps cards readable */
.jk-pillars::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
}
.jk-pillars,
.jk-pillars * {
box-sizing: border-box;
}
.jk-pillars .auto-container {
max-width: 1240px;
margin: 0 auto;
padding: 0 24px;
}
.jk-pillars-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 22px;
}
/* Fixed-height cards */
.jk-pillars .jk-pillar {
position: relative;
height: 440px;
min-width: 0;
padding: 36px 25px 94px;
overflow: hidden;
text-align: center;
color: #bd0007;
background: #f7f5f0;
border: 1px solid rgba(255, 255, 255, .25);
border-bottom: 3px solid #bd0007;
/*border-radius: 12px;*/
box-shadow: 0 14px 35px rgba(0, 0, 0, .16);
transition:
transform .25s ease,
background-color .25s ease,
border-color .25s ease,
box-shadow .25s ease;
}
/* Decorative corner */
.jk-pillars .jk-pillar::before {
content: "";
position: absolute;
top: -45px;
right: -45px;
width: 130px;
height: 130px;
border: 1px solid rgba(158, 32, 43, .12);
/*border-radius: 50%;*/
pointer-events: none;
}
.jk-pillars .jk-pillar-icon {
display: block;
width: 65px;
height: 65px;
margin: 0 auto 28px;
color: inherit;
}
.jk-pillars .jk-pillar h3 {
min-height: 62px;
margin: 0 0 18px;
color: #17252d;
font-family: inherit;
font-size: 23px;
font-weight: 700;
line-height: 1.3;
letter-spacing: -.025em;
}
.jk-pillars .jk-pillar-short {
margin: 0;
color: #000;
font-size: 16px;
line-height: 1.8;
}
/* Arrow stays in the same position */
.jk-pillars .jk-pillar details {
margin: 0;
}
.jk-pillars .jk-pillar summary {
position: absolute;
bottom: 25px;
left: 50%;
z-index: 2;
display: flex;
justify-content: center;
transform: translateX(-50%);
cursor: pointer;
list-style: none;
border-radius: 50%;
}
.jk-pillars .jk-pillar summary::-webkit-details-marker {
display: none;
}
.jk-pillars .jk-pillar summary:focus-visible {
outline: 3px solid #c6a56c;
outline-offset: 5px;
}
.jk-pillars .jk-pillar-arrow {
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 50%;
background: #fff;
color: #bd0007;
font-size: 27px;
line-height: 1;
box-shadow: 0 5px 15px rgba(23, 37, 45, .08);
transition:
transform .25s ease,
background-color .25s ease,
color .25s ease;
}
/* Full copy replaces the icon and short copy */
.jk-pillars .jk-pillar:has(details[open]) .jk-pillar-icon,
.jk-pillars .jk-pillar:has(details[open]) .jk-pillar-short {
display: none;
}
.jk-pillars .jk-pillar:has(details[open]) h3 {
min-height: 0;
margin-bottom: 20px;
}
/* Scroll inside the card, without expanding it */
.jk-pillars .jk-pillar details[open] .jk-pillar-expanded {
position: absolute;
top: 116px;
right: 20px;
bottom: 96px;
left: 25px;
margin: 0;
padding: 0 10px 0 0;
overflow-y: auto;
overscroll-behavior: contain;
text-align: left;
scrollbar-width: thin;
scrollbar-color: #c6a56c transparent;
animation: jk-pillar-reveal .3s ease both;
}
.jk-pillars .jk-pillar-expanded p {
margin: 0;
color: #59666e;
font-size: 15px;
line-height: 1.8;
}
.jk-pillars .jk-pillar-expanded::-webkit-scrollbar {
width: 4px;
}
.jk-pillars .jk-pillar-expanded::-webkit-scrollbar-thumb {
background: #c6a56c;
border-radius: 4px;
}
/* Active card */
.jk-pillars .jk-pillar:focus-within,
.jk-pillars .jk-pillar:has(details[open]) {
background: #a2212b;
color: #000;
border-bottom-color: #c6a56c;
}
.jk-pillars .jk-pillar:focus-within h3,
.jk-pillars .jk-pillar:focus-within p,
.jk-pillars .jk-pillar:has(details[open]) h3,
.jk-pillars .jk-pillar:has(details[open]) p {
color: #000;
}
.jk-pillars .jk-pillar:focus-within .jk-pillar-arrow,
.jk-pillars .jk-pillar:has(details[open]) .jk-pillar-arrow {
background: #c6a56c;
color: #17252d;
}
.jk-pillars .jk-pillar details[open] .jk-pillar-arrow {
transform: rotate(180deg);
}
/* Hover effects on devices with a pointer */
@media (hover: hover) {
.jk-pillars .jk-pillar:hover {
transform: translateY(-6px);
background: #a2212b;
color: #fff;
border-bottom-color: #c6a56c;
box-shadow: 0 22px 45px rgba(0, 0, 0, .24);
}
.jk-pillars .jk-pillar:hover h3,
.jk-pillars .jk-pillar:hover p {
color: #fff;
}
.jk-pillars .jk-pillar:hover .jk-pillar-arrow {
background: #c6a56c;
color: #17252d;
}
}
/* Accessible text for arrow controls */
.jk-pillars .jk-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
@keyframes jk-pillar-reveal {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Tablet */
@media (max-width: 1100px) {
.jk-pillars-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
/* Mobile */
@media (max-width: 575px) {
.jk-pillars {
padding: 55px 0;
}
.jk-pillars .auto-container {
padding: 0 18px;
}
.jk-pillars-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.jk-pillars .jk-pillar {
height: 420px;
}
}
/* Reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
.jk-pillars .jk-pillar,
.jk-pillars .jk-pillar-arrow {
transition: none;
}
.jk-pillars .jk-pillar-expanded {
animation: none !important;
}
.jk-pillars .jk-pillar:hover {
transform: none;
}
}
.jk-pillar {
position: relative;
isolation: isolate;
overflow: hidden;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
width: 100% !important;
}
/* Dark, blurred layer over the image */
.jk-pillar::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: rgb(203 203 203 / 68%);
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(2px);
pointer-events: none;
}
/* Clear white text and icons */
.jk-pillars ,
.jk-pillars ,
.jk-pillars {
color: #fff !important;
}
.jk-pillars .jk-pillar h3 {
text-shadow: 0 2px 6px rgba(0, 0, 0, .3);
}
.jk-pillars .jk-pillar-arrow {
background: #fff;
color: #bd0007;
}
.jk-tmt .wrap{
padding-top: 50px !important;
}
.metis.tparrows{
background: #ffffff00 !important;
}
.metis.tparrows:before {
color: #ffffff !important;
}
/* JK Lakshmi — ivory background with animated red accents */
#jk-preloader.jk-premium-loader {
position: fixed;
inset: 0;
z-index: 999999;
display: grid;
place-items: center;
overflow: hidden;
isolation: isolate;
background: #f7f5f0 !important;
opacity: 1;
visibility: visible;
transition:
opacity 450ms ease,
visibility 450ms ease;
}
/* Remove the previous grid and ambient background */
#jk-preloader.jk-premium-loader::before,
#jk-preloader.jk-premium-loader::after {
content: none !important;
}
.jk-premium-loader-content {
width: 240px;
max-width: calc(100vw - 48px);
text-align: center;
transition:
opacity 450ms ease,
transform 450ms ease;
}
.jk-premium-loader-logo {
position: relative;
display: grid;
place-items: center;
width: 140px;
height: 140px;
margin: 0 auto;
padding: 32px;
background: transparent;
border: 0;
border-radius: 50%;
box-shadow: none;
overflow: visible;
isolation: isolate;
}
/* Logo stays still and retains its original colours */
.jk-premium-loader-logo img {
position: relative;
z-index: 2;
display: block;
width: 140px;
max-width: 100%;
height: auto;
margin: 0;
filter: drop-shadow(0 0 8px rgba(158, 32, 43, 0.12));
animation: jk-brand-glow 2200ms ease-in-out infinite;
}
/* Outer fine arc */
.jk-premium-loader-logo::before {
content: "";
position: absolute;
inset: 0;
width: auto;
height: auto;
border-radius: 50%;
border: 1px solid rgba(158, 32, 43, 0.09);
border-top-color: #9e202b;
border-right-color: rgba(158, 32, 43, 0.45);
background: transparent;
filter: none;
pointer-events: none;
animation: jk-brand-orbit 2200ms linear infinite;
}
/* Inner arc rotates in the opposite direction */
.jk-premium-loader-logo::after {
content: "";
position: absolute;
inset: 10px;
width: auto;
height: auto;
border-radius: 50%;
border: 1px solid transparent;
border-bottom-color: #c6a56c;
border-left-color: rgba(198, 165, 108, 0.35);
background: transparent;
pointer-events: none;
animation: jk-brand-orbit 3200ms linear infinite reverse;
}
/* Subtle loading activity line */
.jk-premium-loader-line {
position: relative;
width: 120px;
height: 2px;
margin: 28px auto 0;
overflow: hidden;
border-radius: 2px;
background: rgba(158, 32, 43, 0.1);
}
.jk-premium-loader-line span {
position: absolute;
inset: 0 auto 0 0;
width: 45%;
border-radius: inherit;
background: linear-gradient(
90deg,
transparent,
#9e202b,
transparent
);
animation: jk-brand-line 1600ms ease-in-out infinite;
}
#jk-preloader.jk-premium-loader.jk-loader-complete {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.jk-loader-complete .jk-premium-loader-content {
opacity: 0;
transform: translateY(-8px);
}
@keyframes jk-brand-orbit {
to {
transform: rotate(360deg);
}
}
@keyframes jk-brand-glow {
0%, 100% {
filter: drop-shadow(0 0 5px rgba(158, 32, 43, 0.1));
}
50% {
filter: drop-shadow(0 0 13px rgba(158, 32, 43, 0.28));
}
}
@keyframes jk-brand-line {
from {
transform: translateX(-110%);
}
to {
transform: translateX(330%);
}
}
@media (prefers-reduced-motion: reduce) {
.jk-premium-loader-logo img,
.jk-premium-loader-logo::before,
.jk-premium-loader-logo::after,
.jk-premium-loader-line span {
animation: none;
}
#jk-preloader.jk-premium-loader,
.jk-premium-loader-content {
transition: none;
}
}
@media (max-width: 767px) {
body.home .main-header.jk-home-header {
left: 0 !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.home .jk-home-header .header-upper,
body.home .jk-home-header .inner-container {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.home .jk-home-header .header-upper .auto-container {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 88px;
padding: 12px 20px !important;
}
body.home .jk-home-header .logo-outer {
position: static !important;
float: none !important;
flex: 0 0 auto;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
body.home .jk-home-header .logo {
margin: 0 !important;
padding: 0 !important;
}
body.home .jk-home-header .logo a {
display: block;
}
body.home .jk-home-header .logo img {
display: block;
width: 160px !important;
max-width: 100%;
height: auto !important;
margin: 0 !important;
transform: none !important;
}
body.home .jk-home-header .nav-outer {
position: static !important;
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.home .jk-home-header .main-menu,
body.home .jk-home-header .navbar-header {
position: static !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.home .jk-home-header .navbar-toggler {
position: static !important;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin: 0 !important;
padding: 8px !important;
color: #fff !important;
background: rgba(23, 37, 45, .65);
border: 1px solid rgba(255, 255, 255, .35);
border-radius: 6px;
transform: none !important;
}
body.home .jk-home-header .navbar-toggler .icon {
color: #fff !important;
font-size: 24px;
line-height: 1;
}
body.home .jk-home-header .navbar-collapse {
position: absolute;
top: 100%;
left: 20px;
right: 20px;
width: auto;
max-height: calc(100dvh - 110px);
overflow-y: auto;
background: #17252d;
border-radius: 8px;
box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
}
body.home .jk-home-header .navigation > li > a {
color: #fff !important;
}
body.home .jk-home-header .outer-box {
display: none !important;
}
}
@media (max-width: 767px) {
body.home .main-header.jk-home-header .header-upper .auto-container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
max-width: none !important;
min-height: 90px !important;
padding: 14px 18px !important;
gap: 16px;
}
/* Clearfix pseudo-elements interfere with flex spacing */
body.home .jk-home-header .header-upper .auto-container::before,
body.home .jk-home-header .header-upper .auto-container::after,
body.home .jk-home-header .nav-outer::before,
body.home .jk-home-header .nav-outer::after {
display: none !important;
content: none !important;
}
body.home .jk-home-header .header-upper .logo-outer,
body.home .jk-home-header .header-upper .logo,
body.home .jk-home-header .header-upper .logo a,
body.home .jk-home-header .header-upper .logo img {
position: static !important;
inset: auto !important;
margin: 0 !important;
transform: none !important;
translate: none !important;
}
body.home .jk-home-header .header-upper .logo-outer {
flex: 0 0 150px !important;
width: 150px !important;
padding: 0 !important;
}
body.home .jk-home-header .header-upper .logo a {
display: block !important;
padding: 8px 10px !important;
background: #fff;
border-radius: 8px;
}
body.home .jk-home-header .header-upper .logo img {
display: block !important;
width: 100% !important;
height: auto !important;
max-height: none !important;
padding: 0 !important;
object-fit: contain;
border-radius: 0 !important;
}
body.home .jk-home-header .header-upper .nav-outer {
display: block !important;
flex: 0 0 44px !important;
width: 44px !important;
margin-left: auto !important;
}
body.home .jk-home-header .navbar-header {
display: block !important;
width: 44px !important;
}
body.home .jk-home-header .navbar-toggler {
width: 44px !important;
height: 44px !important;
margin: 0 !important;
}
}
@media (max-width: 767px) {
/* Position the three content layers as a compact group */
body.home .main-slider .tp-parallax-wrap:has(h2),
body.home .main-slider .tp-parallax-wrap:has(.text),
body.home .main-slider .tp-parallax-wrap:has(.link-box) {
left: 24px !important;
right: 58px !important;
width: auto !important;
}
body.home .main-slider .tp-parallax-wrap:has(h2) {
top: max(125px, calc(50% - 100px)) !important;
}
body.home .main-slider .tp-parallax-wrap:has(.text) {
top: max(229px, calc(50% + 4px)) !important;
}
body.home .main-slider .tp-parallax-wrap:has(.link-box) {
top: max(301px, calc(50% + 76px)) !important;
}
/* Remove the layer's fixed desktop widths and offsets */
body.home .main-slider .tp-parallax-wrap:has(h2) .tp-loop-wrap,
body.home .main-slider .tp-parallax-wrap:has(.text) .tp-loop-wrap,
body.home .main-slider .tp-parallax-wrap:has(.link-box) .tp-loop-wrap,
body.home .main-slider .tp-parallax-wrap:has(h2) .tp-mask-wrap,
body.home .main-slider .tp-parallax-wrap:has(.text) .tp-mask-wrap,
body.home .main-slider .tp-parallax-wrap:has(.link-box) .tp-mask-wrap {
position: relative !important;
inset: auto !important;
width: 100% !important;
overflow: visible !important;
transform: none !important;
}
body.home .main-slider .tp-caption:has(h2),
body.home .main-slider .tp-caption:has(.text),
body.home .main-slider .tp-caption:has(.link-box) {
position: relative !important;
inset: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
white-space: normal !important;
transform: none !important;
}
body.home .main-slider h2 {
margin: 0 !important;
color: #fff !important;
font-size: clamp(32px, 8.5vw, 40px) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: -.025em !important;
text-shadow: 0 2px 16px rgba(0, 0, 0, .35);
}
body.home .main-slider .tp-caption .text {
margin: 0 !important;
max-width: 290px;
color: #fff !important;
font-size: 16px !important;
line-height: 1.6 !important;
white-space: normal !important;
text-shadow: 0 2px 10px rgba(0, 0, 0, .5);
}
body.home .main-slider .link-box {
margin: 0 !important;
padding: 0 !important;
}
body.home .main-slider .link-box .theme-btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 13px 24px !important;
font-size: 13px !important;
line-height: 1.4 !important;
border-radius: 6px;
}
/* Remove the decorative desktop frame */
body.home .main-slider .tp-parallax-wrap:has(.border-layer) {
display: none !important;
}
}
@media (max-width: 767px) {
/* Remove spacing between the combined slides */
body.home #jk-combined-slider .jk-combined-track {
gap: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
body.home #jk-combined-slider .jk-combined-track
> .jk-combined-slide {
flex-shrink: 0 !important;
flex-basis: var(--jk-viewport-height, 100vh) !important;
height: var(--jk-viewport-height, 100vh) !important;
min-height: var(--jk-viewport-height, 100vh) !important;
margin: 0 !important;
border: 0 !important;
box-sizing: border-box !important;
}
/* Make the hero background fill its entire slide */
body.home #jk-combined-slider .main-slider {
padding: 0 !important;
overflow: hidden !important;
}
body.home #jk-combined-slider .main-slider .rev_slider_wrapper,
body.home #jk-combined-slider .main-slider .rev_slider {
height: var(--jk-viewport-height, 100vh) !important;
min-height: var(--jk-viewport-height, 100vh) !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.home #jk-combined-slider .rev_slider > ul,
body.home #jk-combined-slider .rev_slider > ul > li {
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.home #jk-combined-slider .main-slider .slotholder {
height: 100% !important;
}
body.home #jk-combined-slider .main-slider .tp-bgimg {
height: 100% !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
/* Keep the second slide directly against the hero */
body.home #jk-combined-slider .innovation-section {
margin-top: 0 !important;
margin-bottom: 0 !important;
background-size: cover !important;
}
}