/* Builder Expert HTML Template*/
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three / Style Four
5. Main Slider
6. Services Section / Two / Three
7. Welcome Section
8. Projects Section / Two
9. Testimonial Section / Two / Three
10. Team Section
11. Clients Section / Two
12. News Section / Two
13. Main Footer / Two / Three / Four
14. Choice Section
15. Counter Section / Two
16. Pricing Section
17. Video Section
18. Call To Action Section
19. Skill Section / Two
20. Quote Section
21. Newsletter Section
22. Process Section
23. Faq's Section
24. Page Title
25. Coming Soon Section
26. Service Sidebar Widgets
27. Shop Item
28. Blogs
29. Not Found
30. Login / Register
31. Map Section
32. Contact Form
**********************************************/
/*
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
*/
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.mCustomScrollbar.min.css');
/***
====================================================================
Reset
====================================================================
***/
* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #777777;
line-height: 1.7em;
font-weight: 400;
background: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.box-layout {
background: url(../images/background/1.jpg);
background-position: fixed;
}
.box-layout:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0,0,0,0.50);
}
.box-layout .page-wrapper {
max-width: 1300px;
padding: 15px;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.bordered-layout .page-wrapper {
padding: 0px 50px 0px;
}
a {
text-decoration: none;
cursor: pointer;
color: #0096ff;
}
button {
cursor: pointer;
text-decoration: none;
outline: none !important;
}
a:hover, a:focus, a:visited {
text-decoration: none;
outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
position: relative;
font-weight: normal;
margin: 0px;
background: none;
line-height: 1.6em;
font-family: 'Source Sans Pro', sans-serif;
;
}
input, button, select, textarea {
}
textarea {
overflow: hidden;
}
p {
position: relative;
line-height: 1.8em;
}
.auto-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
.medium-container {
max-width: 850px;
}
.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
}
ul, li {
list-style: none;
padding: 0px;
margin: 0px;
}
img {
display: inline-block;
max-width: 100%;
}
.theme-btn {
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.centered {
text-align: center;
}
/* Typography */
h1 {
font-size: 60px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
/* List Style One */
.list-style-one {
position: relative;
}
.list-style-one li {
position: relative;
color: #ffffff;
font-size: 14px;
padding-left: 30px;
font-weight: 400;
line-height: 1.6em;
margin-bottom: 20px;
}
.list-style-one li a {
color: #fff;
}
.list-style-one li .icon {
position: absolute;
left: 0px;
top: 5px;
color: #fff;
font-size: 18px;
line-height: 1em;
font-weight: 300;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
/* List Style Two */
.list-style-two {
position: relative;
}
.list-style-two li {
position: relative;
color: #111111;
font-size: 18px;
padding-left: 25px;
font-weight: 700;
line-height: 1.6em;
margin-bottom: 10px;
}
.list-style-two li:before {
position: absolute;
left: 0px;
content: '\f101';
top: 5px;
color: #0096ff;
font-size: 18px;
line-height: 1em;
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;
font-family: 'FontAwesome';
}
/* List Style Three */
.list-style-three {
position: relative;
}
.list-style-three li {
position: relative;
color: #555555;
font-size: 16px;
padding-left: 28px;
font-weight: 400;
line-height: 1.6em;
margin-bottom: 14px;
}
.list-style-three li:before {
position: absolute;
left: 0px;
content: "\f144";
top: 3px;
color: #0096ff;
font-size: 15px;
line-height: 1em;
font-weight: 600;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
font-family: "Flaticon";
}
/* List Style Four */
.list-style-four {
position: relative;
margin-bottom: 15px;
}
.list-style-four li {
position: relative;
color: #666666;
font-size: 16px;
padding-left: 28px;
font-weight: 400;
line-height: 1.6em;
margin-bottom: 14px;
}
.list-style-four li:before {
position: absolute;
left: 0px;
content: "\f00c";
top: 3px;
color: #0096ff;
font-size: 15px;
line-height: 1em;
font-weight: 600;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
font-family: 'FontAwesome';
}
.list-style-four li:last-child {
margin-bottom: 0px;
}
/*Btn Style One*/
.btn-style-one {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
overflow: hidden;
background: none;
border-radius: 0px;
padding: 12px 35px 12px;
text-transform: uppercase;
background-color: #000;
font-family: 'Open Sans', sans-serif;
}
.btn-style-one i {
margin-left: 5px;
}
.btn-style-one:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background-color: #000;
}
.btn-style-one .txt {
position: relative;
z-index: 1;
}
.btn-style-one:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-one:hover {
color: #ffffff;
}
/* Btn Style Two */
.btn-style-two {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 11px 32px 11px;
font-weight: 600;
overflow: hidden;
background: none;
letter-spacing: 1px;
border-radius: 2px;
text-transform: uppercase;
border: 1px solid #ffffff;
}
.btn-style-two:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #0096ff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
}
.btn-style-two .txt {
position: relative;
z-index: 1;
}
.btn-style-two:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-two:hover {
color: #ffffff;
border-color: #0096ff;
}
/* Btn Style Three */
.btn-style-three {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
overflow: hidden;
border-radius: 0px;
letter-spacing: 1px;
padding: 12px 30px;
background: #0096ff;
text-transform: capitalize;
font-family: 'Montserrat', sans-serif;
}
.btn-style-three:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background-color: #000;
}
.btn-style-three .txt {
position: relative;
z-index: 1;
}
.btn-style-three:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-three:hover {
color: #ffffff;
}
/* Btn Style Four */
.btn-style-four {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #0096ff;
font-weight: 700;
overflow: hidden;
background: none;
border-radius: 0px;
padding: 12px 30px;
text-transform: capitalize;
background-color: #ffffff;
font-family: 'Montserrat', sans-serif;
}
.btn-style-four:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background-color: #0096ff;
}
.btn-style-four .txt {
position: relative;
z-index: 1;
}
.btn-style-four:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-four:hover {
color: #ffffff;
}
/* Btn Style Five */
.btn-style-five-outer {
position: relative;
}
.btn-style-five {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
overflow: hidden;
background: none;
border-radius: 0px;
padding: 12px 45px 12px 30px;
text-transform: capitalize;
background-color: #0096ff;
font-family: 'Montserrat', sans-serif;
}
.btn-style-five-outer .plus {
position: absolute;
right: 0px;
top: 14px;
width: 40px;
height: 40px;
color: #222222;
z-index: 1;
font-size: 15px;
line-height: 40px;
text-align: center;
font-weight: 700;
display: inline-block;
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;
}
.btn-style-five-outer:hover .plus {
color: #ffffff;
top: 0px;
background-color: #0096ff;
}
.btn-style-five:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background-color: #ffffff;
}
.btn-style-five .txt {
position: relative;
z-index: 1;
}
.btn-style-five:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-five:hover {
color: #0096ff;
}
/* Btn Style Six */
.btn-style-six {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 800;
overflow: hidden;
background: none;
border-radius: 0px;
padding: 15px 35px;
text-transform: uppercase;
background-color: #0096ff;
font-family: 'Montserrat', sans-serif;
}
.btn-style-six:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background-color: #111111;
}
.btn-style-six .txt {
position: relative;
z-index: 1;
}
.btn-style-six:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-six:hover {
color: #ffffff;
}
/* Btn Style Seven */
.btn-style-seven {
position: relative;
font-weight: 800;
color: #222222;
font-size: 18px;
text-align: left;
padding: 16px 40px 16px 22px;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background: #ffffff url(../images/background/pattern-18.png) repeat-x;
}
.btn-style-seven .plus-box {
position: absolute;
right: -20px;
bottom: 0px;
width: 40px;
height: 40px;
color: #222222;
font-size: 14px;
line-height: 40px;
text-align: center;
font-weight: 800;
margin-top: 0px;
display: inline-block;
background-color: #fcb62f;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.btn-style-seven:hover .plus-box {
transform: translateY(-15px);
}
.btn-style-seven:hover {
color: #222222;
}
/* Social Icon One */
.social-icon-one {
position: relative;
display: block;
}
.social-icon-one .title {
position: relative;
font-size: 20px;
line-height: 26px;
color: #ffffff;
font-weight: 700;
display: block;
margin-bottom: 12px;
}
.social-icon-one li {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #ffffff;
margin-right: 4px;
}
.social-icon-one li:last-child {
margin-right: 0;
}
.social-icon-one li a {
position: relative;
display: block;
font-size: 16px;
line-height: 24px;
color: #ffffff;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
display: inline-block;
border: 1px solid rgba(255,255,255,0.70);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-one li a:hover {
color: #000000;
background-color: #ffffff;
}
.theme_color {
color: #0096ff;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
/***
====================================================================
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: #222222;
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: #555555;
}
/***
====================================================================
Section Title
====================================================================
***/
.abt-info ul li {
width: 100%;
display: block;
margin-bottom: 20px;
position: relative;
padding-left: 18px;
line-height: 26px;
font-weight: 600;
color: #000;
font-size: 14px;
}
.abt-info ul li:before {
position: absolute;
content: '';
width: 7px;
height: 7px;
left: 0;
top: 10px;
border-radius: 50%;
background-color: #000;
}
.abt-info ul {
margin: 20px 0 0 0px;
padding: 0;
list-style: none;
}
.vision-padd {
padding-right: 60px;
padding-top: 35px;
}
.vision-padd3 {
padding-right: 50px;
padding-top: 20px;
}
.sec-title {
position: relative;
margin-bottom: 35px;
}
.sec-title .separater {
position: relative;
width: 14px;
height: 20px;
margin-bottom: 24px !important;
border-left: 2px solid #0096ff;
border-right: 2px solid #0096ff;
}
.sec-title .separater:before {
position: absolute;
content: '';
left: 4px;
top: -5px;
width: 2px;
height: 20px;
background-color: #0096ff;
}
.sec-title.centered .separater {
margin: 0 auto;
}
.sec-title.light .separater {
border-color: #ffffff;
}
.sec-title .logo-icon {
position: relative;
margin-bottom: 0px;
}
.sec-title .title {
position: relative;
color: #0096ff;
font-size: 16px;
font-weight: 600;
margin-bottom: 16px;
text-transform: capitalize;
font-family: 'Open Sans', sans-serif;
}
.differnt_popup {
cursor: pointer;
height: auto;
position: fixed;
left: 13px;
top: 92%;
width: 60px;
z-index: 999999;
}
.map {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #ddd;
}
.differnt_popup img {
width: 100%;
}
.theme-color {
color: #0096ff;
}
.sec-title h2 {
position: relative;
color: #000;
font-weight: 700;
line-height: 40px;
text-transform: uppercase;
font-size: 35px;
}
.sec-title .text {
position: relative;
color: #000;
font-size: 16px;
font-weight: 700;
line-height: 28px;
margin-top: 15px;
}
.sec-title.light .title, .sec-title.light h2 {
color: #ffffff !important;
}
.sec-title.light .text {
color: #ffffff;
}
.sec-title.style-two .separater::before {
background-color: #0096ff;
}
.sec-title.style-two .title {
color: #0096ff;
}
.sec-title.style-three .separater::before {
background-color: #0096ff;
}
.sec-title.style-three .title {
color: #0096ff;
}
.sec-title.style-four .separater::before {
background-color: #9e0b0f;
}
.sec-title.style-four .title {
color: #9e0b0f;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header {
position: relative;
z-index: 99;
width: 100%;
}
.main-header .header-top {
position: relative;
background-color: #0096ff;
}
/* Header Top */
.main-header .header-top .top-left {
position: relative;
float: left;
padding: 20px 0px;
}
.main-header .header-top .top-left .text {
position: relative;
color: #ffffff;
font-size: 16px;
line-height: 1.3em;
padding-left: 24px;
font-weight: 700;
}
.main-header .header-top .top-left .text .icon {
position: absolute;
left: 0px;
top: 0px;
color: #fff;
margin-right: 6px;
}
/* End Header Top */
.main-header .header-top .top-right {
position: relative;
padding: 8px 0px;
}
.main-header .header-top .top-right .nav-list {
position: relative;
float: left;
padding: 10px 0px;
margin-right: 15px;
}
.main-header .header-top .top-right .nav-list li {
position: relative;
margin-right: 12px;
padding-right: 12px;
display: inline-block;
}
.main-header .header-top .top-right .nav-list li:before {
position: absolute;
content: '/';
right: -2px;
top: 0px;
color: #ffffff;
}
.main-header .header-top .top-right .nav-list li a {
position: relative;
color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .header-top .top-right .nav-list li a:hover {
color: #0096ff;
}
.main-header .header-top .top-right .nav-list li:last-child {
padding-right: 0px;
margin-right: 0px;
}
.main-header .header-top .top-right .nav-list li:last-child::before {
display: none;
}
.main-header .header-top .top-right .social-nav {
position: relative;
float: left;
padding-left: 20px;
}
.main-header .header-top .top-right .social-nav:before {
position: absolute;
content: '';
left: 0px;
top: -8px;
bottom: -8px;
width: 200%;
background-color: #000;
border-radius: 50px 0px 0px 50px;
}
.main-header .header-top .top-right .social-nav li {
position: relative;
margin-left: 18px;
display: inline-block;
}
.main-header .header-top .top-right .social-nav li a {
position: relative;
color: #ffffff;
font-size: 16px;
text-align: center;
line-height: 44px;
border-radius: 2px;
display: inline-block;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .header-top .top-right .social-nav li a:hover {
color: #fff;
}
/* Header Top Two */
.header-top-two {
position: relative;
padding-left: 300px;
background-color: #ffffff;
box-shadow: inset 10px 0px 15px rgba(0,0,0,0.10);
}
.header-top-two .outer-container {
position: relative;
padding: 0px 0px;
}
.header-top-two .top-right .info-list {
padding: 14px 0px;
}
.header-top-two .top-left {
position: relative;
float: right;
padding: 14px 0px;
}
.header-top-two .info-list {
position: relative;
float: left;
margin-right: 0px;
}
.header-top-two .info-list li {
position: relative;
color: #000000;
font-size: 14px;
font-weight: 600;
margin-right: 20px;
display: inline-block;
}
.header-top-two .info-list li strong {
font-weight: 700;
}
.header-top-two .info-list li strong a {
padding-left: 8px;
}
.header-top-two .info-list li:last-child {
margin-right: 0px;
}
.header-top-two .info-list li .icon {
position: absolute;
left: 0px;
top: -1px;
color: #0096ff;
}
.header-top-two .info-list li a {
position: relative;
color: #000000;
padding-left: 28px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-top-two .info-list li a:hover {
color: #222222;
}
.header-top-two .top-right {
position: relative;
margin-left: 12px;
}
.header-top-two .top-right .social-box {
position: relative;
float: left;
margin-left: 10px;
}
.header-top-two .top-right .social-box li {
position: relative;
float: left;
display: inline-block;
}
.header-top-two .top-right .social-box li a {
position: relative;
color: #ffffff;
font-size: 16px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
display: inline-block;
background-color: #0096ff;
border-left: 1px solid rgba(255,255,255,0.30);
}
.header-top-two .top-right .social-box li a:hover {
background-color: #222222;
}
/* Main Header */
.main-header .main-box {
position: relative;
padding: 0px 0px;
left: 0px;
top: 0px;
width: 100%;
background: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .main-box .outer-container {
position: relative;
padding: 0px 40px;
}
.main-header .main-box .logo-box {
position: relative;
float: left;
left: 0px;
z-index: 10;
padding: 30px 0px;
}
.main-header .main-box .logo-box .logo img {
display: inline-block;
max-width: 100%;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .nav-toggler {
position: absolute;
top: 50%;
margin-top: 0px;
display: block;
}
.main-header .nav-toggler button {
position: relative;
display: block;
color: #444444;
text-align: center;
font-size: 24px;
line-height: 34px;
font-weight: normal;
background: none;
}
.main-header .header-upper {
position: relative;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .header-upper .upper-right {
position: relative;
padding-top: 35px;
}
.main-header .nav-outer {
position: relative;
}
.main-header .nav-outer:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
overflow: hidden;
}
.main-header.header-style-one .header-lower {
background: #0096ff;
}
.main-header .header-upper .logo-box {
position: relative;
z-index: 1;
padding: 20px 0px 25px;
}
.main-header .info-box {
position: relative;
float: left;
z-index: 1;
min-height: 56px;
margin-left: 50px;
font-size: 15px;
color: #777777;
text-align: left;
padding: 0px 0px 20px 60px;
}
.main-header .info-box .icon-box {
position: absolute;
left: 0px;
top: 3px;
width: 40px;
height: 40px;
font-size: 16px;
line-height: 38px;
text-align: center;
border-radius: 50px 0px 0px 50px;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
color: #ea6e00;
border: 1px dashed #ea6e00;
}
.main-header .info-box ul li {
position: relative;
line-height: 20px;
color: #000;
font-size: 16px;
margin-bottom: 6px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.main-header .info-box ul li a {
color: #000;
}
.main-header .info-box strong {
position: relative;
font-weight: 800;
color: #222222;
font-size: 18px;
text-transform: capitalize;
font-family: 'Montserrat', sans-serif;
}
.client-section {
padding-top: 60px;
padding-bottom: 30px;
}
.client-border {
border: 1px solid #dee2e6!important;
margin-bottom: 30px;
}
.team-img img {
width: 100%;
}
.team-img:hover img {
transform: scale(1.1);
}
.team-img {
overflow: hidden;
position: relative;
transition: transform .5s ease;
}
.team-img img {
overflow: hidden;
position: relative;
transition: transform .5s ease;
}
.img-pad img {
padding: 37px 30px 36px 30px;
}
.main-menu {
position: static;
float: left;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.formline {
position: relative;
display: block;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background-color: #000;
}
.main-menu .navbar-collapse {
padding: 0px;
}
.main-menu .navigation {
position: static;
margin: 0px;
}
.main-menu .navigation > li {
position: relative;
float: left;
margin-right: 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;
}
.main-menu .navigation > li:last-child {
margin-right: 0px;
}
.sticky-header .main-menu .navigation > li > a {
padding: 27px 0px !important;
color: #000 !important;
}
.sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a {
color: #0096ff;
background-color: inherit !important;
}
.sticky-header .nav-outer .options-box {
margin-top: 26px;
}
/*Sticky Header*/
.sticky-header {
position: fixed;
opacity: 0;
visibility: hidden;
left: 0px;
top: 0px;
width: 100%;
padding: 0px 0px;
background: #ffffff;
z-index: 0;
border-bottom: 1px solid #e6e6e6;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sticky-header .logo {
padding: 9px 0px 5px;
}
.fixed-header .sticky-header {
z-index: 999999;
opacity: 1;
visibility: visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-menu .navigation > li > a {
position: relative;
display: block;
color: #000;
text-align: center;
line-height: 31px;
letter-spacing: 0px;
opacity: 1;
font-weight: 700;
padding: 20px 23px;
text-transform: uppercase;
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;
}
.sticky-header .main-menu .navigation > li {
position: relative;
margin-left: 30px;
margin-right: 0px !important;
}
.sticky-header .main-menu .navigation > li.dropdown > a:before {
display: none;
}
.sticky-header .main-menu .navigation > li:before, .sticky-header .main-menu .navigation > li:after {
display: none;
}
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a {
color: #ffffff;
}
.main-menu .navigation > li > ul {
position: absolute;
left: -23px;
top: 120%;
width: 260px;
padding: 0px;
z-index: 100;
display: none;
background: #ffffff;
border-top: 3px solid #0096ff;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation > li > ul > li {
position: relative;
width: 100%;
border-bottom: 2px solid #f5f7f9;
}
.main-menu .navigation > li > ul > li:last-child {
border-bottom: none;
}
.sticky-logo {
width: 260px;
}
.main-menu .navigation > li > ul > li > a {
position: relative;
display: block;
padding: 8px 15px;
line-height: 24px;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
color: #000;
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: #000;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
right: 15px;
top: 11px;
width: 10px;
height: 20px;
display: block;
color: #000;
line-height: 20px;
font-size: 16px;
font-weight: 600;
text-align: center;
z-index: 5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
color: #000;
}
.main-menu .navigation > li > ul > li > ul {
position: absolute;
left: 100%;
top: 20px;
width: 280px;
padding: 0px;
z-index: 100;
display: none;
background: #ffffff;
border-top: 3px solid #0096ff;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul > li > ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation > li > ul > li > ul > li {
position: relative;
width: 100%;
border-bottom: 2px solid #f5f7f9;
}
.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: 5px 10px;
line-height: 24px;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
color: #000;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a {
color: #0096ff;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
right: 15px;
top: 11px;
width: 10px;
height: 20px;
display: block;
color: #000;
line-height: 20px;
font-size: 16px;
font-weight: 600;
text-align: center;
z-index: 5;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after {
color: #000;
}
.main-menu .navigation > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
top: 100%;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
top: 0;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
position: absolute;
right: 10px;
top: 6px;
width: 30px;
height: 30px;
text-align: center;
color: #ffffff;
line-height: 28px;
border: 1px solid #ffffff;
background-size: 20px;
cursor: pointer;
z-index: 5;
display: none;
}
.main-header .options-box {
position: relative;
float: right;
}
.main-header .options-box .phone-box {
position: relative;
padding: 40px 0px 10px;
display: inline-block;
}
.main-header .options-box .phone-box .icon {
position: relative;
margin-right: 12px;
color: #0096ff;
top: 5px;
font-size: 24px;
display: inline-block;
}
.main-header .options-box .phone-box a {
position: relative;
color: #222222;
font-size: 18px;
font-weight: 600;
}
.main-header .options-box .phone-box a i {
position: relative;
font-style: normal;
font-weight: 400;
}
.main-header .options-box .button-box {
position: relative;
margin-left: 0px;
float: left;
padding: 8px 0px 0px;
display: inline-block;
}
.main-header .options-box .nav-btn {
position: relative;
float: left;
cursor: pointer;
color: #0096ff;
font-size: 28px;
padding: 22px 0px;
margin-left: 25px;
}
.main-header .header-lower .search-box-outer {
position: relative;
float: left;
margin-top: 17px;
margin-right: 0px;
}
.main-header .header-lower .search-box-btn {
position: relative;
float: left;
height: 35px;
display: block;
font-size: 20px;
color: #000000;
padding: 0px;
margin: 0px;
cursor: pointer;
line-height: 36px;
background: none;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-header .header-lower .search-box-btn:after {
display: none;
}
.header-style-one.fixed-header .header-lower {
position: fixed;
left: 0px;
right: 0px;
top: 0px;
z-index: 99;
bottom: auto;
background-color: #0096ff;
}
.header-style-one.fixed-header .nav-outer {
box-shadow: none;
}
.main-header .cart-box {
position: relative;
width: 100px;
height: 100px;
float: left;
color: #0096ff;
font-size: 16px;
background: none;
margin-top: 0px;
padding-top: 40px;
text-align: center;
display: inline-block;
border-left: 2px solid #e6e6e6;
}
.main-header .cart-box .cart-box-btn {
background: none;
color: #0096ff;
cursor: pointer;
font-size: 24px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .cart-box .cart-box-btn:after {
display: none;
}
.main-header .cart-box .cart-box-btn .total-cart {
position: absolute;
top: -10px;
width: 18px;
height: 18px;
color: #ffffff;
font-weight: 700;
font-size: 10px;
border-radius: 50%;
text-align: center;
line-height: 18px;
background-color: #222222;
}
.main-header .cart-box .cart-box-btn:hover {
}
.main-header .cart-product {
position: relative;
margin-bottom: 18px;
min-height: 90px;
border-bottom: 1px solid #e4e4e4;
}
.main-header .cart-product .inner {
position: relative;
padding-left: 90px;
min-height: 70px;
}
.main-header .cart-product .inner .cross-icon {
position: absolute;
right: 0px;
top: -2px;
z-index: 1;
color: #263120;
font-size: 16px;
cursor: pointer;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-header .cart-product .inner .cross-icon:hover {
color: #0096ff;
}
.main-header .cart-product .inner .image {
position: absolute;
width: 70px;
height: 70px;
left: 0px;
top: 0px;
}
.main-header .cart-product .inner h3 {
position: relative;
font-weight: 600;
font-size: 15px;
margin: 0px;
letter-spacing: 1px;
text-transform: capitalize;
}
.main-header .cart-product .inner h3 a {
color: #222222;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .cart-product .inner h3 a:hover {
color: #0096ff;
}
.main-header .cart-product .inner .quantity-text {
position: relative;
font-weight: 300;
color: #666666;
font-size: 13px;
margin-bottom: 0px;
}
.main-header .cart-product .inner .price {
position: relative;
font-weight: 700;
font-size: 16px;
margin: 0px;
color: #222222;
}
.main-header .cart-box .cart-panel {
left: auto !important;
right: 0px !important;
border-radius: 20px;
padding: 20px 20px;
min-width: 300px;
margin-top: 62px;
z-index: 1;
box-shadow: 0px 0px 25px rgba(0,0,0,0.15);
border: 3px solid #0096ff;
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.main-header .cart-box .cart-panel .cart-total {
color: #000000;
font-size: 15px;
font-weight: 400;
text-align: center;
text-transform: capitalize;
}
.main-header .cart-box .cart-panel .cart-total span {
font-weight: 800;
font-size: 18px;
}
.main-header .cart-box .cart-panel .btns-boxed {
position: relative;
text-align: center;
margin-top: 20px;
}
.main-header .cart-box .cart-panel .btns-boxed li {
position: relative;
margin: 0px 5px;
display: inline-block;
}
.main-header .cart-box .cart-panel .btns-boxed li a {
position: relative;
color: #ffffff;
font-weight: 500;
font-size: 12px;
padding: 10px 20px 8px;
border-radius: 2px;
display: inline-block;
background-color: #0096ff;
border: 1px solid #0096ff;
text-transform: uppercase;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .cart-box .cart-panel .btns-boxed li a:hover {
color: #0096ff;
background: none;
}
.main-header .cart-box .icon a {
color: #999999;
}
.header-style-two .header-lower .logo-box {
width: 305px;
padding: 10px 0px 10px 0px;
}
.header-style-two .main-menu .navigation > li {
float: left;
margin-right: 0px;
}
.header-style-two .main-menu .navigation > li > a {
padding: 35px 26px;
font-size: 14px;
text-transform: uppercase;
}
.why-us-area2 .fixed-thumb {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 50%;
}
.bg-cover {
background-position: center center;
background-size: cover;
}
.why-us-area2 {
position: relative;
overflow: hidden;
z-index: 1;
padding-top: 40px;
padding-bottom: 30px;
height: 100%;
}
.header-style-two .main-menu .navigation > li:hover > a, .header-style-two .main-menu .navigation > li.current > a {
color: #0c173d!important;
;
}
.main-header.header-style-two .nav-outer:before {
display: none;
}
.header-style-two .main-menu .navigation > li:last-child > a {
border-right: none;
}
.header-style-two .header-lower .nav-outer {
box-shadow: none;
padding-right: 0px;
}
.header-style-two .header-lower .search-box-outer {
margin-top: 0px;
border-left: 2px solid #e6e6e6;
}
.header-style-two .header-lower .search-box-outer .search-box-btn {
width: 100px;
height: 100px;
margin-top: 0px;
font-size: 24px;
text-align: center;
line-height: 100px;
display: inline-block;
}
.header-style-two .options-box .nav-btn {
margin-top: -1px;
padding: 50.8px 0px;
margin-left: 0px;
width: 100px;
font-size: 28px;
color: #ffffff;
text-align: center;
background-color: #111111;
}
.header-style-two .sticky-header .main-menu .navigation > li:hover > a, .header-style-two .sticky-header .main-menu .navigation > li.current > a {
background: none;
}
.header-style-two .sticky-header .main-menu .navigation > li > a {
border: none;
}
.header-style-three {
position: absolute;
top: 50px;
}
.header-style-three.fixed-header {
position: fixed;
left: 0px;
top: 0px;
}
.header-style-three.fixed-header .header-lower {
background-color: #ffffff;
border-bottom: 1px solid rgba(0,0,0,0.05)
}
.header-style-three.fixed-header .inner-container {
padding-left: 0px;
}
.header-style-three .logo-box {
position: relative;
z-index: 1;
padding: 10px 0px;
}
.header-style-three .inner-container {
position: relative;
padding-left: 20px;
}
.header-style-three .inner-container:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
overflow: hidden;
background-color: #ffffff;
border-radius: 50px 0px 0px 0px;
}
.header-style-three .nav-outer:before {
display: none;
}
.header-style-three .nav-outer {
box-shadow: none;
padding-right: 20px;
}
.header-style-three .cart-box {
border: none;
width: auto;
margin-right: 35px;
}
.header-style-three .options-box .button-box {
padding: 27px 0px 5px;
}
.header-style-three .cart-box .cart-box-btn {
color: #111111;
}
.header-style-three .header-lower .search-box-outer {
margin-top: 28px;
}
.header-style-three .main-menu .navigation > li {
margin-right: 33px;
}
.header-style-three .main-menu .navigation > li.dropdown > a:before {
font-family: 'FontAwesome';
content: "+";
position: absolute;
right: 2px;
font-size: 15px;
line-height: 31px;
font-weight: 600;
}
.header-style-three .main-menu .navigation > li > a {
color: #000;
font-size: 14px;
font-weight: 700;
padding: 42px 0px 20px 0px;
}
.header-style-three .main-menu .navigation > li > a > .line {
position: absolute;
content: '';
left: 50%;
width: 36px;
height: 3px;
bottom: 25px;
right: 0px;
opacity: 0;
margin-left: -22px;
text-align: center;
background-color: #222222;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.header-style-three .main-menu .navigation > li > a > .line:before {
position: absolute;
content: '';
left: 0%;
width: 14px;
bottom: 0px;
z-index: 1;
height: 3px;
background-color: #0096ff;
border-right: 4px solid #ffffff;
}
.header-style-three .main-menu .navigation > li > a > .line:after {
position: absolute;
content: '';
right: 0%;
width: 14px;
bottom: 0px;
z-index: 1;
height: 3px;
background-color: #0096ff;
border-left: 4px solid #ffffff;
}
.header-style-three .main-menu .navigation > li:hover > a > .line, .header-style-three .main-menu .navigation > li.current > a > .line {
opacity: 1;
}
.header-style-three .options-box {
margin-left: 5px;
}
.main-header.header-style-three .main-menu .navigation > li.dropdown > a {
padding-right: 18px;
}
.main-header.header-style-three .main-menu .navigation > li:hover > a, .main-header.header-style-three .main-menu .navigation > li.current > a {
background: none;
}
.header-style-three .header-info-box {
position: relative;
text-align: right;
}
.header-style-three .header-info-box .box-inner {
position: relative;
padding: 14px 25px;
display: inline-block;
border-radius: 0px 0px 0px 25px;
background-color: rgba(0,0,0,1);
}
.header-style-three .header-info-box .info-list {
position: relative;
float: left;
margin-right: 0px;
}
.header-style-three .header-info-box .info-list li {
position: relative;
color: #ffffff;
font-size: 16px;
font-weight: 400;
margin-right: 20px;
display: inline-block;
}
.header-style-three .header-info-box .info-list li strong {
font-weight: 700;
}
.header-style-three .header-info-box .info-list li strong a {
padding-left: 8px;
}
.header-style-three .header-info-box .info-list li:last-child {
margin-right: 0px;
}
.header-style-three .header-info-box .info-list li .icon {
position: absolute;
left: 0px;
top: -1px;
color: #0096ff;
}
.header-style-three .header-info-box .info-list li a {
position: relative;
color: #ffffff;
font-size: 16px;
padding-left: 28px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-style-three .header-info-box .info-list li a:hover {
color: #0096ff;
}
.header-style-four {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
}
/* Header Top Three */
.header-top-three {
position: relative;
}
.header-top-three .inner-container {
position: relative;
padding-left: 200px;
background-color: #fbb52f;
}
.header-top-three .top-left .info-list {
padding: 13px 0px;
}
.header-top-three .info-list {
position: relative;
float: left;
margin-right: 0px;
}
.header-top-three .info-list li {
position: relative;
color: #222222;
font-size: 16px;
font-weight: 400;
margin-right: 20px;
display: inline-block;
}
.header-top-three .info-list li strong {
font-weight: 700;
}
.header-top-three .info-list li strong a {
padding-left: 8px;
}
.header-top-three .info-list li:last-child {
margin-right: 0px;
}
.header-top-three .info-list li .icon {
position: absolute;
left: 0px;
top: 0px;
font-weight: 700;
color: #9e0b0f;
}
.header-top-three .info-list li a {
position: relative;
color: #222222;
padding-left: 28px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-top-three .info-list li a:hover {
color: #222222;
}
.header-top-three .top-left {
position: relative;
margin-left: 12px;
}
.header-top-three .top-left .social-box {
position: relative;
float: right;
z-index: 10;
margin-left: 10px;
}
.header-top-three .top-left .social-box li {
position: relative;
float: left;
display: inline-block;
}
.header-top-three .top-left .social-box li a {
position: relative;
color: #ffffff;
font-size: 16px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
display: inline-block;
background-color: #9e0b0f;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
border-left: 1px solid rgba(255,255,255,0.20);
}
.header-top-three .top-left .social-box li a:hover {
background-color: #222222;
}
.main-header.header-style-three .main-menu .navigation > li > ul > li > ul > li:hover > a, .main-header.header-style-three .main-menu .navigation > li > ul > li:hover > a {
color: #0096ff;
}
.main-header.header-style-four .auto-container {
position: relative;
}
.main-header.header-style-four .logo-box {
position: absolute;
left: 15px;
top: -51px;
background-color: #ffffff;
border-radius: 0px 0px 25px 0px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
}
.main-header.header-style-four .header-lower .inner-container {
background-color: #ffffff;
}
.main-header.header-style-four .nav-outer {
box-shadow: none;
padding-right: 0px;
}
.main-header.header-style-four .nav-outer:before {
display: none;
}
.header-style-four .main-menu .navigation > li > a > .line {
position: absolute;
content: '';
left: 50%;
width: 36px;
height: 3px;
bottom: 25px;
right: 0px;
opacity: 0;
margin-left: -22px;
text-align: center;
background-color: #222222;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.header-style-four .main-menu .navigation > li > a > .line:before {
position: absolute;
content: '';
left: 0%;
width: 14px;
bottom: 0px;
z-index: 1;
height: 3px;
background-color: #9e0b0f;
border-right: 4px solid #ffffff;
}
.header-style-four .main-menu .navigation > li > a > .line:after {
position: absolute;
content: '';
right: 0%;
width: 14px;
bottom: 0px;
z-index: 1;
height: 3px;
background-color: #9e0b0f;
border-left: 4px solid #ffffff;
}
.header-style-four .main-menu .navigation > li {
margin-right: 35px;
}
.header-style-four .main-menu .navigation > li > a {
padding: 25px 0px;
color: #222222;
font-size: 16px;
font-weight: 700;
}
.main-header.header-style-four .main-menu .navigation > li:hover > a, .main-header.header-style-four .main-menu .navigation > li.current > a {
color: #9d0b0f;
background: none;
}
.header-style-four .main-menu .navigation > li:hover > a > .line, .header-style-four .main-menu .navigation > li.current > a > .line {
opacity: 1;
}
.main-header.header-style-four .options-box .button-box {
padding: 0px;
}
.main-header.header-style-four .options-box .quote-btn {
position: relative;
color: #111111;
font-size: 16px;
font-weight: 700;
padding: 28.5px 44.5px;
background-color: #fcb62f;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header.header-style-four .options-box .quote-btn:hover {
background-color: #222222;
color: #ffffff;
}
.main-header.header-style-four .main-menu .navigation > li > ul > li > ul > li:hover > a, .main-header.header-style-four .main-menu .navigation > li > ul > li:hover > a {
color: #9e0b0f;
}
.header-style-four .sticky-header .main-menu .navigation > li > a > .line {
bottom: 15px;
}
/***
====================================================================
Main Slider Section
====================================================================
***/
.main-slider {
position: relative;
}
.main-slider .color-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}
.main-slider .circle-icon {
position: absolute;
right: 0px;
top: 20%;
width: 289px;
height: 576px;
z-index: 2;
background-repeat: no-repeat;
}
.main-slider .auto-container {
position: relative;
}
.main-slider .content-boxed {
position: relative;
text-align: center;
}
.top-logo3 {
width: 240px;
}
.main-slider .slide {
position: relative;
padding: 320px 0px 150px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 725px;
}
.main-slider .title {
position: relative;
color: #ffffff;
font-weight: 400;
line-height: 1.1em;
margin-bottom: 30px;
opacity: 0;
font-size: 18px;
padding-left: 18px;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider .title:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 7px;
height: 18px;
background-color: #0096ff;
}
.main-slider .active .title {
opacity: 1;
transform: scaleY(1);
transition-delay: 600ms;
}
.main-slider h1 {
position: relative;
color: #ffffff;
font-weight: 800;
line-height: 60px;
font-size: 48px;
text-transform: uppercase;
margin-bottom: 30px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.title-sec h2 {
position: relative;
color: #000;
font-weight: 700;
line-height: 43px;
text-transform: uppercase;
font-size: 33px;
margin-bottom: 15px;
}
.title-sec.light h2 {
color: #ffffff !important;
}
.main-slider .active h1 {
opacity: 1;
transform: scaleY(1);
transition-delay: 1000ms;
}
.main-slider .text {
position: relative;
color: #ffffff;
font-size: 16px;
font-weight: 400;
margin-bottom: 20px;
opacity: 0;
letter-spacing: 1px;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider .active .text {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.main-slider .text {
position: relative;
color: #eeeeee;
font-size: 16px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
line-height: 1.9em;
font-weight: 400;
margin-bottom: 42px !important;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider .active .text {
opacity: 1;
transform: scaleY(1);
transition-delay: 1500ms;
}
.main-slider .link-box {
opacity: 0;
transform: scaleY(0);
transform-origin: top;
display: inline-block;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider .active .link-box {
opacity: 1;
transform: scaleY(1);
transition-delay: 2000ms;
}
.main-slider .link-box .theme-btn {
margin-right: 20px;
float: left;
}
.main-slider .owl-dots {
display: none;
}
.main-slider .owl-nav {
position: absolute;
left: 0px;
top: 50%;
z-index: 10;
width: 100%;
opacity: 0;
margin-top: -10px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.main-slider:hover .owl-nav {
opacity: 1;
}
.main-slider .owl-nav .owl-prev {
position: absolute;
left: 20px;
width: 60px;
height: 60px;
color: #ffffff;
line-height: 56px;
font-size: 24px;
text-align: center;
border-radius: 50px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border: 2px solid rgba(255,255,255,0.60);
}
.main-slider .owl-nav .owl-next {
position: absolute;
right: 20px;
color: #ffffff;
font-size: 24px;
width: 60px;
height: 60px;
color: #ffffff;
line-height: 56px;
border-radius: 50px;
text-align: center;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border: 2px solid rgba(255,255,255,0.60);
}
.main-slider .owl-nav .owl-prev:hover, .main-slider .owl-nav .owl-next:hover {
color: #ffffff;
border-color: #0096ff;
background-color: #0096ff;
}
.sec1 {
padding: 70px 0 70px 0px;
}
.abt-left h6 {
font-size: 14px;
font-weight: 600;
margin-bottom: 15px;
}
.abt-left h3 {
font-weight: 600;
letter-spacing: 0;
font-size: 32px;
line-height: 1.1;
color: #084186;
}
.abt-left p {
font-size: 14px;
text-align: justify;
line-height: 28px;
color: #000;
font-weight: 600;
}
.abt-right {
padding-right: 60px;
}
/*Custom Select*/
.form-group .ui-selectmenu-button.ui-button {
width: 100%;
font-size: 16px;
font-style: normal;
height: 55px;
padding: 12px 20px 10px 20px;
line-height: 28px;
color: #777777;
border: none;
border-radius: 2px;
background: #ffffff;
border: 1px solid #dddddd;
}
.form-group .ui-button .ui-icon {
background: none;
position: relative;
top: 2px;
text-indent: 0px;
color: #333333;
}
.form-group .ui-button .ui-icon:before {
font-family: 'FontAwesome';
content: "\f107";
position: absolute;
right: 0px;
top: 2px !important;
top: 13px;
width: 10px;
height: 20px;
display: block;
color: #999999;
line-height: 20px;
font-size: 16px;
font-weight: normal;
text-align: center;
z-index: 5;
font-weight: 800;
}
.ui-widget.ui-widget-content {
}
.ui-menu .ui-menu-item {
font-size: 14px;
}
.ui-menu .ui-menu-item:last-child {
border: none;
}
.ui-state-active, .ui-widget-content .ui-state-active {
background: #0096ff;
border-color: #0096ff;
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
display: block;
padding: 8px 20px;
font-size: 14px;
line-height: 24px;
}
.ui-menu-item:hover {
background-color: #0096ff;
}
/***
====================================================================
Search Popup
====================================================================
***/
.search-popup {
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99999;
margin-top: -540px;
transform: translateY(-100%);
background-color: rgba(0,0,0,0.90);
-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}
.sidenav-bar-visible .search-popup {
width: 80%;
}
.search-popup:before {
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 560px;
background-image: url(../images/icons/waves-shape.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-top: 0px;
content: "";
}
.search-active .search-popup {
transform: translateY(0%);
margin-top: 0;
}
.search-popup .close-search {
position: absolute;
left: 0;
right: 0;
top: 75%;
margin: 0 auto;
margin-top: -200px;
border-radius: 50%;
text-align: center;
background-color: #d81e27;
width: 70px;
cursor: pointer;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
border-bottom: 3px solid #ffffff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 0;
visibility: hidden;
}
.search-popup .close-search span {
position: relative;
display: block;
height: 70px;
width: 70px;
font-size: 20px;
line-height: 70px;
color: #ffffff;
}
.search-active .search-popup .close-search {
visibility: visible;
opacity: 1;
top: 50%;
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.search-popup form {
position: absolute;
max-width: 700px;
top: 50%;
left: 15px;
right: 15px;
margin: -35px auto 0;
transform: scaleX(0);
transform-origin: center;
background-color: #111111;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.search-active .search-popup form {
transform: scaleX(1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.search-popup .form-group {
position: relative;
margin: 0px;
overflow: hidden;
}
.search-popup .form-group input[type="text"], .search-popup .form-group input[type="search"] {
position: relative;
display: block;
font-size: 18px;
line-height: 50px;
color: #000000;
height: 70px;
width: 100%;
padding: 10px 30px;
background-color: #ffffff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
font-weight: 500;
text-transform: capitalize;
}
.search-popup .form-group input[type="submit"], .search-popup .form-group button {
position: absolute;
right: 30px;
top: 0px;
height: 70px;
line-height: 70px;
background: transparent;
text-align: center;
font-size: 24px;
color: #000000;
padding: 0;
cursor: pointer;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.search-popup .form-group input[type="submit"]:hover, .search-popup .form-group button:hover {
color: #000000;
}
.search-popup input::placeholder, .search-popup textarea::placeholder {
color:#000000;
}
/***
====================================================================
Mobile Menu
====================================================================
***/
.nav-outer .mobile-nav-toggler {
position: relative;
float: right;
font-size: 40px;
line-height: 50px;
cursor: pointer;
color: #222222;
display: none;
}
.mobile-menu {
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right: 30px;
max-width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .nav-logo {
position: relative;
padding: 20px 20px;
text-align: left;
}
.mobile-menu .nav-logo img {
max-width: 200px;
}
.mobile-menu-visible {
overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
opacity: 1;
visibility: visible;
}
.mobile-menu .menu-backdrop {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,0.90);
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #ffffff;
padding: 0px 0px;
z-index: 5;
opacity: 0;
visibility: hidden;
border-radius: 0px;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.7s ease 500ms;
-moz-transition: all 0.7s ease 500ms;
-ms-transition: all 0.7s ease 500ms;
-o-transition: all 0.7s ease 500ms;
transition: all 0.7s ease 500ms;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .close-btn {
position: absolute;
right: 3px;
top: 3px;
line-height: 30px;
width: 30px;
text-align: center;
font-size: 14px;
color: #202020;
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.mobile-menu .close-btn:hover {
opacity: 0.50;
}
.mobile-menu .navigation {
position: relative;
display: block;
width: 100%;
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li {
position: relative;
display: block;
border-bottom: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul > li:last-child {
border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child {
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > a {
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: 14px;
color: #000;
font-weight: 700;
text-transform: uppercase;
}
.mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a {
color: #0096ff;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
position: absolute;
right: 0px;
top: 0px;
width: 44px;
height: 44px;
text-align: center;
font-size: 16px;
line-height: 44px;
color: #000;
font-weight: 700;
cursor: pointer;
z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after {
content: '';
position: absolute;
left: 0px;
top: 10px;
width: 1px;
height: 24px;
border-left: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul {
display: none;
}
.sticky-header .navbar-header {
display: none;
}
/***
====================================================================
Hidden Sidebar style
====================================================================
***/
/* Sidebar Info Contents */
.sidebar-info-contents {
position: relative;
}
.sidebar-info-contents .content-inner {
position: relative;
}
.sidebar-info-contents .content-inner .logo {
padding: 0px 0px 20px;
}
.sidebar-info-contents .content-inner .logo img {
display: inline-block;
max-width: 100%;
width: 125px;
}
.sidebar-info-contents .content-inner .content-box {
position: relative;
}
.sidebar-info-contents .content-inner .content-box h2 {
position: relative;
font-size: 25px;
color: #ffffff;
font-weight: 600;
margin-bottom: 10px;
}
.sidebar-info-contents .content-inner .content-box .text {
position: relative;
font-size: 14px;
color: rgba(255,255,255,0.90);
margin-bottom: 25px;
}
.sidebar-info-contents .content-inner .content-box .theme-btn:hover {
color: #ffffff;
}
.sidebar-info-contents .content-inner .contact-info {
position: relative;
margin-top: 30px;
}
.sidebar-info-contents .content-inner .contact-info h2 {
position: relative;
font-size: 25px;
color: #ffffff;
font-weight: 600;
margin-bottom: 20px;
}
.sidebar-info-contents .content-inner .social-box {
position: relative;
margin-top: 20px;
margin-bottom: 30px;
}
.sidebar-info-contents .content-inner .social-box li {
position: relative;
display: inline-block;
margin-right: 6px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.sidebar-info-contents .content-inner .social-box li a {
position: relative;
width: 36px;
height: 36px;
color: #222222;
z-index: 1;
font-size: 13px;
line-height: 36px;
text-align: center;
border-radius: 50%;
display: inline-block;
background-color: #ffffff;
}
.close-side-widget, .close-side-widget:hover {
color: #ffffff;
font-size: 24px;
}
/***
====================================================================
Service Section
====================================================================
***/
.service-section {
position: relative;
padding: 85px 0px 200px;
}
.service-section .lower-text {
position: relative;
margin-top: 40px;
}
.service-section .lower-text .text {
position: relative;
color: #555555;
font-size: 14px;
padding: 12px 25px;
border-radius: 50px;
display: inline-block;
border: 1px dashed #acacac;
}
.service-section .lower-text .text a {
position: relative;
font-weight: 700;
color: #fd6e2c;
}
.service-block {
position: relative;
margin-bottom: 30px;
}
.service-block .inner-box {
position: relative;
text-align: center;
margin-left: 20px;
padding: 40px 30px 45px;
background-color: #ffffff;
box-shadow: 0px 5px 25px rgba(0,0,0,0.10);
}
.service-block .inner-box .line-one {
position: absolute;
right: 20px;
top: 0px;
width: 10px;
height: 100px;
background-color: #0096ff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.service-block .inner-box:hover .line-one {
height: 70px;
}
.service-block .inner-box .line-two {
position: absolute;
right: 40px;
top: 0px;
width: 6px;
height: 70px;
background-color: #0096ff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.service-block .inner-box:hover .line-two {
height: 100px;
}
.service-block .inner-box:before {
position: absolute;
content: '';
left: -20px;
top: -20px;
width: 105px;
height: 105px;
z-index: -1;
background: url(../images/icons/pattern-1.png) no-repeat;
}
.service-block.style-two .inner-box:before {
position: absolute;
content: '';
left: -20px;
top: -20px;
width: 270px;
height: 270px;
background: url(../images/icons/pattern-2.png) no-repeat;
}
.service-block .inner-box .icon-box {
position: relative;
padding-top: 5px;
text-align: center;
margin-bottom: 35px;
display: inline-block;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block .inner-box:hover .icon-box {
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.service-block .inner-box .icon-box:before {
position: absolute;
content: '';
left: -12px;
top: 0px;
width: 105px;
height: 90px;
background-color: #f6f6f6;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.service-block .inner-box:hover .icon-box:before {
background-color: #ffeee7;
}
.service-block .inner-box .icon-box .icon {
position: relative;
font-size: 80px;
color: #0096ff;
line-height: 1em;
}
.service-block .inner-box h4 {
position: relative;
line-height: 1.4em;
font-weight: 800;
margin-bottom: 15px;
}
.service-block .inner-box h4 a {
position: relative;
color: #0096ff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.service-block .inner-box h4 a:hover {
color: #0096ff;
}
.service-block .inner-box .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.9em;
margin-bottom: 22px;
font-family: 'Open Sans', sans-serif;
}
.service-block .inner-box .read-more {
position: relative;
color: #0096ff;
font-size: 18px;
font-weight: 700;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.service-block .inner-box .read-more .arrow {
position: relative;
color: #0096ff;
}
.service-block .inner-box .read-more:hover {
color: #0096ff;
}
/***
====================================================================
Fluid Section One
====================================================================
***/
.fluid-section-one {
position: relative;
padding: 0px 0px 20px;
}
.fluid-section-one:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 90%);
}
.fluid-section-one .outer-container {
position: relative;
min-height: 250px;
}
.fluid-section-one .image-column {
position: absolute;
right: 0px;
top: -100px;
width: 50%;
height: 100%;
}
.fluid-section-one .image-column .image-box {
position: relative;
z-index: 2;
padding-top: 6px;
clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}
.fluid-section-one .image-column .image-box img {
position: relative;
display: block;
width: 100%;
}
.fluid-section-one .image-column .color-layer {
position: absolute;
content: '';
left: -20px;
top: 15px;
right: 0px;
bottom: 3px;
z-index: 1;
background-color: #0096ff;
clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}
.fluid-section-one .image-column .color-layer-two {
position: absolute;
content: '';
left: -5px;
top: 4px;
right: 0px;
bottom: 19px;
z-index: 1;
background-color: #ffffff;
box-shadow: 0px 0px 20px rgba(0,0,0,0.35);
clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}
.fluid-section-one .image-column .video-box {
position: absolute;
left: 45px;
bottom: 60px;
width: 100px;
height: 100px;
color: #0096ff;
z-index: 10;
font-size: 30px;
text-align: center;
line-height: 100px;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: #ffffff;
border-radius: 50px 50px 0px 50px;
}
.fluid-section-one .image-column .video-box .overlay-box span {
position: absolute;
width: 100px;
height: 100px;
left: 50%;
top: 50%;
z-index: 99;
color: #0096ff;
font-weight: 400;
font-size: 16px;
text-align: center;
border-radius: 10px;
padding-left: 15px;
display: inline-block;
margin-top: -50px;
margin-left: -50px;
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;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.fluid-section-one .image-column .video-box .ripple, .fluid-section-one .image-column .video-box .ripple:before, .fluid-section-one .image-column .video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin-left: .5px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.fluid-section-one .image-column .video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.fluid-section-one .image-column .video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
}
}
.fluid-section-one .content-column {
position: relative;
float: left;
width: 50%;
z-index: 1;
}
.fluid-section-one .content-column .inner-column {
position: relative;
max-width: 600px;
width: 100%;
float: right;
padding: 110px 45px 50px 15px;
}
.fluid-section-one .content-column .sec-title {
margin-bottom: 25px;
}
.fluid-section-one .content-column .text {
position: relative;
color: #ffffff;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 35px;
}
/* Fact Counter */
.fact-counter {
position: relative;
z-index: 1;
}
.fact-counter .column {
position: relative;
margin-bottom: 30px;
}
.fact-counter .column .inner {
position: relative;
margin-right: -30px;
}
.fact-counter .column .inner .content {
position: relative;
padding-left: 60px;
}
.fact-counter .column .inner .icon {
position: absolute;
left: 0px;
top: 7px;
color: #0096ff;
font-size: 50px;
text-align: center;
line-height: 1em;
font-weight: 400;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.fact-counter .column .inner:hover .icon {
color: #ffffff;
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.fact-counter .count-outer .percentage {
position: relative;
font-weight: 600;
color: #222222;
font-size: 30px;
line-height: 1em;
}
.fact-counter .column .inner .count-outer {
position: relative;
font-weight: 700;
color: #ffffff;
font-size: 41px;
line-height: 1em;
}
.fact-counter .column .inner .counter-title {
position: relative;
color: #ffffff;
font-size: 18px;
font-weight: 400;
margin-bottom: 10px;
}
/***
====================================================================
Gallery Section
====================================================================
***/
.gallery-section {
position: relative;
padding: 60px 0px 40px;
background-position: center top;
background-repeat: no-repeat;
}
.gallery-section .filters {
position: relative;
margin-bottom: 60px;
text-align: center;
}
.gallery-section .filters .filter-tabs {
position: relative;
padding: 0px 30px;
border-radius: 50px;
display: inline-block;
border: 1px solid #ebebeb;
}
.gallery-section .filters li {
position: relative;
color: #555555;
cursor: pointer;
font-size: 14px;
font-weight: 600;
margin: 0px 30px 0px;
padding: 16px 0px 18px;
padding-left: 35px;
display: inline-block;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.gallery-section .filters li .icon {
position: absolute;
left: 0px;
font-size: 26px;
color: #222222;
line-height: 1em;
font-weight: 400;
top: 16px;
margin-right: 10px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.gallery-section .filters .filter.active, .gallery-section .filters .filter:hover {
color: #0096ff;
}
.gallery-section .filters li:last-child::before {
display: none;
}
.gallery-section .filters li:before {
position: absolute;
content: '';
right: -30px;
top: 14px;
height: 35px;
width: 1px;
background-color: #ebebeb;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.gallery-section .filters li:hover .icon, .gallery-section .filters li.active .icon {
color: #0096ff;
}
.gallery-section .lower-text {
position: relative;
text-align: center;
margin-top: 30px;
}
.gallery-section .lower-text .text {
position: relative;
color: #505050;
font-size: 16px;
font-weight: 600;
padding: 18px 40px;
border-radius: 50px;
display: inline-block;
border: 1px solid #acacac;
}
.gallery-section .lower-text .text a {
position: relative;
color: #0096ff;
font-weight: 900;
}
.gallery-block {
position: relative;
margin-bottom: 30px;
}
.gallery-block .inner-box {
position: relative;
}
.gallery-block .inner-box .image {
position: relative;
}
.gallery-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.gallery-block .inner-box .image .overlay-box {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.gallery-block .inner-box:hover .overlay-box {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.gallery-block .inner-box .image .overlay-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
opacity: 0.80;
background-color: #000;
}
.gallery-block .inner-box .image .overlay-box .search-icon {
position: absolute;
right: 0%;
top: 0%;
width: 60px;
height: 60px;
color: #ffffff;
z-index: 2;
font-weight: 600;
font-size: 20px;
text-align: center;
line-height: 60px;
border-radius: 0px;
display: inline-block;
background-color: #0096ff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.gallery-block .inner-box .image .overlay-box .search-icon:before {
position: absolute;
content: '';
right: 10px;
top: 10px;
width: 60px;
height: 60px;
z-index: -1;
border-left: 10px solid rgba(255,255,255,0.20);
border-bottom: 10px solid rgba(255,255,255,0.20);
}
.gallery-block .inner-box .image .overlay-box .search-icon:hover {
background-color: #000;
color: #ffffff;
}
.gallery-block .inner-box .image .overlay-box .content {
position: absolute;
left: 40px;
right: 40px;
bottom: 40px;
z-index: 1;
}
.gallery-block .inner-box .image .overlay-box .content h4 {
position: relative;
line-height: 1.3em;
font-weight: 700;
margin-bottom: 16px;
}
.gallery-block .inner-box .image .overlay-box .content h4 a {
position: relative;
color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.gallery-block .inner-box .image .overlay-box .content h4 a:hover {
color: #0096ff;
}
.gallery-block .inner-box .image .overlay-box .content .category {
position: relative;
margin-bottom: 8px;
color: #ffffff;
font-size: 16px;
font-weight: 400;
}
.gallery-block .inner-box .image .overlay-box .content .read-more {
position: relative;
color: #ffffff;
padding: 8px 20px;
background-color: #0096ff;
}
.gallery-block.mix {
display: none;
}
/***
====================================================================
Service Section Two
====================================================================
***/
.service-section-two {
position: relative;
padding-bottom: 90px;
}
.service-section-two .image-layer {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 500px;
background-size: cover;
}
.service-section-two .image-layer:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(253,93,20,0.80);
}
.service-section-two .owl-nav {
display: none;
}
.service-section-two .owl-dots {
position: relative;
text-align: center;
margin-top: 40px;
}
.service-section-two .owl-dots .owl-dot {
position: relative;
width: 20px;
height: 8px;
margin: 0px 5px;
display: inline-block;
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;
}
.service-section-two .owl-dots .owl-dot.active, .service-section-two .owl-dots .owl-dot:hover {
background-color: #072758;
}
.service-section-two.style-two {
padding-top: 100px;
}
.service-section-two.style-two .owl-dots .owl-dot {
background-color: #fcb62f;
}
.service-block-two {
position: relative;
margin-bottom: 30px;
}
.service-block-two .inner-box {
position: relative;
}
.service-block-two .inner-box .image {
position: relative;
border-radius: 0px 0px 38px 0px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.service-block-two .inner-box .image img {
position: relative;
width: 100%;
display: block;
overflow: hidden;
border-radius: 0px 0px 38px 0px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.service-block-two .inner-box:hover .image img {
border-radius: 0px 0px 0px 0px;
}
.service-block-two .inner-box .image .icon {
position: absolute;
right: 0px;
top: 40px;
color: #ffffff;
width: 100px;
height: 80px;
text-align: center;
font-size: 45px;
padding-left: 10px;
line-height: 80px;
background-color: #0096ff;
border-radius: 50px 0px 0px 50px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.service-block-two .inner-box .image .lower-box {
position: absolute;
left: 0px;
bottom: 0px;
right: 0px;
padding: 22px 35px;
background-color: #ffffff;
border-radius: 0px 50px 50px 0px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
box-shadow: 0px 15px 15px rgba(0,0,0,0.10);
}
.service-block-two .inner-box:hover .image .icon, .service-block-two .inner-box:hover .image .lower-box {
opacity: 0;
visibility: hidden;
}
.service-block-two .inner-box .image .lower-box h4 {
position: relative;
color: #0096ff;
font-size: 22px;
font-weight: 700;
}
.service-block-two .inner-box .image .lower-box .plus {
position: absolute;
right: 5px;
top: 5px;
width: 70px;
height: 70px;
color: #ffffff;
font-size: 18px;
line-height: 70px;
text-align: center;
border-radius: 50px;
display: inline-block;
background-color: #0096ff;
}
.service-block-two .inner-box .image .overlay-box {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0,33,85,0.90);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.service-block-two .inner-box:hover .image .overlay-box {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.service-block-two .inner-box .image .overlay-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background: url(../images/background/service-pattern.png);
background-position: right top;
background-repeat: no-repeat;
}
.service-block-two .inner-box .image .overlay-box .overlay-inner {
position: absolute;
left: 40px;
right: 40px;
bottom: 60px;
}
.service-block-two .inner-box .image .overlay-box .overlay-inner .icon-two {
position: relative;
color: #ffffff;
font-size: 60px;
line-height: 1em;
font-weight: 400;
}
.service-block-two .inner-box .image .overlay-box h3 {
position: relative;
font-size: 30px;
font-weight: 700;
line-height: 1.3em;
margin-top: 15px;
margin-bottom: 15px;
}
.service-block-two .inner-box .image .overlay-box h3 a {
position: relative;
color: #0096ff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.service-block-two .inner-box .image .overlay-box h3 a:hover {
color: #ffffff;
}
.service-block-two .inner-box .image .overlay-box .text {
position: relative;
line-height: 1.8em;
color: #ffffff;
font-size: 16px;
}
.service-block-two .inner-box .image .overlay-box .overlay-plus {
position: absolute;
right: 30px;
bottom: -30px;
width: 70px;
height: 70px;
color: #0096ff;
font-size: 18px;
line-height: 70px;
font-weight: 700;
text-align: center;
border-radius: 50px;
display: inline-block;
background-color: #ffffff;
}
.service-block-two.style-two .inner-box .image .icon {
color: #2a2722;
background-color: #fcb62f;
}
.service-block-two.style-two .inner-box .image .overlay-box h3 a {
color: #ffffff;
}
.service-block-two.style-two .inner-box .image .lower-box h4 {
color: #222222;
}
.service-block-two.style-two .inner-box .image .lower-box .plus {
background-color: #9e0b0f;
}
.service-block-two.style-two .inner-box .image .overlay-box .overlay-inner .icon-two {
color: #fcb62f;
}
.service-block-two.style-two .inner-box .image .overlay-box {
background-color: rgba(157,11,15,0.90);
}
.service-block-two.style-two .inner-box .image .overlay-box .overlay-plus {
background-color: #fcb62f;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section {
position: relative;
padding: 60px 0px 50px;
}
.testimonial-section .owl-dots {
display: none;
}
.testimonial-section .owl-nav {
position: absolute;
right: 15px;
top: -90px;
}
.testimonial-section .owl-nav .owl-prev, .testimonial-section .owl-nav .owl-next {
position: relative;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 26px;
line-height: 50px;
text-align: center;
border-radius: 4px;
margin-left: 12px;
display: inline-block;
background-color: #000;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.testimonial-section .owl-nav .owl-prev:hover, .testimonial-section .owl-nav .owl-next:hover {
background-color: #0096ff;
}
.testimonial-section .owl-carousel .owl-stage-outer {
padding: 15px 0px 40px;
}
.testimonial-section .owl-theme .testimonial-block {
margin: 0px 15px;
}
.testimonial-section .owl-carousel {
margin: 0px -15px;
width: auto;
}
.testimonial-block {
position: relative;
}
.testimonial-block .inner-box {
position: relative;
padding: 45px 55px 45px;
background-color: #ffffff;
border-bottom: 2px solid #0096ff;
border-radius: 20px 20px 0px 0px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
height: 330px;
}
.testimonial-block .inner-box .content {
position: relative;
}
.testimonial-block .inner-box .upper-box {
position: relative;
left: 0px;
top: 0px;
min-height: 100px;
}
.testimonial-block .inner-box .upper-box:before {
position: absolute;
content: '';
left: -55px;
top: 0px;
width: 153px;
height: 100px;
background: url(../images/background/pattern-2.png) no-repeat;
}
.testimonial-block .inner-box .upper-box .upper-inner {
position: relative;
padding-top: 15px;
padding-left: 0px;
}
.testimonial-block .inner-box .upper-box .upper-inner h4 {
position: relative;
font-weight: 800;
color: #000;
font-size: 21px;
}
.testimonial-block .inner-box .upper-box .upper-inner .designation {
position: relative;
color: #555555;
font-size: 14px;
margin-top: 6px;
}
.testimonial-block .inner-box .upper-box .author-image {
position: absolute;
left: 0px;
top: 0px;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50px;
border: 1px solid #e1e1e1;
}
.testimonial-block .inner-box .text {
position: relative;
color: #000000;
font-size: 16px;
line-height: 1.8em;
margin-top: 10px;
}
.testimonial-block .inner-box .quote-icon {
position: absolute;
right: 70px;
bottom: -30px;
width: 60px;
height: 60px;
color: #0096ff;
font-size: 20px;
border-radius: 50px;
text-align: center;
line-height: 58px;
display: inline-block;
border: 1px solid #e2e2e2;
background-color: #ffffff;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section {
position: relative;
padding: 100px 0px 90px;
background-color: #072758;
}
.team-section .owl-dots {
display: none;
}
.team-section .owl-nav {
position: absolute;
left: 100px;
top: -120px;
right: 100px;
}
.team-section .owl-nav .owl-prev {
position: absolute;
left: 0px;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 26px;
line-height: 50px;
text-align: center;
border-radius: 4px;
margin-left: 12px;
display: inline-block;
background-color: #072758;
-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-section .owl-nav .owl-next {
position: absolute;
right: 0px;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 26px;
line-height: 50px;
text-align: center;
border-radius: 4px;
margin-left: 12px;
display: inline-block;
background-color: #072758;
-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-section .owl-nav .owl-prev:hover, .team-section .owl-nav .owl-next:hover {
background-color: #0096ff;
}
.team-section .auto-container {
max-width: 1600px;
}
.team-section .color-layer {
position: absolute;
content: '';
left: 45px;
top: 0px;
right: 45px;
bottom: 0px;
background-color: #ffffff;
}
.team-section .color-layer:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
right: 0px;
height: 443px;
background: url(../images/background/pattern-4.png) no-repeat;
}
.team-block {
position: relative;
}
.team-block .inner-box {
position: relative;
}
.team-block .inner-box .image {
position: relative;
overflow: hidden;
}
.team-block .inner-box .image:before {
position: absolute;
content: '';
left: 0px;
right: 0px;
bottom: 0px;
width: 378px;
height: 363px;
z-index: 1;
opacity: 0;
background: url(../images/background/pattern-3.png);
background-position: right bottom;
background-repeat: no-repeat;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.team-block .inner-box:hover .image:before {
opacity: 1;
}
.team-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.team-block .inner-box .image .circular-menu {
position: absolute;
right: 40px;
bottom: 40px;
z-index: 99;
-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 .inner-box .image .circular-menu.active, .team-block .inner-box .image .circular-menu:hover {
opacity: 1;
}
.team-block .inner-box .image .floating-btn {
display: block;
z-index: 20;
width: 50px;
height: 50px;
border-radius: 0%;
background-color: #072758;
color: #ffffff;
text-align: center;
line-height: 50px;
cursor: pointer;
outline: 0;
}
.team-block .inner-box .image .floating-btn:before {
position: absolute;
content: '';
right: -5px;
top: 5px;
bottom: -5px;
left: 5px;
opacity: 0.20;
z-index: -1;
background-color: #000000;
}
.team-block .inner-box .image .circular-menu:hover .floating-btn {
box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3);
}
.team-block .inner-box .image .circular-menu .floating-btn:active {
box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .2);
}
.team-block .inner-box .image .circular-menu .floating-btn i {
font-size: 16px;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
}
.team-block .inner-box .image .circular-menu.active .floating-btn i:before {
content: "\f00d";
}
.team-block .inner-box .image .circular-menu:after {
display: block;
content: ' ';
height: 50px;
width: 50px;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
z-index: -2;
background-color: #ffbc00;
opacity: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.team-block .inner-box .image .circular-menu:hover:after {
-webkit-transform: scale3d(5.5, 5.5, 1);
transform: scale3d(5.5, 5.5, 1);
transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
}
.team-block .inner-box .image .circular-menu:before {
position: absolute;
content: '';
right: 0px;
bottom: 0px;
width: 140px;
height: 140px;
}
.team-block .inner-box .image .circular-menu .items-wrapper {
padding: 0;
margin: 0;
}
.team-block .inner-box .image .circular-menu .menu-item {
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
display: 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 .inner-box .image .circular-menu .menu-item span {
position: relative;
color: #ffffff;
font-size: 1em;
width: 3em;
height: 3em;
border-radius: 50%;
text-align: center;
line-height: 3;
background-color: #072758;
-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 .inner-box .image .circular-menu .menu-item:hover span {
background-color: #ffffff;
color: #072758;
}
.team-block .inner-box .image .circular-menu:hover .menu-item {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.team-block .inner-box .image .circular-menu:hover .menu-item:nth-child(1) {
-webkit-transform: translate3d(1em, -7em, 0);
transform: translate3d(1em, -7em, 0);
z-index: 1;
}
.team-block .inner-box .image .circular-menu:hover .menu-item:nth-child(2) {
-webkit-transform: translate3d(-3.5em, -6.3em, 0);
transform: translate3d(-3.5em, -6.3em, 0);
z-index: 1;
}
.team-block .inner-box .image .circular-menu:hover .menu-item:nth-child(3) {
-webkit-transform: translate3d(-6.5em, -3.2em, 0);
transform: translate3d(-6.5em, -3.2em, 0);
z-index: 1;
}
.team-block .inner-box .image .circular-menu:hover .menu-item:nth-child(4) {
-webkit-transform: translate3d(-7em, 1em, 0);
transform: translate3d(-7em, 1em, 0);
z-index: 1;
}
.team-block .inner-box .lower-box {
position: relative;
padding-top: 20px;
text-align: center;
}
.team-block .inner-box .lower-box h3 {
position: relative;
font-weight: 800;
}
.team-block .inner-box .lower-box h3 a {
position: relative;
color: #072758;
-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 .lower-box h3 a:hover {
color: #0096ff;
}
.team-block .inner-box .lower-box .designation {
position: relative;
color: #555555;
font-size: 18px;
font-weight: 400;
margin-top: 8px;
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section {
position: relative;
padding: 50px 0px 30px;
}
.clients-section .inner-container {
position: relative;
border: 1px solid #f5f5f5;
}
.clients-section .inner-container .column {
position: relative;
padding: 0px;
float: left;
}
.clients-section .inner-container .column:nth-child(1), .clients-section .inner-container .column:nth-child(3), .clients-section .inner-container .column:nth-child(6), .clients-section .inner-container .column:nth-child(8) {
background-color: #f5f5f5;
}
.clients-section .inner-container .column img {
position: relative;
padding: 23px;
filter: grayscale(100%);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.clients-section .inner-container .column:hover img {
filter: grayscale(0%);
}
/***
====================================================================
News Section
====================================================================
***/
.news-section {
position: relative;
padding: 100px 0px 90px;
}
.news-section .owl-nav {
display: none;
}
.news-section .owl-dots {
position: relative;
text-align: center;
margin-top: 30px;
}
.news-section .owl-dots .owl-dot {
position: relative;
width: 20px;
height: 8px;
margin: 0px 5px;
display: inline-block;
background-color: #0096ff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.news-section .owl-dots .owl-dot.active, .news-section .owl-dots .owl-dot:hover {
background-color: #0096ff;
}
.news-section .owl-carousel .owl-stage-outer {
padding: 15px 0px 15px;
}
.news-section .owl-theme .news-block {
margin: 0px 15px;
}
.news-section .owl-carousel {
margin: 0px -15px;
width: auto;
}
.news-section .image-layer {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 589px;
background-size: cover;
}
.news-section .image-layer:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(253,93,20,0.90);
}
.news-block {
position: relative;
margin-bottom: 30px;
}
.news-block .inner-box {
position: relative;
padding-left: 30px;
}
.news-block .inner-box:before {
position: absolute;
content: '';
left: 0px;
top: 30px;
right: 0px;
bottom: 0px;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.news-block .inner-box .image {
position: relative;
overflow: hidden;
background-color: #0096ff;
}
.news-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.news-block .inner-box:hover .image img {
opacity: 0.5;
}
.news-block .inner-box .lower-content {
position: relative;
padding-top: 22px;
padding-bottom: 30px;
padding-right: 30px;
}
.news-block .inner-box .lower-content .post-meta {
position: relative;
}
.news-block .inner-box .lower-content .post-meta li {
position: relative;
color: #555555;
font-size: 14px;
margin-right: 10px;
font-weight: 600;
padding-left: 22px;
display: inline-block;
}
.news-block .inner-box .lower-content .post-meta li .icon {
position: absolute;
left: 0px;
top: 1px;
color: #0096ff;
font-size: 13px;
margin-right: 6px;
}
.news-block .inner-box .lower-content .post-meta li:last-child {
margin-right: 0px;
}
.news-block .inner-box .lower-content h4 {
position: relative;
line-height: 1.4em;
font-weight: 800;
margin-top: 10px;
}
.news-block .inner-box .lower-content h4 a {
position: relative;
color: #0096ff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.news-block .inner-box .lower-content h4 a:hover {
color: #0096ff;
}
.news-block .inner-box .lower-content .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
margin-top: 10px;
}
.news-block .inner-box .lower-content .lower-box {
position: relative;
margin-top: 20px;
}
.news-block .inner-box .lower-content .lower-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 300px;
height: 50px;
background: url(../images/background/pattern-5.png) no-repeat;
}
.news-block .inner-box .lower-content .lower-box .read-more {
position: relative;
color: #0096ff;
font-size: 16px;
font-weight: 800;
padding: 13px 20px;
display: inline-block;
}
.news-block .inner-box .lower-content .lower-box .plus-box {
position: relative;
color: #ffffff;
width: 50px;
top: 10px;
height: 50px;
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 50px;
display: inline-block;
background-color: #0096ff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block .inner-box:hover .lower-content .lower-box .plus-box {
top: 0px;
}
.news-block.style-two .inner-box .lower-content h4 a:hover, .news-block.style-two .inner-box .lower-content .post-meta li .icon {
color: #0096ff;
}
.news-block.style-two .inner-box .lower-content .lower-box .plus-box {
background-color: #0096ff;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer {
position: relative;
padding: 60px 0px 0px;
background-color: #0096ff;
}
.main-footer .pattern-layer-one {
position: absolute;
left: 0px;
top: 0px;
width: 426px;
height: 696px;
background-position: left top;
background-repeat: no-repeat;
}
.main-footer .pattern-layer-two {
position: absolute;
right: 0px;
top: 0px;
width: 490px;
height: 569px;
background-position: right top;
background-repeat: no-repeat;
}
.main-footer .footer-widget {
position: relative;
z-index: 1;
margin-bottom: 0px;
}
.main-footer .widgets-section {
position: relative;
padding-bottom: 40px;
}
.main-footer .footer-widget h4 {
position: relative;
font-weight: 700;
color: #ffffff;
line-height: 1.2em;
margin-bottom: 25px;
padding-bottom: 12px;
text-transform: uppercase;
font-size: 21px;
}
.main-footer .footer-widget h4:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
height: 2px;
width: 35px;
background-color: #0096ff;
}
.main-footer .footer-widget h4:after {
position: absolute;
content: '';
left: 38px;
bottom: 0px;
height: 2px;
width: 3px;
background-color: #ffffff;
}
.main-footer .logo-widget {
position: relative;
}
.main-footer .logo-widget .logo {
position: relative;
margin-bottom: 30px;
}
.main-footer .logo-widget .text {
position: relative;
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 1.7em;
margin-bottom: 40px;
}
.main-footer .logo-widget .read-more {
position: relative;
color: #ffffff;
padding: 12px 25px;
font-size: 16px;
background-color: #0096ff;
}
/* List Link */
.list-link {
position: relative;
}
.list-link li {
position: relative;
margin-bottom: 15px;
}
.list-link li a {
position: relative;
color: #000!important;
font-size: 15px;
padding-left: 15px;
font-weight: 700;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.list-link li a:hover {
color: #0096ff;
}
.list-link li a:before {
position: absolute;
content: "\f101";
left: 0px;
top: -2px;
font-family: 'FontAwesome';
}
.request-widget .phone {
position: relative;
color: #0096ff;
font-size: 28px;
font-weight: 700;
line-height: 1.3em;
}
.request-widget .text {
position: relative;
color: #000!important;
font-size: 16px;
line-height: 1.9em;
margin-top: 10px;
font-weight: 700;
}
.request-widget .request-btn {
position: relative;
color: #ffffff;
font-size: 16px;
padding: 12px 34px;
margin-top: 15px;
border: 1px solid #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.request-widget .request-btn:hover {
border-color: #000;
background-color: #000;
}
.main-footer .contact-widget {
position: relative;
}
.main-footer .contact-widget ul {
position: relative;
}
.main-footer .contact-widget ul li {
position: relative;
color: #000!important;
font-size: 15px;
padding-left: 40px;
margin-bottom: 28px;
line-height: 1.6em;
font-weight: 700;
}
.main-footer .contact-widget ul li .icon {
position: absolute;
left: 0px;
top: 4px;
font-size: 24px;
line-height: 1em;
color: #0096ff;
}
.main-footer .contact-widget ul li a {
position: relative;
color: #000;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .contact-widget ul li a:hover {
color: #000;
}
.main-footer .lower-section {
position: relative;
padding-bottom: 60px;
}
.main-footer .lower-section .newsletter-column {
position: relative;
margin-bottom: 40px;
}
.main-footer .lower-section .newsletter-column .inner-column {
position: relative;
padding-left: 120px;
}
.main-footer .lower-section .newsletter-column .inner-column .icon {
position: absolute;
left: 0px;
top: 0px;
}
.main-footer .lower-section .newsletter-column .inner-column h3 {
position: relative;
color: #ffffff;
font-size: 30px;
font-weight: 700;
}
.main-footer .lower-section .newsletter-column .inner-column .text {
position: relative;
color: #ffffff;
font-size: 16px;
font-weight: 400;
}
.newsletter-form .form-group {
position: relative;
display: block;
max-width: 650px;
margin: 0 auto;
width: 100%;
margin-bottom: 0px;
}
.newsletter-form .form-group input[type="text"], .newsletter-form .form-group input[type="tel"], .newsletter-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 20px;
height: 80px;
font-size: 16px;
color: #ffffff;
overflow: hidden;
border-radius: 50px;
font-weight: 600;
padding: 10px 50px 10px 30px;
background: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
border: 2px solid rgba(255,255,255,0.50);
}
.newsletter-form .form-group input[type="email"] {
position: relative;
display: block;
width: 100%;
line-height: 20px;
height: 50px;
font-size: 14px;
color: #808080;
overflow: hidden;
border-radius: 0;
font-weight: 300;
padding: 8px 15px;
background: #fff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
border: 1px solid #808080;
}
.newsletter-form .form-group input[type="submit"] {
position: absolute;
right: 0px;
top: 0px;
width: 80px;
height: 80px;
line-height: 80px;
color: #ffffff;
font-size: 26px;
font-weight: 600;
text-align: center;
background: #e75620;
border-radius: 50px;
text-transform: capitalize;
}
.lnr {
position: absolute;
width: 36px;
height: auto;
font-weight: 300;
text-align: center;
right: 18px;
top: 15px;
color: #808080;
font-size: 20px;
}
.home-sec5 {
height: 60vh;
}
.home-sec5 {
background-image: url(../images/home-anab-bg.jpg);
width: 100%;
background-size: cover;
background-position: center;
}
.home-sec5 h2 {
color: #fff;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 33px;
padding-bottom: 8px;
}
.home-sec5 p {
font-size: 18px;
font-weight: 300;
color: #fff;
}
.padd-col {
padding-top: 40px;
padding-left: 60px;
}
.padd-colright {
padding-top: 40px;
padding-right: 60px;
}
.home-sec1 {
padding: 50px 0px 50px 0px;
width: 100%;
overflow: hidden;
background-attachment: fixed;
background-position: 50% center;
background-size: cover;
background-repeat: no-repeat;
}
.row.exprience_sec {
padding: 30px 0 0;
}
.exprience_ul {
padding: 0 20px;
margin: 0 auto;
max-width: 900px;
}
.exprience_ul:before {
content: '';
position: absolute;
width: 192px;
height: 2px;
background: #fff;
left: -119px;
top: 45px;
}
.exprience_ul:after {
content: '';
position: absolute;
width: 200px;
height: 2px;
background: #fff;
right: -118px;
top: 45px;
}
.exprience_ul li {
width: 33%;
float: left;
position: relative;
}
.exprience_ul li.firstli:before {
content: '';
position: absolute;
width: 2px;
height: 40px;
background: #fff;
top: 25px;
left: 3px;
}
.exp_text_sec {
padding: 0 85px;
}
.exp_text_sec p {
color: #fff;
font-weight: 600;
font-size: 21px;
line-height: 29px;
}
.exp_text_sec p span {
font-size: 60px;
display: block;
line-height: 65px;
color: #ffffff;
width: 50%;
}
.exprience_ul li:after {
content: '';
position: absolute;
width: 2px;
height: 40px;
background: #fff;
top: 25px;
right: 3px;
}
.home-sec8 h1 {
font-size: 36px;
color: #000;
text-transform: uppercase;
font-weight: 600;
letter-spacing: -1px;
padding-bottom: 10px;
text-align: center;
}
.home-sec8 p {
font-size: 16px;
color: #000000;
font-weight: 700;
text-align: center;
}
.home-sec8 .container-fluid {
padding-top: 20px;
max-width: 1600px;
}
.about-page .about-2 {
margin-bottom: 360px;
height: 420px;
background-size: cover;
position: relative;
background-color: #0096ff;
}
.about-page .about-2 .top {
padding: 50px 0 38px;
text-align: center;
color: #fff;
}
.about-page .about-2 .top span.tag {
color: inherit;
max-width: 900px;
display: block;
margin-left: auto;
margin-right: auto;
}
.about-page .about-2 .top h2.title {
color: #fff;
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
text-transform: uppercase;
font-weight: 800;
font-size: 30px;
line-height: 45px;
}
.about-page .about-2 .bottom {
padding: 0 15px;
position: relative;
z-index: 1;
}
.grid-box {
font-size: 0;
}
.about-page .about-2 .bottom .list {
margin: -18px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.about-page .about-2 .bottom .list {
padding: 18px;
}
.about-page {
padding-top: 60px;
}
.about-page .about-2 .bottom .list .box {
padding: 20px;
text-align: center;
background: #fff;
-o-box-shadow: 0 0 15px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 15px rgb(0 0 0 / 20%);
box-shadow: 0 0 15px rgb(0 0 0 / 20%);
height: 270px;
margin-top: 0px;
}
.about-page .about-2 .bottom .list .box i {
display: block;
}
.about-page .about-2 .bottom .list .box img {
max-height: 54px;
}
.about-page .about-2 .bottom .list .box h6 {
font-size: 23px;
font-weight: 700;
text-transform: uppercase;
color: #0096ff;
line-height: 1;
margin: 15px 0;
}
.about-page .about-2 .bottom .list .box p {
display: block;
font-size: 16px;
line-height: 1.6;
font-weight: 600;
color: #000;
line-height: 28px;
margin-bottom: 0px;
}
.main-footer .footer-bottom {
position: relative;
background-color: #000!important;
}
.main-footer .footer-bottom .copyright {
position: relative;
color: #ffffff;
font-size: 15px;
font-weight: 500;
padding: 20px 0px;
text-align: center;
}
.main-footer .footer-bottom .social-nav {
position: relative;
padding-left: 20px;
text-align: right;
}
.main-footer .footer-bottom .social-nav li {
position: relative;
margin: 0px -2px;
text-align: center;
display: inline-block;
border-left: 1px solid rgba(255,255,255,0.30);
}
.main-footer .footer-bottom .social-nav li:last-child {
border-right: 1px solid rgba(255,255,255,0.30);
}
.main-footer .footer-bottom .social-nav li a {
position: relative;
color: #ffffff;
font-size: 16px;
text-align: center;
padding: 15px 18px;
display: inline-block;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .footer-bottom .social-nav li a:hover {
color: #0096ff;
background-color: #ffffff;
}
.breadcrumb-area .breadcrumb {
background: rgb(0 0 0 / 30%) none repeat scroll 0 0;
display: inline-block;
margin: 0;
padding: 15px;
position: relative;
z-index: 1;
border-radius: 0;
}
.breadcrumb-area .breadcrumb li {
padding: 0 15px;
position: relative;
z-index: 1;
}
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li {
font-weight: 500;
text-transform: uppercase;
color: #ffffff;
}
.breadcrumb>li {
display: inline-block;
}
.breadcrumb-area .breadcrumb li.active {
color: #fff;
}
.breadcrumb-area .breadcrumb li {
padding: 0 15px;
position: relative;
z-index: 1;
}
.breadcrumb-area .breadcrumb li.active::after {
background: #fff none repeat scroll 0 0;
content: "";
height: 10px;
left: -1px;
margin-top: -5px;
position: absolute;
top: 50%;
width: 1px;
}
.breadcrumb-area .breadcrumb li i {
margin-right: 5px;
}
/* Recent Posts */
.main-footer .news-widget {
position: relative;
}
.main-footer .news-widget .post {
position: relative;
min-height: 90px;
padding-left: 110px;
margin-bottom: 30px;
}
.main-footer .news-widget .post:last-child {
margin-bottom: 0;
}
.main-footer .news-widget .post .thumb {
position: absolute;
left: 0;
top: 0;
height: 90px;
width: 90px;
overflow: hidden;
}
.main-footer .news-widget .post .thumb a {
display: block;
}
.main-footer .news-widget .post .thumb img {
display: block;
width: 100%;
height: auto;
}
.main-footer .news-widget .post h5 {
position: relative;
color: #ffffff;
line-height: 30px;
font-weight: 700;
top: -5px;
font-size: 16px;
line-height: 1.8em;
}
.main-footer .news-widget .post h5 a {
color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .news-widget .post h5 a:hover {
color: #0096ff;
}
.main-footer .news-widget .post .date {
position: relative;
display: block;
font-size: 14px;
line-height: 30px;
color: #ffffff;
}
/* Style Two */
.main-footer.style-two {
padding-top: 190px;
margin-top: -80px;
}
.main-footer.style-two.alternate {
margin-top: 0px;
padding-top: 100px;
}
.main-footer.style-two:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0,0,0,0.85);
}
.main-footer.style-two .request-widget .phone, .main-footer.style-two .list-link li a:hover, .main-footer.style-two .contact-widget ul li .icon {
color: #0096ff;
}
.main-footer.style-two .request-widget .request-btn:hover, .main-footer.style-two .footer-widget h4:before {
background-color: #0096ff;
}
.main-footer.style-two .request-widget .request-btn:hover {
border-color: #0096ff;
}
.main-footer.style-two .footer-bottom, .main-footer.style-two .newsletter-form .form-group input[type="submit"], .main-footer.style-two .newsletter-form button {
background-color: #0096ff;
}
/* Style Three */
.main-footer.style-three {
background: none;
background-position: center bottom;
background-repeat: repeat-x;
}
.main-footer.style-three .news-widget .post h5 a, .main-footer.style-three .list-link li a, .main-footer.style-three .footer-widget h4, .main-footer.style-three .lower-section .newsletter-column .inner-column h3 {
color: #000;
}
.main-footer.style-three .request-widget .phone, .main-footer.style-three .list-link li a:hover, .main-footer.style-three .contact-widget ul li .icon {
color: #0096ff;
}
.main-footer.style-three .newsletter-form .form-group input[type="email"] {
border-color: #808080;
color: #000000;
}
.main-footer.style-three .request-widget .request-btn:hover {
background-color: #0096ff;
color: #fff;
}
.main-footer.style-three .footer-widget h4:before {
background-color: #222222;
}
.main-footer .footer-widget h4:after {
background-color: #0096ff;
}
.main-footer.style-three .request-widget .request-btn:hover {
border-color: #0096ff;
}
.main-footer.style-three .footer-bottom, .main-footer.style-three .newsletter-form .form-group input[type="submit"], .main-footer.style-three .newsletter-form button {
background-color: #0096ff;
}
.main-footer.style-three .request-widget .request-btn {
color: #222222;
font-weight: 700;
border-color: #c6c6c6;
}
.main-footer.style-three .request-widget .text, .main-footer.style-three .contact-widget ul li {
color: #555555;
}
.main-footer.style-three .lower-section .newsletter-column .inner-column .text, .main-footer.style-three .news-widget .post .date {
color: #555555;
}
/***
====================================================================
Main Slider Banner
====================================================================
***/
.main-slider-two {
position: relative;
}
.main-slider-two .auto-container {
position: relative;
}
.main-slider-two .content-boxed {
position: relative;
padding-right: 80px;
border-right: 8px solid rgba(255,255,255,0.10);
}
.main-slider-two .content-boxed:before {
position: absolute;
content: '';
right: 14px;
top: 0px;
width: 5px;
height: 100%;
background-color: #0096ff;
}
.main-slider-two .slide {
position: relative;
padding: 180px 0px 180px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.main-slider-two .content-boxed {
position: relative;
text-align: right;
}
.main-slider-two .content-boxed .icon {
position: relative;
display: block;
text-align: right;
margin-bottom: 35px;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-two .content-boxed .icon img {
position: relative;
width: auto;
float: right;
max-width: auto;
border-bottom: 2px solid #0096ff;
}
.main-slider-two .active .icon {
opacity: 1;
transform: scaleY(1);
transition-delay: 600ms;
}
.main-slider-two h1 {
position: relative;
color: #ffffff;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 30px;
opacity: 0;
display: block;
font-size: 54px;
transform: scaleY(0);
transform-origin: top;
text-shadow: 0px 5px 10px #000000;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-two .active h1 {
opacity: 1;
transform: scaleY(1);
transition-delay: 1000ms;
}
.main-slider-two .text {
position: relative;
color: #ffffff;
font-size: 16px;
font-weight: 400;
margin-bottom: 20px;
opacity: 0;
letter-spacing: 1px;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-two .active .text {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.main-slider-two .text {
position: relative;
color: #eeeeee;
font-size: 16px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
line-height: 1.9em;
font-weight: 400;
margin-bottom: 42px !important;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-two .active .text {
opacity: 1;
transform: scaleY(1);
transition-delay: 1500ms;
}
.main-slider-two .link-box {
opacity: 0;
transform: scaleY(0);
transform-origin: top;
display: inline-block;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-two .active .link-box {
opacity: 1;
transform: scaleY(1);
transition-delay: 2000ms;
}
.main-slider-two .link-box .theme-btn {
margin-right: 20px;
float: left;
}
.main-slider-two .owl-dots {
display: none;
}
.main-slider-two .owl-nav {
position: absolute;
left: 0px;
top: 50%;
z-index: 10;
width: 100%;
opacity: 0;
margin-top: -10px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.main-slider-two:hover .owl-nav {
opacity: 1;
}
.main-slider-two .owl-nav .owl-prev {
position: absolute;
left: 20px;
width: 60px;
height: 60px;
color: #ffffff;
line-height: 56px;
font-size: 24px;
text-align: center;
border-radius: 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: 2px solid rgba(255,255,255,0.60);
}
.main-slider-two .owl-nav .owl-next {
position: absolute;
right: 20px;
color: #ffffff;
font-size: 24px;
width: 60px;
height: 60px;
color: #ffffff;
line-height: 56px;
border-radius: 0px;
text-align: center;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border: 2px solid rgba(255,255,255,0.60);
}
.main-slider-two .owl-nav .owl-prev:hover, .main-slider-two .owl-nav .owl-next:hover {
color: #ffffff;
border-color: #0096ff;
background-color: #0096ff;
}
/***
====================================================================
Clients Section Two
====================================================================
***/
.clients-section-two {
position: relative;
padding: 40px 0px 40px;
}
.clients-section-two .inner-container {
position: relative;
}
.clients-section-two .inner-container .column img {
position: relative;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.clients-section-two .inner-container .column:hover img {
filter: grayscale(100%);
}
.clients-section-two .owl-dots, .clients-section-two .owl-nav {
display: none;
}
/***
====================================================================
Choice Section
====================================================================
***/
.choice-section {
position: relative;
padding: 100px 0px 160px;
background-position: right top;
background-repeat: no-repeat;
}
.choice-section .image-column {
position: relative;
margin-bottom: 40px;
}
.choice-section .image-column .inner-column {
position: relative;
padding-right: 35px;
}
.choice-section .image-column .inner-column .pattern-layer {
position: absolute;
left: -220px;
top: 0px;
width: 554px;
height: 405px;
background-repeat: no-repeat;
}
.choice-section .image-column .inner-column:before {
position: absolute;
content: '';
right: 4px;
top: 0px;
width: 36px;
height: 137%;
background: url(../images/icons/pattern-3.png);
background-repeat: repeat-y;
}
.choice-section .image-column .stamp-icon {
position: absolute;
left: 80px;
bottom: -80px;
}
.choice-section .image-column .image-two {
position: absolute;
right: 40px;
bottom: -170px;
border-top: 15px solid #ffffff;
border-left: 15px solid #ffffff;
}
.choice-section .image-column img {
position: relative;
border-radius: 0px 0px 0px 20px;
}
.choice-section .content-column {
position: relative;
}
.choice-section .content-column .inner-column {
position: relative;
}
.choice-section .content-column .sec-title {
margin-bottom: 20px;
}
.choice-section .content-column .text {
position: relative;
margin-bottom: 30px;
}
.choice-section .content-column .text p {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 15px;
}
.choice-section .content-column .text p:last-child {
margin-bottom: 0px;
}
.choice-section .content-column .read-more {
position: relative;
font-weight: 800;
color: #000000;
font-size: 18px;
padding: 14px 24px;
background: url(../images/icons/pattern-5.png) no-repeat;
}
.choice-section .content-column .read-more .plus {
position: relative;
left: 32px;
bottom: -5px;
width: 40px;
height: 40px;
color: #222222;
font-size: 14px;
line-height: 40px;
text-align: center;
font-weight: 800;
margin-top: 40px;
display: inline-block;
background-color: #0096ff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.choice-section .content-column .read-more:hover .plus {
transform: translateY(-12px);
}
.choice-section.style-two {
background-color: #f1f1f1;
padding-bottom: 220px;
}
/***
====================================================================
Counter Section
====================================================================
***/
.counter-section {
position: relative;
z-index: 1;
padding: 60px 0px 0px;
}
.counter-section .fact-counter-two .counter-column {
float: left;
padding: 0px;
}
.counter-section .fact-counter-two .counter-column:nth-child(2) .inner {
background-color: #0096ff;
}
.counter-section .fact-counter-two .counter-column:nth-child(2) .inner .lines:before {
background-color: #111111;
border-color: #111111;
}
.counter-section .fact-counter-two .counter-column:nth-child(2) .inner .lines {
border-color: #111111;
}
.counter-section .fact-counter-two .counter-column:nth-child(2) .inner .icon {
color: #111111;
}
.counter-section .fact-counter-two .counter-column:nth-child(3) .inner {
background-color: #ebebeb;
}
.counter-section .fact-counter-two .counter-column:nth-child(3) .inner .lines:before {
background-color: #0096ff;
border-color: #0096ff;
}
.counter-section .fact-counter-two .counter-column:nth-child(3) .inner .lines {
border-color: #0096ff;
}
.counter-section .fact-counter-two .counter-column:nth-child(3) .inner .icon {
color: #fca144;
}
.counter-section .fact-counter-two .counter-column:nth-child(4) .inner {
background-color: #111111;
}
.counter-section .fact-counter-two .counter-column:nth-child(4) .inner .lines:before {
background-color: #ffffff;
border-color: #ffffff;
}
.counter-section .fact-counter-two .counter-column:nth-child(4) .inner .lines {
border-color: #ffffff;
}
.counter-section .fact-counter-two .counter-column:nth-child(4) .inner .count-box {
color: #ffffff;
}
.counter-section .fact-counter-two .counter-column:nth-child(4) .inner .counter-title {
color: #ffffff;
}
.counter-section .fact-counter-two .counter-column:nth-child(4) .inner .icon {
color: #0096ff;
}
.fact-counter-two {
position: relative;
}
.fact-counter-two .counter-column {
position: relative;
}
.fact-counter-two .counter-column .inner {
position: relative;
padding: 35px 35px;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.fact-counter-two .counter-column .inner .lines {
position: relative;
width: 32px;
height: 16px;
border-top: 2px solid #0096ff;
border-bottom: 2px solid #0096ff;
}
.fact-counter-two .counter-column .inner .lines:before {
position: absolute;
content: '';
left: 5px;
top: 5px;
height: 2px;
width: 32px;
background-color: #0096ff;
}
.fact-counter-two .counter-column .inner .icon {
position: absolute;
right: 30px;
text-align: right;
font-size: 64px;
line-height: 1em;
color: #0096ff;
font-weight: 400;
margin-top: -20px;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.fact-counter-two .counter-column .inner:hover .icon {
transform: rotateY(360deg);
}
.fact-counter-two .counter-column .inner .count-box {
position: relative;
color: #111111;
font-size: 54px;
font-weight: 700;
line-height: 1em;
margin-top: 25px;
font-family: 'Open Sans', sans-serif;
}
.fact-counter-two .counter-column .inner .counter-title {
position: relative;
color: #111111;
font-size: 22px;
font-weight: 700;
line-height: 1.4em;
margin-top: 20px;
}
/***
====================================================================
Service Section Three
====================================================================
***/
.service-section-three {
position: relative;
padding: 200px 0px 100px;
}
.service-section-three.margin-top {
margin-top: -130px;
}
.service-section-three .lower-text {
position: relative;
margin-top: 60px;
}
.service-section-three .lower-text .text {
position: relative;
color: #555555;
font-size: 14px;
padding: 12px 25px;
border-radius: 50px;
display: inline-block;
border: 1px dashed #000000;
background-color: #f5f5f5;
}
.service-section-three .lower-text .text a {
position: relative;
font-weight: 700;
color: #fd6e2c;
}
.service-section-three:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(254,152,47,0.90);
}
.service-block-three {
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.service-block-three .inner-box {
position: relative;
margin-left: 20px;
padding: 40px 30px 45px;
background-color: #ffffff;
border-radius: 30px 0px 0px 0px;
box-shadow: 0px 5px 25px rgba(0,0,0,0.10);
}
.service-block-three .inner-box .line-one {
position: absolute;
right: 20px;
top: 0px;
width: 10px;
height: 100px;
background-color: #111111;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.service-block-three .inner-box:hover .line-one {
height: 70px;
}
.service-block-three .inner-box .line-two {
position: absolute;
right: 40px;
top: 0px;
width: 6px;
height: 70px;
background-color: #0096ff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.service-block-three .inner-box:hover .line-two {
height: 100px;
}
.service-block-three .inner-box:before {
position: absolute;
content: '';
right: -20px;
bottom: -20px;
width: 105px;
height: 105px;
z-index: -1;
background: url(../images/icons/pattern-1.png) no-repeat;
}
.service-block-three.style-two .inner-box:before {
position: absolute;
content: '';
right: -20px;
bottom: -20px;
width: 270px;
height: 270px;
background: url(../images/background/pattern-10.png) no-repeat;
}
.service-block-three .inner-box .icon-box {
position: relative;
padding-top: 5px;
text-align: center;
margin-bottom: 35px;
display: inline-block;
}
.service-block-three .inner-box .icon-box:before {
position: absolute;
content: '';
left: -12px;
top: 0px;
width: 105px;
height: 90px;
background-color: #f6f6f6;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.service-block-three .inner-box:hover .icon-box:before {
background-color: #ffeee7;
}
.service-block-three .inner-box .icon-box .icon {
position: relative;
font-size: 80px;
color: #0096ff;
line-height: 1em;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.service-block-three .inner-box:hover .icon-box .icon {
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.service-block-three .inner-box h4 {
position: relative;
line-height: 1.4em;
font-weight: 800;
margin-bottom: 15px;
}
.service-block-three .inner-box h4 a {
position: relative;
color: #111111;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.service-block-three .inner-box h4 a:hover {
color: #0096ff;
}
.service-block-three .inner-box .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.9em;
margin-bottom: 22px;
font-family: 'Open Sans', sans-serif;
}
.service-block-three .inner-box .read-more {
position: relative;
color: #0096ff;
font-size: 18px;
font-weight: 700;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.service-block-three .inner-box .read-more .arrow {
position: relative;
color: #111111;
}
.service-block-three .inner-box .read-more:hover {
color: #0096ff;
}
/***
====================================================================
Gallery Section Two
====================================================================
***/
.gallery-section-two {
position: relative;
padding: 100px 0px 100px;
}
.gallery-section-two .gallery-block-two {
margin-bottom: 50px;
}
.gallery-section-two .filters {
position: relative;
margin-bottom: 60px;
text-align: center;
}
.gallery-section-two .filters .filter-tabs {
position: relative;
padding: 0px 30px;
border-radius: 50px;
display: inline-block;
border: 1px solid #ebebeb;
}
.gallery-section-two .filters li {
position: relative;
color: #555555;
cursor: pointer;
font-size: 14px;
font-weight: 600;
margin: 0px 30px 0px;
padding: 16px 0px 18px;
display: inline-block;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.gallery-section-two .filters li .icon {
position: relative;
font-size: 26px;
color: #222222;
line-height: 1em;
font-weight: 400;
top: 4px;
margin-right: 10px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.gallery-section-two .filters .filter.active, .gallery-section-two .filters .filter:hover {
color: #0096ff;
}
.gallery-section-two .filters li:last-child::before {
display: none;
}
.gallery-section-two .filters li:before {
position: absolute;
content: '';
right: -30px;
top: 14px;
height: 35px;
width: 1px;
background-color: #ebebeb;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.gallery-section-two .filters li:hover .icon, .gallery-section-two .filters li.active .icon {
color: #0096ff;
}
.gallery-section-two .lower-text {
position: relative;
text-align: center;
margin-top: 30px;
}
.gallery-section-two .lower-text .text {
position: relative;
color: #505050;
font-size: 16px;
font-weight: 600;
padding: 18px 40px;
border-radius: 50px;
display: inline-block;
border: 1px solid #acacac;
}
.gallery-section-two .lower-text .text a {
position: relative;
color: #0096ff;
font-weight: 900;
}
.gallery-block-two {
position: relative;
margin-bottom: 30px;
}
.gallery-block-two .inner-box {
position: relative;
padding-right: 20px;
padding-bottom: 20px;
}
.gallery-block-two .inner-box:before {
position: absolute;
content: '';
right: 0px;
top: 20px;
left: 20px;
bottom: 0px;
background-color: #eeeeee;
}
.gallery-block-two .inner-box .image {
position: relative;
}
.gallery-block-two .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.gallery-block-two .inner-box .image .tag {
position: absolute;
left: 20px;
top: 20px;
color: #ffffff;
font-size: 10px;
font-weight: 600;
padding: 4px 12px;
letter-spacing: 1px;
display: inline-block;
text-transform: uppercase;
background-color: #0096ff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.gallery-block-two .inner-box:hover .image .tag {
opacity: 0;
}
.gallery-block-two .inner-box .image .overlay-box {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.gallery-block-two .inner-box .image .overlay-box .pattern-layer {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
background: url(../images/background/pattern-11.png) left top no-repeat;
}
.gallery-block-two .inner-box:hover .overlay-box {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.gallery-block-two .inner-box .image .overlay-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
opacity: 0.90;
background-color: #111111;
}
.gallery-block-two .inner-box .search-icon {
position: absolute;
right: 70px;
bottom: -12px;
width: 60px;
height: 60px;
color: #0096ff;
z-index: 2;
font-weight: 600;
font-size: 20px;
text-align: center;
line-height: 60px;
border-radius: 50px;
display: inline-block;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.gallery-block-two .inner-box .search-icon:before {
position: absolute;
content: '';
right: -10px;
top: -10px;
bottom: -10px;
left: -10px;
z-index: -1;
border-radius: 50%;
border: 2px dashed #b6b6b6;
}
.gallery-block-two .inner-box:hover .search-icon {
background-color: #0096ff;
color: #ffffff;
}
.gallery-block-two .inner-box .image .overlay-box .content {
position: absolute;
left: 40px;
bottom: 40px;
right: 40px;
z-index: 1;
}
.gallery-block-two .inner-box .image .overlay-box .content h4 {
position: relative;
line-height: 1.3em;
font-weight: 700;
margin-bottom: 16px;
}
.gallery-block-two .inner-box .image .overlay-box .content h4 a {
position: relative;
color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.gallery-block-two .inner-box .image .overlay-box .content h4 a:hover {
color: #0096ff;
}
.gallery-block-two .inner-box .image .overlay-box .content .category {
position: relative;
margin-bottom: 8px;
color: #ffffff;
font-size: 16px;
font-weight: 400;
}
.gallery-block-two .inner-box .image .overlay-box .content .read-more {
position: relative;
color: #ffffff;
padding: 8px 20px;
background-color: #0096ff;
}
/***
====================================================================
Pricing Section
====================================================================
***/
.pricing-section {
position: relative;
padding: 110px 0px 100px;
}
.pricing-section .sec-title {
margin-bottom: 90px;
}
.pricing-section:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(17,17,17,0.90);
}
.price-block {
position: relative;
}
.price-block .inner-box {
position: relative;
padding: 55px 60px;
background-color: #ffffff;
border-bottom: 4px solid #0096ff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.price-block .inner-box .pattern-layer {
position: absolute;
right: 20px;
top: 0px;
width: 123px;
height: 498px;
background: url(../images/background/pattern-13.png) no-repeat;
}
.price-block .inner-box .title {
position: relative;
color: #0096ff;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
margin-bottom: 12px;
}
.price-block .inner-box .price {
position: relative;
color: #111111;
font-size: 60px;
font-weight: 800;
line-height: 1em;
font-family: 'Open Sans', sans-serif;
}
.price-block .inner-box .price sup {
position: relative;
top: -28px;
color: #555555;
font-size: 14px;
font-weight: 500;
margin-left: 10px;
text-transform: uppercase;
}
.price-block .inner-box .price sub {
position: relative;
color: #111111;
left: -66px;
font-size: 24px;
text-transform: uppercase;
}
.price-block .inner-box .price-list {
position: relative;
margin-top: 25px;
margin-bottom: 35px;
}
.price-block .inner-box .price-list li {
position: relative;
padding-left: 30px;
color: #555555;
font-size: 16px;
margin-bottom: 12px;
display: block;
text-align: left;
font-weight: 600;
}
.price-block .inner-box .price-list li:before {
position: absolute;
content: '\f00c';
left: 0px;
top: 0px;
color: #111111;
font-family: 'FontAwesome';
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.price-block .inner-box .price-list li:last-child {
margin-bottom: 0px;
}
.price-block .inner-box .read-more {
position: relative;
font-weight: 800;
color: #000000;
font-size: 18px;
width: 200px;
z-index: 10;
padding: 5px 24px;
display: inline-block;
background: url(../images/background/pattern-12.png) no-repeat;
}
.price-block .inner-box .read-more .plus {
position: relative;
right: -72px;
bottom: -5px;
width: 40px;
height: 40px;
color: #222222;
font-size: 14px;
line-height: 40px;
text-align: center;
font-weight: 800;
margin-top: 0px;
display: inline-block;
background-color: #0096ff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.price-block .inner-box .read-more:hover .plus {
transform: translateY(-10px);
}
.price-block.active .inner-box {
background-color: #0096ff;
border-color: #ffffff;
padding: 75px 60px;
transform: translateY(-40px);
}
.price-block.active .inner-box .title {
color: #111111;
}
.price-block.active .inner-box .read-more, .price-block.active .inner-box .price, .price-block.active .inner-box .price sup, .price-block.active .inner-box .price sub, .price-block.active .inner-box .price-list li, .price-block.active .inner-box .price-list li:before {
color: #ffffff;
}
.price-block.active .inner-box .read-more .plus {
background-color: #ffffff;
}
/***
====================================================================
Testimonial Section Two
====================================================================
***/
.testimonial-section-two {
position: relative;
padding: 100px 0px 90px;
}
.testimonial-section-two .owl-carousel .owl-stage-outer {
padding-top: 25px;
}
.testimonial-section-two .owl-nav {
display: none;
}
.testimonial-section-two .owl-dots {
position: relative;
text-align: center;
margin-top: 20px;
}
.testimonial-section-two .owl-dots .owl-dot {
position: relative;
width: 20px;
height: 8px;
margin: 0px 5px;
display: inline-block;
background-color: #0096ff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.testimonial-section-two .owl-dots .owl-dot.active, .testimonial-section-two .owl-dots .owl-dot:hover {
background-color: #222222;
}
.testimonial-block-two {
position: relative;
margin-bottom: 30px;
}
.testimonial-block-two .inner-box {
position: relative;
margin-left: 20px;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 0px 25px 0px 0px;
}
.testimonial-block-two .inner-box .upper-box {
position: relative;
padding: 35px 55px 35px;
}
.testimonial-block-two .inner-box .quote-icon {
position: absolute;
right: 70px;
top: -22px;
color: #e5e5e5;
font-size: 60px;
line-height: 1em;
padding: 0px 8px;
background-color: #ffffff;
}
.testimonial-block-two .inner-box .rating {
position: relative;
color: #0096ff;
}
.testimonial-block-two .inner-box h4 {
position: relative;
color: #111111;
font-weight: 700;
line-height: 1.3em;
margin-top: 15px;
margin-bottom: 15px;
}
.testimonial-block-two .inner-box .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
font-family: 'Open Sans', sans-serif;
}
.testimonial-block-two .inner-box .middle-box {
position: relative;
margin-right: 50px;
}
.testimonial-block-two .inner-box .middle-box .middle-inner {
position: relative;
}
.testimonial-block-two .inner-box .middle-box .middle-inner:before {
position: absolute;
content: '';
right: 0px;
top: 0px;
bottom: 0px;
left: -20px;
border-radius: 0% 50px 50px 0%;
background-color: #f5f5f5;
}
.testimonial-block-two .inner-box .middle-box .middle-inner:after {
position: absolute;
content: '';
top: -30px;
left: -20px;
border-bottom: 30px solid #dddddd;
border-left: 20px solid transparent;
}
.testimonial-block-two .inner-box .middle-box .middle-inner .content {
position: relative;
text-align: right;
padding-top: 20px;
min-height: 80px;
padding-right: 100px;
}
.testimonial-block-two .inner-box .middle-box .middle-inner .author-image {
position: absolute;
right: 0px;
top: 0px;
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 50% 50% 50% 0%;
}
.testimonial-block-two .inner-box .middle-box .middle-inner .content h6 {
position: relative;
color: #111111;
font-weight: 700;
line-height: 1.3em;
text-transform: uppercase;
}
.testimonial-block-two .inner-box .middle-box .middle-inner .content .designation {
position: relative;
color: #555555;
font-weight: 400;
line-height: 1.3em;
margin-top: 5px;
text-transform: capitalize;
}
.testimonial-block-two .inner-box .lower-box {
position: relative;
padding: 22px 30px;
}
.testimonial-block-two .inner-box .lower-box .share {
position: relative;
color: #555555;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
}
.testimonial-block-two .inner-box .lower-box .share .icon {
position: relative;
margin-right: 10px;
}
.testimonial-block-two .inner-box .social-box {
position: relative;
padding-right: 20px;
}
.testimonial-block-two .inner-box .social-box li {
position: relative;
margin-left: 15px;
display: inline-block;
}
.testimonial-block-two .inner-box .social-box li a {
position: relative;
color: #222222;
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;
}
.testimonial-block-two .inner-box .social-box li a:hover {
color: #0096ff;
}
/***
====================================================================
Video Project Section
====================================================================
***/
.video-project-section {
position: relative;
padding: 100px 0px 90px;
}
.video-project-section.style-two {
padding-top: 240px;
margin-top: -130px;
}
.video-project-section.style-two .image-layer {
height: 600px;
}
.video-project-section .image-layer {
position: absolute;
left: 0px;
top: 0px;
width: 70%;
height: 500px;
display: block;
background-size: cover;
}
.video-project-section .image-layer:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(254,152,47,0.90);
}
.video-project-section .pattern-layer {
position: absolute;
right: 0px;
top: 0px;
width: 30%;
height: 500px;
display: block;
background-size: cover;
}
.video-project-section .content-column {
position: relative;
}
.video-project-section .content-column .sec-title {
margin-bottom: 20px;
}
.video-project-section .content-column .inner-column {
position: relative;
}
.video-project-section .content-column .text {
position: relative;
color: #ffffff;
font-size: 16px;
line-height: 1.8em;
}
/* Video Box */
.video-box {
position: relative;
}
.video-box .video-image {
position: relative;
margin: 0px;
overflow: hidden;
border-radius: 50% 0% 50% 50%;
}
.video-box .video-image img {
position: relative;
width: 100%;
z-index: 3;
}
.video-box .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
line-height: 45px;
overflow: hidden;
border-radius: 50% 0% 50% 50%;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.video-box .overlay-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 10;
background-color: rgba(0,0,0,0.50);
}
.video-box .overlay-box span {
position: absolute;
width: 80px;
height: 80px;
left: 50%;
top: 50%;
z-index: 10;
color: #ffffff;
font-weight: 400;
font-size: 22px;
text-align: center;
padding-left: 4px;
display: inline-block;
margin-top: -40px;
margin-left: -40px;
line-height: 80px;
border-radius: 50% 0% 50% 50%;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-color: #0096ff;
}
.video-box .ripple, .video-box .ripple:before, .video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
-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% 0% 50% 50%;
-moz-border-radius: 50% 0% 50% 50%;
-ms-border-radius: 50% 0% 50% 50%;
-o-border-radius: 50% 0% 50% 50%;
border-radius: 50% 0% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
}
}
.abt-info4 ul li {
width: 100%;
display: block;
margin-bottom: 5px;
position: relative;
padding-left: 18px;
line-height: 26px;
font-weight: 600;
color: #000;
font-size: 16px;
}
.abt-info4 ul li:before {
position: absolute;
content: '';
width: 7px;
height: 7px;
left: 0;
top: 10px;
border-radius: 50%;
background-color: #000;
}
.abt-info4 ul {
margin: 10px 0 0 0px;
padding: 0;
list-style: none;
}
/***
====================================================================
News Section Two
====================================================================
***/
.news-section-two {
position: relative;
padding-bottom: 100px;
}
.news-section-two .owl-nav {
display: none;
}
.news-section-two .owl-dots {
position: relative;
text-align: center;
margin-top: 0px;
}
.news-section-two .owl-dots .owl-dot {
position: relative;
width: 20px;
height: 8px;
margin: 0px 5px;
display: inline-block;
background-color: #0096ff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.news-section-two .owl-dots .owl-dot.active, .news-section-two .owl-dots .owl-dot:hover {
background-color: #0096ff;
}
.news-section-two .owl-carousel .owl-stage-outer {
padding: 15px 0px 15px;
}
.news-section-two .owl-theme .news-block-three, .news-section-two .owl-theme .news-block-two {
margin: 0px 15px;
}
.news-section-two .owl-carousel {
margin: 0px -15px;
width: auto;
}
.news-section-two.style-two {
padding-top: 100px;
}
.news-block-two {
position: relative;
margin-bottom: 30px;
}
.news-block-two .inner-box {
position: relative;
padding-right: 30px;
}
.news-block-two .inner-box:before {
position: absolute;
content: '';
left: 0px;
top: 30px;
right: 0px;
bottom: 0px;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.news-block-two .inner-box .image {
position: relative;
overflow: hidden;
background-color: #0096ff;
}
.news-block-two .inner-box .image img {
position: relative;
width: 100%;
display: block;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.news-block-two .inner-box:hover .image img {
opacity: 0.6;
transform: scale(1.06, 1.06) rotate(2deg);
}
.news-block-two .inner-box .lower-content {
position: relative;
padding-top: 22px;
padding-bottom: 30px;
padding-left: 30px;
}
.news-block-two .inner-box .lower-content .post-meta {
position: relative;
}
.news-block-two .inner-box .lower-content .post-meta li {
position: relative;
color: #555555;
font-size: 14px;
margin-right: 10px;
font-weight: 600;
padding-left: 22px;
display: inline-block;
}
.news-block-two .inner-box .lower-content .post-meta li .icon {
position: absolute;
left: 0px;
top: 1px;
color: #0096ff;
font-size: 13px;
font-weight: 400;
margin-right: 6px;
}
.news-block-two .inner-box .lower-content .post-meta li:last-child {
margin-right: 0px;
}
.news-block-two .inner-box .lower-content h4 {
position: relative;
line-height: 1.4em;
font-weight: 700;
margin-top: 10px;
}
.news-block-two .inner-box .lower-content h4 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;
}
.news-block-two .inner-box .lower-content h4 a:hover {
color: #0096ff;
}
.news-block-two .inner-box .lower-content .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
margin-top: 10px;
}
.news-block-two .inner-box .lower-content .lower-box {
position: relative;
margin-top: 20px;
}
.news-block-two .inner-box .lower-content .lower-box .read-more:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 300px;
height: 50px;
z-index: -1;
background: url(../images/background/pattern-5.png) no-repeat;
}
.news-block-two .inner-box .lower-content .lower-box .read-more {
position: relative;
color: #111111;
font-size: 16px;
font-weight: 800;
padding: 13px 20px;
display: block;
z-index: 1;
width: 300px;
}
.news-block-two .inner-box .lower-content .lower-box .read-more .plus-box {
position: absolute;
right: 0px;
color: #ffffff;
width: 40px;
top: 10px;
height: 40px;
font-size: 10px;
font-weight: 700;
text-align: center;
line-height: 40px;
display: inline-block;
background-color: #0096ff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-two .inner-box .lower-content .lower-box .read-more:hover .plus-box {
transform: translateY(-10px);
}
.news-block-two .inner-box .lower-content .social-box {
position: relative;
padding: 12px 0px;
}
.news-block-two .inner-box .lower-content .social-box li {
position: relative;
margin-left: 15px;
display: inline-block;
}
.news-block-two .inner-box .lower-content .social-box li a {
position: relative;
color: #222222;
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;
}
.news-block-two .inner-box .lower-content .social-box li a:hover {
color: #0096ff;
}
.news-block-two.style-two .inner-box .post-meta li .icon {
color: #0096ff;
}
.news-block-two.style-two .inner-box .lower-content .social-box li a:hover, .news-block-two.style-two .inner-box .lower-content h4 a:hover {
color: #0096ff;
}
.news-block-two.style-two .inner-box .lower-content .lower-box .read-more .plus-box {
background-color: #0096ff;
}
.h-100 {
height: 100%;
}
.impact {
height: 600px;
padding-top: 95px;
padding-bottom: 40px;
}
.card-wrap_circle {
padding-top: 0px;
}
.mx-0 {
margin-left: 0;
margin-right: 0;
}
.p-0 {
padding: 0;
}
.impact .card-col_circle {
margin-bottom: -50px;
}
.cards-wrapper .card-col_circle {
width: 200px;
height: 200px;
max-width: 200px;
max-height: 200px;
min-width: 200px;
min-height: 200px;
padding: 0;
margin: 20px 94px;
}
.card-col_circle:nth-of-type(1) {
margin-left: 0;
}
.card-col_circle {
max-width: 320px;
height: 290px;
margin: 0 43px;
position: relative;
}
.card-item_circle {
padding: 10px;
width: 160px;
height: 160px;
max-width: 160px;
max-height: 160px;
min-width: 160px;
min-height: 160px;
background: none;
border: none;
box-shadow: none;
transition: all .5s;
cursor: pointer;
}
.cards-item {
margin-left: auto;
margin-right: auto;
}
.card-item_circle.padding-t {
margin-top: 15px;
}
.cards-item {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.card-item_circle {
border-radius: 50%;
-webkit-box-shadow: 0px 8px 15px rgb(0 0 0 / 15%);
box-shadow: 0px 8px 15px rgb(0 0 0 / 15%);
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.card-item_circle .icon {
background-color: #0096ff;
border-radius: 50%;
padding: 10px;
}
.card-item_circle .icon {
width: 160px;
height: 160px;
position: absolute;
top: 0;
transition: all .5s;
z-index: 4;
}
.cards-item img {
max-width: 100%;
}
.circle_headline {
position: absolute;
top: -50px;
}
.circle_headline {
transition: all .5s;
margin-top: 0px;
width: 200px;
font-size: 15px;
color: #000;
font-weight: 600;
line-height: 22px;
}
.circle_inside {
width: 300px;
height: 300px;
position: absolute;
background: #102363;
border-radius: 50%;
padding: 45px;
color: white;
text-align: center;
opacity: 0;
transition: all .5s;
padding-top: 65px;
font-size: 14px;
line-height: 25px;
margin-top: -10px;
}
.card-item_circle:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 2px;
background-color: rgba(45, 0, 40, 0.25);
height: 900px;
margin-top: -40px;
}
.cards-item:hover .circle_inside {
opacity: 1;
transition: all .5s;
}
.card-wrap_circle {
text-align: center;
display: contents;
}
.cards-item:hover .icon {
top: -130px;
width: 100px;
height: 100px;
max-width: 100px;
max-height: 100px;
min-width: 100px;
min-height: 100px;
transition: all .5s;
}
.cards-item.small:hover .icon {
top: -140px;
width: 100px;
height: 100px;
transition: all .5s;
}
.cards-item:hover {
z-index: 10;
}
.cards-item {
opacity: 1;
transition: 0;
}
.cards-item.faded {
opacity: 999;
}
.card-item_circle.small {
padding: 10px;
width: 140px;
height: 140px;
max-width: 140px;
max-height: 140px;
min-width: 140px;
min-height: 140px;
}
.card-item_circle.small .icon {
padding: 10px;
width: 140px;
height: 140px;
max-width: 140px;
max-height: 140px;
min-width: 140px;
min-height: 140px;
}
.small .circle_headline {
top: -40px;
}
.mobile {
display: none;
}
#scene5 {
background-image: url(../images/citybg.jpg);
background-position: center center;
background-size: cover;
}
.panel {
position: relative;
position: relative;
height: 700px;
overflow: hidden;
}
.section-padding {
padding: 0px 0px 0 0px;
width: 100vw;
height: 100vh;
max-width: 100%;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
margin: auto;
}
.flex-center {
height: 100%;
}
.h-100 {
height: 100%;
}
.flex-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.strategy {
max-width: 1200px;
}
.card-col_circle:nth-of-type(1) {
margin-left: 0;
}
.card-col_circle:nth-of-type(3) {
margin-right: 0;
}
.card-item_circle.small .icon {
padding: 10px;
width: 140px;
height: 140px;
max-width: 140px;
max-height: 140px;
min-width: 140px;
min-height: 140px;
}
@-webkit-keyframes blob-1-anim {
0% {
transform: translateY(10px);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(10px);
}
}
@keyframes blob-1-anim {
0% {
transform: translateY(10px);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(10px);
}
}
@-webkit-keyframes blob-2-anim {
0% {
transform: scale(1) translateX(-150px);
}
50% {
transform: scale(1) translateX(-70px);
}
100% {
transform: scale(1) translate(-150px);
}
}
@keyframes blob-2-anim {
0% {
transform: scale(1) translateX(-150px);
}
50% {
transform: scale(1) translateX(-70px);
}
100% {
transform: scale(1) translate(-150px);
}
}
.joj-image.j-img1 {
text-align: right;
margin-bottom: 30px;
}
.joj-image img {
border-radius: 5px;
}
.careers-text p {
position: relative;
color: #000000;
font-size: 15px;
line-height: 1.8em;
font-weight: 600;
text-align: justify;
}
.mian-wrapper-form {
padding: 40px 60px;
border: 1px solid #E9E9E9;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
margin-top: 15px;
margin-bottom: 50px;
}
.choseus-area .thumb {
overflow: hidden;
}
.why-bg-cover {
background-position: center center;
background-size: cover;
}
.why-bg-dark {
background: #0096ff none repeat scroll 0 0;
z-index: -1;
}
.choseus-area .content-box {
display: flex;
padding-left: 0px;
}
.why-choose {
color: #ffffff;
font-size: 35px;
line-height: 35px;
margin: 15px 0px 15px 0px;
text-transform: uppercase;
font-weight: 700;
}
.why-area-section {
max-width: 100%;
padding: 40px 80px 60px 80px;
}
.abt-info2 ul li {
width: 100%;
display: block;
margin-bottom: 5px;
position: relative;
padding-left: 18px;
line-height: 26px;
font-weight: 300;
color: #fff;
font-size: 15px;
}
.abt-info2 ul li:before {
position: absolute;
content: '';
width: 7px;
height: 7px;
left: 0;
top: 10px;
border-radius: 50%;
background-color: #fff;
}
.abt-info2 ul {
margin: 20px 0 0 5px;
padding: 0;
list-style: none;
}
/* News Block Three */
.news-block-three {
position: relative;
margin-bottom: 30px !important;
}
.news-block-three .inner-box {
position: relative;
padding-left: 290px;
padding-right: 20px;
}
.news-block-three .inner-box:before {
position: absolute;
content: '';
left: 30px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.news-block-three .inner-box .image {
position: absolute;
left: 0px;
top: 0px;
width: 270px;
overflow: hidden;
background-color: #0096ff;
}
.news-block-three .inner-box .image img {
position: relative;
width: 100%;
display: block;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.news-block-three .inner-box:hover .image img {
opacity: 0.6;
transform: scale(1.06, 1.06) rotate(2deg);
}
.news-block-three .inner-box .content {
position: relative;
padding: 25px 15px 15px 0px;
}
.news-block-three .inner-box .content .post-meta {
position: relative;
}
.news-block-three .inner-box .content .post-meta li {
position: relative;
color: #555555;
font-size: 14px;
margin-right: 10px;
font-weight: 600;
padding-left: 22px;
display: inline-block;
}
.news-block-three .inner-box .content .post-meta li .icon {
position: absolute;
left: 0px;
top: 1px;
color: #0096ff;
font-size: 13px;
font-weight: 400;
margin-right: 6px;
}
.news-block-three .inner-box .content .post-meta li:last-child {
margin-right: 0px;
}
.news-block-three .inner-box .content h4 {
position: relative;
line-height: 1.4em;
font-weight: 700;
margin-top: 10px;
margin-bottom: 18px;
font-size: 22px;
}
.news-block-three .inner-box .content h4 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;
}
.news-block-three .inner-box .content h4 a:hover {
color: #0096ff;
}
.news-block-three .inner-box .content .read-more:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 230px;
height: 50px;
z-index: -1;
background: url(../images/background/pattern-5.png) no-repeat;
}
.news-block-three .inner-box .content .read-more {
position: relative;
color: #111111;
font-size: 16px;
font-weight: 800;
padding: 13px 20px;
display: block;
z-index: 1;
width: 230px;
}
.news-block-three .inner-box .content .read-more .plus-box {
position: absolute;
right: 0px;
color: #ffffff;
width: 40px;
top: 10px;
height: 40px;
font-size: 10px;
font-weight: 700;
text-align: center;
line-height: 40px;
display: inline-block;
background-color: #0096ff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-three .inner-box .content .read-more:hover .plus-box {
transform: translateY(-10px);
}
.news-block-three .inner-box .content .social-box {
position: relative;
padding: 12px 0px;
margin-top: 8px;
}
.news-block-three .inner-box .content .social-box li {
position: relative;
margin-right: 15px;
display: inline-block;
}
.news-block-three .inner-box .content .social-box li a {
position: relative;
color: #222222;
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;
}
.news-block-three .inner-box .content .social-box li a:hover {
color: #0096ff;
}
/***
====================================================================
Call To Action Section
====================================================================
***/
.call-to-action-section {
position: relative;
z-index: 10;
}
.call-to-action-section .inner-container {
position: relative;
padding: 56px 60px 52px 400px;
background-color: #0096ff;
}
.call-to-action-section .image {
position: absolute;
left: 0px;
top: 0px;
width: 300px;
}
.call-to-action-section h4 {
position: relative;
color: #111111;
font-size: 36px;
font-weight: 700;
line-height: 1.3em;
}
/***
====================================================================
Main Slider Section Three
====================================================================
***/
.main-slider-three {
position: relative;
}
.main-slider-three .content-boxed {
position: relative;
padding-left: 60px;
border-left: 6px solid #ffffff;
}
.main-slider-three .content-boxed:before {
position: absolute;
content: '';
left: 8px;
top: 0px;
width: 4px;
height: 80%;
border-left: 2px solid #ffffff;
}
.main-slider-three .slide {
position: relative;
padding: 360px 0px 280px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.main-slider-three .title {
position: relative;
color: #ffffff;
font-weight: 400;
line-height: 1.1em;
margin-bottom: 15px;
opacity: 0;
font-size: 30px;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-three .active .title {
opacity: 1;
transform: scaleY(1);
transition-delay: 600ms;
}
.main-slider-three h1 {
position: relative;
color: #ffffff;
font-weight: 800;
line-height: 1.1em;
margin-bottom: 15px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-three .active h1 {
opacity: 1;
transform: scaleY(1);
transition-delay: 1000ms;
}
.main-slider-three .text {
position: relative;
color: #ffffff;
font-size: 18px;
font-weight: 400;
margin-bottom: 20px;
opacity: 0;
letter-spacing: 1px;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.story__area {
padding-top: 50px;
padding-bottom: 50px;
}
.story__item:hover {
background-color: #0096ff;
}
.story__item:hover::after {
background-color: #0096ff;
}
.story__left-item::after {
left: -17px;
}
.story__item:hover .story__circle span {
background-color: #0096ff;
color: #fff;
}
.story__item:hover .story__title {
color: #fff;
}
.story__item:hover .story__content p {
color: #fff;
font-weight: 400;
}
.grey-bg-2 {
background: #e5eef6;
}
.story__content {
}
.story__content p {
margin-bottom: 0;
transition: .3s;
font-weight: 600;
color: #000;
line-height: 23px;
font-size: 15px;
}
.story__title {
color: #000;
font-weight: 600;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 10px;
}
.story__item {
background-color: #fff;
padding: 30px 32px;
position: relative;
transition: .3s
}
.story__space-1 {
margin-bottom: 258px;
}
.story__space-4 {
margin-top: 210px;
}
.story__space-5 {
margin-top: 250px;
}
.story__space-6 {
margin-top: 285px;
}
.story__space-7 {
margin-top: 285px;
}
.mt-95 {
margin-top: 95px;
}
.story__space-8 {
margin-top: 285px;
}
.story__space-9 {
margin-top: 290px;
}
.story__space-10 {
margin-top: 273px;
}
.story__space-11 {
margin-top: 240px;
}
.story__space-12 {
margin-top: 140px;
}
.story__item::after {
content: "";
height: 40px;
width: 40px;
background-color: #fff;
top: 50%;
right: -17px;
position: absolute;
transform: translateY(-50%) rotate(45deg);
transition: .3s
}
.story__circle span {
height: 60px;
width: 60px;
background-color: #fff;
color: #000;
font-size: 19px;
font-weight: 700;
border-radius: 50%;
line-height: 60px;
text-align: center;
display: inline-block;
transition: .3s;
}
.story__circle span.one {
position: absolute;
top: 30%;
right: -24%;
z-index: 999;
}
.story__circle span.two {
position: absolute;
top: 20%;
left: -26%;
z-index: 999;
}
.story__circle span.three {
position: absolute;
top: 34%;
right: -27%;
z-index: 999;
}
.story__circle span.four {
position: absolute;
top: 28%;
left: -26%;
z-index: 999;
}
.story__circle span.five {
position: absolute;
top: 17%;
right: -27%;
z-index: 999;
}
.story__circle span.six {
position: absolute;
top: 15%;
left: -27%;
z-index: 999;
}
.story__circle span.seven {
position: absolute;
top: 5%;
right: -27%;
z-index: 999;
}
.story__circle span.eight {
position: absolute;
top: 5%;
left: -26%;
z-index: 999;
}
.story__circle span.nine {
position: absolute;
top: 30%;
right: -26%;
z-index: 999;
}
.main-slider-three .active .text {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.main-slider-three .text {
position: relative;
color: #eeeeee;
font-size: 16px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
line-height: 1.9em;
font-weight: 400;
margin-bottom: 28px;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-three .active .text {
opacity: 1;
transform: scaleY(1);
transition-delay: 1500ms;
}
.main-slider-three .link-box {
opacity: 0;
transform: scaleY(0);
transform-origin: top;
display: inline-block;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-three .active .link-box {
opacity: 1;
transform: scaleY(1);
transition-delay: 2000ms;
}
.main-slider-three .link-box .theme-btn {
margin-right: 20px;
float: left;
}
.main-slider-three .content-boxed .video-box {
position: absolute;
right: 80px;
bottom: 60px;
width: 160px;
height: 160px;
color: #0096ff;
z-index: 10;
font-size: 46px;
text-align: center;
line-height: 160px;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: #ffffff;
border-radius: 50%;
}
.main-slider-three .content-boxed .video-box .overlay-box span {
position: absolute;
width: 160px;
height: 160px;
left: 50%;
top: 50%;
z-index: 99;
color: #0096ff;
font-weight: 400;
font-size: 16px;
text-align: center;
border-radius: 10px;
padding-left: 35px;
display: inline-block;
margin-top: -80px;
margin-left: -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;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.main-slider-three .content-boxed .video-box .ripple, .main-slider-three .content-boxed .video-box .ripple:before, .main-slider-three .content-boxed .video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width: 160px;
height: 160px;
margin-left: .5px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.main-slider-three .content-boxed .video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.main-slider-three .content-boxed .video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.main-slider-three .owl-dots {
display: none;
}
.main-slider-three .owl-nav {
position: absolute;
right: 0px;
bottom: 0px;
z-index: 10;
width: 100%;
text-align: right;
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: url(../images/background/pattern-15.png) repeat-x;
}
.main-slider-three .owl-nav .owl-prev {
position: relative;
width: 100px;
height: 100px;
color: #222222;
line-height: 100px;
font-size: 32px;
text-align: center;
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;
background-color: #ffffff;
}
.main-slider-three .owl-nav .owl-next {
position: relative;
width: 100px;
height: 100px;
color: #222222;
line-height: 100px;
font-size: 32px;
text-align: center;
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;
background-color: #ffffff;
}
.main-slider-three .owl-nav .owl-prev:hover, .main-slider-three .owl-nav .owl-next:hover {
color: #ffffff;
background-color: #0096ff;
}
.main-slider-three .social-box {
position: absolute;
right: 50px;
top: 45%;
width: 25px;
z-index: 20;
}
.main-slider-three .social-box li {
position: relative;
margin-bottom: 20px;
}
.main-slider-three .social-box li a {
position: relative;
font-size: 16px;
color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.main-slider-three .social-box li a:hover {
color: #0096ff;
}
/***
====================================================================
About Section
====================================================================
***/
.about-section {
position: relative;
padding: 130px 0px 0px;
}
.about-section .pattern-layer {
position: absolute;
right: 0px;
top: 200px;
width: 821px;
height: 605px;
background-position: right top;
background-repeat: no-repeat;
}
.about-section .image-column {
position: relative;
margin-bottom: 40px;
}
.about-section .image-column .color-layer {
position: absolute;
left: -55px;
top: -55px;
width: 460px;
height: 570px;
z-index: -1;
background-color: #ebebeb;
}
.about-section .image-column .inner-column {
position: relative;
padding-right: 45px;
}
.about-section .image-column .inner-column .image {
position: relative;
z-index: 1;
}
.about-section .image-column .inner-column .image img {
position: relative;
width: 100%;
display: block;
z-index: 10;
clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 90%);
}
.about-section .image-column .inner-column .color-layer-two {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
height: 104%;
width: 100%;
z-index: 1;
background-color: #ffffff;
clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 90%);
}
.about-section .image-column .inner-column .color-layer-three {
position: absolute;
left: 0px;
top: 0px;
height: 108%;
width: 100%;
background-color: #0c173d!important;
clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 90%);
}
.about-section .image-column .title {
position: absolute;
right: -110px;
top: 170px;
color: #e5e5e5;
font-weight: 800;
font-size: 48px;
text-transform: uppercase;
transform: rotate(-90deg);
}
.about-section .image-column .inner-column .experiance {
position: absolute;
right: 0px;
bottom: 250px;
z-index: 11;
padding: 16px 22px 16px;
border-radius: 50px 0px 0px 50px;
background-color: #222222;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-moz-transition: all 600ms ease;
transition: all 600ms ease;
}
.about-section .image-column .inner-column:hover .experiance {
border-radius: 0px 50px 50px 0px;
}
.about-section .image-column .inner-column .experiance .inner {
position: relative;
color: #ffffff;
padding-left: 75px;
text-transform: uppercase;
}
.about-section .image-column .inner-column .experiance .inner .number {
position: absolute;
left: 0px;
top: 13px;
color: #ffffff;
font-size: 48px;
font-weight: 700;
}
.about-section .content-column {
position: relative;
margin-bottom: 40px;
}
.about-section .content-column .inner-column {
position: relative;
padding-left: 10px;
}
.about-section .content-column .sec-title {
margin-bottom: 20px;
}
.about-section .content-column .text {
position: relative;
margin-bottom: 50px;
}
.about-section .content-column .text p {
position: relative;
color: #000000;
font-size: 14px;
line-height: 1.8em;
font-weight: 600;
text-align: justify;
}
.about-section .content-column .text p:last-child {
margin-bottom: 0px;
}
.about-section .content-column .read-more {
position: relative;
font-weight: 800;
color: #222222;
font-size: 18px;
width: 200px;
padding: 8px 24px;
display: inline-block;
background: url(../images/background/pattern-12.png) no-repeat;
}
.about-section .content-column .read-more .plus {
position: relative;
right: -72px;
bottom: -2px;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 14px;
line-height: 40px;
text-align: center;
font-weight: 800;
margin-top: 0px;
display: inline-block;
background-color: #0096ff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.about-section .content-column .read-more:hover .plus {
transform: translateY(-10px);
}
.about-section .content-column .phone {
position: relative;
color: #555555;
font-size: 16.6px;
font-weight: 700;
margin-left: 80px;
}
.about-section .content-column .phone strong {
position: relative;
display: block;
color: #222222;
font-weight: 800;
font-size: 27px;
margin-top: 8px;
}
.about-section .content-column .signature {
position: relative;
margin-top: 40px;
}
.about-section.style-two {
padding-bottom: 0px;
}
.about-section.style-two .content-column .read-more .plus, .about-section.style-two .image-column .inner-column .color-layer-three {
background-color: #0096ff;
}
.direct-section {
padding-bottom: 60px;
padding-top: 60px;
}
.with_offset_frame {
position: relative;
display: inline-block;
z-index: 1;
}
.with_offset_frame:before {
top: -30px;
right: -30px;
border-width: 15px;
}
.with_offset_frame:before {
content: "";
position: absolute;
top: -23px;
right: -30px;
width: 100%;
height: 100%;
border: 10px solid #0096ff;
z-index: -1;
}
.user-name {
color: #0096ff;
font-weight: 800;
font-size: 28px;
line-height: 32px;
text-transform: uppercase;
}
.designation-users {
color: #000;
font-weight: 800;
line-height: 30px;
font-size: 20px;
}
.paddr {
padding-right: 85px;
}
/***
====================================================================
Counter Section Two
====================================================================
***/
.counter-section-two {
position: relative;
overflow: hidden;
z-index: 1;
}
.counter-section-two .inner-container {
position: relative;
padding: 40px 0px 20px 60px;
background-position: right bottom;
background-repeat: no-repeat;
}
.counter-section-two .inner-container:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: -200px;
bottom: 0px;
z-index: -1;
background-color: #222222;
border-radius: 70px 0px 0px 0px;
}
/* Fact Counter */
.fact-counter-three {
position: relative;
}
.fact-counter-three .column {
position: relative;
margin-bottom: 35px;
}
.fact-counter-three .column .inner {
position: relative;
}
.fact-counter-three .column .inner .content {
position: relative;
text-align: center;
}
.fact-counter-three .column .inner .count-outer {
position: relative;
font-weight: 700;
color: #ffffff;
font-size: 48px;
line-height: 1em;
font-weight: 700;
}
.fact-counter-three .column .inner .counter-title {
position: relative;
font-size: 16px;
font-weight: 500;
margin-top: 10px;
color: #ffffff;
padding: 6px 20px;
margin-top: 25px;
display: inline-block;
border: 1px solid rgba(255,255,255,0.50);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.fact-counter-three .column .inner:hover .counter-title {
background-color: #0096ff;
border-color: #0096ff;
}
/***
====================================================================
Service Section Four
====================================================================
***/
.home-contacts {
padding: 45px 0px 45px 0px;
color: #fff;
background: #0096ff;
}
.hme-btn {
margin-top: 5px!important;
margin-bottom: 5px!important;
}
.home-contacts h3 {
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
}
.home-contacts p {
margin-bottom: 0;
}
.inqu-btn {
margin-bottom: 0!important;
}
.service-section-four {
position: relative;
overflow: hidden;
padding: 60px 0px 10px;
}
.service-section-four .owl-dots {
display: none;
}
.service-section-four .owl-nav {
position: absolute;
left: 0px;
top: 50%;
right: 0px;
margin-top: -50px;
}
.service-section-four .owl-nav .owl-prev {
position: absolute;
left: -80px;
font-size: 60px;
color: #000000;
line-height: 1em;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.service-section-four .owl-nav .owl-next {
position: absolute;
right: -80px;
font-size: 60px;
color: #000000;
line-height: 1em;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.service-section-four .owl-nav .owl-prev:hover, .service-section-four .owl-nav .owl-next:hover {
color: #0096ff;
}
.service-section-four .owl-carousel .owl-stage-outer {
overflow: visible;
}
.service-section-four .service-block-four {
opacity: 0;
}
.service-section-four .owl-carousel .owl-stage-outer .owl-item.active .service-block-four {
opacity: 1;
}
.service-block-four {
position: relative;
margin-bottom: 30px;
}
.service-block-four .inner-box {
position: relative;
padding: 0px 20px 0px;
}
.service-block-four .inner-box .image {
position: relative;
background-color: #0096ff;
}
.service-block-four .inner-box .image img {
position: relative;
width: 100%;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
box-shadow: 0px 0px 10px #888;
}
.service-block-four .inner-box:hover .image img {
}
.service-block-four .inner-box .lower-content {
position: relative;
margin-top: 0px;
text-align: center;
}
.service-block-four .inner-box .lower-content:before {
position: absolute;
content: '';
left: -20px;
top: -60px;
right: -20px;
bottom: 30px;
z-index: -1;
height: 107px;
border-radius: 8px;
border: 2px solid #cccccc;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block-four .inner-box:hover .lower-content:before {
border-color: #0096ff;
background-color: #0096ff;
}
.service-block-four .inner-box .lower-content .icon {
position: relative;
width: 80px;
height: 80px;
color: #fe252f;
font-size: 44px;
line-height: 80px;
margin: 0 auto;
text-align: center;
border-radius: 50px;
background-color: #f6f6f6;
box-shadow: 0px 0px 15px rgba(0,0,0,0.20);
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block-four .inner-box:hover .lower-content .icon {
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.service-block-four .inner-box .lower-content h4 {
position: relative;
line-height: 1.4em;
font-weight: 800;
margin-top: 15px;
margin-bottom: 14px;
}
.service-block-four .inner-box .lower-content h4 a {
position: relative;
color: #000;
font-size: 20px;
line-height: 28px;
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;
}
.service-block-four .inner-box:hover .lower-content h4 a, .service-block-four .inner-box:hover .lower-content .text {
color: #ffffff;
}
.service-block-four .inner-box .lower-content .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 22px;
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;
}
.service-block-four .inner-box .lower-content .read-more {
position: relative;
font-weight: 800;
color: #222222;
font-size: 18px;
width: 170px;
padding: 10px 17px;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background: #ffffff url(../images/background/pattern-18.png) no-repeat;
}
.service-block-four .inner-box .lower-content .read-more .plus {
position: relative;
right: -38px;
bottom: -10px;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 14px;
line-height: 40px;
text-align: center;
font-weight: 800;
margin-top: 0px;
display: inline-block;
background-color: #ff262f;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block-four .inner-box .lower-content .read-more:hover .plus {
transform: translateY(-20px);
}
.service-block-four .inner-box:hover .lower-content .read-more {
background-color: #000000;
color: #ffffff;
}
.service-block-four .inner-box:hover .lower-content .read-more .plus {
background-color: #f6f6f6;
color: #0096ff;
}
.service-block-four.style-two .inner-box .lower-content .read-more .plus, .service-block-four.style-two .inner-box .image {
background-color: #0096ff;
}
.service-block-four.style-two .inner-box:hover .lower-content:before {
background-color: #0096ff;
border-color: #0096ff;
}
.service-block-four.style-two .inner-box:hover .lower-content .read-more .plus {
background-color: #ffffff;
color: #222222;
box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
.service-block-four.style-two .inner-box .lower-content .icon {
color: #0096ff;
}
footer {
background: #000;
width: 100%;
padding: 50px 0;
}
.footer_logo img {
margin: 0 auto;
margin-top: 45px;
}
.abt-left {
margin-top: 30px;
}
footer ul li a {
display: block;
color: #FFF;
font-size: 12px;
padding-bottom: 3px;
}
footer h4 {
color: #fff;
font-size: 19px;
font-weight: 600;
padding-bottom: 10px;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
}
.inner_breadcrumb {
width: 100%;
background: #fff;
margin: 0;
padding: 15px 0px 15px 0px;
border-bottom: 1px solid #e5e5e5;
}
.inner_breadcrumb .breadcrumb {
background: 0 0;
border-radius: 0;
border: none;
list-style: none;
padding: 0;
float: left;
display: inline-block;
text-transform: capitalize;
margin: 0;
}
.inner_breadcrumb .breadcrumb li {
font-weight: 600;
text-transform: uppercase;
color: #666;
float: left;
display: inline-block;
line-height: 28px;
}
.inner_breadcrumb .breadcrumb li a {
float: left;
padding: 0;
color: #464646;
letter-spacing: .3px;
}
.inner_breadcrumb .breadcrumb li span {
margin-left: 15px;
margin-right: 7px;
}
.inner_breadcrumb .breadcrumb li i {
margin-right: 9px;
}
.inner_breadcrumb .breadcrumb li.active {
color: #0096ff;
}
.infra-marg {
margin-top: 10px;
padding-left: 40px;
}
.infra-unit {
width: 100%;
display: inline-block;
float: left;
padding: 0em 0;
position: relative;
margin-bottom: 50px;
}
.infra-unitInfo {
position: absolute;
width: 100%!important;
padding: 0px 0px;
background: rgb(255, 255, 255, 0.8);
left: 0;
right: 0;
color: #555;
bottom: 0px;
margin: auto;
text-align: center;
z-index: 3;
font-weight: 600;
text-transform: uppercase;
line-height: 36px;
height: 40px;
}
.bgdark {
padding-top: 60px;
background: #f2f6f9;
padding-bottom: 40px!important;
}
.infra-unitInfo h1 {
font-size: 19px;
font-weight: 600;
line-height: 38px;
}
.input-ftr {
width: 100%;
display: block;
position: relative;
}
.input-ftr input {
background-color: #FFF;
border: 1px solid #808080;
color: #fff;
padding: 8px 15px;
font-size: 14px;
width: 100%;
}
.video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
button.play-video {
background-color: #ffffffb3;
padding: 0;
margin: 0;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 50px;
color: #00000066;
opacity: 0.5;
height: 90px;
width: 90px;
line-height: 1;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
}
footer ol li {
float: left;
margin-right: 7px;
}
footer ol li a {
width: 28px;
height: 28px;
text-align: center;
background: #d1d1d1;
display: block;
border-radius: 50%;
font-size: 14px;
padding-top: 2px;
line-height: 28px;
color: #0096ff;
}
footer ol li a:hover{
color: #000;
}
footer abbr {
color: #fff;
font-size: 13px;
display: inline-block;
width: 100%;
padding-top: 15px;
opacity: 1;
line-height: 1.5;
}
footer abbr span {
display: block;
}
footer abbr a {
color: #fff;
opacity: 1;
}
footer ul li a:hover {
color: #fff;
}
.pro-img{
box-shadow: 0px 0px 10px #888;
margin-bottom: 40px;
}
/***
====================================================================
Service Section Four
====================================================================
***/
.project-section-two {
position: relative;
overflow: hidden;
padding: 100px 0px 80px;
}
.project-section-two .auto-container {
position: relative;
}
.project-section-two .client-thumb-outer {
position: absolute;
left: 10px;
bottom: 60px;
width: 570px;
overflow: hidden;
}
.project-section-two .owl-nav {
display: none;
}
.project-section-two .owl-dots {
position: absolute;
left: 10px;
bottom: 0px;
}
.project-section-two .owl-dots .owl-dot {
position: relative;
width: 10px;
height: 10px;
margin-right: 10px;
display: inline-block;
background-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;
}
.project-section-two .owl-dots .owl-dot.active, .project-section-two .owl-dots .owl-dot:hover {
width: 30px;
background-color: #0096ff;
}
.project-section-two .client-thumb-outer .thumb-item .thumb-box {
z-index: 999;
}
.project-section-two .client-thumb-outer .client-thumbs-carousel {
position: relative;
max-width: 170px;
margin: 0 auto;
text-align: center;
}
.project-section-two .client-thumb-outer .client-thumbs-carousel .owl-stage-outer {
overflow: visible;
}
.project-section-two .client-thumb-outer .thumb-item .thumb-box {
width: 170px;
height: 170px;
cursor: pointer;
margin: 0 auto;
overflow: hidden;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.project-section-two .pattern-layer {
position: absolute;
right: 0px;
top: 0px;
width: 546px;
height: 912px;
background-repeat: no-repeat;
}
.project-block {
position: relative;
}
.project-block .inner-box {
position: relative;
}
.project-block .inner-box .content-column {
position: relative;
}
.project-block .inner-box .content-column .inner-column {
position: relative;
}
.project-block .inner-box .content-column .title {
position: relative;
color: #0096ff;
font-size: 16px;
}
.project-block .inner-box .content-column h4 {
position: relative;
color: #222222;
font-weight: 700;
margin-top: 15px;
line-height: 1.3em;
margin-bottom: 16px;
}
.project-block .inner-box .content-column .text {
position: relative;
color: #555555;
font-weight: 400;
margin-top: 15px;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 35px;
padding-right: 60px;
}
.project-block .inner-box .content-column .read-more {
position: relative;
font-weight: 800;
color: #222222;
font-size: 18px;
width: 190px;
padding: 16px 20px 16px 24px;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background: #ffffff url(../images/background/pattern-18.png) no-repeat;
}
.project-block .inner-box .content-column .read-more .plus {
position: absolute;
right: 0px;
bottom: 0px;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 14px;
line-height: 40px;
text-align: center;
font-weight: 800;
margin-top: 0px;
display: inline-block;
background-color: #ff262f;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.circle-2inside {
width: 275px;
height: 275px;
padding: 85px 55px;
margin-top: -36px;
}
.project-block .inner-box .content-column .read-more:hover .plus {
transform: translateY(-15px);
}
.rts-single-project-one {
background: #FFFFFF;
border-radius: 5px;
margin-bottom: 40px;
}
.rts-single-project-one .thumbnail {
display: block;
overflow: hidden;
border-radius: 0px 0px 0px 0px;
position: relative;
}
.rts-single-project-one .thumbnail img {
border-radius: 5px 5px 0 0;
transition: 1.3s;
transform: scale(1);
width: 100%;
}
.rts-single-project-one .thumbnail:hover img {
transform: scale(1.15);
}
.rts-single-project-one .project-inner {
padding: 20px 0px 15px 0px;
background: #0096ff;
}
.pro-section {
padding-top: 60px;
padding-bottom: 60px;
}
.pro-title {
font-size: 18px;
text-align: center;
margin-bottom: 0px;
color: #fff;
font-weight: 400;
line-height: 25px;
}
.pro-title a {
color: #fff;
}
.prosec-title {
font-size: 32px;
color: #000;
font-weight: 700;
text-align: left;
text-transform: uppercase;
line-height: 40px;
margin-top: 30px;
margin-bottom: 20px;
}
.desc-text3 {
position: relative;
color: #000000;
font-size: 16px;
line-height: 1.8em;
font-weight: 600;
text-align: justify;
}
.serv_title {
color: #000;
font-size: 30px;
font-weight: 600;
text-transform: uppercase;
line-height: 40px;
}
.serv-sort-heading {
font-size: 25px;
color: #000;
font-weight: 500;
line-height: 35px;
margin-top: 7px;
}
/***
====================================================================
Testimonial Section Three
====================================================================
***/
.testimonial-section-three {
position: relative;
padding: 100px 0px 90px;
}
.testimonial-section-three .owl-dots {
display: none;
}
.testimonial-section-three .owl-nav {
position: absolute;
right: 0px;
top: -100px;
}
.testimonial-section-three .owl-nav .owl-prev, .testimonial-section-three .owl-nav .owl-next {
position: relative;
width: 50px;
height: 50px;
color: #0096ff;
font-size: 30px;
text-align: center;
margin-left: 15px;
line-height: 50px;
display: inline-block;
background-color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.testimonial-section-three .owl-nav .owl-prev:hover, .testimonial-section-three .owl-nav .owl-next:hover {
color: #ffffff;
background-color: #222222;
}
.testimonial-section-three .color-layer {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
height: 550px;
z-index: -1;
background-color: #0096ff;
background-position: center center;
background-repeat: no-repeat;
}
.testimonial-section-three .sec-title {
margin-bottom: 50px;
}
.testimonial-section-three .sec-title .separater:before {
background-color: #ffffff;
}
.testimonial-section-three .owl-carousel .owl-stage-outer {
padding-top: 30px;
}
.testimonial-block-three {
position: relative;
}
.testimonial-block-three .inner-box {
position: relative;
padding: 44px 44px;
margin-right: 20px;
border: 2px solid #dddddd;
background-color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.testimonial-block-three .inner-box:hover {
border-color: #222222;
}
.testimonial-block-three .inner-box .quote {
position: absolute;
right: -30px;
top: -30px;
width: 70px;
height: 70px;
color: #555555;
line-height: 68px;
font-size: 30px;
text-align: center;
border: 1px solid #dddddd;
background-color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.testimonial-block-three .inner-box:hover .quote {
color: #ffffff;
border-color: #222222;
background-color: #222222;
}
.testimonial-block-three .inner-box .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
padding-bottom: 25px;
border-bottom: 1px solid #dddddd;
}
.testimonial-block-three .inner-box .author-box {
position: relative;
margin-top: 35px;
}
.testimonial-block-three .inner-box .author-box .box-inner {
position: relative;
min-height: 70px;
padding-top: 24px;
padding-left: 100px;
}
.testimonial-block-three .inner-box .author-box .box-inner .author-image {
position: absolute;
left: 0px;
top: 0px;
width: 70px;
height: 70px;
}
.testimonial-block-three .inner-box .author-box h5 {
position: relative;
color: #222222;
font-size: 20px;
font-weight: 700;
line-height: 1.4em;
}
.testimonial-block-three .inner-box .author-box .designation {
position: relative;
color: #555555;
font-size: 14px;
font-weight: 400;
line-height: 1.4em;
margin-top: 2px;
}
/***
====================================================================
Skill Section
====================================================================
***/
.skills-section {
position: relative;
padding: 100px 0px 60px;
}
.skills-section:before {
position: absolute;
content: '';
right: 0px;
top: 0px;
width: 35%;
height: 100%;
background-color: #ebebeb;
}
.skills-section .skill-column {
position: relative;
margin-bottom: 40px;
}
.skills-section .skill-column .inner-column {
position: relative;
padding-right: 30px;
}
.skills-section .skill-column .sec-title {
margin-bottom: 20px;
}
.skills-section .skill-column .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 16px;
line-height: 1.8em;
margin-bottom: 35px;
}
.skills-section .skill-column .inner-column .read-more {
position: relative;
font-weight: 800;
color: #222222;
font-size: 18px;
width: 190px;
margin-top: 60px;
padding: 16px 20px 16px 24px;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background: #ffffff url(../images/background/pattern-18.png) no-repeat;
}
.skills-section .skill-column .inner-column .read-more .plus-box {
position: absolute;
right: 0px;
bottom: 0px;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 14px;
line-height: 40px;
text-align: center;
font-weight: 800;
margin-top: 0px;
display: inline-block;
background-color: #0096ff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.skills-section .skill-column .inner-column .read-more:hover .plus-box {
transform: translateY(-15px);
}
.skills-section .team-column {
position: relative;
margin-bottom: 40px;
}
.skills-section .team-column .inner-column {
position: relative;
padding-left: 30px;
}
/* Skills Section */
.skills .skill-item {
position: relative;
margin-bottom: 25px;
}
.skills .skill-item:last-child {
margin-bottom: 0px;
}
.skills .skill-item .skill-bar {
position: relative;
width: 100%;
height: 6px;
}
.skills .skill-item .skill-bar .bar-inner {
position: relative;
width: 100%;
height: 6px;
background-color: #cccccc;
}
.skills .skill-item .skill-bar .bar-inner .bar {
position: absolute;
left: 0px;
top: 0px;
height: 6px;
width: 0px;
background-color: #0096ff;
-webkit-transition: all 2000ms ease;
-ms-transition: all 2000ms ease;
-o-transition: all 2000ms ease;
-moz-transition: all 2000ms ease;
transition: all 2000ms ease;
}
.skills .skill-item .skill-bar .bar-inner .bar:before {
position: absolute;
content: '';
right: 0px;
top: -7px;
width: 20px;
height: 20px;
border: 2px solid #ffffff;
background-color: #000000;
}
.skills .skill-item .skill-header {
position: relative;
margin-bottom: 10px;
}
.skills .skill-item .skill-header .skill-title {
position: relative;
}
.skills .skill-item .skill-header .skill-title {
float: left;
color: #222222;
font-size: 16px;
font-weight: 700;
line-height: 1.4em;
text-transform: capitalize;
}
.skills .skill-item .skill-header .skill-percentage {
position: relative;
float: right;
font-weight: 400;
color: #555555;
font-size: 16px;
text-transform: uppercase;
}
.team-block-two {
position: relative;
margin-bottom: 30px;
}
.team-block-two .inner-box {
position: relative;
}
.team-block-two .inner-box .image-box {
position: relative;
overflow: hidden;
margin: 0px;
}
.team-block-two .inner-box .image-box img {
position: relative;
width: 100%;
}
.team-block-two .inner-box .image-box .overlay-box {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0;
color: #ffffff;
text-align: center;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-moz-transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.team-block-two .inner-box .image-box .overlay-box .border-one {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100px;
height: 100px;
border-top: 10px solid #0096ff;
border-left: 10px solid #0096ff;
}
.team-block-two .inner-box .image-box .overlay-box .border-two {
position: absolute;
content: '';
right: 0px;
bottom: 0px;
width: 100px;
height: 100px;
border-right: 10px solid #0096ff;
border-bottom: 10px solid #0096ff;
}
.team-block-two .inner-box .image-box .overlay-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0.80;
background-color: rgba(34,34,34,0.80)
}
.team-block-two .inner-box:hover .overlay-box {
opacity: 1;
-moz-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
visibility: visible;
}
.team-block-two .inner-box .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
padding: 10px 0px;
}
.team-block-two .inner-box .overlay-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.team-block-two .inner-box .image-box .overlay-box h4 {
position: relative;
line-height: 1.3em;
margin-bottom: 6px;
font-weight: 700;
}
.team-block-two .inner-box .image-box .overlay-box h4 a {
position: relative;
color: #ffffff;
}
.team-block-two .inner-box .social-box {
position: relative;
margin-top: 25px;
}
.team-block-two .inner-box .social-box li {
position: relative;
margin: 0px 5px;
display: inline-block;
}
.team-block-two .inner-box .social-box li i {
position: absolute;
left: -50%;
opacity: 0;
bottom: -70px;
color: #000000;
width: 97px;
margin-left: -10px;
padding: 5px 20px;
font-style: normal;
border-radius: 50px;
display: inline-block;
background-color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.team-block-two .inner-box .social-box li:hover i {
bottom: -50px;
opacity: 1;
}
.team-block-two .inner-box .social-box li i:before {
position: absolute;
content: '';
left: 50%;
top: -8px;
margin-left: -6px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 10px solid #ffffff;
}
.team-block-two .inner-box .social-box li a {
position: relative;
width: 40px;
height: 40px;
color: #222222;
font-size: 16px;
line-height: 40px;
text-align: center;
display: inline-block;
background-color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.team-block-two .inner-box .social-box li a:hover {
background-color: #0096ff;
border-radius: 50px;
color: #ffffff;
}
.team-block-two.style-two .inner-box .image-box .overlay-box .border-one, .team-block-two.style-two .inner-box .image-box .overlay-box .border-two {
border-color: #0096ff;
}
.team-block-two.style-two .inner-box .social-box li a:hover {
background-color: #0096ff;
}
.skills-section.style-two {
padding-top: 20px;
}
.skills-section.style-two::before {
display: none;
}
.skills-section.style-two .team-block-two .inner-box .image-box .overlay-box .border-one, .skills-section.style-two .team-block-two .inner-box .image-box .overlay-box .border-two {
border-color: #0096ff;
}
.skills-section.style-two .team-block-two .inner-box .social-box li a:hover, .skills-section.style-two .skill-column .inner-column .read-more .plus-box, .skills-section.style-two .skills .skill-item .skill-bar .bar-inner .bar {
background-color: #0096ff;
}
/***
====================================================================
Quote Section
====================================================================
***/
.quote-section {
position: relative;
z-index: 1;
padding: 50px 0px 0px;
}
.quote-section .map-column {
position: relative;
}
.quote-section .map-column .inner-column {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}
.quote-section .map-column .inner-column .map-boxed iframe {
position: absolute;
right: 0;
top: 0px;
bottom: 0px;
width: 235%;
height: 100%;
left: -100px;
}
.quote-section .form-column {
position: relative;
}
.quote-section .form-column .inner-column {
position: relative;
padding: 45px 45px;
background-color: #ffffff;
box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.quote-section .form-column .title-box {
position: relative;
margin-bottom: 30px;
}
.quote-section .form-column .title-box .title {
position: relative;
color: #111111;
font-size: 16px;
padding-left: 35px;
font-weight: 600;
}
.quote-section .form-column .title-box .title .separater {
position: absolute;
left: 0px;
top: 0px;
width: 14px;
height: 20px;
margin-bottom: 24px !important;
border-left: 2px solid #0096ff;
border-right: 2px solid #0096ff;
}
.quote-section .form-column .title-box .title .separater:before {
position: absolute;
content: '';
left: 4px;
top: -5px;
width: 2px;
height: 20px;
background-color: #0096ff;
}
.quote-section .form-column .title-box h3 {
position: relative;
color: #000000;
font-size: 35px;
font-weight: 700;
line-height: 1.3em;
margin-top: 10px;
margin-bottom: 10px;
text-transform: uppercase;
}
.quote-section .form-column .title-box .text {
position: relative;
color: #000;
font-size: 16px;
line-height: 28px;
}
.vision-sec {
padding-top: 60px;
padding-bottom: 50px!important;
}
/* Quote Form */
.quote-form {
position: relative;
z-index: 1;
}
.quote-form .form-group {
position: relative;
margin-bottom: 25px;
}
.quote-form .form-group input[type="text"], .quote-form .form-group input[type="email"], .quote-form .form-group input[type="file"], .quote-form .form-group input[type="tel"], .quote-form .form-group input[type="url"], .quote-form .form-group textarea, .quote-form .form-group select {
position: relative;
display: block;
width: 100%;
font-size: 14px;
line-height: 20px;
color: #555555;
font-weight: 400;
padding: 14px 22px;
border-radius: 0px;
z-index: 1;
height: 50px;
border: 1px solid #cccccc;
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;
}
.c-form {
padding-top: 12px;
}
.quote-form .form-group input:focus, .quote-form .form-group select:focus, .quote-form .form-group textarea:focus {
border-color: #0096ff;
}
.quote-form .form-group textarea {
height: 150px;
resize: none;
border-radius: 0px;
}
.quote-form .form-group input[type="submit"], .quote-form button {
}
/***
====================================================================
Clients Section Three
====================================================================
***/
.clients-section-three {
position: relative;
padding: 240px 0px 60px;
}
.clients-section-three.style-two {
padding-top: 110px;
}
.clients-section-three.margin-top {
margin-top: -130px;
}
.clients-section-three .title-column {
position: relative;
margin-bottom: 30px;
}
.clients-section-three .title-column .inner-column {
position: relative;
}
.clients-section-three .title-column .title-box {
position: relative;
margin-bottom: 30px;
}
.clients-section-three .title-column .title-box .title {
position: relative;
color: #111111;
font-size: 16px;
padding-left: 35px;
font-weight: 600;
}
.clients-section-three .title-column .title-box .title .separater {
position: absolute;
left: 0px;
top: 0px;
width: 14px;
height: 20px;
margin-bottom: 24px !important;
border-left: 2px solid #0096ff;
border-right: 2px solid #0096ff;
}
.clients-section-three .title-column .title-box .title .separater:before {
position: absolute;
content: '';
left: 4px;
top: -5px;
width: 2px;
height: 20px;
background-color: #0096ff;
}
.clients-section-three .title-column .title-box h3 {
position: relative;
color: #111111;
font-size: 36px;
font-weight: 700;
line-height: 1.3em;
margin-top: 17px;
margin-bottom: 15px;
}
.clients-section-three .title-column .title-box .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
}
.clients-section-three .title-column .read-more {
position: relative;
font-weight: 800;
color: #ffffff;
font-size: 18px;
width: 190px;
margin-top: 0px;
padding: 16px 20px 16px 24px;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background: #000000 url(../images/background/pattern-5.png) no-repeat;
background-size: cover;
}
.clients-section-three .title-column .read-more .plus-box {
position: absolute;
right: -20px;
bottom: 0px;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 14px;
line-height: 40px;
text-align: center;
font-weight: 800;
margin-top: 0px;
display: inline-block;
background-color: #0096ff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.clients-section-three .title-column .read-more:hover .plus-box {
transform: translateY(-15px);
}
.clients-section-three .clients-column {
position: relative;
margin-bottom: 30px;
}
.clients-section-three .clients-column .inner-column {
position: relative;
}
.clients-section-three .clients-column .client-box {
position: relative;
margin-bottom: 30px;
}
.clients-section-three .clients-column .client-box .image {
position: relative;
padding: 0px;
text-align: center;
background-color: #ffffff;
}
.clients-section-three .clients-column .client-box .image img {
position: relative;
opacity: 0.5;
filter: grayscale(100%);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.clients-section-three .clients-column .client-box .image:hover img {
position: relative;
opacity: 1;
filter: grayscale(0%);
box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.clients-section-three.style-two .title-column .read-more .plus-box, .clients-section-three.style-two .title-column .title-box .title .separater:before {
background-color: #0096ff;
}
/* Main Slider Four */
.main-slider-four {
position: relative;
overflow: hidden;
padding-top: 250px;
padding-bottom: 80px;
background-repeat: no-repeat;
background-size: cover;
}
.main-slider-four .owl-nav {
display: none;
}
.main-slider-four .owl-dots {
position: absolute;
left: 50%;
width: 100%;
bottom: 60px;
max-width: 1170px;
margin-left: -585px;
}
.main-slider-four .owl-dots .owl-dot {
position: relative;
width: 8px;
height: 8px;
margin-right: 15px;
display: inline-block;
background-color: #0096ff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.main-slider-four .owl-dots .owl-dot:hover, .main-slider-four .owl-dots .owl-dot.active {
background-color: #9e0b0f;
}
.main-slider-four:before {
position: absolute;
content: '';
right: 0px;
top: 0px;
border-bottom: 1200px solid #9e0b0f;
border-left: 550px solid transparent;
}
.main-slider-four .slide {
position: relative;
overflow: hidden;
}
.main-slider-four .content-column {
position: relative;
}
.main-slider-four .content-column .inner-column {
position: relative;
padding-top: 140px;
}
.main-slider-four .content-column .title {
position: relative;
color: #111111;
font-size: 16px;
line-height: 1.4em;
font-family: 'Open Sans', sans-serif;
}
.main-slider-four .content-column h1 {
position: relative;
color: #222222;
font-weight: 700;
line-height: 1.1em;
margin: 20px 0px 25px;
}
.main-slider-four .content-column .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 30px;
font-family: 'Open Sans', sans-serif;
}
.main-slider-four .content-column .read-more {
position: relative;
font-weight: 600;
color: #ffffff;
font-size: 16px;
width: 190px;
margin-top: 0px;
padding: 16px 20px 16px 24px;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background: #9d0b0f;
background-size: cover;
}
.main-slider-four .content-column .read-more .plus-box {
position: absolute;
right: -20px;
bottom: 0px;
width: 40px;
height: 40px;
color: #222222;
font-size: 14px;
line-height: 40px;
text-align: center;
font-weight: 800;
margin-top: 0px;
display: inline-block;
background-color: #fcb62f;
-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-slider-four .content-column .read-more:hover .plus-box {
transform: translateY(-15px);
}
.main-slider-four .image-column {
position: relative;
}
.main-slider-four .image-column .inner-column {
position: relative;
}
.main-slider-four .image-column .inner-column .image {
position: relative;
}
.main-slider-four .image-column .inner-column .image img {
position: relative;
max-width: inherit;
width: auto;
border: 8px solid #ffffff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
.main-slider-four .image-column .text {
position: relative;
color: #222222;
font-size: 16px;
margin-top: 50px;
font-weight: 600;
}
.main-slider-four .image-column .text a {
position: relative;
color: #9e0b0f;
}
/***
====================================================================
Newsletter Section
====================================================================
***/
.newsletter-section {
position: relative;
z-index: 1;
}
.newsletter-section .info-column {
position: relative;
margin-bottom: 30px;
}
.newsletter-section .info-column .inner-column {
position: relative;
border-radius: 10px;
padding: 125px 55px 40px;
background-color: #9e0b0f;
}
.newsletter-section .info-column .side-icon {
position: absolute;
right: -60px;
top: 65px;
width: 120px;
height: 120px;
z-index: 1;
line-height: 120px;
text-align: center;
border-radius: 50%;
display: inline-block;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
.newsletter-section .info-column .inner-column .icon-one {
position: absolute;
left: -20px;
top: -20px;
z-index: 1;
}
.newsletter-section .info-column .inner-column .icon-two {
position: absolute;
right: 70px;
top: 5px;
z-index: 1;
}
.newsletter-section .info-column .content {
position: relative;
margin-top: 10px;
}
.newsletter-section .info-column .content .content-inner {
position: relative;
padding-left: 75px;
color: #ffffff;
font-size: 20px;
font-weight: 400;
line-height: 1.7em;
}
.newsletter-section .info-column .content .content-inner .icon {
position: absolute;
left: 0px;
top: 5px;
}
.newsletter-section .info-column .content a {
position: relative;
font-weight: 800;
font-size: 30px;
color: #ffffff;
}
.newsletter-section .newsletter-column {
position: relative;
margin-bottom: 30px;
}
.newsletter-section .newsletter-column .inner-column {
position: relative;
border-radius: 10px;
padding: 45px 95px 40px;
background-color: #fcb62f;
}
.newsletter-section .newsletter-column h3 {
position: relative;
color: #222222;
font-weight: 800;
font-size: 30px;
line-height: 1.3em;
}
.newsletter-section .newsletter-column .text {
position: relative;
color: #222222;
font-weight: 400;
font-size: 16px;
line-height: 1.7em;
margin-top: 6px;
margin-bottom: 20px;
}
.newsletter-section .newsletter-column .side-icon {
position: absolute;
right: -10px;
bottom: -20px;
z-index: 1;
}
.newsletter-form-two .form-group {
position: relative;
display: block;
max-width: 650px;
margin: 0 auto;
width: 100%;
margin-bottom: 20px;
}
.newsletter-form-two .form-group input[type="text"], .newsletter-form-two .form-group input[type="tel"], .newsletter-form-two .form-group input[type="email"], .newsletter-form-two .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 20px;
height: 60px;
font-size: 16px;
color: #222222;
overflow: hidden;
border-radius: 50px;
font-weight: 600;
padding: 10px 50px 10px 30px;
background: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
border: 2px solid rgba(34,34,34,0.50);
}
.newsletter-form-two .form-group input[type="submit"], .newsletter-form-two button {
position: absolute;
right: 0px;
top: 0px;
width: 60px;
height: 60px;
line-height: 60px;
color: #ffffff;
font-size: 26px;
font-weight: 600;
text-align: center;
background: #222222;
border-radius: 50px;
text-transform: capitalize;
}
/***
====================================================================
Process Section
====================================================================
***/
.process-section {
position: relative;
padding: 220px 0px 90px;
}
.process-section.margin-top {
margin-top: -160px;
}
.process-block {
position: relative;
margin-bottom: 30px;
}
.process-block .inner-box {
position: relative;
text-align: center;
padding: 0px 25px;
}
.process-block .inner-box:before {
position: absolute;
width: 45px;
height: 27px;
content: '';
right: -40px;
top: 80px;
background: url(../images/icons/arrows.png) no-repeat;
}
.process-block:last-child .inner-box::before {
display: none;
}
.process-block .inner-box .icon {
position: relative;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.process-block .inner-box:hover .icon {
transform: rotateY(360deg);
}
.process-block .inner-box .lower-box {
position: relative;
padding: 20px 15px;
border-radius: 10px;
margin-top: 20px;
border: 2px solid #dddddd;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.process-block .inner-box:hover .lower-box {
border-color: #9e0b0f;
background-color: #9e0b0f;
}
.process-block .inner-box .lower-box h4 {
position: relative;
line-height: 1.5em;
color: #222222;
font-weight: 800;
margin-bottom: 15px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.process-block .inner-box:hover .lower-box h4 {
color: #ffffff;
}
.process-block .inner-box .lower-box .number {
position: absolute;
left: 50%;
width: 40px;
height: 40px;
bottom: -20px;
color: #9e0b0f;
line-height: 40px;
font-weight: 800;
font-size: 20px;
margin-left: -20px;
text-align: center;
border-radius: 50%;
display: inline-block;
background-color: #fcbd43;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
/***
====================================================================
Skill Section Two
====================================================================
***/
.skills-section-two {
position: relative;
padding: 100px 0px 60px;
}
.skills-section-two .pattern-layer {
position: absolute;
left: 0px;
top: 130px;
width: 787px;
height: 858px;
background-repeat: no-repeat;
}
.skills-section-two .image-column {
position: relative;
}
.skills-section-two .image-column .inner-column {
position: relative;
width: 640px;
height: 640px;
border-radius: 50%;
margin-left: -60px;
background-color: #ffffff;
padding: 70px 70px 70px 85px;
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.10);
}
.skills-section-two .image-column .circle-one {
position: absolute;
left: -10px;
bottom: -10px;
z-index: -1;
width: 480px;
height: 480px;
border-radius: 50%;
background-color: #9e0b0f;
}
.skills-section-two .image-column .circle-two {
position: absolute;
left: -22px;
bottom: -22px;
z-index: -2;
width: 500px;
height: 500px;
border-radius: 50%;
background-color: #fcb62f;
}
.skills-section-two .image-column .circle-three {
position: absolute;
left: 0px;
top: 180px;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #222222;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.skills-section-two .image-column:hover .circle-three {
transform: scale(2);
opacity: 0;
transition-delay: 600ms;
}
.skills-section-two .image-column .circle-four {
position: absolute;
right: 90px;
top: 40px;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #fcbd43;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.skills-section-two .image-column:hover .circle-four {
transform: scale(2);
opacity: 0;
transition-delay: 300ms;
}
.skills-section-two .image-column .circle-five {
position: absolute;
right: 40px;
top: 10px;
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #9e0b0f;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.skills-section-two .image-column:hover .circle-five {
transform: scale(3);
opacity: 0;
}
.skills-section-two .image-column .image {
position: relative;
z-index: 1;
}
.skills-section-two .image-column .image img {
position: relative;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
border-radius: 50%;
}
.skills-section-two .skill-column {
position: relative;
}
.skills-section-two .skill-column .inner-column {
position: relative;
padding-left: 40px;
}
.skills-section-two .skill-column .sec-title {
margin-bottom: 35px;
}
.skills-section-two .skill-column .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 2em;
margin-bottom: 35px;
}
.skills-section-two .skill-column .read-more {
position: relative;
font-weight: 800;
color: #222222;
font-size: 18px;
width: 190px;
margin-top: 60px;
padding: 16px 20px 16px 24px;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background: #ffffff url(../images/background/pattern-18.png) no-repeat;
}
.skills-section-two .skill-column .read-more .plus-box {
position: absolute;
right: 0px;
bottom: 0px;
width: 40px;
height: 40px;
color: #222222;
font-size: 14px;
line-height: 40px;
text-align: center;
font-weight: 800;
margin-top: 0px;
display: inline-block;
background-color: #fcb62f;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.skills-section-two .skill-column .read-more:hover .plus-box {
transform: translateY(-15px);
}
/***
====================================================================
Gallery Section Three
====================================================================
***/
.gallery-section-three {
position: relative;
padding: 100px 0px 100px;
}
.gallery-section-three .outer-container {
position: relative;
padding: 0px 30px;
}
.gallery-section-three .owl-dots {
display: none;
}
.gallery-section-three .owl-nav {
position: absolute;
right: 5px;
top: -90px;
}
.gallery-section-three .owl-nav .owl-prev, .gallery-section-three .owl-nav .owl-next {
position: relative;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 26px;
line-height: 50px;
text-align: center;
border-radius: 0px;
margin-left: 12px;
display: inline-block;
background-color: #fcb62f;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.gallery-section-three .owl-nav .owl-prev:hover, .gallery-section-three .owl-nav .owl-next:hover {
background-color: #9e0b0f;
}
.gallery-section-three .lower-text {
position: relative;
text-align: center;
margin-top: 25px;
}
.gallery-section-three .lower-text .text {
position: relative;
color: #505050;
font-size: 16px;
font-weight: 600;
padding: 18px 40px;
border-radius: 50px;
display: inline-block;
border: 1px solid #acacac;
}
.gallery-section-three .lower-text .text a {
position: relative;
font-weight: 700;
color: #9e0b0f;
text-decoration: underline;
}
.gallery-block-three {
position: relative;
margin-bottom: 30px;
}
.gallery-block-three .inner-box {
position: relative;
}
.gallery-block-three .inner-box .image {
position: relative;
}
.gallery-block-three .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.gallery-block-three .inner-box .image .tag {
position: absolute;
left: 20px;
top: 20px;
color: #ffffff;
font-size: 10px;
font-weight: 600;
padding: 4px 12px;
letter-spacing: 1px;
display: inline-block;
text-transform: uppercase;
background-color: #0096ff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.gallery-block-three .inner-box:hover .image .tag {
}
.gallery-block-three .inner-box .image .overlay-box {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.gallery-block-three .inner-box .image .overlay-box .content .pattern-layer {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
background: url(../images/background/pattern-23.png) right top no-repeat;
}
.gallery-block-three .inner-box:hover .overlay-box {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.gallery-block-three .inner-box .image .overlay-box .content:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
opacity: 0.80;
background-color: #9e0b0f;
}
.gallery-block-three .inner-box .search-icon {
position: absolute;
right: -20px;
bottom: -20px;
width: 70px;
height: 70px;
color: #9e0b0f;
z-index: 2;
font-weight: 600;
font-size: 20px;
text-align: center;
line-height: 70px;
border-radius: 0px;
display: inline-block;
background-color: #fcb62f;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.gallery-block-three .inner-box:hover .search-icon {
background-color: #0096ff;
color: #ffffff;
}
.gallery-block-three .inner-box .image .overlay-box .content {
position: absolute;
left: 0px;
bottom: 0px;
right: 0px;
z-index: 1;
padding: 35px 40px;
}
.gallery-block-three .inner-box .image .overlay-box .content h4 {
position: relative;
line-height: 1.3em;
font-weight: 700;
z-index: 1;
margin-bottom: 16px;
}
.gallery-block-three .inner-box .image .overlay-box .content h4 a {
position: relative;
color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.gallery-block-three .inner-box .image .overlay-box .content h4 a:hover {
color: #0096ff;
}
.gallery-block-three .inner-box .image .overlay-box .content .category {
position: relative;
margin-bottom: 8px;
color: #ffffff;
font-size: 16px;
font-weight: 400;
z-index: 1;
}
.gallery-block-three .inner-box .image .overlay-box .content .read-more {
position: relative;
color: #ffffff;
z-index: 1;
padding: 8px 20px;
background-color: #0096ff;
}
/***
====================================================================
Faq Section
====================================================================
***/
.faq-section {
position: relative;
padding: 100px 0px 100px;
}
.faq-section .pattern-layer {
position: absolute;
left: 0px;
top: 0px;
width: 927px;
height: 683px;
background-repeat: no-repeat;
}
.faq-section .accordian-column {
position: relative;
}
.faq-section .accordian-column .inner-column {
position: relative;
}
.accordion-box {
position: relative;
}
.accordion-box .block {
position: relative;
margin-bottom: 10px;
border-radius: 0px;
border: 1px solid #e1e1e1;
background-color: #ffffff;
}
.accordion-box .block.active-block {
border-color: #0096ff;
box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
}
.accordion-box .block .acc-btn {
position: relative;
font-size: 18px;
line-height: 35px;
color: #222222;
line-height: 30px;
font-weight: 700;
cursor: pointer;
padding: 15px 25px;
padding-right: 45px;
margin-bottom: 0px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.accordion-box .block .acc-btn.active {
color: #0096ff;
margin-bottom: 0px;
}
.accordion-box .block .icon {
position: absolute;
right: 10px;
top: 12px;
height: 35px;
width: 35px;
font-size: 20px;
line-height: 35px;
color: #0c173d !important;
text-align: center;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.accordion-box .block .acc-btn.active .icon {
color: #222222 !important;
transform: rotate(180deg);
}
.accordion-box .block .acc-content {
position: relative;
display: none;
}
.accordion-box .block .content {
position: relative;
padding: 0px 30px 25px;
}
.accordion-box .block .acc-content.current {
display: block;
}
.accordion-box .block .content .text {
display: block;
color: #000000;
font-size: 15px;
line-height: 1.8em;
font-weight: 600;
text-align: justify;
}
.faq-section .image-column {
position: relative;
}
.faq-section .image-column .inner-column {
position: relative;
margin-right: -270px;
}
.faq-section .image-column .image {
position: relative;
}
.prod-des {
padding: 0px 0px 20px 0px;
}
.prod-des {
width: 100%;
margin: 0em auto;
}
.no-bm {
margin-bottom: 0!important;
}
.about-tmt {
width: 100%;
float: left;
display: table;
margin: 0em 0;
}
.tmt-info {
width: 50%;
display: table-cell;
vertical-align: middle;
}
.image-caption-wrapper {
position: absolute;
top: 80%;
bottom: 50%;
left: -20px;
width: 25px;
z-index: 1;
}
.image-caption-wrapper .image-caption-inner {
position: absolute;
bottom: 0;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
transform: rotate(-90deg);
transform-origin: bottom left;
}
.image-caption-wrapper .image-caption-inner .image-caption {
font-size: 10px;
letter-spacing: 1px;
line-height: 1;
color: #000000;
text-transform: uppercase;
white-space: nowrap;
}
.image-caption-wrapper .image-caption-inner .image-caption span {
color: #e31019;
}
.prod-des h4 {
color: #b22d30;
font-size: 2rem;
}
.tmt-img {
width: 40%;
display: table-cell;
}
.tmt-img img {
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.logowidth {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.logotitle {
font-size: 18px;
font-weight: 700;
color: #0096ff;
text-align: center;
text-transform: capitalize;
}
.tmt-infotext {
width: 70%;
margin: 0 auto;
position: relative;
}
.cmt-processbox-wrapper {
display: flex;
position: relative;
margin-top: 17px;
}
.cmt-processbox {
margin: 25px 0;
position: relative;
text-align: center;
padding: 0 15px;
transition: all .5s ease;
}
.cmt-processbox .cmt-box-icon {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: auto;
}
.cmt-processbox .cmt-process-icon {
position: relative;
height: 156px;
width: 150px;
text-align: center;
margin: 0 auto;
transition: .5s all ease;
}
.bg-base-white {
background-color: #eae9e9;
}
.cmt-processbox .cmt-process-icon:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
top: 0;
left: 0;
z-index: 0;
background-color: #0096ff;
}
.cmt-processbox .cmt-process-icon:after {
content: '';
position: absolute;
width: 10px;
height: 10px;
bottom: 0;
right: 0;
z-index: 0;
background-color: #0096ff;
}
.cmt-processbox .cmt-icon {
line-height: 1;
margin-bottom: 0;
margin-top: 80px;
}
.cmt-icon {
margin-bottom: 25px;
display: inline-block;
vertical-align: middle;
text-align: center;
border: 1px solid transparent;
position: relative;
transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
box-sizing: content-box;
position: relative;
}
.cmt-processbox .cmt-box-icon i {
position: relative;
z-index: 3;
font-size: 60px;
line-height: 1;
padding-top: 10px;
color: #0096ff;
}
.cmt-icon i {
display: inline-block;
vertical-align: middle;
line-height: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: all 0.3s ease 0s;
}
.cmt-processbox .number {
margin: 0 auto -30px;
font-size: 20px;
font-weight: 600;
transition: all .6s;
width: 54px;
height: 54px;
line-height: 54px;
color: #01162c;
border-radius: 50%;
text-align: center;
z-index: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
transform: translateY(-50%);
background-color: #fff;
border: 1px dashed #e7e7e7;
display: inline-block;
vertical-align: top;
}
.cmt-processbox .featured-content {
margin-top: 25px;
}
.cmt-processbox .featured-title h3 {
font-size: 20px;
line-height: 26px;
margin-bottom: 10px;
color: #0096ff;
font-weight: 700;
}
.featured-desc {
font-size: 14px;
font-weight: 600;
color: #000;
}
.cmt-processbox .featured-content p {
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.cmt-processbox.active .cmt-box-icon i, .cmt-processbox:hover .cmt-box-icon i {
color: #fff;
}
.cmt-processbox .cmt-process-icon:after {
content: '';
position: absolute;
width: 10px;
height: 10px;
bottom: 0;
right: 0;
z-index: 0;
background-color: #0096ff;
}
.cmt-processbox .cmt-process-icon:before, .cmt-processbox .cmt-process-icon:after {
position: absolute;
content: '';
transition: .5s all ease;
opacity: 1;
}
.cmt-processbox .cmt-process-icon {
position: relative;
height: 156px;
width: 150px;
text-align: center;
margin: 0 auto;
transition: .5s all ease;
}
.cmt-processbox:hover {
transform: translateY(-10px);
}
.cmt-processbox.active .cmt-process-icon:before, .cmt-processbox.active .cmt-process-icon:after, .cmt-processbox:hover .cmt-process-icon:before, .cmt-processbox:hover .cmt-process-icon:after {
width: 100%;
height: 100%;
}
.rts-section-gap {
padding: 192px 0px 75px 0px;
}
.rts-company-storyhear .timeline ul {
background: #fff;
padding: 0 0;
margin: 0;
}
.rts-company-storyhear .timeline ul li.item {
position: relative;
}
.rts-company-storyhear .timeline ul li {
list-style-type: none;
position: relative;
width: 1px;
margin: 0 auto;
padding-top: 137px;
background: #E4E4E4;
}
.rts-company-storyhear .timeline ul li.in-view div {
transform: none;
visibility: visible;
opacity: 1;
background: transparent;
}
.rts-company-storyhear .timeline ul li:nth-child(odd) div {
left: -560px;
}
.rts-company-storyhear .timeline ul li div {
position: relative;
bottom: 0;
width: 400px;
padding: 15px;
}
.rts-company-storyhear .timeline ul li:nth-child(odd) div::before {
right: -161px;
border-width: 1px 73px 1px 0;
border-color: #E4E4E4;
}
.rts-company-storyhear .timeline ul li div::before {
content: "";
position: absolute;
bottom: 80px;
width: 0;
height: 0;
border-style: solid;
}
.rts-company-storyhear .timeline .line2 div::before {
bottom: 105px;
}
.rts-company-storyhear .timeline .line3 div::before {
bottom: 186px;
}
.rts-company-storyhear .timeline .line4 div::before {
bottom: 245px;
}
.rts-company-storyhear .timeline section {
position: relative;
text-align: right;
}
.rts-company-storyhear .timeline .ico_img {
position: absolute;
right: -103px;
top: 0;
height: 80px;
width: 80px;
padding: 17px;
background: transparent;
border: 1px solid #E4E4E4;
box-shadow: 0px 5px 37px rgb(84 84 84 / 18%);
}
.rts-company-storyhear .timeline ul li .time {
display: block;
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 8px;
color: var(--color-primary);
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #FF6600;
font-family: var(--font-primary);
}
.rts-company-storyhear .timeline ul li:nth-child(even) div section {
text-align: left;
}
.rts-company-storyhear .timeline ul li.item img {
position: absolute;
}
.rts-company-storyhear .timeline section img {
position: absolute;
bottom: 100%;
left: -103px;
}
.rts-company-storyhear .timeline ul li:nth-child(even) div section svg {
right: auto;
left: -102px;
}
.rts-company-storyhear .timeline ul li:nth-child(odd) div::before {
right: -161px;
border-width: 1px 73px 1px 0;
border-color: #E4E4E4;
}
.rts-company-storyhear .timeline ul li:nth-child(odd) div section img {
left: auto;
right: -103px;
}
.rts-company-storyhear .timeline ul li:nth-child(even) div::before {
left: -163px;
border-width: 1px 75px 1px 0;
border-color: #E4E4E4;
}
.mb--30 {
margin-bottom: 30px !important;
}
.rts-company-storyhear .timeline ul li:nth-child(even) div {
left: 165px;
}
.timeline-text {
position: relative;
color: #000000;
font-size: 15px;
line-height: 28px;
font-weight: 600;
}
.sec-7 {
padding: 0px 0px 50px 0px;
}
.sec-7 p {
line-height: 26px;
color: #444;
margin-bottom: 26px;
margin-top: 10px;
}
.why-box .why-icon {
float: left;
width: 80px;
}
.why-box .why-detail {
margin-left: 94px;
}
.why-box .why-detail h4 {
color: #000;
margin-bottom: 0px;
font-size: 19px;
font-weight: 700;
}
.why-box .why-detail p {
line-height: 24px;
color: #000000;
margin-bottom: 30px;
font-size: 14px;
font-weight: 600;
margin-top: 6px;
}
.bordbtm {
border-bottom: none!important;
}
.why-box {
height: 190px;
margin-top: 40px;
}
.why-box2 {
border-right: 2px solid #dbdbdb;
border-bottom: 2px solid #dbdbdb;
}
.brd-l {
border-right: none;
}
.csr-area {
padding-top: 70px;
padding-bottom: 70px;
}
.large-content {
padding-top: 0;
height: 670px;
position: relative;
margin-bottom: 8px;
}
.large-content__bg {
background-color: #bebfc6;
z-index: 1;
height: 670px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.large-content--right .large-content__media {
right: auto;
left: 0;
}
.large-content__media {
position: absolute;
right: 0;
top: 0;
height: 670px;
width: calc((85vw - 30px) * .625);
z-index: 2;
}
.large-content__media {
background-size: cover;
background-position: 50%;
}
.large-content__section {
height: 632px;
padding-top: 0px;
}
.large-content__section {
position: relative;
z-index: 3;
}
.row > .col-medium-offset-8-16, .article__container > .col-medium-offset-8-16 {
margin-left: 50%;
}
.large-content__info {
height: auto;
padding: 36px 57px 40px;
}
.large-content__info {
background-color: #fff;
}
.large-content__title {
padding-bottom: 40px;
font-size: 24px;
}
.large-content__describe {
color: #000000;
font-size: 15px;
font-weight: 600;
line-height: 28px;
text-align: justify;
}
.no-padding {
padding: 0px;
}
td {
padding: 10px 10px !important;
color: #000000;
border: 1px solid #ddd;
font-weight: 700;
font-size: 14px;
text-align: center;
}
.pro-table {
background: #bab5b5;
color: #000;
}
.line2{
margin-top: 30px;
margin-bottom: 60px;
}
/***
====================================================================
Quote Section Two
====================================================================
***/
.quote-section-two {
position: relative;
z-index: 1;
overflow: hidden;
padding: 100px 0px 60px;
background-size: cover;
background-position: 300px;
background-repeat: no-repeat;
}
.quote-section-two .color-layer {
position: absolute;
left: 0px;
top: 0px;
width: 750px;
height: 160%;
z-index: 2;
margin-left: -100px;
background-color: #9e0b0f;
-ms-transform: skewX(25deg);
transform: skewX(25deg);
}
.quote-section-two .color-layer-two {
position: absolute;
left: 0px;
top: 0px;
width: 770px;
height: 160%;
z-index: 1;
margin-left: -100px;
background-color: #f5b63c;
-ms-transform: skewX(25deg);
transform: skewX(25deg);
}
.quote-section-two .patttern-layer {
position: absolute;
right: 0px;
left: 0px;
top: 0px;
height: 100px;
background: #ffffff url(../images/background/pattern-25.png);
background-repeat: repeat-x;
}
.quote-section-two .form-column {
position: relative;
z-index: 2;
margin-bottom: 40px;
}
.quote-section-two .form-column .inner-column {
position: relative;
padding: 45px 45px;
background-color: #ffffff;
box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.quote-section-two .form-column .title-box {
position: relative;
margin-bottom: 30px;
}
.quote-section-two .form-column .title-box .title {
position: relative;
color: #111111;
font-size: 16px;
padding-left: 35px;
font-weight: 600;
}
.quote-section-two .form-column .title-box .title .separater {
position: absolute;
left: 0px;
top: 0px;
width: 14px;
height: 20px;
margin-bottom: 24px !important;
border-left: 2px solid #9e0b0f;
border-right: 2px solid #9e0b0f;
}
.quote-section-two .form-column .title-box .title .separater:before {
position: absolute;
content: '';
left: 4px;
top: -5px;
width: 2px;
height: 20px;
background-color: #fcbd43;
}
.quote-section-two .form-column .title-box h3 {
position: relative;
color: #111111;
font-size: 36px;
font-weight: 700;
line-height: 1.3em;
margin-top: 17px;
margin-bottom: 15px;
}
.quote-section-two .form-column .title-box .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
}
.quote-section-two .content-column {
position: relative;
}
.quote-section-two .content-column .inner-column {
position: relative;
padding-top: 230px;
padding-left: 60px;
}
.quote-section-two .content-column .video-box {
position: relative;
width: 100px;
height: 100px;
color: #222222;
z-index: 10;
font-size: 30px;
text-align: center;
line-height: 100px;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: #fcb62f;
border-radius: 50px 50px 0px 50px;
}
.quote-section-two .content-column .video-box .overlay-box span {
position: absolute;
width: 100px;
height: 100px;
left: 50%;
top: 50%;
z-index: 99;
color: #0096ff;
font-weight: 400;
font-size: 16px;
text-align: center;
border-radius: 10px;
padding-left: 15px;
display: inline-block;
margin-top: -50px;
margin-left: -50px;
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;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.quote-section-two .content-column .video-box .ripple, .quote-section-two .content-column .video-box .ripple:before, .quote-section-two .content-column .video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin-left: .5px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50px 50px 0px 50px;
-moz-border-radius: 50px 50px 0px 50px;
-ms-border-radius: 50px 50px 0px 50px;
-o-border-radius: 50px 50px 0px 50px;
border-radius: 50px 50px 0px 50px;
-webkit-box-shadow: 0 0 0 0 rgba(252, 182, 47, .4);
-moz-box-shadow: 0 0 0 0 rgba(252, 182, 47, .4);
-ms-box-shadow: 0 0 0 0 rgba(252, 182, 47, .4);
-o-box-shadow: 0 0 0 0 rgba(252, 182, 47, .4);
box-shadow: 0 0 0 0 rgba(252, 182, 47, .4);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.quote-section-two .content-column .video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.quote-section-two .content-column .video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.quote-section-two .content-column .title {
position: relative;
color: #111111;
font-size: 16px;
padding-left: 35px;
font-weight: 600;
margin-top: 40px;
}
.quote-section-two .content-column .title .separater {
position: absolute;
left: 0px;
top: 0px;
width: 14px;
height: 20px;
margin-bottom: 24px !important;
border-left: 2px solid #9e0b0f;
border-right: 2px solid #9e0b0f;
}
.quote-section-two .content-column .title .separater:before {
position: absolute;
content: '';
left: 4px;
top: -5px;
width: 2px;
height: 20px;
background-color: #fcbd43;
}
.quote-section-two .content-column h3 {
position: relative;
color: #9e0b0f;
font-size: 36px;
font-weight: 700;
line-height: 1.3em;
margin-top: 17px;
margin-bottom: 15px;
}
.quote-section-two .content-column .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
max-width: 300px;
}
.padl-50{
padding-left: 50px;
}
/***
====================================================================
Page Title
====================================================================
***/
.strength-text ul {
padding: 0;
}
.strength-text ul li {
padding: 10px 0;
font-size: 16px;
font-weight: 600;
color: #000;
}
.strength-text ul li span {
font-weight: 600;
color: #0096ff;
font-size: 16px;
letter-spacing: 0;
}
.vm-section {
padding-top: 60px;
padding-bottom: 50px;
}
.vision-section-bg {
background: #0096ff;
padding: 50px 0px 40px 0px;
}
.visiontext {
color: #fff;
font-size: 16px;
font-weight: 300;
line-height: 28px;
}
.wd-info-box {
position: relative;
display: flex;
}
.box-icon-align-left .box-icon-wrapper {
margin-right: 20px;
max-width: 50%;
}
.wd-info-box .box-icon-wrapper {
flex: 0 0 auto;
line-height: 0;
}
.vtitle h2 {
position: relative;
color: #fff;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
font-size: 32px;
}
.vtitle h2:before {
position: absolute;
content: '';
height: 5px;
border-bottom: 4px double #fff;
width: 100px;
border-radius: 0px;
left: 0;
right: 0px;
/* margin: auto; */
bottom: -14px;
}
.vtitle {
margin-bottom: 30px;
}
.clipn-img {
clip-path: none!important;
}
.page-title .auto-container {
position: relative;
}
.page-title {
overflow: hidden;
}
.p-0 {
padding: 0 !important;
}
.hidden-desk {
display: none;
}
.page-title h1 {
position: relative;
color: #ffffff;
font-size: 37px;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 15px;
text-transform: uppercase;
}
.page-breadcrumb {
position: relative;
margin-top: 20px;
}
.page-breadcrumb li {
position: relative;
display: inline-block;
margin-right: 10px;
padding-right: 15px;
color: #0096ff;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
}
.page-breadcrumb li:after {
position: absolute;
content: ":";
right: -2px;
top: -1px;
color: #ffffff;
font-size: 14px;
font-weight: 700;
font-family: 'FontAwesome';
}
.page-breadcrumb li:last-child::after {
display: none;
}
.page-breadcrumb li:last-child {
padding-right: 0px;
margin-right: 0px;
}
.page-breadcrumb li a {
color: #ffffff;
font-weight: 700;
text-transform: capitalize;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.page-breadcrumb li a:hover {
color: #0096ff;
}
/***
====================================================================
Faq's Section Two
====================================================================
***/
.faq-page-section {
position: relative;
overflow: hidden;
padding: 0px 20px 40px;
}
.faq-page-section .inner-container {
max-width: 970px;
margin: 0 auto;
}
/***
====================================================================
Faq's Form Section
====================================================================
***/
.faq-form-section {
position: relative;
overflow: hidden;
padding: 50px 0px 90px;
}
.faq-form-section .side-image {
position: absolute;
right: 0px;
top: 0px;
}
.faq-form-section .pattern-layer {
position: absolute;
left: 0px;
top: 0px;
width: 927px;
height: 683px;
background-repeat: no-repeat;
background-position: right top;
}
.faq-form-section .inner-container {
max-width: 970px;
margin: 0 auto;
}
.faq-form-section .inner-container .construction-image {
position: absolute;
right: 100px;
bottom: 80px;
}
.faq-form-section .inner-container .sec-title, .faq-form-section .inner-container .faq-form {
max-width: 775px;
}
/***
====================================================================
Faq Form
====================================================================
***/
.faq-form {
position: relative;
}
.faq-form .form-group {
position: relative;
margin-bottom: 25px;
}
.faq-form .form-group input[type="text"], .faq-form .form-group input[type="tel"], .faq-form .form-group input[type="email"], .faq-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 22px;
color: #777777;
height: 56px;
font-size: 15px;
background: #ffffff;
border-radius: 0px;
font-weight: 600;
border: 1px solid #bfbfbf;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.faq-form .form-group input[type="text"]:focus, .faq-form .form-group input[type="tel"]:focus, .faq-form .form-group input[type="email"]:focus, .faq-form .form-group textarea:focus {
border-color: #0096ff;
}
.faq-form .form-group textarea::-webkit-input-placeholder, .faq-form .form-group input::-webkit-input-placeholder {
color:#777777;
}
.faq-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 22px;
padding: 15px 22px;
color: #777777;
height: 150px;
resize: none;
font-size: 15px;
background: #ffffff;
border-radius: 0px;
font-weight: 600;
border: 1px solid #bfbfbf;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.faq-form .form-group .submit-btn {
position: relative;
font-weight: 800;
color: #222222;
font-size: 18px;
width: 200px;
padding: 8px 24px;
display: inline-block;
background: url(../images/background/pattern-12.png) no-repeat;
}
.faq-form .form-group .submit-btn .plus {
position: relative;
right: -50px;
bottom: -2px;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 14px;
line-height: 40px;
text-align: center;
font-weight: 800;
margin-top: 0px;
display: inline-block;
background-color: #0096ff;
}
/***
====================================================================
Pricing Page Section
====================================================================
***/
.pricing-page-section {
position: relative;
padding: 100px 0px 100px;
}
.pricing-page-section .sec-title {
margin-bottom: 80px;
}
.pricing-tabs {
position: relative;
z-index: 2;
}
.pricing-tabs .tabs-content .tab {
position: relative;
display: none;
}
.pricing-tabs .tabs-content .tab.active-tab {
display: block;
}
.pricing-tabs .buttons-outer {
text-align: center;
}
.pricing-tabs .tab-buttons {
position: relative;
overflow: hidden;
text-align: center;
margin-top: 30px;
display: inline-block;
border-radius: 0px;
}
.pricing-tabs .tab-buttons .tab-btn {
position: relative;
color: #222222;
font-size: 16px;
font-weight: 700;
float: left;
cursor: pointer;
padding: 16px 48px;
background-color: #ebebeb;
text-transform: uppercase;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-tabs .tab-buttons .tab-btn:first-child {
margin-right: 1px;
}
.pricing-tabs .tab-buttons .tab-btn:hover, .pricing-tabs .tab-buttons .tab-btn.active-btn {
color: #222222;
background-color: #0096ff;
}
.pricing-tabs .tabs-content .tab .price-block {
transform: rotateY(90deg);
}
.pricing-tabs .tabs-content .tab.active-tab .price-block {
transform: rotateY(0deg);
}
/***
====================================================================
Team Page Section
====================================================================
***/
.team-page-section {
position: relative;
padding: 100px 0px 70px;
}
/***
====================================================================
Testimonial Page Section
====================================================================
***/
.testimonial-page-section {
position: relative;
padding: 100px 0px 70px;
}
.testimonial-page-section .testimonial-block {
margin-bottom: 60px;
}
/***
====================================================================
Coming Soon
====================================================================
***/
.coming-soon {
position: fixed;
width: 100%;
height: 100%;
display: block;
overflow-y: auto;
background-repeat: no-repeat;
background-position: center right;
background-size: cover;
text-align: center;
}
.coming-soon .content {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
}
.coming-soon .content:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #000000;
content: "";
opacity: .30;
}
.coming-soon .content .content-inner {
position: relative;
padding: 90px 15px;
display: table-cell;
vertical-align: middle;
}
.coming-soon .content .content-inner .logo {
position: relative;
margin-bottom: 200px;
}
.coming-soon .content .content-inner .sec-title {
display: none;
margin-bottom: 50px;
}
.coming-soon .content .content-inner h2 {
position: relative;
font-size: 48px;
font-weight: 700;
color: #ffffff;
line-height: 1.2em;
padding-bottom: 0;
font-variant: small-caps;
}
.coming-soon .content .content-inner h2:after {
display: none;
}
.time-counter {
position: relative;
}
.time-counter .time-countdown {
position: relative;
margin-bottom: 180px;
}
.time-counter .time-countdown .counter-column {
position: relative;
display: inline-block;
width: 180px;
height: 180px;
font-size: 20px;
line-height: 1em;
color: #ffffff;
text-transform: uppercase;
font-weight: 600;
text-align: center;
z-index: 7;
border-radius: 20px;
box-shadow: 0 0 30px rgba(0,0,0,0.25);
background-color: rgba(54,54,54,0.70);
margin: 0 15px 20px;
}
.time-counter .time-countdown .counter-column .count {
position: relative;
display: block;
font-size: 72px;
line-height: 30px;
padding: 60px 0px 30px;
color: #ffffff;
font-weight: 600;
}
.coming-soon .emailed-form {
position: relative;
margin-bottom: 40px;
}
.coming-soon .emailed-form h3 {
line-height: 1.2em;
font-weight: 600;
color: #ffffff;
margin-bottom: 20px;
}
.coming-soon .emailed-form .text {
position: relative;
display: block;
font-size: 18px;
font-weight: 400;
color: #ffffff;
line-height: 1.8em;
margin-bottom: 40px;
}
.coming-soon .emailed-form .form-group {
position: relative;
display: block;
max-width: 540px;
width: 100%;
margin: 0 auto;
}
.coming-soon .emailed-form .form-group input[type="text"], .coming-soon .emailed-form .form-group input[type="tel"], .coming-soon .emailed-form .form-group input[type="email"], .coming-soon .emailed-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 28px;
height: 60px;
font-size: 16px;
color: #000000;
overflow: hidden;
padding: 15px 50px 15px 20px;
background: #ffffff;
border: 1px solid #f1f1f1;
box-shadow: 0 0 13px rgba(0,0,0,0.10);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.coming-soon .emailed-form .form-group input:focus, .coming-soon .emailed-form .form-group select:focus, .coming-soon .emailed-form .form-group textarea:focus {
}
.coming-soon .emailed-form .form-group input[type="submit"], .coming-soon .emailed-form button {
position: absolute;
right: 0px;
top: 0px;
width: 60px;
height: 60px;
line-height: 40px;
font-size: 18px;
color: #0096ff;
background-color: transparent;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.carousel-control-next, .carousel-control-prev {
opacity: 999!important;
}
.carousel-control-prev {
left: 77.6%;
}
.top-arrows {
margin-top: 30%;
}
.icons-tp {
background: #fff;
width: 50px;
line-height: 50px;
font-size: 18px;
color: #0096ff;
font-weight: 300;
opacity: 999;
z-index: 1;
}
.carousel-control-next {
right: 52px;
}
.home_slider_sec {
position: relative;
padding-top: 50px;
}
.home_content_slider {
position: relative;
top: -40px;
left: 0;
right: 0;
z-index: 1;
}
.bg_blue_sec {
max-width: 450px;
background: #0096ff;
position: absolute;
bottom: 40px;
float: left;
}
.top-arrows {
margin-top: 0%;
}
.icons-tp {
background: rgba(0,0,0,0.25);
width: 48px;
line-height: 120px;
font-size: 25px;
color: #fff;
font-weight: 600;
opacity: 999;
z-index: 1;
}
.carousel-control-prev {
left: -80px;
}
.carousel-control-next {
right: -80px;
}
.carousel-control-next, .carousel-control-prev {
opacity: 999!important;
}
.part1 {
padding: 35px 80px;
}
.bg_blue_sec h2 {
color: #FFF;
font-size: 28px;
padding-bottom: 0px;
font-weight: 600;
}
.bg_blue_sec p {
color: #FFF;
font-weight: 100;
font-size: 14px;
}
.arrow_btn_white {
width: 31px;
border: solid 1px #FFF;
padding: 6px 8px;
color: #fff;
}
.bg_number_sec {
border-top: solid 1px #5d676d;
padding: 35px 80px;
border-bottom: solid 1px #5d676d;
}
.border-0 {
border: 0!important;
}
.bg_number_sec h2 span {
display: block;
font-size: 18px;
line-height: 1.9;
font-family: 'Montserrat', sans-serif;
}
.coming-soon .emailed-form .form-group input[type="submit"]:hover, .coming-soon .emailed-form button:hover {
color: #353535;
}
.coming-soon .copyright-text {
position: relative;
font-size: 18px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
}
.coming-soon .copyright-text a {
color: #ff9600;
}
.coming-soon .copyright-text a:hover {
text-decoration: underline;
}
.clock-wrapper {
position: absolute;
top: 50%;
right: 0;
left: 0;
width: 250px;
height: 250px;
margin: auto;
margin-top: -145px;
border-radius: 50%;
box-shadow: 0 0 20px rgba(0,0,0,0.05);
background-color: rgba(0,0,0,.40);
transform: scale(2);
}
.clock-base {
width: 250px;
height: 250px;
border-radius: 50%;
}
.click-indicator {
position: absolute;
z-index: 1;
top: 10px;
left: 10px;
width: 230px;
height: 230px;
}
.click-indicator div {
position: absolute;
width: 2px;
height: 4px;
margin: 113px 114px;
}
.click-indicator div > span {
height: 5px;
width: 5px;
background-color: #ffffff;
display: inline-block;
border-radius: 50%;
margin-left: -1px;
margin-top: -1px;
}
.click-indicator div:nth-child(1) {
transform: rotate(30deg) translateY(-120px);
}
.click-indicator div:nth-child(2) {
transform: rotate(60deg) translateY(-120px);
}
.click-indicator div:nth-child(3) {
transform: rotate(90deg) translateY(-120px);
background-color: #f7941d;
}
.click-indicator div:nth-child(4) {
transform: rotate(120deg) translateY(-120px);
}
.click-indicator div:nth-child(5) {
transform: rotate(150deg) translateY(-120px);
}
.click-indicator div:nth-child(6) {
transform: rotate(180deg) translateY(-120px);
background-color: #f7941d;
}
.click-indicator div:nth-child(7) {
transform: rotate(210deg) translateY(-120px);
}
.click-indicator div:nth-child(8) {
transform: rotate(240deg) translateY(-120px);
}
.click-indicator div:nth-child(9) {
transform: rotate(270deg) translateY(-120px);
background-color: #f7941d;
}
.click-indicator div:nth-child(10) {
transform: rotate(300deg) translateY(-120px);
}
.click-indicator div:nth-child(11) {
transform: rotate(330deg) translateY(-120px);
}
.click-indicator div:nth-child(12) {
transform: rotate(360deg) translateY(-120px);
background-color: #f7941d;
}
.clock-hour {
position: absolute;
z-index: 2;
top: 75px;
left: 123px;
width: 4px;
height: 65px;
background-color: #f7941d;
border-radius: 2px;
box-shadow: 0 0 2px rgba(0,0,0,.2);
transform-origin: 2px 50px;
transition: .5s;
-webkit-animation: rotate-hour 43200s linear infinite;
-moz-animation: rotate-hour 43200s linear infinite;
}
.clock-minute {
position: absolute;
z-index: 3;
top: 55px;
left: 123px;
width: 4px;
height: 85px;
background-color: #f7941d;
border-radius: 2px;
box-shadow: 0 0 2px rgba(0,0,0,.2);
transform-origin: 2px 70px;
transition: .5s;
-webkit-animation: rotate-minute 3600s linear infinite;
-moz-animation: rotate-minute 3600s linear infinite;
}
.clock-second {
position: absolute;
z-index: 4;
top: 15px;
left: 124px;
width: 2px;
height: 130px;
background-color: #ffffff;
opacity: .9;
box-shadow: 0 0 2px rgba(0,0,0,.2);
transform-origin: 1px 110px;
transition: .5s;
-webkit-animation: rotate-second 60s linear infinite;
-moz-animation: rotate-second 60s linear infinite;
}
.clock-second:after {
content: "";
display: block;
position: absolute;
left: -3px;
bottom: 16px;
width: 8px;
height: 8px;
background-color: #222222;
border: solid 2px #222222;
border-radius: 50%;
box-shadow: 0 0 3px rgba(0,0,0,.2);
}
.clock-center {
position: absolute;
z-index: 1;
width: 150px;
height: 150px;
top: 50px;
left: 50px;
box-shadow: 0 0 3px rgba(0,0,0,.2);
border-radius: 50%;
}
.clock-center:after {
content: "";
display: block;
width: 20px;
height: 20px;
margin: 65px;
background-color: #ddd;
border-radius: 50%;
}
/***
====================================================================
Services Page Section
====================================================================
***/
.services-page-section {
position: relative;
padding: 100px 0px 70px;
}
.services-page-section .service-block-four {
margin-bottom: 50px;
}
.services-page-section .service-block-three {
margin-bottom: 60px;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.prName{
font-size: 20px;
color: #000;
font-weight: 700;
text-align: center;
text-transform: capitalize;
}
.sidebar-page-container {
position: relative;
padding: 100px 0px 80px;
}
.sidebar-page-container .content-side, .sidebar-page-container .sidebar-side {
margin-bottom: 40px;
}
.sticky-top {
top: 30px;
z-index: 1;
}
.sidebar-widget {
margin-bottom: 45px;
}
.blog-cat {
position: relative;
}
.blog-cat li {
position: relative;
margin-bottom: 8px;
}
.blog-cat li a {
position: relative;
color: #222222;
font-size: 20px;
padding: 22px 30px;
display: block;
z-index: 1;
font-weight: 700;
background-color: #f5f5f5;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.blog-cat li a:after {
position: absolute;
content: '\f105';
right: 20px;
top: 18px;
color: #222222;
font-size: 20px;
font-family: 'FontAwesome';
}
.blog-cat li a:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
bottom: 0px;
width: 0%;
height: 100%;
z-index: -1;
opacity: 0;
border-radius: 0px 30px 0px 0px;
border-left: 4px solid #000000;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background-color: #0096ff;
}
.blog-cat li a:hover::before {
width: 100%;
opacity: 1;
}
.blog-cat li.active a, .blog-cat li a:hover {
color: #ffffff;
border-radius: 0px 30px 0px 0px;
}
.blog-cat li:last-child a {
border-bottom: 0px;
}
.blog-cat li.active a:before {
width: 100%;
opacity: 1;
}
/* Sidebar Title */
.sidebar-title {
position: relative;
margin-bottom: 28px;
}
.sidebar-title h3 {
position: relative;
color: #222222;
font-weight: 800;
line-height: 1.3em;
text-transform: capitalize;
}
/* Sidebar Title Two */
.sidebar-title-two {
position: relative;
margin-bottom: 25px;
}
.sidebar-title-two h3 {
position: relative;
color: #222222;
font-weight: 800;
line-height: 1.3em;
padding-bottom: 15px;
text-transform: capitalize;
}
.sidebar-title-two h3:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 45px;
height: 2px;
background-color: #0096ff;
}
.sidebar-title-two h3:after {
position: absolute;
content: '';
left: 48px;
bottom: -1px;
width: 5px;
height: 4px;
background-color: #222222;
}
.sidebar .contact-widget ul li {
position: relative;
color: #555555;
font-size: 16px;
padding-left: 40px;
margin-bottom: 17px;
line-height: 1.7em;
font-weight: 500;
}
.sidebar .contact-widget ul li .icon {
position: absolute;
left: 0px;
top: 4px;
font-size: 20px;
line-height: 1em;
color: #0096ff;
}
.sidebar .contact-widget ul li a {
position: relative;
color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.sidebar .contact-widget ul li a:hover {
color: #0096ff;
}
.sidebar .contact-widget ul li:last-child {
margin-bottom: 0px;
}
.broucher-widget .sidebar-title {
margin-bottom: 12px;
}
.broucher-widget .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.7em;
padding-right: 45px;
margin-bottom: 25px;
}
/* Broucher Box */
.broucher-box {
position: relative;
padding: 20px 18px;
border-radius: 0px;
overflow: hidden;
margin-bottom: 10px;
margin-top: 25px;
background: #0096ff;
border: 2px solid #cccccc;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.broucher-box .overlay-link {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
display: block;
z-index: 1;
}
.broucher-box .broucher-inner {
position: relative;
padding-left: 34px;
font-size: 18px;
color: #fff;
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;
}
.broucher-box .broucher-inner .download-icon {
position: absolute;
left: 0px;
top: 0px;
color: #fff;
font-size: 24px;
line-height: 1em;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.broucher-box:hover {
border-color: #0096ff;
}
/* Service Detail */
.service-detail {
position: relative;
}
.service-detail .inner-box {
position: relative;
}
.service-detail .inner-box .upper-box {
position: relative;
}
.service-detail .inner-box .upper-box .image {
position: relative;
margin-bottom: 30px;
}
.service-detail .inner-box .upper-box .image img {
position: relative;
width: 100%;
display: block;
}
.service-detail .inner-box .lower-content {
position: relative;
padding-top: 15px;
}
.service-detail .inner-box .lower-content h2 {
position: relative;
padding-left: 70px;
color: #222222;
font-size: 36px;
font-weight: 700;
margin-bottom: 25px;
}
.service-detail .inner-box .lower-content h2 .icon {
position: absolute;
left: 0px;
top: 0px;
color: #0096ff;
font-size: 54px;
line-height: 1em;
font-weight: 400;
}
.service-detail .inner-box .lower-content p {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 12px;
}
/***
====================================================================
Service Tabs Style
====================================================================
***/
.service-detail .service-tabs {
position: relative;
margin-top: 30px;
}
.service-detail .service-tabs .tab-btns {
position: relative;
margin-bottom: 20px;
border-bottom: 2px solid #0096ff;
}
.service-detail .service-tabs .tab-btns .tab-btn {
position: relative;
display: block;
width: 20%;
margin-right: 0px;
font-size: 15px;
background: #e9e9e9;
color: #000;
font-weight: 700;
line-height: 24px;
cursor: pointer;
margin-bottom: 0px;
display: inline-block;
padding: 14px 15px 14px;
transition: all 500ms ease;
text-transform: capitalize;
text-align: center;
}
.service-detail .service-tabs .tab-btns .tab-btn:hover, .service-detail .service-tabs .tab-btns .tab-btn.active-btn {
background-color: #0096ff;
color: #fff;
}
.service-detail .service-tabs .tabs-content {
position: relative;
}
.service-detail .service-tabs .tabs-content .tab {
position: relative;
display: none;
}
.service-detail .service-tabs .tabs-content .tab.active-tab {
display: block;
}
.service-detail .service-tabs .tabs-content .tab p {
position: relative;
color: #000000;
font-size: 15px;
line-height: 1.8em;
font-weight: 600;
text-align: justify;
}
.service-detail .service-tabs .tabs-content .tab p:last-child {
margin-bottom: 0px;
}
/***
====================================================================
Project Single Section
====================================================================
***/
.part-icon {
display: block;
font-size: 30px;
font-weight: 400;
margin-bottom: 6px;
}
.part-img {
margin-top: 32px;
}
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
a.spec-btn {
width: 100%;
padding: 2em 2.5em;
box-shadow: 0 0px 30px 0 rgb(0 0 0 / 8%);
background-color: #fff;
position: relative;
margin-top: 0em;
display: table;
vertical-align: middle;
text-decoration: none;
color: #000;
margin-bottom: 1em;
}
a.spec-btn:hover {
background: #e52d27;
background: -webkit-linear-gradient(to right, #0c173d, #1e2f69);
background: linear-gradient(to right, #0c173d, #1e2f69);
color: #fff;
}
.s-btntext {
display: table-cell;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
font-size: 16px;
}
.s-btntext p {
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
padding: 0;
margin: 0;
}
.spec-button {
display: table-cell;
position: relative;
padding-right: 0px;
text-transform: uppercase;
font-weight: 600;
vertical-align: middle;
font-size: 14px;
text-align: right;
}
.modal-content {
border: none;
border-radius: 0;
padding: 2rem;
}
.modal-header {
padding: 0 1rem;
border-bottom: none;
color: #b51515;
}
.modal-title {
position: relative;
color: #000;
font-weight: 700;
line-height: 40px;
text-transform: uppercase;
font-size: 25px;
}
.tablehd {
width: 100%;
background-color: #0096ff;
text-align: left;
padding: 2px 20px;
color: #fff;
}
.tablehd h5 {
margin: 0;
padding: 10px 10px;
color: #fff;
}
.table th {
color: #000;
font-size: 15px;
line-height: 24px;
background-color: #fdf4f4;
}
.project-single-section .upper-section {
position: relative;
}
.project-single-section .upper-section .row {
margin: 0px -5px;
}
.project-single-section .upper-section .image-column {
position: relative;
padding: 0px 5px;
}
.project-single-section .upper-section .image-column .image {
position: relative;
margin-bottom: 10px;
}
.project-single-section .upper-section .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.project-single-section .lower-section {
position: relative;
padding-top: 20px;
}
.project-single-section .lower-section h3 {
position: relative;
line-height: 1.3em;
font-weight: 700;
color: #222222;
margin-bottom: 15px;
}
.project-single-section .lower-section h4 {
position: relative;
line-height: 1.3em;
font-weight: 700;
color: #222222;
margin-bottom: 15px;
}
.project-single-section .lower-section p {
position: relative;
line-height: 1.8em;
font-weight: 400;
color: #666666;
font-size: 16px;
margin-bottom: 18px;
}
.project-single-section .lower-section .info-list {
position: relative;
margin-bottom: 30px;
}
.project-single-section .lower-section .info-list li {
position: relative;
margin-bottom: 10px;
color: #666666;
font-size: 16px;
font-weight: 400;
}
.project-single-section .lower-section .info-list li:last-child {
margin-bottom: 0px;
}
.project-single-section .lower-section .info-list li span {
color: #222222;
font-weight: 700;
width: 150px;
display: inline-block;
}
/* Solution Box */
.solution-box {
position: relative;
}
.solution-box .inner-box {
position: relative;
padding: 35px 35px;
background-size: cover;
border: 1px solid #dddddd;
background-repeat: no-repeat;
}
.solution-box .inner-box .title {
position: relative;
color: #0096ff;
font-size: 16px;
font-weight: 600;
margin-bottom: 6px;
}
.solution-box .inner-box h2 {
position: relative;
color: #222222;
font-size: 24px;
font-weight: 700;
margin-bottom: 15px;
text-transform: uppercase;
}
.solution-box .inner-box .text {
position: relative;
color: #777777;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 30px;
}
/* More Posts */
.more-posts {
position: relative;
margin-top: 0px;
text-align: center;
}
.more-posts .grid-icon {
position: absolute;
left: 50%;
top: 6px;
color: #0096ff;
font-size: 40px;
margin-left: -20px;
line-height: 1em;
}
.more-posts .prev {
position: relative;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 14px 40px;
margin-bottom: 15px;
display: inline-block;
background-color: #0096ff;
border-radius: 50px 0px 0px 50px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.more-posts .prev .fa {
margin-right: 8px;
}
.more-posts .next {
position: relative;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 14px 40px;
margin-bottom: 15px;
display: inline-block;
background-color: #0096ff;
border-radius: 0px 50px 50px 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;
}
.more-posts .next .fa {
margin-left: 8px;
}
.more-posts .prev:hover, .more-posts .next:hover {
background-color: #000;
color: #ffffff;
}
.differnt_popup {
cursor: pointer;
height: auto;
position: fixed;
left: 13px;
top: 92%;
width: 60px;
z-index: 999999;
}
/***
====================================================================
Blog Page Section
====================================================================
***/
.blog-page-section {
position: relative;
padding: 100px 0px 100px;
}
.blog-page-section .styled-pagination {
margin-top: 30px;
}
.styled-pagination {
position: relative;
}
.styled-pagination li {
position: relative;
display: inline-block;
margin: 0px 15px 6px 0px;
}
.styled-pagination li a {
position: relative;
display: inline-block;
line-height: 46px;
height: 50px;
font-size: 18px;
min-width: 48px;
color: #222222;
font-weight: 700;
text-align: center;
background: #ffffff;
border: 1px solid #bfbfbf;
text-transform: capitalize;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.styled-pagination li.prev a {
color: #ffffff;
border-radius: 0px;
background-color: #333333;
border-color: #333333;
}
.styled-pagination li.next a {
border-radius: 0px;
background-color: #333333;
border-color: #333333;
color: #ffffff;
}
.styled-pagination li.prev a:hover, .styled-pagination li.next a:hover {
background-color: #0096ff;
border-color: #0096ff;
color: #ffffff;
}
.styled-pagination li a:hover, .styled-pagination li a.active {
color: #ffffff;
border-color: #0096ff;
background-color: #0096ff;
}
/*Search Box Widget*/
.sidebar .search-box .form-group {
position: relative;
margin: 0px;
}
.sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"] {
position: relative;
line-height: 36px;
padding: 10px 50px 10px 20px;
border: 1px solid #b7b7b7;
background: none;
display: block;
font-size: 16px;
width: 100%;
height: 60px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sidebar .search-box .form-group button {
position: absolute;
right: 0px;
top: 0px;
height: 60px;
width: 60px;
display: block;
font-size: 20px;
color: #333333;
line-height: 100%;
font-weight: normal;
background: #ffffff;
border: 1px solid #b7b7b7;
}
.cat-list {
position: relative;
}
.cat-list li {
position: relative;
margin-bottom: 2px;
}
.cat-list li a {
position: relative;
padding: 18px 28px;
display: block;
font-size: 18px;
font-weight: 700;
color: #222222;
padding-left: 50px;
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: 2px solid #f7f7f7;
}
.cat-list li a:before {
position: absolute;
content: '\f105';
left: 20px;
top: 17px;
font-family: 'FontAwesome';
}
.cat-list li a span {
position: relative;
right: 10px;
width: 30px;
height: 30px;
float: right;
line-height: 30px;
text-align: center;
display: inline-block;
background-color: #ebebeb;
}
.cat-list li.active a, .cat-list li a:hover {
color: #0096ff;
}
.contdn{
display: none!important;
}
/*Post Widget*/
.sidebar .popular-posts .post {
position: relative;
font-size: 15px;
color: #242424;
padding: 0px 0px;
padding-left: 115px;
min-height: 120px;
margin-bottom: 30px;
border-bottom: 1px solid #dddddd;
}
.sidebar .popular-posts .post:last-child {
margin-bottom: 0px;
}
.sidebar .popular-posts .post .post-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 90px;
}
.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: 700;
color: #222222;
line-height: 1.7em;
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: #0096ff;
}
.sidebar .popular-posts .post-info {
font-size: 14px;
color: #777777;
font-weight: 400;
}
/* Gallery Widget */
.gallery-widget .gallery-outer {
position: relative;
margin: 0px -5px 0px;
}
.gallery-widget .gallery-outer .image {
position: relative;
float: left;
width: 33.333333333%;
padding-right: 5px;
padding-left: 5px;
margin-bottom: 10px;
overflow: hidden;
}
.gallery-widget .gallery-outer .image img {
display: block;
width: 100%;
}
/*=== Tags ===*/
.tag-list {
position: relative;
display: block;
}
.tag-list li {
position: relative;
margin-bottom: 10px;
margin-right: 10px;
display: inline-block;
}
.tag-list li a {
position: relative;
display: block;
font-size: 16px;
line-height: 20px;
color: #222222;
font-weight: 800;
padding: 9px 30px;
border-radius: 0px;
border: 1px solid #b7b7b7;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.tag-list li a:hover {
background-color: #0096ff;
border-color: #0096ff;
}
.blog-classic .styled-pagination {
margin-top: 70px;
}
.blog-detail {
position: relative;
}
.blog-detail .inner-box {
position: relative;
padding-left: 30px;
margin-right: 30px;
}
.blog-detail .inner-box:before {
position: absolute;
content: '';
left: 0px;
top: 30px;
right: 0px;
bottom: 0px;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.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;
padding-top: 22px;
padding-bottom: 30px;
padding-right: 30px;
}
.blog-detail .inner-box .lower-content .post-meta {
position: relative;
}
.blog-detail .inner-box .lower-content .post-meta li {
position: relative;
color: #555555;
font-size: 14px;
margin-right: 10px;
font-weight: 600;
padding-left: 22px;
display: inline-block;
}
.blog-detail .inner-box .lower-content .post-meta li .icon {
position: absolute;
left: 0px;
top: 1px;
color: #0096ff;
font-size: 13px;
font-weight: 400;
margin-right: 6px;
}
.blog-detail .inner-box .lower-content .post-meta li:last-child {
margin-right: 0px;
}
.blog-detail .inner-box .lower-content h4 {
position: relative;
line-height: 1.4em;
font-weight: 700;
margin-top: 10px;
color: #222222;
font-size: 30px;
}
.blog-detail .inner-box .lower-content p {
position: relative;
color: #666666;
font-size: 16px;
line-height: 1.8em;
margin-top: 10px;
}
.blog-detail .inner-box .lower-content .galley-column {
position: relative;
margin-top: 30px;
margin-bottom: 30px;
}
.blog-detail .inner-box .lower-content blockquote {
position: relative;
padding: 35px 30px;
border-radius: 10px;
background-color: #0096ff;
}
.blog-detail .inner-box .lower-content blockquote .blockquote-text {
position: relative;
color: #222222;
font-size: 19px;
font-weight: 700;
font-style: italic;
line-height: 1.7em;
}
.blog-detail .inner-box .lower-content blockquote .quote-author {
position: relative;
color: #ffffff;
font-size: 14px;
font-weight: 600;
line-height: 1.4em;
margin-top: 12px;
}
.blog-detail .inner-box .lower-content blockquote .quote-icon {
position: absolute;
width: 48px;
height: 48px;
right: 25px;
bottom: 0px;
color: #222222;
font-size: 24px;
text-align: center;
line-height: 48px;
display: inline-block;
background-color: #ffffff;
}
/* Post Share Options */
.blog-detail .post-share-options {
position: relative;
margin-top: 40px;
padding: 15px 0px;
border-top: 2px solid #e1e1e1;
}
.blog-detail .post-share-options .tags span {
position: relative;
top: 4px;
font-size: 24px;
color: #0096ff;
font-weight: 400;
margin-right: 10px;
text-transform: capitalize;
}
.blog-detail .post-share-options .tags a {
position: relative;
color: #222222;
font-size: 14px;
font-weight: 400;
line-height: 1em;
margin-right: 8px;
padding: 10px 20px;
display: inline-block;
text-transform: capitalize;
border: 1px solid #a6a6a6;
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-detail .post-share-options .tags a:last-child {
margin-right: 0px;
}
.blog-detail .post-share-options .tags {
position: relative;
color: #ff4800;
font-size: 16px;
font-weight: 400;
margin-top: 3px;
}
.blog-detail .post-share-options .tags a:hover {
border-color: #0096ff;
background-color: #0096ff;
}
.blog-detail .social-sharing {
position: relative;
margin-top: 50px;
margin-right: 30px;
}
.blog-detail .social-sharing .share-inner {
position: relative;
padding: 12px 12px;
background-color: #f5f5f5;
}
.blog-detail .social-sharing .share-inner .social-box {
position: relative;
}
.blog-detail .social-sharing .share-inner .social-box li {
position: relative;
margin-right: 6px;
display: inline-block;
}
.blog-detail .social-sharing .share-inner .social-box li a {
position: relative;
color: #ffffff;
padding: 10px 22px;
display: inline-block;
background-color: #3a579a;
}
.blog-detail .social-sharing .share-inner .social-box li a .icon {
position: relative;
margin-right: 6px;
}
.blog-detail .social-sharing .share-inner .social-box li a .number {
position: relative;
margin-left: 6px;
}
.blog-detail .social-sharing .share-inner .social-box li.tweet a {
background-color: #00abf0;
}
.blog-detail .social-sharing .share-inner .social-box li.pinterest a {
background-color: #c92228;
}
.blog-detail .social-sharing .share-inner .social-box li.dribbble a {
background-color: #ea4c89;
}
.blog-detail .social-sharing .share {
position: relative;
text-align: center;
padding-left: 25px;
font-size: 14px;
color: #222222;
line-height: 1.6em;
}
.blog-detail .social-sharing .share .icon {
position: absolute;
left: 0px;
top: 10px;
color: #222222;
font-size: 18px;
line-height: 1em;
}
.blog-new-posts {
position: relative;
margin-top: 50px;
margin-right: 30px;
}
.blog-new-posts a {
position: relative;
color: #0096ff;
font-size: 14px;
font-weight: 400;
display: block;
line-height: 1.9em;
text-transform: uppercase;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.blog-new-posts a.prev {
padding-left: 80px;
}
.blog-new-posts a.prev .fa {
position: absolute;
left: 0px;
top: 4px;
width: 50px;
height: 50px;
color: #222222;
font-size: 24px;
line-height: 50px;
text-align: center;
display: inline-block;
background-color: #ebebeb;
}
.blog-new-posts a.next-post {
padding-right: 80px;
}
.blog-new-posts a.next-post .fa {
position: absolute;
right: 0px;
top: 4px;
width: 50px;
height: 50px;
color: #222222;
font-size: 24px;
line-height: 50px;
text-align: center;
display: inline-block;
background-color: #ebebeb;
}
.blog-new-posts a span {
font-weight: 700;
display: block;
font-size: 20px;
color: #222222;
text-transform: capitalize;
}
.blog-new-posts a.next-post {
text-align: right;
}
.blog-new-posts a:hover {
color: #222222;
}
/* Author Box */
.blog-author-box {
position: relative;
padding: 0px 0px;
margin-top: 60px;
margin-right: 30px;
min-height: 250px;
margin-bottom: 55px;
border: 1px solid #dddddd;
}
.blog-author-box .author-inner {
position: relative;
padding-top: 60px;
padding-right: 15px;
padding-left: 250px;
}
.blog-author-box .thumb {
position: absolute;
left: 0px;
top: 0px;
height: 250px;
width: 220px;
overflow: hidden;
}
.blog-author-box .thumb img {
display: block;
width: 100%;
height: auto;
}
.blog-author-box .name {
position: relative;
display: block;
line-height: 30px;
color: #222222;
font-size: 24px;
font-weight: 700;
margin-bottom: 5px;
display: inline-block;
}
.blog-author-box .text {
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #777777;
font-weight: 400;
margin-bottom: 18px;
line-height: 1.8em;
margin-top: 6px;
}
.blog-author-box .social-icon {
position: relative;
}
.blog-author-box .social-icon li {
position: relative;
display: inline-block;
margin-right: 15px;
}
.blog-author-box .social-icon li:last-child {
margin-right: 0;
}
.blog-author-box .social-icon li a {
position: relative;
display: block;
font-size: 18px;
font-weight: 400;
line-height: 34px;
color: #777777;
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;
}
.blog-author-box .social-icon li a:hover {
color: #ff8a00;
}
/* Comment Area */
.sidebar-page-container .comments-area {
position: relative;
margin-top: 40px;
margin-right: 30px;
margin-bottom: 70px;
}
.sidebar-page-container .group-title {
position: relative;
margin-bottom: 50px;
}
.sidebar-page-container .group-title h2 {
position: relative;
font-size: 30px;
color: #222222;
font-weight: 700;
padding-bottom: 15px;
}
.sidebar-page-container .group-title h2:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 45px;
height: 2px;
background-color: #0096ff;
}
.sidebar-page-container .group-title h2:after {
position: absolute;
content: '';
left: 50px;
bottom: -1px;
width: 5px;
height: 4px;
background-color: #222222;
}
.sidebar-page-container .comments-area .comment-box {
position: relative;
padding: 0px 0px 30px;
margin-bottom: 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;
border-bottom: 1px solid #ebebeb;
}
.sidebar-page-container .comments-area .comment-box:last-child {
margin-bottom: 0px;
}
.sidebar-page-container .comments-area .comment {
position: relative;
min-height: 100px;
padding: 0px 0px 0px 125px;
font-size: 14px;
}
.sidebar-page-container .comments-area .comment .comment-inner {
position: relative;
}
.sidebar-page-container .comments-area .comment .comment-reply {
position: absolute;
right: 0px;
bottom: -63px;
color: #222222;
font-size: 14px;
text-align: center;
font-weight: 700;
padding: 9px 22px;
display: inline-block;
text-transform: capitalize;
background-color: #0096ff;
-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 .reply-comment {
padding-left: 100px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 100px;
overflow: hidden;
margin-bottom: 20px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img {
}
.sidebar-page-container .comments-area .comment-info {
color: #777777;
line-height: 24px;
font-size: 14px;
}
.sidebar-page-container .comments-area .comment-box strong {
font-size: 20px;
font-weight: 700;
color: #222222;
line-height: 18px;
display: inline-block;
text-transform: capitalize;
}
.sidebar-page-container .comments-area .comment-box .text {
color: #777777;
font-size: 15px;
margin-top: 10px;
line-height: 1.8em;
margin-bottom: 20px;
}
.sidebar-page-container .comments-area .comment-info .location {
position: relative;
font-size: 13px;
color: #888888;
display: inline-block;
margin-left: 15px;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form {
position: relative;
margin-right: 0px;
padding: 40px 40px 20px;
background: #f5f5f5;
}
.comment-form .group-title h4 {
position: relative;
}
.comment-form .form-group {
margin-bottom: 20px;
margin-top: 15px;
}
.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 input[type="file"], .comment-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 10px;
color: #888888;
height: 55px;
font-size: 14px;
border-radius: 0px;
background: #fff;
border: 1px solid transparent;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="password"]:focus, .comment-form .form-group input[type="tel"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group select:focus, .comment-form .form-group textarea:focus {
border-color: none;
}
.comment-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 10px 10px;
color: #888888;
height: 120px;
background: #fff;
resize: none;
font-size: 14px;
border-radius: 0px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form .theme-btn {
cursor: pointer;
}
.social-widget .social-nav {
position: relative;
}
.social-widget .social-nav li {
position: relative;
margin-right: 8px;
display: inline-block;
}
.social-widget .social-nav li a {
position: relative;
width: 44px;
height: 44px;
color: #222222;
font-size: 18px;
line-height: 42px;
text-align: center;
display: inline-block;
border: 1px solid #b7b7b7;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-widget .social-nav li a:hover {
border-color: #0096ff;
background-color: #0096ff;
}
.hiring-widget {
position: relative;
padding: 50px 50px 70px;
background-size: cover;
}
.hiring-widget .inner {
position: relative;
}
.hiring-widget:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
background-color: rgba(0,0,0,0.80);
}
.hiring-widget .inner .title {
position: relative;
z-index: 1;
font-size: 20px;
color: #ffffff;
font-weight: 800;
line-height: 2em;
}
.hiring-widget .inner .title span {
position: relative;
font-size: 44px;
display: block;
}
.hiring-widget .inner .text {
position: relative;
color: #ffffff;
z-index: 1;
font-size: 16px;
line-height: 1.7em;
margin: 30px 0px 30px;
}
.hiring-widget .inner .theme-btn {
position: relative;
z-index: 1;
}
/***
====================================================================
Contact Page Section
====================================================================
***/
.contact-page-section {
position: relative;
padding: 95px 0px 40px;
}
.contact-page-section .title-column {
position: relative;
}
.contact-page-section .title-column .inner-column {
position: relative;
}
.contact-page-section .form-column {
position: relative;
margin-bottom: 40px;
}
.contact-page-section .form-column .inner-column {
position: relative;
}
.contact-form {
position: relative;
}
.contact-form .form-group {
position: relative;
margin-bottom: 30px;
}
.contact-form .form-group input[type="text"], .contact-form .form-group input[type="tel"], .contact-form .form-group input[type="email"], .contact-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 20px;
color: #222222;
height: 54px;
font-size: 15px;
background: #ffffff;
border: 1px solid #dddddd;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-form .form-group input[type="text"]:focus, .contact-form .form-group input[type="tel"]:focus, .contact-form .form-group input[type="email"]:focus, .contact-form .form-group textarea:focus {
}
.contact-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 22px;
padding: 15px 20px;
color: #222222;
height: 190px;
background: #ffffff;
resize: none;
font-size: 15px;
border: 1px solid #dddddd;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-form .form-group .btn-detail {
position: relative;
text-align: center;
margin-left: 30px;
color: #ffffff;
font-weight: 600;
display: inline-block;
}
.contact-form button {
margin-top: 15px;
}
.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;
padding-top: 0px;
}
.contact-map-section iframe {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 500px;
}
/***
====================================================================
Contact Info Section
====================================================================
***/
.contact-info-section {
position: relative;
padding: 60px 0px 0px;
}
.contact-info-section .title-column {
position: relative;
}
.contact-info-section .title-column .inner-column {
position: relative;
}
.contact-info-section .info-column {
position: relative;
margin-bottom: 0px;
}
.contact-info-section .info-column .inner-column {
position: relative;
}
.contact-info-section .info-column .contact-column {
position: relative;
margin-bottom: 30px;
}
.contact-info-section .info-column .contact-column .inner {
position: relative;
padding-left: 80px;
}
.contact-info-section .info-column .contact-column .inner .icon {
position: absolute;
left: 0px;
top: 10px;
color: #000000;
font-size: 50px;
line-height: 1em;
}
.contact-info-section .info-column .contact-column .inner ul {
position: relative;
}
.contact-info-section .info-column .contact-column .inner ul li {
position: relative;
color: #000000;
font-size: 15px;
margin-bottom: 5px;
line-height: 25px;
font-weight: 700;
}
.contact-info-section .info-column .contact-column .inner ul li a {
color: #000000;
}
.contact-info-section .info-column .contact-column .inner ul li strong {
position: relative;
color: #000000;
font-size: 21px;
font-weight: 700;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
}
.industries-need ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.industries-need ul li {
position: relative;
list-style: none;
width: 30%;
margin: 30px 3% 0 0;
text-align: left;
min-height: 110px;
display: inline-table;
color: #000;
border: 1px solid #CCC;
border-radius: 10px;
background: #fff;
padding: 30px 10px 30px 125px;
}
.industries-need ul li .text {
font-size: 18px;
font-weight: 600;
color: #FFF;
min-height: 100px;
}
.industries-need ul li .icon {
border-radius: 50%;
position: absolute;
left: 20px;
top: 30px;
}
.industries-need ul li h4 {
color: #000;
font-weight: bold;
margin-bottom: 7px;
font-size: 18px;
}
.industries-need ul li p {
margin: 0;
color: #000;
font-size: 15px;
font-weight: 400;
line-height: 23px;
}
/* Item Sorting */
.shop-section .items-sorting {
position: relative;
margin-bottom: 20px;
}
.shop-section .items-sorting .results-column, .shop-section .items-sorting .select-column {
margin-bottom: 20px;
}
.shop-section .items-sorting .results-column h6 {
font-size: 18px;
font-weight: 400;
color: #666666;
line-height: 24px;
padding: 13px 0px;
}
.shop-section .items-sorting .form-group {
margin-bottom: 0px;
}
.shop-section .items-sorting select {
position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 9px 20px 9px;
height: 50px;
font-size: 14px;
border: 1px solid #eeeeee;
cursor: pointer;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-o-appearance: none;
background: url(../images/icons/icon-select.png) right center no-repeat;
color: #666666;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.shop-section .items-sorting select option {
text-indent: 15px;
}
/*Shop Item*/
/****** Shop Style *********/
.single-product-item {
position: relative;
display: block;
transition: all 500ms ease;
margin-bottom: 50px;
}
.single-product-item .img-holder {
position: relative;
display: block;
overflow: hidden;
border-radius: 0px;
border: 4px solid #0096ff;
}
.single-product-item .img-holder::before {
background: rgba(255, 255, 255, 0.20);
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
content: "";
opacity: 0;
position: absolute;
z-index: 1;
transition: all 0.4s ease-in-out 0s;
}
.single-product-item:hover .img-holder::before {
opacity: 1;
}
.single-product-item .img-holder img {
transform: scale(1);
transition: all 0.7s ease 0s;
width: 100%;
}
.single-product-item:hover .img-holder img {
transform: scale(1.1);
}
.single-product-item .title-holder {
position: relative;
display: block;
background: #ffffff;
padding: 22px 0 18px;
-webkit-box-shadow: 0 2px 27px rgba(54,54,54,.13);
box-shadow: 0 2px 27px rgba(54,54,54,.13);
margin-left: 20px;
margin-right: 20px;
margin-top: -30px;
z-index: 9;
}
.single-product-item .title-holder .static-content {
position: relative;
display: block;
}
.single-product-item .title-holder .title {
position: relative;
display: block;
font-size: 16px;
line-height: 22px;
font-weight: 600;
padding: 0 0 3px;
}
.single-product-item .title-holder .title a {
color: #1b1b1b;
transition: all 500ms ease;
}
.single-product-item .title-holder .static-content span {
display: inline-block;
padding-right: 0px;
color: #666666;
}
.single-product-item .title-holder .static-content del {
position: relative;
display: inline-block;
color: #c2c2c2;
font-size: 16px;
font-weight: 700;
}
.single-product-item .title-holder .overlay-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #ffffff;
text-align: center;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all 700ms ease 300ms;
}
.single-product-item:hover .title-holder .overlay-content {
transform: scaleY(1);
-webkit-transform: scaleY(1);
transition: all 700ms ease 100ms;
}
.single-product-item .title-holder .overlay-content ul {
position: relative;
display: block;
padding: 23px 0 23px;
width: 153px;
margin: 0 auto;
transform: scale(0);
transition: all 700ms ease 100ms;
}
.single-product-item:hover .title-holder .overlay-content ul {
transform: scale(1);
transition: all 700ms ease 600ms;
}
.single-product-item .title-holder .overlay-content ul li {
position: relative;
display: inline-block;
float: left;
width: 51px;
text-align: center;
border-right: 1px solid #ededed;
}
.single-product-item .title-holder .overlay-content ul li:last-child {
border: none;
}
.single-product-item .title-holder .overlay-content ul li a {
position: relative;
display: block;
}
.single-product-item .title-holder .overlay-content ul li a span {
position: relative;
display: block;
}
.single-product-item .title-holder .overlay-content ul li a span:before {
position: relative;
display: block;
width: 100%;
height: 45px;
color: #666666;
font-size: 18px;
line-height: 45px;
margin: 0;
transition: all 500ms ease;
}
.single-product-item .title-holder .overlay-content ul li a:hover span:before {
color: #ffffff;
background: #666666;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content {
position: absolute;
left: -50%;
right: 0;
top: -25px;
margin-left: -15px;
opacity: 0;
visibility: hidden;
padding: 0;
text-align: center;
background-color: #0a0a0a;
transition: all 300ms ease 100ms;
z-index: 999;
min-width: 130px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content:before {
font-family: FontAwesome;
position: absolute;
left: 0;
bottom: -8px;
right: 0;
content: "\f0d7";
color: #0a0a0a;
font-size: 25px;
text-align: center;
line-height: 10px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content p {
color: #ffffff;
font-size: 14px;
line-height: 30px;
margin: 0;
}
.single-product-item .title-holder .overlay-content ul li a:hover .toltip-content {
top: -40px;
visibility: visible;
opacity: 1;
}
.shop-single-section {
position: relative;
padding-top: 100px;
padding-bottom: 90px;
z-index: 9;
background-color: #ffffff;
}
/*Product Details*/
.product-details .basic-details {
position: relative;
margin-bottom: 20px;
}
.product-details .image-column .image-carousel {
background-color: #eeeeee;
border-radius: 4px;
}
.product-details .image-column, .product-details .info-column {
margin-bottom: 50px;
}
.product-details .info-column .add-to-cart {
padding: 13px 43px;
font-size: 14px;
cursor: pointer;
margin-bottom: 10px;
margin-right: 10px;
}
.product-details .image-column .image-box img {
position: relative;
display: block;
width: 100%;
}
.product-details .image-column .thumbs-carousel {
margin-top: 20px;
}
.product-details .image-column .thumbs-carousel li {
background-color: #f2f2f2;
text-align: center;
padding: 0px 0px;
cursor: pointer;
}
.product-details .image-column .thumbs-carousel li img {
width: 100%;
display: inline-block;
}
.product-details .image-column .owl-dots, .product-details .image-column .owl-nav {
display: none;
}
.product-details .basic-details .details-header {
position: relative;
margin-bottom: 0px;
}
.product-details .basic-details .details-header h2 {
font-weight: 700;
margin: 0px 0px;
line-height: 1.4em;
color: #222222;
margin-bottom: 8px;
}
.product-details .basic-details .details-header h2 a {
color: #333333;
}
.product-details .basic-details .details-header .rating {
font-size: 16px;
margin-bottom: 25px;
display: inline-block;
}
.product-details .basic-details .details-header .rating span {
color: #0096ff;
}
.product-details .basic-details .details-header .rating .fa {
display: inline-block;
margin-right: 1px;
}
.product-details .basic-details .details-header .rating .fa.light {
color: #dadada;
}
.product-details .basic-details .details-header .item-price {
position: relative;
font-size: 24px;
font-weight: 400;
color: #222222;
line-height: 24px;
letter-spacing: 1px;
margin-bottom: 20px;
}
.product-details .basic-details .text {
position: relative;
color: #666666;
font-size: 14px;
line-height: 1.9em;
margin-bottom: 30px;
}
.product-details .basic-details .availablity {
position: relative;
float: left;
padding-right: 40px;
line-height: 32px;
margin-bottom: 27px;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
color: #777777;
}
.product-details .basic-details .availablity strong {
font-size: 14px;
letter-spacing: 2px;
color: #11da61;
font-weight: 600;
text-transform: uppercase;
}
.product-details .basic-details .item-quantity {
position: relative;
float: left;
width: 120px;
margin-bottom: 15px;
margin-right: 20px;
border: 1px solid #eae8e8;
}
.product-details .basic-details .btns-box {
position: relative;
}
.product-details .basic-details .quantity-spinner, .cart-section input.quantity-spinner {
line-height: 24px;
padding: 10px 15px !important;
height: 54px !important;
box-shadow: none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn, .cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn {
padding: 13px 10px;
background: #f4f5f6;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i, .cart-section .bootstrap-touchspin .input-group-btn-vertical i {
top: 1px;
}
.shop-list {
position: relative;
margin-top: 20px;
}
.shop-list li {
position: relative;
color: #666666;
font-size: 14px;
margin-bottom: 10px;
}
.shop-list li strong {
color: #222222;
font-size: 16px;
margin-right: 5px;
text-transform: uppercase;
}
.shop-list li a {
position: relative;
color: #0096ff;
font-size: 14px;
font-weight: 700;
margin-top: 0px;
display: inline-block;
text-transform: uppercase;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.shop-page .prod-tabs {
position: relative;
}
.shop-page .prod-tabs .tab-btns {
position: relative;
text-align: center;
margin-bottom: 40px;
}
.shop-page .prod-tabs .tab-btns .tab-btn {
position: relative;
display: block;
margin-right: 8px;
font-size: 16px;
background: none;
color: #222222;
border: 1px solid #222222;
text-transform: capitalize;
font-weight: 400;
line-height: 24px;
cursor: pointer;
margin-bottom: 12px;
display: inline-block;
padding: 12px 40px 10px;
transition: all 500ms ease;
}
.shop-page .prod-tabs .tab-btns .tab-btn:hover, .shop-page .prod-tabs .tab-btns .tab-btn.active-btn {
color: #ffffff;
background: #222222;
border-color: #222222;
}
.shop-page .prod-tabs .tabs-content {
position: relative;
}
.shop-page .prod-tabs .tabs-content .tab {
position: relative;
display: none;
}
.shop-page .prod-tabs .tabs-content .tab.active-tab {
display: block;
}
.shop-page .prod-tabs .tabs-content .tab p {
font-size: 14px;
line-height: 2em;
color: #666666;
margin-bottom: 20px;
}
.shop-page .prod-tabs .tabs-content .tab p:last-child {
margin-bottom: 0px;
}
.shop-page .prod-tabs .tabs-content .tab h3, .shop-page .prod-tabs .tabs-content .tab h4, .shop-page .prod-tabs .tabs-content .tab h5, .shop-page .prod-tabs .tabs-content .tab h6 {
margin-bottom: 15px;
}
.shop-page .prod-tabs .tabs-content .tab h4 {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: #222222;
}
.shop-page .prod-tabs .reviews-container {
position: relative;
padding-bottom: 1px;
}
.shop-page .prod-tabs .reviews-container .review-box {
position: relative;
margin-bottom: 30px;
padding-left: 120px;
min-height: 130px;
padding-bottom: 30px;
border-bottom: 1px solid #f0f0f0;
}
.shop-page .prod-tabs .reviews-container .review-box:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
border: none;
}
.bootstrap-touchspin .input-group-btn-vertical {
width: auto;
right: 0px;
position: absolute;
}
.bootstrap-touchspin .glyphicon-chevron-up:before {
content: "\f106";
font-size: 18px;
font-style: normal;
font-family: 'FontAwesome';
}
.bootstrap-touchspin .glyphicon-chevron-down:before {
content: "\f107";
font-size: 18px;
font-style: normal;
font-family: 'FontAwesome';
}
.shop-page .prod-tabs .reviews-container .rev-thumb {
position: absolute;
left: 0px;
top: 5px;
width: 100px;
height: 100px;
background: #ffffff;
border-radius: 3px;
margin-bottom: 20px;
}
.shop-page .prod-tabs .reviews-container .rev-thumb img {
display: block;
width: 100%;
border-radius: 3px;
}
.shop-page .prod-tabs .reviews-container .rev-content {
position: relative;
background: #ffffff;
}
.shop-page .prod-tabs .reviews-container .rev-header {
position: relative;
}
.shop-page .prod-tabs .reviews-container .rev-header h4 {
float: left;
line-height: 30px;
color: #222222;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 10px;
}
.shop-page .prod-tabs .reviews-container .rev-header .rating {
position: relative;
float: left;
margin-left: 40px;
color: #0096ff;
line-height: 30px;
font-size: 14px;
margin-bottom: 10px;
}
.shop-page .prod-tabs .reviews-container .rev-header .rating .fa {
margin-right: 3px;
}
.shop-page .prod-tabs .reviews-container .rev-header .time {
position: relative;
float: right;
color: #000000;
line-height: 30px;
font-size: 14px;
}
.shop-page .prod-tabs .reviews-container .rev-option {
font-size: 14px;
color: #9e9e9e;
}
.shop-page .prod-tabs .reviews-container .rev-option a {
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
}
.shop-page .prod-tabs .reviews-container .rev-text {
font-size: 14px;
color: #9e9e9e;
line-height: 1.8em;
margin-bottom: 15px;
}
.pro-name{
font-size: 18px;
color: #fff;
font-weight: 600;
line-height: 25px;
}
.pro-text{
font-size: 14px;
color: #fff;
font-weight: 500;
line-height: 25px;
margin-bottom: 0px;
}
.bgclr{
padding: 10px 10px 10px 10px;
text-align: center;
background: #0096ff;
margin-bottom: 30px;
}
.wt-text{
}
/*Add Review*/
.shop-page .prod-tabs .add-review {
position: relative;
margin: 30px 0px 20px;
font-size: 14px;
}
.shop-page .prod-tabs .add-review h2 {
color: #000000;
}
.shop-page .prod-tabs .add-review .rating {
position: relative;
padding-top: 8px;
}
.shop-page .prod-tabs .add-review .rating .rate-box {
position: relative;
display: inline-block;
margin-right: 10px;
font-size: 14px;
color: #555555;
}
.shop-page .prod-tabs .add-review .rating .rate-box:hover, .shop-page .prod-tabs .add-review .rating .rate-box:focus, .shop-page .prod-tabs .add-review .rating .rate-box:active {
color: #0096ff;
}
.shop-page .prod-tabs .add-review label {
position: relative;
display: block;
font-size: 14px;
margin-bottom: 5px;
font-weight: 400;
color: #303030;
}
.shop-page .prod-tabs .add-review h3 {
margin-bottom: 20px;
}
.shop-page .prod-tabs .add-review .form-group {
position: relative;
margin-bottom: 20px;
}
.shop-page .prod-tabs .add-review .form-group input[type="text"], .shop-page .prod-tabs .add-review .form-group input[type="password"], .shop-page .prod-tabs .add-review .form-group input[type="tel"], .shop-page .prod-tabs .add-review .form-group input[type="email"], .shop-page .prod-tabs .add-review .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 22px;
padding: 9px 15px;
color: #222222;
border: 1px solid #e0e0e0;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.shop-page .prod-tabs .add-review .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 22px;
padding: 8px 15px;
color: #222222;
border: 1px solid #e0e0e0;
height: 150px;
resize: none;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.shop-page .prod-tabs .add-review button {
padding: 8px 35px;
}
/***
====================================================================
Cart Section style
====================================================================
***/
.cart-section {
position: relative;
z-index: 9;
background-color: #ffffff;
padding: 100px 0px 120px;
}
.cart-section .cart-outer {
position: relative;
}
.cart-section .table-outer {
position: relative;
width: 100%;
overflow-x: auto;
}
.cart-section .cart-table {
width: 100%;
min-width: 900px;
border: 1px solid #eeeeee;
}
.cart-section .cart-table tbody tr {
border-bottom: 1px solid #eeeeee;
}
.cart-table .cart-header {
position: relative;
width: 100%;
text-transform: uppercase;
font-size: 16px;
border-radius: 0px;
background: #0096ff;
color: #1f1f1f;
}
.cart-table thead tr th {
line-height: 24px;
padding: 20px 15px;
min-width: 120px;
font-weight: 700;
color: #ffffff;
font-size: 16px;
text-transform: capitalize;
}
.cart-table thead tr th.prod-column {
text-align: left;
padding-left: 40px;
}
.cart-table tbody tr td {
line-height: 24px;
padding: 40px 40px 40px;
min-width: 100px;
}
.cart-table tbody tr .qty {
width: 90px;
padding-right: 40px;
padding-left: 10px;
}
.cart-table tbody tr .qty .quantity-spinner {
background: #f5f5f5;
}
.cart-table tbody tr .prod-column .column-box {
position: relative;
min-height: 100px;
padding-left: 130px;
padding-top: 40px;
text-align: left;
}
.column.default-column .cart-table tbody tr .qty {
width: 110px;
padding-right: 20px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb {
position: absolute;
width: 100px;
left: 0px;
top: 0px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img {
display: block;
max-width: 100%;
}
.cart-table tbody tr .prod-column .column-box h6 {
color: #222222;
font-weight: 500;
margin-bottom: 5px;
}
.cart-table tbody tr .sub-total {
font-weight: 400;
color: #222222;
font-size: 18px;
padding-left: 20px;
}
.cart-table tbody tr .remove-btn {
position: relative;
font-size: 18px;
color: #0096ff;
display: inline-block;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.cart-table tbody tr .remove-btn .fa {
position: relative;
top: 2px;
font-size: 10px;
line-height: 14px;
width: 14px;
height: 14px;
margin-right: 8px;
background: #f0f0f0;
color: #ffffff;
text-align: center;
overflow: hidden;
text-indent: 100px;
}
.cart-table tbody tr .remove {
}
.cart-table tbody tr .remove-btn:hover {
}
.cart-table tbody tr .remove-btn:hover .fa {
text-indent: 0px;
background: #fa9928;
}
.cart-table tbody tr td {
vertical-align: middle;
}
.cart-table tbody tr td.price {
font-size: 18px;
font-weight: 400;
color: #222222;
padding-left: 10px;
}
.cart-table tbody tr td .quantity-spinner {
padding: 5px 0px 5px 20px;
line-height: 24px;
height: 34px;
display: block;
width: 100%;
position: relative;
}
.cart-table tbody .available-info {
position: relative;
padding-left: 50px;
color: #727272;
font-size: 16px;
}
.cart-table tbody .available-info .icon {
position: absolute;
left: 0px;
top: 5px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 18px;
color: #ffffff;
background: #3e4494;
border-radius: 50%;
}
.cart-section .coupon-outer {
position: relative;
margin: 40px 0px 50px;
}
.cart-section .coupon-outer .cart-btn {
font-size: 14px;
padding: 14px 43px;
font-weight: 400;
cursor: pointer;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.cart-section .apply-coupon {
position: relative;
}
.cart-section .apply-coupon .form-group {
position: relative;
float: left;
margin-right: 20px;
}
.cart-section .apply-coupon .form-group .coupon-btn {
padding: 11px 28px;
line-height: 30px;
cursor: pointer;
}
.cart-section .apply-coupon .form-group input[type="text"] {
display: block;
line-height: 26px;
padding: 12px 0px;
border-bottom: 2px solid #0096ff;
height: 54px;
width: 230px;
background: none;
font-size: 14px;
}
.cart-section .estimate-form {
position: relative;
}
.cart-section .sec-title {
margin-bottom: 25px;
}
.cart-section .sec-title h2 {
font-size: 26px;
color: #222222;
}
.cart-section .estimate-form .row {
margin-left: -7px;
margin-right: -7px;
}
.cart-section .estimate-form .row .form-group {
padding: 0px 7px !important;
margin-bottom: 30px;
}
.cart-section .cart-note {
position: relative;
margin-bottom: 50px;
padding: 16px 20px;
text-align: center;
border: 1px dashed #b2dd4c;
background: #f4f4f4;
line-height: 1.7em;
}
.product-details .basic-details .item-quantity input[type="text"], .cart-table tbody tr .qty input[type="text"] {
position: relative;
line-height: 46px;
height: 46px;
background: #f4f4f4;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn {
height: 24px;
background: #e9e9e9;
}
.bootstrap-touchspin .input-group-btn-vertical i {
left: 6px;
top: 6px;
}
.cart-total-box {
position: relative;
max-width: 490px;
margin-bottom: 40px;
padding: 40px 40px 30px;
background-color: #f4f4f4;
}
.cart-total-box h4 {
position: relative;
color: #222222;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 25px;
}
.totals-table {
position: relative;
}
.totals-table li {
position: relative;
color: #222222;
font-weight: 500;
font-size: 18px;
margin-bottom: 8px;
}
.totals-table li .col {
float: right;
width: auto;
}
.totals-table li .col-title {
font-weight: 600;
float: left;
}
.totals-table li.total {
margin-top: 25px;
padding-top: 30px;
border-top: 1px solid #cccccc;
}
.checkout-btn {
color: #ffffff;
font-size: 16px;
font-weight: 400;
padding: 17px 43px 14px;
cursor: pointer;
background-color: #0096ff;
}
/*Check Out Page*/
.checkout-page {
position: relative;
z-index: 9;
background-color: #ffffff;
padding: 100px 0px 80px;
}
.checkout-page .default-links {
position: relative;
margin-bottom: 40px;
}
.checkout-page .default-links li {
margin-bottom: 15px;
line-height: 24px;
padding: 18px 28px;
background: #f9f9f9;
color: #797979;
font-size: 17px;
font-weight: 600;
border: 1px solid #ebebeb;
}
.checkout-page .default-links li a {
color: #0096ff;
text-decoration: underline;
}
.shop-form .billing-inner {
position: relative;
padding-right: 100px;
}
.shop-form .sec-title h2 {
font-size: 24px;
}
.shop-form .form-group {
position: relative;
margin-bottom: 20px;
}
.billing-details .shop-form .sec-title {
margin-bottom: 20px;
}
.billing-details .shop-form .form-group.sec-title {
margin-bottom: 10px;
padding-bottom: 30px;
margin-top: 20px;
}
.shop-form .form-group .field-label {
display: block;
line-height: 24px;
margin-bottom: 8px;
color: #797979;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
}
.shop-form .form-group .field-label sup {
position: relative;
top: 0px;
color: #797979;
font-size: 16px;
}
.shop-form input[type="text"], .shop-form input[type="email"], .shop-form input[type="password"], .shop-form input[type="tel"], .shop-form input[type="number"], .shop-form input[type="url"], .shop-form select, .shop-form textarea {
position: relative;
display: block;
width: 100%;
background: #ffffff;
line-height: 16px;
padding: 10px 15px;
height: 50px;
border: 1px solid #eeeeee;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.pro-area {
padding-top: 60px;
}
.protext p {
position: relative;
color: #000000;
font-size: 15px;
line-height: 1.8em;
font-weight: 600;
text-align: justify;
margin-top: 30px;
margin-bottom: 25px;
}
.shop-form input.address-two {
margin-top: 12px;
}
.shop-form input::-webkit-input-placeholder, .shop-form select::-webkit-input-placeholder, .shop-form textarea-webkit-input-placeholder {
color:#c6c6c6;
}
.shop-form select {
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
cursor: pointer;
}
.shop-form select option {
text-indent: 15px;
}
.shop-form textarea {
resize: none;
height: 100px !important;
overflow: hidden;
}
.shop-form input:focus, .shop-form select:focus, .shop-form textarea:focus {
border-color: #0096ff;
}
/* Shop Order Box */
.shop-order-box {
position: relative;
padding: 20px 28px 50px;
border: 1px solid #d9d9d9;
background-color: #fdfdfd;
}
.shop-order-box .order-list {
position: relative;
}
.shop-order-box .order-list li {
position: relative;
color: #797979;
font-size: 15px;
font-weight: 500;
margin-bottom: 12px;
text-transform: uppercase;
}
.shop-order-box .order-list li span {
float: right;
width: 35%;
text-align: left;
font-size: 17px;
text-transform: capitalize;
}
.shop-order-box .order-list li span.dark {
color: #242424;
}
.shop-order-box .order-list li.total {
padding: 8px 0px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
.payment-options {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
}
.checkout-page .payment-options li {
position: relative;
margin-bottom: 15px;
}
.checkout-page .payment-options li .radio-option {
position: relative;
}
.checkout-page .payment-options li .radio-option label {
position: relative;
display: block;
padding-left: 30px;
font-weight: 600 !important;
text-transform: capitalize;
letter-spacing: 1px;
color: #797979;
cursor: pointer;
font-size: 15px;
}
.checkout-page .payment-options li .radio-option label strong {
font-weight: 500;
display: inline-block;
color: #797979;
font-size: 15px;
}
.checkout-page .payment-options li .radio-option input[type="radio"] {
position: absolute;
left: 0px;
top: 3px;
}
.checkout-page .payment-options li .radio-option #payment-3 {
top: 9px;
}
.checkout-page .payment-options li .what-paypall {
font-size: 13px;
font-weight: 500;
margin-left: 15px;
color: #4349d9;
}
.checkout-page .payment-options li .radio-option label .small-text {
position: relative;
display: none;
padding: 18px 26px;
letter-spacing: 0px;
text-transform: none;
font-weight: normal;
font-size: 15px;
color: #8e8d8d;
border-radius: 4px;
line-height: 20px;
line-height: 1.8em;
margin-top: 20px;
margin-left: -30px;
background-color: #ececec;
}
.checkout-page .payment-options li .radio-option label .small-text:before {
position: absolute;
content: '';
left: 24px;
top: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 15px solid #ececec;
}
.checkout-page .payment-options li .radio-option input[type="radio"]:checked + label .small-text {
display: block;
}
.checkout-page .payment-options li .radio-option label img {
position: relative;
top: -3px;
display: inline-block;
max-width: 100%;
padding-left: 30px;
}
.checkout-page .payment-options li .radio-option label img {
position: relative;
display: inline-block;
max-width: 100%;
padding-left: 30px;
}
/***
====================================================================
Login / Register Section
====================================================================
***/
.register-section {
position: relative;
z-index: 9;
background-color: #ffffff;
padding: 60px 0px 40px;
}
.register-section .form-column {
margin-bottom: 40px;
}
.register-section .form-column .sec-title {
position: relative;
margin-bottom: 30px;
}
.register-section .form-column .sec-title h2 {
}
.styled-form {
position: relative;
}
.styled-form .submit-text {
font-size: 15px;
color: #9e9e9e;
font-weight: 400;
margin-top: 10px;
}
.styled-form .form-group {
position: relative;
margin-bottom: 30px;
font-size: 14px;
color: #848484;
}
.checkout-section .styled-form .form-group {
position: relative;
margin-bottom: 20px;
}
.styled-form .form-group .check-box {
line-height: 24px;
font-size: 15px;
font-weight: normal;
padding-top: 5px;
color: #272727;
}
.styled-form .form-group .check-box label {
position: relative;
top: -1px;
font-weight: normal;
padding: 0px;
font-size: 15px;
cursor: pointer;
}
.styled-form .pull-left label, .styled-form .pull-right label {
cursor: pointer;
}
.styled-form .form-group .adon-icon {
position: absolute;
top: 50%;
margin-top: -10px;
right: 10px;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 15px;
color: #999999;
z-index: 2;
}
.styled-form .form-group .field-label {
display: block;
color: #272727;
text-transform: capitalize;
font-size: 16px;
margin-bottom: 7px;
font-weight: 400;
}
.styled-form input[type="text"], .styled-form input[type="email"], .styled-form input[type="password"], .styled-form input[type="tel"], .styled-form input[type="number"], .styled-form input[type="url"], .styled-form select, .styled-form textarea {
position: relative;
display: block;
width: 100%;
background: #ffffff;
line-height: 30px;
padding: 8px 20px;
height: 50px;
border: 1px solid #f4f4f4;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.checkout-section .styled-form input[type="text"], .checkout-section .styled-form input[type="email"], .checkout-section .styled-form input[type="password"], .checkout-section .styled-form select {
line-height: 26px;
height: 44px;
}
.styled-form select {
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
cursor: pointer;
}
.styled-form select option {
text-indent: 20px;
}
.styled-form textarea {
resize: none;
height: 110px;
}
.styled-form input:focus, .styled-form select:focus, .styled-form textarea:focus {
border-color: #0096ff;
}
.styled-form .form-group .theme-btn {
min-width: 150px;
text-align: center;
padding: 11px 34px;
border-radius: 0px;
cursor: pointer;
}
.styled-form .remember-me {
position: relative;
color: #222222;
font-size: 16px;
font-weight: 500;
}
.social-links-two a {
position: relative;
display: inline-block;
font-size: 14px;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
color: #ffffff;
background: #fc721e;
margin: 0px 0px 0px 5px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.social-links-two a:hover {
opacity: 0.80;
}
.social-links-two .facebook {
background: #3b5998;
}
.social-links-two .twitter {
background: #33ccfe;
}
.social-links-two .google-plus {
background: #dd4b39;
}
/* Error Section */
.error-section {
position: relative;
padding: 100px 0px 100px;
}
.error-section .content {
position: relative;
text-align: center;
}
.error-section h1 {
position: relative;
color: #222222;
font-size: 180px;
font-weight: 800;
line-height: 1em;
margin-bottom: 10px;
}
.error-section h2 {
position: relative;
color: #222222;
font-weight: 800;
line-height: 1.2em;
margin-bottom: 10px;
}
.error-section .text {
position: relative;
color: #222222;
font-size: 20px;
font-weight: 300;
margin-top: 20px;
margin-bottom: 30px;
}
.box-version {
padding-top: 30px !important;
}
.testimonial-section-three .owl-nav .owl-prev, .testimonial-section-three .owl-nav .owl-next {
box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.rtl .main-header .header-top .top-left {
float: right;
}
.rtl .main-header .header-top .top-right {
float: left;
}
.rtl .main-header .header-top .top-left .text {
text-align: right;
padding-right: 0px;
padding-right: 30px;
}
.rtl .main-header .header-top .top-left .text .icon {
right: 0px;
left: auto;
}
.rtl .main-header .header-top .top-right .social-nav {
padding-left: 0px;
padding-right: 25px;
}
.rtl .main-header .header-top .top-right .nav-list {
float: right;
padding-left: 25px;
}
.rtl .main-header .header-top .top-right .social-nav::before {
right: 0px;
left: auto;
border-radius: 0px 50px 50px 0px;
}
.rtl .main-header .header-top .top-right .nav-list li {
text-align: right;
}
.rtl .main-header .header-upper .logo-box {
float: right;
}
.rtl .main-header .header-upper .upper-right {
float: left;
}
.rtl .main-header .info-box {
padding-left: 0px;
margin-left: 0px;
padding-right: 60px;
margin-right: 50px;
text-align: right;
}
.rtl .main-header .info-box .icon-box {
right: 0px;
left: auto;
}
.rtl .main-header .nav-outer {
padding-right: 0px;
padding-left: 30px;
}
.rtl .main-menu {
float: right;
}
.rtl .main-menu .navigation > li {
float: right;
margin-right: 0px;
margin-left: 5px;
}
.rtl .main-header .options-box {
float: left;
}
.rtl .main-menu .navigation > li > ul > li.dropdown > a:after {
transform: rotate(180deg);
}
.rtl .main-menu .navigation > li > ul {
left: auto;
right: 30px;
text-align: right;
}
.rtl .main-menu .navigation > li.dropdown:hover > ul {
left: auto;
right: 0px;
}
.rtl .main-menu .navigation > li > ul > li:hover > a {
padding-left: 18px;
padding-right: 30px;
}
.rtl .main-menu .navigation > li > ul > li > a:before {
right: 10px;
left: auto;
}
.rtl .main-menu .navigation > li > ul > li.dropdown > a:after {
right: auto;
left: 15px;
}
.rtl .main-menu .navigation > li > ul > li > ul {
left: auto;
right: 120%;
}
.rtl .main-menu .navigation li > ul > li.dropdown:hover > ul {
left: auto;
right: 100%;
}
.rtl .sidebar-info-contents .content-inner {
text-align: right;
}
.rtl .list-style-one li {
padding-left: 0px;
padding-right: 30px;
}
.rtl .list-style-one li .icon {
right: 0px;
left: auto;
}
.rtl .main-slider .content-boxed::before {
right: 10px;
left: auto;
}
.rtl .main-slider .content-boxed {
text-align: right;
padding-left: 0px;
padding-right: 80px;
border-left: 0px;
border-right: 10px solid #0096ff;
}
.rtl .main-slider .title {
padding-left: 0px;
padding-right: 18px;
text-align: right;
}
.rtl .main-slider .title:before {
right: 0px;
left: auto;
}
.rtl .sec-title .separater, .rtl .main-slider .circle-icon {
display: none;
}
.rtl .fluid-section-one .content-column .inner-column {
text-align: right;
}
.rtl .fact-counter .column .inner .content {
padding-right: 60px;
padding-left: 0px;
}
.rtl .fact-counter .column .inner .icon {
right: 0px;
top: 12px;
left: auto;
}
.rtl .testimonial-block .inner-box .content, .rtl .service-block-two .inner-box .image .overlay-box .overlay-inner, .rtl .gallery-block .inner-box .image .overlay-box .content {
text-align: right;
}
.rtl .gallery-section .filters li {
padding-left: 0px;
text-align: right;
padding-right: 45px;
}
.rtl .gallery-section .filters li .icon {
right: 0px;
left: auto;
}
.rtl .service-block-two .inner-box .image .icon {
left: 0px;
right: auto;
border-radius: 0px 50px 50px 0px;
}
.rtl .service-block-two .inner-box .image .lower-box {
border-radius: 50px 0px 0px 50px;
text-align: right;
}
.rtl .service-block-two .inner-box .image .lower-box .plus {
left: 5px;
right: auto;
}
.rtl .testimonial-block .inner-box .upper-box .upper-inner {
padding-left: 0px;
padding-right: 150px;
text-align: right;
}
.rtl .testimonial-block .inner-box .upper-box .author-image {
right: 0px;
left: auto;
}
.rtl .news-block .inner-box .lower-content {
text-align: right;
}
.rtl .news-block .inner-box .lower-content .post-meta li {
padding-left: 0px;
padding-right: 25px;
text-align: right;
}
.rtl .news-block .inner-box .lower-content .post-meta li .icon {
right: 0px;
left: auto;
}
.rtl .main-footer .footer-widget {
text-align: right;
}
.rtl .main-footer .footer-widget h4::before {
right: 0px;
left: auto;
}
.rtl .main-footer .footer-widget h4::after {
right: 38px;
left: auto;
}
.rtl .list-link li a {
padding-left: 0px;
text-align: right;
padding-right: 15px;
}
.rtl .list-link li a:before {
right: 0px;
left: auto;
transform: rotate(180deg);
}
.rtl .main-footer .contact-widget ul li {
padding-left: 0px;
padding-right: 40px;
text-align: right;
}
.rtl .main-footer .contact-widget ul li .icon {
right: 0px;
left: auto;
}
.rtl .main-footer .lower-section .newsletter-column {
order: 2;
}
.rtl .main-footer .lower-section .form-column {
order: 1;
}
.rtl .main-footer .lower-section .newsletter-column .inner-column {
padding-left: 0px;
padding-right: 120px;
text-align: right;
}
.rtl .main-footer .lower-section .newsletter-column .inner-column .icon {
right: 0px;
left: auto;
}
.rtl .newsletter-form .form-group input[type="submit"], .rtl .newsletter-form button {
left: 0px;
right: auto;
}
.rtl .newsletter-form .form-group input[type="text"], .rtl .newsletter-form .form-group input[type="tel"], .rtl .newsletter-form .form-group input[type="email"], .rtl .newsletter-form .form-group textarea {
text-align: right;
}
.rtl .header-style-two .main-menu .navigation > li {
margin-left: 0px;
}
.rtl .header-style-two .main-menu .navigation > li:last-child {
border-right: 2px solid #e6e6e6;
}
.rtl .header-top-two .info-list li a {
text-align: right;
padding-left: 0px;
padding-right: 28px;
}
.rtl .list-style-two li:before {
right: 0px;
left: auto;
transform: rotate(180deg);
}
.rtl .main-header .cart-product .inner .image, .rtl .header-top-two .info-list li .icon {
right: 0px;
left: auto;
}
.rtl .main-header .cart-product .inner {
padding-left: 0px;
padding-right: 90px;
text-align: right;
}
.rtl .main-header .cart-product .inner .cross-icon {
left: 0px;
right: auto;
}
.rtl .news-block-two .inner-box, .rtl .price-block .inner-box, .rtl .service-block-three .inner-box, .rtl .news-block-three .inner-box .content, .rtl .testimonial-block-two .inner-box .upper-box, .rtl .gallery-block-two .inner-box .image .overlay-box .content, .rtl .fact-counter-two .counter-column .inner .counter-title, .rtl .video-project-section .content-column .sec-title, .rtl .video-project-section .content-column .text, .rtl .fact-counter-two .counter-column .inner .count-box, .rtl .choice-section .content-column .inner-column {
text-align: right;
}
.rtl .list-style-two li {
text-align: right;
padding-left: 0px;
padding-right: 25px;
}
.rtl .choice-section .image-column {
order: 2;
}
.rtl .choice-section .content-column {
order: 1;
}
.rtl .choice-section .image-column .inner-column .pattern-layer {
display: none;
}
.rtl .service-block-three .inner-box .line-one {
right: auto;
left: 20px;
}
.rtl .service-block-three .inner-box .line-two {
right: auto;
left: 40px;
}
.rtl .gallery-block-two .inner-box .image .tag {
right: 20px;
left: auto;
}
.rtl .price-block .inner-box .price-list li {
text-align: right;
padding-left: 0px;
padding-right: 30px;
}
.rtl .price-block .inner-box .price-list li::before {
right: 0px;
left: auto;
}
.rtl .price-block .inner-box .read-more .plus {
right: -44px;
}
.rtl .testimonial-block-two .inner-box .quote-icon {
right: auto;
left: 70px;
}
.rtl .news-block-two .inner-box .lower-content .post-meta li {
padding-left: 0px;
padding-right: 26px;
text-align: right;
}
.rtl .news-block-three .inner-box .content .post-meta li .icon, .rtl .news-block-two .inner-box .lower-content .post-meta li .icon {
right: 0px;
left: auto;
}
.rtl .news-block-three .inner-box .content .read-more .plus-box, .rtl .news-block-two .inner-box .lower-content .lower-box .read-more .plus-box {
left: 0px;
right: auto;
}
.rtl .news-block-three .inner-box .content .post-meta li {
padding-left: 0px;
padding-right: 26px;
text-align: right;
}
.rtl .call-to-action-section .inner-container {
padding-left: 15px;
text-align: right;
padding-right: 400px;
}
.rtl .header-style-three .header-info-box .info-list li .icon, .rtl .main-footer .news-widget .post .thumb, .rtl .call-to-action-section .image {
right: 0px;
left: auto;
}
.rtl .main-footer .news-widget .post {
padding-left: 0px;
text-align: right;
padding-right: 110px;
}
.rtl .header-style-three .main-menu .navigation > li {
margin-left: 20px;
}
.rtl .header-style-three .nav-outer {
padding-right: 20px;
}
.rtl .header-style-three .header-info-box .info-list li a {
text-align: right;
padding-left: 0px;
padding-right: 28px;
}
.rtl .main-slider-three .content-boxed {
padding-left: 0px;
padding-right: 60px;
border-left: 0px;
text-align: right;
border-right: 6px solid #ffffff;
}
.rtl .main-slider-three .content-boxed::before {
left: auto;
right: 8px;
}
.rtl .main-slider-three .content-boxed .video-box {
right: auto;
left: 80px;
}
.rtl .testimonial-block-three .inner-box .text, .rtl .about-section .content-column .inner-column {
text-align: right;
}
.rtl .about-section .content-column .inner-column .pull-left {
float: right;
}
.rtl .about-section .content-column .phone {
margin-left: 0px;
margin-right: 40px;
}
.rtl .about-section .content-column .read-more .plus {
right: -25px;
}
.rtl .about-section .image-column .inner-column .experiance .inner {
text-align: right;
padding-left: 0px;
padding-right: 75px;
}
.rtl .about-section .image-column .inner-column .experiance .inner .number {
right: 0px;
left: auto;
}
.rtl .quote-form .form-group input, .rtl .quote-form .form-group textarea, .rtl .clients-section-three .title-column .inner-column, .rtl .clients-section-three .title-column .title-box, .rtl .quote-section .form-column .title-box, .rtl .project-block .inner-box .content-column .inner-column {
text-align: right;
}
.rtl .project-block .inner-box .content-column .read-more {
padding-right: 35px;
}
.rtl .project-block .inner-box .content-column .read-more .plus {
right: auto;
left: 0px;
}
.rtl .project-block .inner-box .content-column .text {
padding-right: 0px;
}
.rtl .testimonial-block-three .inner-box .author-box .box-inner {
text-align: right;
padding-left: 0px;
padding-right: 100px;
}
.rtl .testimonial-block-three .inner-box .author-box .box-inner .author-image {
right: 0px;
left: auto;
}
.rtl .skills-section .skill-column {
order: 2;
}
.rtl .skills-section .team-column {
order: 1;
}
.rtl .skills-section .skill-column .inner-column {
padding-right: 0px;
padding-left: 30px;
text-align: right;
}
.rtl .skills-section .skill-column .inner-column .read-more .plus-box {
left: 0px;
right: auto;
}
.rtl .clients-section-three .title-column .title-box .title, .rtl .quote-section .form-column .title-box .title {
padding-left: 0px;
padding-right: 35px;
}
.rtl .clients-section-three .title-column .title-box .title .separater, .rtl .quote-section .form-column .title-box .title .separater {
right: 0px;
left: auto;
}
.rtl .clients-section-three .title-column .read-more .plus-box {
left: 0px;
right: auto;
}
.rtl .header-style-four .main-menu .navigation > li {
margin-left: 25px;
}
.rtl .main-header.header-style-four .nav-outer {
width: 100%;
padding-left: 145px;
padding-right: 20px;
}
.rtl .header-top-three .info-list li a {
padding-left: 0px;
padding-right: 28px;
text-align: right;
}
.rtl .header-top-three .info-list li .icon {
right: 0px;
left: auto;
}
.rtl .main-slider-four .content-column .inner-column {
text-align: right;
}
.rtl .main-slider-four .content-column .read-more .plus-box {
right: auto;
left: 0px;
}
.rtl .newsletter-section .info-column .content .content-inner {
padding-left: 0px;
text-align: right;
padding-right: 70px;
}
.rtl .newsletter-section .info-column .content .content-inner .icon {
right: 0px;
left: auto;
}
.rtl .newsletter-section .info-column .inner-column .icon-two {
display: none;
}
.rtl .skills-section-two .skill-column .inner-column, .rtl .newsletter-section .newsletter-column .text, .rtl .newsletter-section .newsletter-column h3 {
text-align: right;
}
.rtl .newsletter-form-two .form-group input[type="text"], .rtl .newsletter-form-two .form-group input[type="tel"], .rtl .newsletter-form-two .form-group input[type="email"], .rtl .newsletter-form-two .form-group textarea {
text-align: right;
padding-right: 20px;
}
.rtl .skills-section-two .skill-column .read-more {
padding-right: 30px;
}
.rtl .skills-section-two .skill-column .read-more .plus-box, .rtl .newsletter-form-two .form-group input[type="submit"], .rtl .newsletter-form-two button {
left: 0px;
right: auto;
}
.rtl .tags, .rtl .cat-list, .rtl .hiring-widget, .rtl .sidebar-widget, .rtl .blog-cat li a, .rtl .accordion-box, .rtl .cart-total-box, .rtl .faq-form-section .inner-container, .rtl .news-section-two.style-two .sec-title, .rtl .quote-section-two .content-column .inner-column, .rtl .quote-section-two .form-column .inner-column, .rtl .faq-section .accordian-column .inner-column .sec-title, .rtl .gallery-block-three .inner-box .image .overlay-box .content, .rtl .gallery-section-three .sec-title, .rtl .faq-form .form-group input[type="text"], .rtl .faq-form .form-group input[type="tel"], .rtl .faq-form .form-group input[type="email"], .rtl .faq-form .form-group select, .rtl .faq-form .form-group textarea, .rtl .service-detail .inner-box .lower-content, .rtl .project-single-section .lower-section, .rtl .shop-page .prod-tabs .add-review, .rtl .cart-section .apply-coupon .form-group input[type="text"], .rtl .shop-page .prod-tabs .add-review .form-group input, .rtl .shop-page .prod-tabs .add-review .form-group textarea, .rtl .shop-page .prod-tabs .tabs-content .tab p, .rtl .cart-table thead tr th.prod-column, .rtl .checkout-page .default-links li, .rtl .shop-form, .rtl .shop-form input, .rtl .shop-form textarea, .rtl .styled-form input, .rtl .shop-order-box .order-list li span, .rtl .register-section .form-column, .rtl .blog-detail .inner-box .lower-content, .rtl .comment-form .form-group input, .rtl .comment-form .form-group textarea, .rtl .contact-form .form-group input, .rtl .contact-form .form-group textarea, .rtl .contact-info-section .title-column .inner-column, .rtl .contact-page-section .title-column .inner-column, .rtl .coming-soon .emailed-form .form-group input[type="text"], .rtl .coming-soon .emailed-form .form-group input[type="tel"], .rtl .coming-soon .emailed-form .form-group input[type="email"], .rtl .coming-soon .emailed-form .form-group textarea {
text-align: right;
}
.rtl .gallery-section-three .owl-nav {
right: auto;
left: 5px;
}
.rtl .gallery-block-three .inner-box .search-icon {
right: auto;
left: -20px;
}
.rtl .quote-section-two .content-column .title, .rtl .quote-section-two .form-column .title-box .title {
padding-left: 0px;
padding-right: 35px;
}
.rtl .list-style-four li:before, .rtl .list-style-three li:before, .rtl .sidebar .contact-widget ul li .icon, .rtl .service-detail .inner-box .lower-content h2 .icon, .rtl .quote-section-two .content-column .title .separater, .rtl .quote-section-two .form-column .title-box .title .separater {
right: 0px;
left: auto;
}
.rtl .quote-section-two .content-column .text {
max-width: 100%;
}
.rtl .coming-soon .emailed-form .form-group input[type="submit"], .rtl .coming-soon .emailed-form button {
left: 0px;
right: auto;
}
.rtl .blog-cat li a::after {
right: auto;
left: 20px;
}
.rtl .sidebar .contact-widget ul li {
text-align: right;
padding-left: 0px;
padding-right: 40px;
}
.rtl .service-detail .inner-box .lower-content h2 {
padding-left: 0px;
padding-right: 70px;
text-align: right;
}
.rtl .list-style-three li {
padding-left: 0px;
padding-right: 28px;
text-align: right;
}
.rtl .list-style-four li {
text-align: right;
padding-left: 0px;
padding-right: 28px;
}
.rtl .project-single-section .lower-section .info-list li span {
text-align: left;
}
.rtl .shop-section .items-sorting .results-column {
order: 2;
text-align: right;
}
.rtl .shop-section .items-sorting .select-column {
order: 1;
}
.rtl .sidebar .search-box .form-group input[type="text"], .rtl .sidebar .search-box .form-group input[type="search"] {
text-align: right;
padding-right: 20px;
}
.rtl .sidebar .search-box .form-group button {
left: 0px;
right: auto;
}
.rtl .cat-list li a span {
left: 10px;
right: auto;
}
.rtl .sidebar .popular-posts .post {
padding-left: 0px;
padding-right: 115px;
}
.rtl .sidebar .popular-posts .post .post-thumb {
right: 0px;
left: auto;
}
.rtl .sidebar-title-two h3::before {
right: 0px;
left: auto;
}
.rtl .sidebar-title-two h3::after {
left: auto;
right: 48px;
}
.rtl .product-details .image-column {
order: 2;
}
.rtl .product-details .info-column {
order: 1;
text-align: right;
}
.rtl .product-details .info-column .other-options .pull-left {
float: right;
}
.rtl .product-details .basic-details .item-quantity {
margin-right: 0px;
margin-left: 15px;
}
.rtl .shop-page .prod-tabs .reviews-container .review-box {
padding-left: 0px;
padding-right: 120px;
text-align: right;
}
.rtl .shop-page .prod-tabs .reviews-container .rev-thumb {
right: 0px;
left: auto;
}
.rtl .cart-table tbody tr .prod-column .column-box .prod-thumb {
right: 0px;
left: auto;
}
.rtl .cart-table tbody tr .prod-column .column-box {
padding-left: 0px;
text-align: right;
padding-right: 130px;
}
.rtl .styled-form .form-group .adon-icon {
left: 12px;
right: auto;
}
.rtl .blog-detail .inner-box .lower-content .post-meta li {
padding-left: 0px;
padding-right: 28px;
text-align: right;
}
.rtl .blog-detail .inner-box .lower-content .post-meta li .icon {
right: 0px;
left: auto;
}
.rtl .blog-detail .inner-box .lower-content blockquote .quote-icon {
right: auto;
left: 25px;
}
.rtl .blog-new-posts a.prev {
padding-left: 0px;
padding-right: 80px;
text-align: right;
}
.rtl .blog-new-posts a.prev .fa {
right: 0px;
left: auto;
}
.rtl .blog-author-box .author-inner {
text-align: right;
padding-left: 15px;
padding-right: 250px;
}
.rtl .sidebar-page-container .comments-area .comment-box .author-thumb, .rtl .blog-author-box .thumb {
right: 0px;
left: auto;
}
.rtl .sidebar-page-container .comments-area .comment {
padding-left: 0px;
padding-right: 125px;
text-align: right;
}
.rtl .sidebar-page-container .comments-area .comment .comment-reply {
left: 0px;
right: auto;
}
.rtl .sidebar-page-container .group-title h2 {
text-align: right;
}
.rtl .sidebar-page-container .group-title h2::before {
right: 0px;
left: auto;
}
.rtl .sidebar-page-container .group-title h2::after {
right: 50px;
left: auto;
}
.rtl .contact-info-section .info-column .contact-column .inner {
padding-left: 0px;
padding-right: 100px;
text-align: right;
}
.rtl .contact-info-section .info-column .contact-column .inner .icon {
right: 0px;
left: auto;
}
.rtl .header-style-two .sticky-header .main-menu .navigation > li {
margin-left: 22px;
}
.rtl .header-style-two .sticky-header .main-menu .navigation > li:last-child {
border: none;
}
.color-trigger .fa {
-webkit-animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
/*-------------------------------------
Loading
-------------------------------------*/
.loading-area {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 9999;
overflow: hidden;
}
.loading-box {
width: 100%;
height: 100%;
background-color: #FFF;
position: absolute;
left: 0;
top: 0;
opacity: 1;
z-index: 9999;
}
.cssload-loader {
width: 244px;
height: 49px;
line-height: 49px;
text-align: center;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
font-family: helvetica, arial, sans-serif;
text-transform: uppercase;
font-weight: 900;
font-size: 18px;
color: #0096ff;
letter-spacing: 0.2em;
}
.cssload-loader::before, .cssload-loader::after {
content: "";
display: block;
width: 15px;
height: 15px;
background: rgb(34,34,34);
position: absolute;
animation: cssload-load 0.81s infinite alternate ease-in-out;
-o-animation: cssload-load 0.81s infinite alternate ease-in-out;
-ms-animation: cssload-load 0.81s infinite alternate ease-in-out;
-webkit-animation: cssload-load 0.81s infinite alternate ease-in-out;
-moz-animation: cssload-load 0.81s infinite alternate ease-in-out;
}
.cssload-loader::before {
top: 0;
}
.cssload-loader::after {
bottom: 0;
}
.loading-pic {
width: 100%;
position: absolute;
top: 50%;
z-index: 99999;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@keyframes cssload-load {
0% {
left: 0;
height: 29px;
width: 15px;
}
50% {
height: 8px;
width: 39px;
}
100% {
left: 229px;
height: 29px;
width: 15px;
}
}
@-o-keyframes cssload-load {
0% {
left: 0;
height: 29px;
width: 15px;
}
50% {
height: 8px;
width: 39px;
}
100% {
left: 229px;
height: 29px;
width: 15px;
}
}
@-ms-keyframes cssload-load {
0% {
left: 0;
height: 29px;
width: 15px;
}
50% {
height: 8px;
width: 39px;
}
100% {
left: 229px;
height: 29px;
width: 15px;
}
}
@-webkit-keyframes cssload-load {
0% {
left: 0;
height: 29px;
width: 15px;
}
50% {
height: 8px;
width: 39px;
}
100% {
left: 229px;
height: 29px;
width: 15px;
}
}
@-moz-keyframes cssload-load {
0% {
left: 0;
height: 29px;
width: 15px;
}
50% {
height: 8px;
width: 39px;
}
100% {
left: 229px;
height: 29px;
width: 15px;
}
}
/************************ Mega Menu ***************************/
.main-menu .navigation > li.has-mega-menu {
position: static;
}
.main-menu .navigation > li > .mega-menu {
position: absolute;
left: 0px;
right: 0;
margin: auto;
width: 100%;
max-width: 1170px;
background-color: #ffffff;
padding: 45px 40px 30px 45px;
top: 100%;
z-index: 100;
opacity: 0;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li:hover > .mega-menu {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.main-menu .navigation > li > .mega-menu .mega-menu-bar {
position: relative;
}
.main-menu .navigation > li .mega-menu-bar h3 {
position: relative;
color: #222222;
font-size: 18px;
font-weight: 700;
padding-bottom: 12px;
margin-bottom: 10px;
border-bottom: 1px solid #f2f2f2;
}
.main-menu .navigation > li .mega-menu-bar > ul {
position: relative;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li {
position: relative;
width: 100%;
padding: 7px 0px;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li .mega-menu-bar .column {
position: relative;
margin-bottom: 10px;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child {
border: none;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a {
position: relative;
display: block;
line-height: 20px;
font-weight: 600;
font-size: 16px;
color: #222222;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
/* .main-menu .navigation > li .mega-menu-bar .column > ul > li > a:before {
position: absolute;
top: -11px;
left: 8px;
color: transparent;
content: '.';
text-shadow: 0 0 transparent;
font-size: 2em;
line-height: 1em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
pointer-events: none;
animation: opacitychange 1s ease-in-out infinite;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{
color: #f7941d;
padding-left: 30px;
} */
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover::before {
opacity: 1;
color: #000000;
text-shadow: 8px 0 #f7941d, -8px 0 #f7941d;
}
.box-layout .header-top-two .info-list li {
margin-right: 10px;
}
.box-layout .header-top-two .info-list li {
font-size: 14px;
}
.box-layout .header-style-two .main-menu .navigation > li > a {
text-transform: capitalize;
}
.scaff_title{
font-size: 19px;
margin-bottom: 2px;
font-weight: 700;
color: #000;
}
.protext{
margin-bottom: 10px;
color: #16509d;
font-weight: 600;
}
.main-menu .navigation > li {
position: relative;
}
.main-menu .navigation > li:hover > ul {
display: block;
}
.main-menu .navigation > li > ul > li > ul {
display: none;
position: absolute;
top: 0;
left: 100%;
background-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
padding: 0;
margin: 0;
list-style: none;
width: 195px;
}
.main-menu .navigation > li > ul > li.dropdown:hover > ul {
display: block;
}
/* Sub-submenu dropdown (third level) */
.main-menu .navigation > li > ul > li > ul > li > a {
padding-left: 15px;
}
.main-menu .navigation > li > ul > li > ul > li > ul {
position: absolute;
left: 100%;
top: 20px;
width: 170px;
padding: 0px;
z-index: 100;
display: none;
background: #ffffff;
border-top: 3px solid #0096ff;
-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:hover > ul {
display: block;
}
.main-menu .navigation ul li a {
position: relative;
display: block;
padding: 10px 10px;
line-height: 24px;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
color: #000;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
}
.main-menu .navigation ul li a:hover {
color: #0096ff;
}
.abt_menu_wth{
width: 165px!important;
}
.sec-titlepros h2{
position: relative;
color: #000;
font-weight: 700;
line-height: 35px;
text-transform: capitalize;
font-size: 22px;
text-align: center;
margin-bottom: 50px;
}