/* Finano Consulting App HTML Template */
/************ TABLE OF CONTENTS ***************66
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three / Style Four / Style Five
5. Main Slider
6. Services Section / Two / Three / Four / Five
7. About Section
8. Testimonial Section
9. Team Section
10. Call To Action Section
11. Sponsors Section
12. News Section
13. Fluid Section One
14. Main Footer / Style Two
15. About Section Two
16. Planner Section
17. Business Section
18. Faq Section
19. Counter Section
20. Quote Section
21. Companies Section
22. Testimonial Section Two
23. Processing Section
24. Pricing Section
25. Feature Section
26. Page Title
27. Skills Section
28. Video Section
29. Case Section
30. Error Section
31. Services Single Section
32. Portfolio Two Section
33. Portfolio Threee Section
34. Portfolio Four Section
35. Portfolio Masonry
36. Portfolio Single Section
37. Blog Section
38. Blog Widgets
39. Blog Single Section
40. Map Section
41. Contact Form Section
**********************************************/
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Playfair+Display:400,400i,700,700i,900,900i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
/*font-family: 'Poppins', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Muli', 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.mCustomScrollbar.min.css');
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
@font-face {
font-family:BellMT;
src: url(fonts/BELL.TTF);
}
@font-face {
font-family:Segoe UI;
src: url(fonts/SEGOEUI.TTF);
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: inherit;
font-size:14px;
color:#777777;
line-height:1.7em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper{
padding:0px 50px 0px;
}
a{
text-decoration:none;
cursor:pointer;
color:#070519;
}
button,
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none !important;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
font-family: 'Poppins', sans-serif;
}
/* Typography */
h1{
font-size:44px;
}
h2{
font-size:34px;
}
h3{
font-size:28px;
}
h4{
font-size:24px;
}
h5{
font-size:20px;
}
h6{
font-size:18px;
}
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;
}
/*Btn Style One*/
.btn-style-one{
position:relative;
padding:10px 72px 10px 30px;
line-height:24px;
background:#070519;
color:#ffffff;
font-size:14px;
cursor: pointer;
font-weight:400;
border-radius:50px;
border:2px solid #070519;
text-transform:capitalize;
font-family: 'Muli', sans-serif;
}
.btn-style-one .icon{
position:absolute;
right:-2px;
top:-2px;
color:#ffffff;
width:57px;
height:48px;
line-height:48px;
text-align:center;
font-weight:400;
font-size:16px;
padding-right:4px;
background-color:#091394;
border-radius:0px 50px 50px 0px;
}
.btn-style-one:hover{
background:none;
border-color:#070519;
color:#070519;
}
/*Btn Style Two*/
.btn-style-two{
position:relative;
padding:12px 38px 12px;
line-height:24px;
color:#ffffff;
font-size:14px;
cursor: pointer;
font-weight:600;
border-radius:4px;
text-transform:capitalize;
background-image: -ms-linear-gradient(top, #9EE213 0%, #45a401 100%);
background-image: -moz-linear-gradient(top, #9EE213 0%, #45a401 100%);
background-image: -o-linear-gradient(top, #9EE213 0%, #45a401 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9EE213), color-stop(100, #45a401));
background-image: -webkit-linear-gradient(top, #9EE213 0%, #45a401 100%);
background-image: linear-gradient(to bottom, #9EE213 0%, #45a401 100%);
}
.btn-style-two:hover{
background-image: -ms-linear-gradient(top, #45A401 0%, #9EE213 100%);
background-image: -moz-linear-gradient(top, #45A401 0%, #9EE213 100%);
background-image: -o-linear-gradient(top, #45A401 0%, #9EE213 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #45A401), color-stop(100, #9EE213));
background-image: -webkit-linear-gradient(top, #45A401 0%, #9EE213 100%);
background-image: linear-gradient(to bottom, #45A401 0%, #9EE213 100%);
color:#ffffff;
}
/*Btn Style Three*/
.btn-style-three{
position:relative;
line-height:24px;
color:#333333;
font-size:15px;
cursor: pointer;
font-weight:400;
border-radius:4px;
padding:11px 46px 11px;
background-color:#eeeef6;
text-transform:capitalize;
}
.btn-style-three:hover{
color:#ffffff;
background-color:#070519;
}
/*Btn Style Four */
.btn-style-four{
position:relative;
line-height:24px;
color:#333333;
font-size:15px;
cursor: pointer;
font-weight:400;
border-radius:4px;
padding:11px 36px 11px;
background-color:#eeeef6;
text-transform:capitalize;
}
.btn-style-four:hover{
color:#ffffff;
background-image: -ms-linear-gradient(top, #45A401 0%, #9EE213 100%);
background-image: -moz-linear-gradient(top, #45A401 0%, #9EE213 100%);
background-image: -o-linear-gradient(top, #45A401 0%, #9EE213 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #45A401), color-stop(100, #9EE213));
background-image: -webkit-linear-gradient(top, #45A401 0%, #9EE213 100%);
background-image: linear-gradient(to bottom, #45A401 0%, #9EE213 100%);
}
/*Btn Style Five*/
.btn-style-five{
position:relative;
line-height:24px;
color:#012068;
font-size:15px;
cursor: pointer;
font-weight:400;
border-radius:4px;
padding:11px 36px 11px;
background-color:#ffffff;
text-transform:capitalize;
}
.btn-style-five:hover{
color:#ffffff;
background-color:#070519;
}
/* Btn Style Six */
.btn-style-six{
position:relative;
line-height:24px;
color:#ffffff;
font-size:14px;
cursor: pointer;
font-weight:400;
border-radius:4px;
padding:11px 36px 11px;
background-color:#4659e2;
text-transform:capitalize;
}
.btn-style-six:hover{
color:#ffffff;
background-color:#ff7a01;
}
/* Btn Style Seven */
.btn-style-seven{
position:relative;
line-height:24px;
color:#333333;
font-size:14px;
cursor: pointer;
font-weight:400;
border-radius:4px;
padding:11px 36px 11px;
background-color:#ffffff;
text-transform:capitalize;
}
.btn-style-seven:hover{
color:#ffffff;
background-color:#4659e2;
}
/* Btn Style Eight */
.btn-style-eight{
position:relative;
line-height:24px;
color:#ffffff;
font-size:14px;
cursor: pointer;
font-weight:400;
border-radius:4px;
padding:11px 36px 11px;
background-color:#ed1c24;
text-transform:capitalize;
}
.btn-style-eight:hover{
color:#ffffff;
background-color:#4659e2;
}
/*Btn Style Nine*/
.btn-style-nine{
position:relative;
line-height:24px;
color:#ffffff;
font-size:14px;
cursor: pointer;
font-weight:400;
border-radius:50px;
border:2px solid #7e6a46;
padding:10px 36px 10px;
background-color:#7e6a46;
text-transform:capitalize;
}
.btn-style-nine .icon{
font-size:12px;
margin-left:6px;
}
.btn-style-nine:hover{
color:#7e6a46;
background:none;
}
/* Btn Style Ten */
.btn-style-ten{
position:relative;
line-height:24px;
color:#333333;
font-size:15px;
cursor: pointer;
font-weight:400;
border-radius:50px;
padding:11px 31px 11px;
background-color:#f6f4ee;
text-transform:capitalize;
box-shadow: inset 0 0 10px rgba(0,0,0,0.20);
}
.btn-style-ten:hover{
color:#ffffff;
background-color:#7e6a46;
}
/*Btn Style Eleven */
.btn-style-eleven{
position:relative;
padding:10px 72px 10px 30px;
line-height:24px;
background:#b78b4b;
color:#ffffff;
font-size:14px;
cursor: pointer;
font-weight:400;
border-radius:50px;
border:2px solid #b78b4b;
text-transform:capitalize;
font-family: 'Muli', sans-serif;
}
.btn-style-eleven .icon{
position:absolute;
right:-2px;
top:-2px;
color:#ffffff;
width:57px;
height:48px;
line-height:48px;
text-align:center;
font-weight:600;
font-size:16px;
padding-right:4px;
background-color:#7e6a46;
border-radius:0px 50px 50px 0px;
}
.btn-style-eleven:hover{
background:none;
border-color:#b78b4b;
color:#b78b4b;
}
/* Btn Style Twelve */
.btn-style-twelve{
position:relative;
line-height:24px;
color:#ffffff;
font-size:14px;
cursor: pointer;
font-weight:700;
border-radius:4px;
padding:11px 44px 11px;
text-transform:capitalize;
}
.btn-style-twelve .fa{
position:relative;
font-size:16px;
top:0px;
margin-left:2px;
}
.btn-style-twelve:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
z-index:-1;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
background-image: -ms-linear-gradient(left, #ed1c24 0%, #024831 100%);
background-image: -moz-linear-gradient(left, #ed1c24 0%, #024831 100%);
background-image: -o-linear-gradient(left, #ed1c24 0%, #024831 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ed1c24), color-stop(100, #024831));
background-image: -webkit-linear-gradient(left, #ed1c24 0%, #024831 100%);
background-image: linear-gradient(to right, #ed1c24 0%, #024831 100%);
}
.btn-style-twelve:hover::before{
background-image: -ms-linear-gradient(left, #024831 0%, #ed1c24 100%);
background-image: -moz-linear-gradient(left, #024831 0%, #ed1c24 100%);
background-image: -o-linear-gradient(left, #024831 0%, #ed1c24 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #024831), color-stop(100, #ed1c24));
background-image: -webkit-linear-gradient(left, #024831 0%, #ed1c24 100%);
background-image: linear-gradient(to right, #024831 0%, #ed1c24 100%);
}
.btn-style-twelve:hover{
color:#ffffff;
}
/* Btn Style Thirteen */
.btn-style-thirteen{
position:relative;
line-height:24px;
color:#010101;
font-size:14px;
cursor: pointer;
font-weight:700;
background-color:#ffffff;
padding:11px 44px 11px;
text-transform:capitalize;
}
.btn-style-thirteen .fa{
position:relative;
font-size:16px;
top:0px;
margin-left:2px;
}
.btn-style-thirteen:hover{
color:#010101;
}
/* Btn Style Fourteen */
.btn-style-fourteen{
position:relative;
line-height:24px;
color:#ffffff;
font-size:15px;
cursor: pointer;
font-weight:400;
background-color:#ed1c24;
padding:11px 30px 11px;
text-transform:capitalize;
}
.btn-style-fourteen:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.btn-style-fourteen:hover{
color:#ffffff;
background-image: -ms-linear-gradient(left, #ed1c24 0%, #b1180e 100%);
background-image: -moz-linear-gradient(left, #ed1c24 0%, #b1180e 100%);
background-image: -o-linear-gradient(left, #ed1c24 0%, #b1180e 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ed1c24), color-stop(100, #b1180e));
background-image: -webkit-linear-gradient(left, #ed1c24 0%, #b1180e 100%);
background-image: linear-gradient(to right, #ed1c24 0%, #b1180e 100%);
}
/* Btn Style Fifteen */
.btn-style-fifteen{
position:relative;
line-height:24px;
color:#ffffff;
font-size:14px;
cursor: pointer;
font-weight:400;
border-radius:50px;
padding:11px 51px 11px;
background-color:#070519;
text-transform:capitalize;
}
.btn-style-fifteen:hover{
color:#ffffff;
background-color:#222222;
}
/* Btn Style Sixteen */
.btn-style-sixteen{
position:relative;
line-height:24px;
color:#ffffff;
font-size:18px;
cursor: pointer;
font-weight:400;
letter-spacing:1px;
border-radius:50px;
padding:25px 80px 25px;
text-transform:capitalize;
font-family: 'Poppins', sans-serif;
}
.btn-style-sixteen:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:-1;
border-radius:50px;
background-image: -ms-linear-gradient(top, #070519 0%, #0e19a1 100%);
background-image: -moz-linear-gradient(top, #070519 0%, #0e19a1 100%);
background-image: -o-linear-gradient(top, #070519 0%, #0e19a1 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #070519), color-stop(100, #0e19a1));
background-image: -webkit-linear-gradient(top, #070519 0%, #0e19a1 100%);
background-image: linear-gradient(to bottom, #070519 0%, #0e19a1 100%);
}
.btn-style-sixteen .fa{
position:relative;
font-size:22px;
top:2px;
margin-left:6px;
}
.btn-style-sixteen:hover{
color:#ffffff;
}
/* Btn Style Seventeen */
.btn-style-seventen{
position:relative;
padding:12px 72px 11px 30px;
line-height:24px;
background:#ffffff;
color:#091394;
font-size:14px;
cursor: pointer;
font-weight:600;
border-radius:50px;
text-transform:capitalize;
font-family: 'Muli', sans-serif;
}
.btn-style-seventen .icon{
position:absolute;
right:-1px;
top:0px;
color:#ffffff;
width:57px;
height:48px;
line-height:48px;
text-align:center;
font-weight:600;
font-size:16px;
padding-right:4px;
background-color:#091394;
border-radius:0px 50px 50px 0px;
}
.btn-style-seventen:hover{
color:#070519;
}
/*Btn Style Eighteen */
.btn-style-eighteen{
position:relative;
line-height:24px;
color:#333333;
font-size:15px;
cursor: pointer;
font-weight:400;
border-radius:4px;
padding:11px 36px 11px;
background-color:#eeeef6;
text-transform:capitalize;
}
.btn-style-eighteen:hover{
color:#ffffff;
background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
/*Social Icon One*/
.social-icon-one{
position:relative;
}
.social-icon-one li{
position:relative;
margin-left:10px;
color:#222222;
font-size:18px;
display:inline-block;
}
.social-icon-one li a{
position:relative;
font-size:18px;
color:#091394;
font-weight:400;
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;
}
.social-icon-one li a:hover{
color:#5ea6ff;
}
.theme_color{
color:#070519;
}
.brown_color{
color:#ad8e63;
}
.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg); background-size:100px;}
img{
display:inline-block;
max-width:100%;
height:auto;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:absolute;
right:30px;
top:-60px;
width:50px;
height:60px;
color:#ffffff;
font-size:24px;
text-transform:uppercase;
line-height:58px;
text-align:center;
z-index:100;
cursor:pointer;
background:#070519;
display:none;
border-radius:50px 50px 0px 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;
}
.scroll-to-top span{
position:relative;
display:inline-block;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
transform:rotate(-90deg);
}
.scroll-to-top:hover{
color:#ffffff;
background:#070519;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:50px;
}
.sec-title .title{
position:relative;
font-size:15px;
color:#012068;
letter-spacing:1px;
margin-bottom:12px;
font-weight:400;
text-transform:uppercase;
}
.sec-title h2{
position:relative;
color:#012068;
font-weight:700;
line-height:1.3em;
padding-bottom: 20px;
}
.sec-title h2 span{
color:#ed1c24;
font-style:italic;
font-family: 'Playfair Display', serif;
}
.sec-title h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:40px;
height:3px;
background-color:#012068;
}
.sec-title .text{
position:relative;
font-size:16px;
line-height:1.8em;
color:#1a1e66;
margin-top:25px;
}
.sec-title.centered h2:after{
left:50%;
margin-left:-30px;
}
.sec-title.centered{
text-align: center;
}
.sec-title.light .title{
color:#ffffff;
}
.sec-title.light h2{
color:#ffffff;
}
/***
====================================================================
Section Title Two
====================================================================
***/
.sec-title-two{
position:relative;
margin-bottom:50px;
}
.sec-title-two .title{
position:relative;
font-size:11px;
color:#444444;
letter-spacing:1px;
margin-bottom:12px;
text-transform:uppercase;
}
.sec-title-two h2{
position:relative;
color:#ed1c24;
font-weight:700;
line-height:1.3em;
font-family: 'Playfair Display', serif;
}
.sec-title-two h2 span{
color:#9a7f59;
font-style:italic;
}
.sec-title-two .text{
position:relative;
font-size:16px;
line-height:1.8em;
color:#ed1c24;
margin-top:25px;
}
.sec-title-two.centered{
text-align: center;
}
.sec-title-two.light h2{
color:#ffffff;
}
/***
====================================================================
Section Title Three
====================================================================
***/
.sec-title-three{
position:relative;
margin-bottom:50px;
padding-left:20px;
border-left:3px solid #ed1c24;
}
.sec-title-three .title{
position:relative;
color:#ed1c24;
font-size:14px;
font-weight:600;
letter-spacing:1px;
margin-bottom:5px;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
.sec-title-three h2{
position:relative;
font-weight:700;
color:#ed1c24;
font-size:46px;
line-height:1.2em;
}
.sec-title-three.centered{
padding-left:0px;
border:none;
}
/* List Style One */
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
color:#012068;
font-size:16px;
font-weight:700;
margin-bottom:15px;
padding-left:25px;
}
.list-style-one li:before{
position:absolute;
content: "\f10c";
left:0px;
top:0px;
font-family: "Flaticon";
}
/* List Style Two */
.list-style-two{
position:relative;
}
.list-style-two li{
position:relative;
color:#afd3f3;
font-size:14px;
font-weight:400;
margin-bottom:10px;
padding-left:25px;
}
.list-style-two li .icon{
position:absolute;
left:0px;
top:0px;
color:#3276ff;
font-size:14px;
}
/* List Style Three */
.list-style-three{
position:relative;
}
.list-style-three li{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
margin-bottom:10px;
padding-left:25px;
}
.list-style-three li:before{
position:absolute;
content: "\f10c";
left:0px;
top:0px;
font-size:12px;
font-family: "Flaticon";
}
/* List Style Four */
.list-style-four{
position:relative;
}
.list-style-four li{
position:relative;
color:#012068;
font-size:15px;
font-weight:400;
margin-bottom:8px;
padding-left:25px;
}
.list-style-four li:before{
position:absolute;
content: "\f042";
left:0px;
top:1px;
font-size:14px;
font-family: 'FontAwesome';
}
/* List Style Five */
.list-style-five{
position:relative;
}
.list-style-five li{
position:relative;
color:#1a1e66;
font-size:18px;
font-weight:400;
margin-bottom:15px;
padding-left:25px;
line-height:1.7em;
}
.list-style-five li .icon{
position:absolute;
left:0px;
top:0px;
color:#2f3df6;
font-size:16px;
}
/* List Style Six */
.list-style-six{
position:relative;
}
.list-style-six li{
position:relative;
color:#ffffff;
font-size:18px;
font-weight:400;
margin-bottom:15px;
padding-left:35px;
line-height:1.7em;
}
.list-style-six li .icon{
position:absolute;
left:0px;
top:2px;
color:#4bb1ff;
font-size:25px;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:absolute;
z-index:999;
width:100%;
background: #e6e6e6;
}
.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;
}
/* Header Top */
.header-top{
position: relative;
}
.header-top .inner-container{
position: relative;
margin-left:162px;
padding-left:40px;
background-color: #ed1c24;
}
.header-top .inner-container:before{
position:absolute;
content:'';
left:100%;
top:0px;
height:100%;
width:20000px;
background-color: #ed1c24;
}
.main-header .top-left:before{
position:absolute;
content:'';
left:-50px;
top:0px;
border-top: 42px solid #ed1c24;
border-left: 50px solid transparent;
}
.main-header .top-left{
float:left;
}
.main-header .top-left .contact-list{
position: relative;
padding: 9px 0px;
}
.main-header .top-left .contact-list li{
position: relative;
float: left;
font-size: 16px;
line-height: 25px;
color: #e9e8e9;
font-weight: 400;
margin-right: 25px;
font-family: inherit;
}
.main-header .top-left .contact-list li i{
float: left;
font-size: 16px;
line-height: 25px;
margin-right: 10px;
color: #ffffff;
}
.main-header .top-left .contact-list li a{
color: #000000;
font-weight:400;
font-size: 16px;
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;
}
.main-header .top-left .contact-list li a:hover{
color: #000000;
text-decoration:none;
}
.main-header .top-right{
float:right;
padding:6px 0px;
}
/* Cart Box */
.main-header .top-right .cart-box{
position:relative;
float:left;
top:2px;
color:#ffffff;
font-size:14px;
background:none;
display:inline-block;
padding-right: 30px;
border-right:1px solid rgba(255,255,255,0.50);
}
.main-header .top-right .cart-box .cart-box-btn{
background:none;
cursor: pointer;
font-size: 20px;
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 .top-right .cart-box .cart-box-btn:after{
display:none;
}
.main-header .top-right .cart-box .cart-box-btn .total-cart{
position:absolute;
right: 16px;
top: -5px;
width:18px;
height:18px;
color:#ffffff;
font-weight:700;
font-size:11px;
border-radius:50%;
text-align:center;
line-height:18px;
background-color:#ed1c24;
}
/* Language */
.main-header .top-right .language{
position:relative;
line-height:1em;
margin-top:3px;
margin-left: 12px;
display:inline-block;
}
.main-header .top-right .language .flag-icon{
margin-right:8px;
}
.main-header .top-right .language .dropdown-menu{
top:100%;
right: 0px !important;
left: auto !important;
width:170px;
border:none;
padding:0px;
margin-top:40px;
border-radius:0px;
background-color:#222222;
border-top:3px solid #ed1c24;
transform:translate3d(0px, 0px, 0px) !important;
}
.main-header .top-right .language > a{
color:#ffffff;
text-transform:capitalize;
display:inline-block;
border:0px;
font-weight:400;
font-size:16px;
line-height:1em;
padding:0px;
border-radius: 0px;
}
.main-header .top-right .language > a:after{
display:none;
}
.main-header .top-right .language a:hover{
background:none;
}
.main-header .top-right .language .dropdown-menu > li{
padding-right:0px !important;
margin:0px !important;
float:none;
display:block !important;
border-bottom: 1px solid rgba(255,255,255,0.20);
}
.main-header .top-right .language .dropdown-menu > li:last-child{
border-bottom:none;
}
.main-header .top-right .language .dropdown-menu > li > a{
padding:12px 20px !important;
color:#ffffff;
display: block;
text-align:left;
font-size: 14px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .top-right .language .dropdown-menu > li > a:hover{
color:#ffffff !important;
background-color:#ed1c24;
}
.main-header .header-upper{
position:relative;
z-index:1;
border-bottom: 4px solid #ed1c24;
}
.main-header .header-upper .outer-box{
position:relative;
float:right;
color:#ffffff;
font-size:16px;
margin-top:42px;
margin-left:40px;
cursor:pointer;
}
.header-style-two .header-upper{
background-color:#ffffff;
}
.main-header .header-lower .outer-box{
position:relative;
float:right;
padding:13px 0px;
}
.header-style-four .header-lower .outer-box{
padding:38px 0px;
margin-left:50px;
}
.header-style-four .header-lower .search-box-btn,
.header-style-four .header-lower .outer-box .cart-box{
color:#d1ae7c !important;
}
.header-style-four .header-lower .language > a{
color:#ed1c24 !important;
}
.main-header .header-lower .outer-box .cart-box{
position:relative;
float:left;
color:#ffffff;
font-size:14px;
background:none;
margin-top:5px;
display:inline-block;
margin-right: 25px;
}
.main-header .header-lower .outer-box .cart-box .cart-box-btn{
background:none;
cursor: pointer;
font-size: 20px;
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 .header-lower .outer-box .cart-box .cart-box-btn:after{
display:none;
}
.main-header .header-lower .outer-box .cart-box-btn .total-cart{
position:absolute;
right: -8px;
top: -8px;
width:18px;
height:18px;
color:#ffffff;
font-weight:700;
font-size:11px;
border-radius:50%;
text-align:center;
line-height:18px;
background-color:#509cf9;
}
.header-style-four .header-lower .outer-box .cart-box-btn .total-cart{
background-color:#ed1c24;
}
.main-header .header-lower .search-box-outer{
position: relative;
right:0px;
float:left;
color:#ffffff;
margin-top:2px;
}
.main-header .header-lower .search-box-btn{
position:relative;
display:block;
color:#ffffff;
padding:0px;
margin:0px;
font-size:18px;
cursor:pointer;
background:none;
text-align:right;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .header-lower .search-box-btn:after{
display:none;
}
.main-header .header-lower .search-box-outer .dropdown-menu{
top:45px;
right:0px;
padding:0px;
width:280px;
margin-top:17px;
border-radius:0px;
border-top:3px solid #509cf9;
}
.header-style-four{
margin-top:60px;
}
.header-style-four .header-lower .search-box-outer .dropdown-menu{
margin-top:42px;
}
.main-header .header-lower .search-box-outer .dropdown-menu > li{
padding:0px;
border:none;
background:none;
}
.main-header .header-lower .search-panel .form-container{
padding:25px 20px;
}
.main-header .header-lower .search-panel .form-group{
position:relative;
margin:0px;
}
.main-header .header-lower .search-panel input[type="text"],
.main-header .header-lower .search-panel input[type="search"],
.main-header .header-lower .search-panel input[type="password"],
.main-header .header-lower .search-panel select{
display:block;
width:100%;
height:40px;
color:#ed1c24;
font-size:14px;
line-height:24px;
background:#ffffff;
border:1px solid #e0e0e0;
padding:7px 40px 7px 15px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-lower .search-panel input:focus,
.main-header .header-lower .search-panel select:focus{
border-color:#509cf9;
}
.main-header .header-lower .search-panel .search-btn{
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
text-align:center;
color:#555555;
font-size:12px;
background:none;
cursor:pointer;
}
/* Header Style Five */
.header-style-five{
position:relative;
}
.header-style-five .header-upper .outer-box{
margin-top:20px;
}
.header-style-five .header-upper .outer-box .search-box-outer{
position: relative;
right:0px;
float:left;
color:#ed1c24;
margin-top:2px;
}
.header-style-five .header-upper .search-box-btn{
position:relative;
display:block;
color:#ed1c24;
padding:0px;
margin:0px;
font-size:18px;
cursor:pointer;
background:none;
text-align:right;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.header-style-five .header-upper .search-box-btn:after{
display:none;
}
.header-style-five .header-upper .search-box-outer .dropdown-menu{
top:45px;
right:0px;
padding:0px;
width:280px;
margin-top:17px;
border-radius:0px;
border-top:3px solid #509cf9;
}
.header-style-five .header-upper .search-box-outer .dropdown-menu{
margin-top:20px;
}
.header-style-five .header-upper .search-box-outer .dropdown-menu > li{
padding:0px;
border:none;
background:none;
}
.header-style-five .header-upper .search-panel .form-container{
padding:25px 20px;
}
.header-style-five .header-upper .search-panel .form-group{
position:relative;
margin:0px;
}
.header-style-five .header-upper .search-panel input[type="text"],
.header-style-five .header-upper .search-panel input[type="search"],
.header-style-five .header-upper .search-panel input[type="password"],
.header-style-five .header-upper .search-panel select{
display:block;
width:100%;
height:40px;
color:#ed1c24;
font-size:14px;
line-height:24px;
background:#ffffff;
border:1px solid #e0e0e0;
padding:7px 40px 7px 15px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.header-style-five .header-upper .search-panel input:focus,
.header-style-five .header-upper .search-panel select:focus{
border-color:#509cf9;
}
.header-style-five .header-upper .search-panel .search-btn{
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
text-align:center;
color:#555555;
font-size:12px;
background:none;
cursor:pointer;
}
/*Language Dropdown*/
.main-header .header-lower .language{
position:relative;
line-height:1em;
margin-top:3px;
margin-left: 20px;
display:inline-block;
}
.main-header .header-lower .language .flag-icon{
margin-right:8px;
}
.main-header .header-lower .language .dropdown-menu{
top:100%;
right:0px;
left:auto;
width:170px;
border:none;
padding:0px;
margin-top:16px;
border-radius:0px;
background-color:#222222;
border-top:3px solid #509cf9;
transform:translate3d(0px, 0px, 0px) !important;
}
.main-header .header-lower .language > a{
color:#ffffff;
text-transform:capitalize;
display:inline-block;
border:0px;
font-weight:400;
font-size:16px;
line-height:1em;
padding:0px;
border-radius: 0px;
}
.main-header .header-lower .language > a:after{
display:none;
}
.main-header .header-lower .language a:hover{
background:none;
}
.main-header .header-lower .language .dropdown-menu > li{
padding-right:0px !important;
margin:0px !important;
float:none;
display:block !important;
border-bottom: 1px solid rgba(255,255,255,0.20);
}
.main-header .header-lower .language .dropdown-menu > li:last-child{
border-bottom:none;
}
.main-header .header-lower .language .dropdown-menu > li > a{
padding:12px 20px !important;
color:#ffffff;
display: block;
text-align:left;
font-size: 14px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-lower .language .dropdown-menu > li > a:hover{
color:#ffffff !important;
background-color:#509cf9;
}
/*Sticky Header*/
.sticky-header{
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
background:#ffffff;
z-index:0;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sticky-header .logo{
padding:4px 0px 4px;
}
.sticky-header .logo img{
border-radius:5px;
}
.fixed-header .sticky-header{
z-index:999;
opacity:1;
visibility:visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
border-bottom: 4px solid #ed1c24;
background: #e6e6e6;
}
.sticky-header .main-menu .navigation > li > a{
padding: 19px 10px !important;
color: #000000 !important;
}
.sticky-header .main-menu .navigation > li > a:hover{
padding: 19px 10px !important;
color: #ffffff !important;
}
.sticky-header .main-menu .navigation > li > a:after{
display:none;
}
.main-header .nav-outer{
position:relative;
float: right;
margin-top:30px;
}
.header-style-four .nav-outer{
margin-top:0px;
}
.header-style-two .nav-outer{
float:left;
margin-top:0px;
}
.main-header .header-upper .logo-box{
position: relative;
padding: 40px 0px 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;
}
.header-style-five .header-upper .logo-box{
padding-top:0px;
margin-top:-36px;
}
.main-header.header-style-five .nav-outer{
margin-top:0px;
}
.header-style-three .header-upper .logo-box{
border-radius:0px 0px 50% 50%;
padding:30px 0px 40px;
background-color:#ffffff;
}
.main-header .header-upper .logo-box .logo{
position:relative;
}
.main-header .header-lower{
position:relative;
background-color:rgba(0,0,0,0.55);
}
.header-style-four .header-lower{
background:none;
}
.header-style-four .header-lower .logo-box{
position:relative;
z-index:20;
}
.header-style-four .header-lower .outer-container{
background-color:#ffffff;
padding:0px 40px;
}
.header-style-two .header-lower .outer-container{
position:relative;
padding-left:305px;
}
.main-menu{
position:relative;
float:left;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .navbar-collapse{
padding:0px;
float: left;
}
.main-menu .navigation{
position:relative;
margin:0px;
}
.main-menu .navigation > li{
position:relative;
float:left;
margin-right: 51px;
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;
}
.main-header .header-upper .upper-right{
position:relative;
}
.main-header .header-upper .info-box{
position:relative;
color:#333333;
font-weight:600;
padding:22px 0px;
padding-left:30px;
padding-right:28px;
margin-right:30px;
display:inline-block;
border-right:1px solid #ecebeb;
}
.main-header .header-upper .info-box .icon-box{
position:absolute;
left:0px;
top:24px;
color:#091394;
font-size:20px;
line-height:1em;
}
.header-style-two .logo-outer{
position: absolute;
left: 0px;
width: 200px;
padding:23px 0px;
z-index:12;
background: none;
text-align: center;
}
.main-header .header-upper .social-box{
position:relative;
float:right;
padding:21px 0px;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
color:#ffffff;
text-align:center;
line-height:30px;
text-transform:capitalize;
letter-spacing:0px;
opacity:1;
font-weight:600;
padding:39px 0px;
font-size:15px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Poppins', sans-serif;
}
.main-menu .navigation > li > a:after{
position:absolute;
content:'';
right:0px;
bottom:25px;
width:0px;
height:4px;
background-color:#2280ff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li:hover > a::after,
.main-menu .navigation > li.current > a::after{
width:22px;
}
.header-style-three .main-menu .navigation > li > a:after{
width:100%;
bottom:45px;
opacity:0;
background: -ms-linear-gradient(left, #f44c01 0%, #ff7a01 100%);
background: -moz-linear-gradient(left, #f44c01 0%, #ff7a01 100%);
background: -o-linear-gradient(left, #f44c01 0%, #ff7a01 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0, #f44c01), color-stop(100, #ff7a01));
background: -webkit-linear-gradient(left, #f44c01 0%, #ff7a01 100%);
background: linear-gradient(to right, #f44c01 0%, #ff7a01 100%);
}
.header-style-three .main-menu .navigation > li:hover > a,
.header-style-three .main-menu .navigation > li.current > a{
color:#ffffff;
}
.header-style-three .main-menu .navigation > li:hover > a:after,
.header-style-three .main-menu .navigation > li.current > a:after{
opacity:1;
}
.header-style-four .main-menu .navigation > li > ul{
border-color:#69582f;
}
.header-style-four .main-menu .navigation > li > a:before{
color:#ed1c24;
}
.header-style-four .main-menu .navigation > li:hover > a,
.header-style-four .main-menu .navigation > li.current > a{
color:#ed1c24;
}
.header-style-four .main-menu .navigation > li > ul > li > ul > li:hover > a,
.header-style-four .main-menu .navigation > li > ul > li:hover > a{
background-color:#69582f;
}
.header-style-four .main-menu .navigation > li > ul > li > ul{
border-color:#69582f;
}
.header-style-five .main-menu .navigation > li:hover > a,
.header-style-five .main-menu .navigation > li.current > a{
color:#000000;
}
.header-style-five .main-menu .navigation > li > ul{
border-color:#ed1c24;
}
.header-style-five .main-menu .navigation > li > ul > li > ul > li:hover > a,
.header-style-five .main-menu .navigation > li > ul > li:hover > a{
background-color:#D3D3D3;
}
.header-style-five .main-menu .navigation > li > ul > li > ul{
border-color:#ed1c24;
}
.header-style-five.five-alternate .main-menu .navigation > li:hover > a,
.header-style-five.five-alternate .main-menu .navigation > li.current > a{
color:#070519;
}
.header-style-five.five-alternate .main-menu .navigation > li > ul{
border-color:#070519;
}
.header-style-five.five-alternate .main-menu .navigation > li > ul > li > ul > li:hover > a,
.header-style-five.five-alternate .main-menu .navigation > li > ul > li:hover > a{
background-color:#070519;
}
.header-style-five.five-alternate .main-menu .navigation > li > ul > li > ul{
border-color:#070519;
}
.header-style-five.five-alternate .top-right .cart-box .cart-box-btn .total-cart{
background-color:#42a200;
}
.header-style-two .main-menu .navigation > li > a{
padding:13px 0px;
}
.header-style-two .main-menu .navigation > li > a:after{
display:none;
}
.header-style-two .main-menu .navigation > li:hover > a,
.header-style-two .main-menu .navigation > li.current > a,
.header-style-two .main-header.light-version .main-menu .navigation > li:hover > a,
.header-style-two .main-header.light-version .main-menu .navigation > li.current > a{
color:#5ea6ff;
}
.header-style-four .main-menu .navigation > li:after{
position: absolute;
content: '';
right: -15px;
top: 50%;
width: 2px;
height: 12px;
margin-top: -6px;
background: url(../images/icons/devider.png) no-repeat;
}
.header-style-four .main-menu .navigation > li:last-child::after{
display:none;
}
.header-style-four .main-menu .navigation > li > a:after{
bottom:0px;
}
.header-style-four .main-menu .navigation > li > a{
color:#ed1c24;
padding:37px 0px;
}
.header-style-five .main-menu .navigation > li > a{
color: #000000;
padding: 10px 10px;
text-transform: uppercase;
font-family: inherit;
font-weight: 200;
}
.header-style-five .main-menu .navigation > li > a:hover{
color: #000000;
padding: 10px 10px;
text-transform: uppercase;
font-family: inherit;
font-weight: 200;
background: #D3D3D3;
text-decoration:none;
}
.nevigation-hide-fa li .fa{
display:none;
}
.header-style-five .main-menu .navigation > li > a:after{
display:none;
}
.header-style-four .main-menu .navigation > li > a:after{
background-color:#9a7f59;
}
.header-style-four .main-menu .navigation > li:hover > a::after,
.header-style-four .main-menu .navigation > li.current > a::after{
width:100%;
bottom:-1px;
}
.main-menu .navigation > li.dropdown > a{
padding-right:15px !important;
}
.main-menu .navigation > li.dropdown > a:before{
font-family: 'FontAwesome';
content: "\f107";
position: absolute;
right: 0px;
font-size: 13px;
line-height: 30px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-header.light-version .main-menu .navigation > li:hover > a,
.main-header.light-version .main-menu .navigation > li.current > a{
opacity:1;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:120%;
width:230px;
z-index:100;
display:none;
opacity: 0;
visibility: hidden;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding: 0px 0px;
background-color: #ffffff;
border: 3px solid #070519;
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul:before{
position:absolute;
content:'';
left:0px;
top:-30px;
width:100%;
height:30px;
display:block;
}
.main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
border-bottom: 1px solid #f4f2f2;
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
text-decoration: none;
display:block;
padding:12px 18px;
line-height:24px;
font-weight:200;
font-size:16px;
text-transform:capitalize;
color:#000000;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover > a{
color:#ffffff;
padding-left:21px;
background:#070519;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:15px;
top:14px;
width:10px;
height:20px;
display:block;
color:#ffffff;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
color:#ffffff;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:100%;
top:100%;
width:230px;
z-index:100;
display:none;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding: 0px 0px;
background-color: #ffffff;
border: 3px solid #070519;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
border-bottom: 1px solid #f4f2f2;
}
.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:12px 18px;
line-height:24px;
font-weight:400;
font-size:16px;
text-transform:capitalize;
color:#7c7b7b;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a{
color:#ffffff;
padding-left:30px;
background:#070519;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:10px;
top:11px;
width:10px;
height:20px;
display:block;
color:#272727;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.cust-drop a{
color:#000;
font-weight:600;
}
.cust-drop:hover{
color:#fff;
font-weight:600;
}
.cust-drop a:hover , .cust-drop li:hover{
color:#fff;
font-weight:600;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
color:#ffffff;
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:100%;
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:0;
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:30px;
height:30px;
text-align:center;
color:#ffffff;
line-height:28px;
border:1px solid #ffffff;
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
}
.header-style-two{
position:absolute;
left:0px;
top:0px;
}
.header-style-two .header-upper .auto-container{
position:relative;
}
.header-style-two .header-upper .upper-inner{
padding-left:305px;
border-bottom:1px solid #ecebeb;
}
.header-style-two .header-upper .upper-inner .logo-box{
position:absolute;
left:15px;
top:0px;
padding-top:0px;
background-color:#ffffff;
border:1px solid #ecebeb;
}
/***
====================================================================
Main Slider Banner
====================================================================
***/
.main-slider{
position:relative;
background-size:cover;
}
.main-slider.style-two{
padding-top:68px;
}
.main-slider .slider-outer{
position:relative;
}
.main-slider:before{
position:absolute;
content:'';
left:-32px;
top:0px;
width:310px;
height:492px;
z-index:1;
display:inline-block;
background:url(../images/main-slider/2.png) no-repeat;
}
.main-slider .auto-container{
position:relative;
}
.main-slider .slide{
position:relative;
background-repeat:no-repeat;
background-position:right top;
}
.main-slider .slide.style-two{
background-size:cover;
background-position:center bottom;
}
.main-slider .slide .content{
position:relative;
padding:330px 0px 260px;
}
.main-slider .slide .content.alternate{
padding:160px 0px 110px;
}
.main-slider.style-three .slide .content{
padding:270px 0px 170px;
}
.main-slider.style-four .content{
max-width:610px;
padding:140px 50px 140px;
background-color:rgba(0,0,0,0.85);
}
.main-slider.style-four .content .title{
color:#d4efe6;
font-weight:600;
}
.main-slider.style-four .content h1:before{
position:absolute;
content:'';
left:-50px;
top:0px;
width:5px;
height:100%;
background-color:#ed1c24;
}
.main-slider.style-four .content h1{
color:#ffffff;
font-size:60px;
font-weight:700;
line-height:1.2em;
padding-bottom:0px;
margin-bottom:15px;
}
.main-slider.style-four .content h1:after{
display:none;
}
.main-slider.style-four .content .text{
color:#ffffff;
}
.main-slider .title{
position:relative;
color:#d1ae7c;
opacity: 0;
font-size:14px;
letter-spacing:2px;
margin-bottom:15px;
text-transform:uppercase;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider .active .title{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 900ms;
}
.main-slider h1{
position:relative;
color:#012068;
opacity: 0;
font-weight:700;
line-height:1.3em;
padding-bottom:20px;
margin-bottom:30px;
font-family: 'Poppins', sans-serif;
text-transform:capitalize;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider h1:after{
position:absolute;
left:0px;
bottom:0px;
content:'';
width:50px;
height:4px;
background-color:#012068;
}
.main-slider h1 span{
color:#070519;
font-style:italic;
font-family: 'Playfair Display', serif;
}
.main-slider h1 span.alternate{
display:block;
background: linear-gradient(to right, #f44c01 0%, #ff7a01 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.main-slider h1.alternate{
padding-bottom:0px;
margin-bottom:20px;
}
.main-slider h1.alternate,
.main-slider h1.alternate span{
color:#ffffff;
}
.main-slider h1.alternate:after{
display:none;
}
.main-slider h1.style-two{
color:#ffffff;
font-size:60px;
font-weight:700;
padding-bottom:0px;
font-family: 'Playfair Display', serif;
}
.main-slider h1.style-two span{
color:#ad8e63;
}
.main-slider h1.style-two:after{
display:none;
}
.main-slider .active h1{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 1300ms;
}
.main-slider .text{
position:relative;
color:#1a1e66;
font-size:18px;
opacity:0;
line-height: 1.6em;
font-weight:400;
margin-bottom:30px;
max-width:580px;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider .text.alternate{
color:#ffffff;
}
.main-slider .active .text{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 2000ms;
}
.main-slider .btn-box{
opacity:0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider .active .btn-box{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 2000ms;
}
.main-slider .link-box{
position:relative;
opacity:0;
z-index:10;
margin-right:30px;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider .link-box .theme-btn{
margin-right:20px;
margin-bottom:10px;
}
.main-slider .active .link-box{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 2500ms;
}
.main-slider .business-image-box{
position:absolute;
right:0px;
top:0px;
z-index:1;
right:-250px;
}
.main-slider .owl-dots{
position: absolute;
left: 50%;
bottom: 150px;
max-width: 100px;
margin-left: -50px;
width: 100%;
display: none;
text-align: center;
}
.main-slider .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
margin:0px 4px;
overflow: hidden;
border-radius: 50px;
display:inline-block;
border:1px solid #08c8af;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-slider .owl-dots .owl-dot:before{
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 100%;
height: 50%;
background-color: #08c8af;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-slider .owl-dots .owl-dot.active::before,
.main-slider .owl-dots .owl-dot:hover::before{
height:100%;
}
.main-slider .owl-nav{
position:absolute;
left:0px;
top:50%;
z-index:1;
width:100%;
margin-top:-40px;
}
.main-slider .owl-nav .owl-prev{
position:absolute;
width: 50px;
height: 50px;
left:20px;
color:#070519;
font-size:24px;
text-align: center;
line-height: 48px;
border:1px solid #070519;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-slider .owl-nav .owl-next{
position:absolute;
right:20px;
width: 50px;
height: 50px;
color:#070519;
font-size:24px;
text-align: center;
line-height: 48px;
border:1px solid #070519;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-slider.style-three .owl-nav .owl-prev,
.main-slider.style-three .owl-nav .owl-next{
border-color:#7e6a46;
color:#7e6a46;
}
.main-slider.style-three .owl-nav .owl-prev:hover,
.main-slider.style-three .owl-nav .owl-next:hover{
border-color:#7e6a46;
background-color:#7e6a46;
}
.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
color:#ffffff;
border-color:#070519;
background-color:#070519;
}
.main-slider.style-four .owl-nav .owl-prev,
.main-slider.style-four .owl-nav .owl-next{
border:none;
color:#ffffff;
border-radius:50%;
background-color:rgba(0,0,0,0.60);
}
/***
====================================================================
Services Slider
====================================================================
***/
.services-section{
position:relative;
}
.services-section .services-block{
padding:0px;
float:left;
z-index:1;
}
.services-block{
position:relative;
}
.services-block .inner-box{
position:relative;
text-align:center;
padding:0px 50px 60px;
background: -ms-linear-gradient(left, #EAEAED 0%, #ffffff 100%);
background: -moz-linear-gradient(left, #EAEAED 0%, #ffffff 100%);
background: -o-linear-gradient(left, #EAEAED 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0, #EAEAED), color-stop(100, #ffffff));
background: -webkit-linear-gradient(left, #EAEAED 0%, #ffffff 100%);
background: linear-gradient(to right, #EAEAED 0%, #ffffff 100%);
}
/* .services-block .inner-box:hover{
background: -ms-linear-gradient(left, #ffffff 0%, #EAEAED 100%);
background: -moz-linear-gradient(left, #ffffff 0%, #EAEAED 100%);
background: -o-linear-gradient(left, #ffffff 0%, #EAEAED 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffffff), color-stop(100, #EAEAED));
background: -webkit-linear-gradient(left, #ffffff 0%, #EAEAED 100%);
background: linear-gradient(to right, #ffffff 0%, #EAEAED 100%);
} */
.services-block .inner-box .icon-box{
position:relative;
width:118px;
height:118px;
color:#ffffff;
font-size:50px;
text-align:center;
line-height:118px;
margin:0 auto;
border-radius:50%;
margin-top:-59px;
display:inline-block;
margin-bottom:40px;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
.services-block .inner-box .icon-box .icon{
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block .inner-box:hover .icon-box{
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.services-block .inner-box h5{
position:relative;
font-weight:700;
line-height:1.4em;
margin-bottom:18px;
}
.services-block .inner-box h5 a{
position:relative;
color:#012068;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block .inner-box:hover h5 a{
color:#070519;
}
.services-block .inner-box .text{
position:relative;
font-size:16px;
color:#1a1e66;
line-height:1.7em;
margin-bottom:30px;
}
.services-block .inner-box .plus-box{
position:relative;
width:40px;
height:40px;
color:#ffffff;
font-size:14px;
text-align:left;
border-radius:50px;
line-height:38px;
background-color:#091394;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block .inner-box .plus-box .plus{
position:absolute;
right:0px;
color:#ffffff;
width:40px;
height:40px;
font-size:14px;
line-height:40px;
border-radius:50px;
text-align:center;
display:inline-block;
background-color:#091394;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block .inner-box .plus-box:hover{
width:107px;
padding:0px 0px 0px 25px;
}
/***
====================================================================
About Slider
====================================================================
***/
.about-section{
position:relative;
padding:95px 0px 85px;
}
.about-section .content-column{
position:relative;
}
.about-section .content-column .inner-column{
position:relative;
}
.about-section .content-column .inner-column .sec-title{
margin-bottom:30px;
}
.about-section .content-column .inner-column .text{
position:relative;
margin-bottom:35px;
}
.about-section .content-column .inner-column .text p{
position:relative;
font-size:16px;
color:#1a1e66;
line-height:1.6em;
margin-bottom:15px;
}
.about-section .content-column .inner-column .text p a{
text-decoration:underline;
}
.about-section .content-column .inner-column .text p:last-child{
margin-bottom:0px;
}
.about-section .content-column .question{
position:relative;
font-size:16px;
font-weight:700;
color:#012068;
margin-top:22px;
padding-bottom:30px;
margin-bottom:20px;
border-bottom:1px dashed #b7b7b7;
}
.about-section .content-column .question a{
position:relative;
color:#012068;
text-decoration:underline;
}
.about-section .content-column .question strong{
position:relative;
color:#012068;
font-size:24px;
font-weight:700;
margin-left:5px;
margin-bottom: 5px;
display:inline-block;
font-family: 'Poppins', sans-serif;
}
.about-section .content-column .question .or{
position:relative;
margin-left:5px;
color:#012068;
display:inline-block;
}
.about-section .content-column .inner-column .signature{
position:relative;
padding-left:165px;
padding-top:20px;
min-height:105px;
}
.about-section .content-column .inner-column .signature .signature-img{
position:absolute;
left:0px;
top:0px;
}
.about-section .content-column .inner-column .signature h5{
position:relative;
color:#012068;
font-weight:700;
text-transform:capitalize;
}
.about-section .content-column .inner-column .signature .designation{
position:relative;
color:#1a1e66;
font-size:16px;
}
.about-section .video-column{
position:relative;
}
.about-section .video-column .inner-column{
position:relative;
padding-left:30px;
padding-top:65px;
}
.about-section .video-column .inner-column .video-box{
border-radius:30px;
overflow:hidden;
margin-bottom:50px;
}
.about-section.brown .content-column .inner-column .sec-title h2{
color:#ed1c24;
padding-bottom:0px;
}
.about-section.brown .content-column .inner-column .text p a{
color:#ed1c24;
}
.about-section.brown .content-column .inner-column .sec-title h2:after{
display:none;
}
.about-section.brown .fact-counter .column .counter-title,
.about-section.brown .content-column .question strong,
.about-section.brown .content-column .question a,
.about-section.brown .content-column .question,
.about-section.brown .content-column .inner-column .list-style-one li{
color:#ed1c24;
}
.about-section.brown .fact-counter .count-outer,
.about-section.brown .content-column .inner-column .signature h5,
.about-section.brown .video-column .fact-counter .count-outer .count-text{
color:#9a7f59;
}
.about-section.brown .content-column .inner-column .signature .designation{
color:#9c9c9c;
}
.about-section.brown .video-box .overlay-box span{
background-color:#9a7f59;
}
/*Video Box*/
.video-box{
position:relative;
box-shadow:0px 0px 40px rgba(0,0,0,0.40);
}
.video-box .image{
position:relative;
overflow:hidden;
margin:0px;
}
.video-box .image img{
position:relative;
width:100%;
}
.video-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 80px;
background:rgba(19,184,234,0.08);
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:hover{
background:rgba(0,0,0,0.45);
}
.video-box .overlay-box span{
position: relative;
width:80px;
height: 80px;
top: 40%;
z-index:99;
color: #ffffff;
font-weight:400;
font-size:24px;
text-align: center;
border-radius:50%;
padding-left:4px;
background-color: #070519;
display: inline-block;
margin-top: -40px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.video-box:hover .overlay-box span{
transform: rotate(360deg);
}
/*Fact Counter*/
.fact-counter{
position:relative;
}
.fact-counter .column{
position:relative;
z-index:5;
margin-bottom:30px;
}
.fact-counter .column .inner{
position:relative;
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;
}
.fact-counter .count-outer{
position:relative;
font-weight:700;
color:#070519;
font-size: 30px;
font-family: 'Poppins', sans-serif;
}
.fact-counter .count-outer .count-text{
position:relative;
font-weight:700;
color:#070519;
font-size: 30px;
font-family: 'Poppins', sans-serif;
}
.fact-counter .column .counter-title{
position:relative;
font-size:16px;
font-weight:600;
color:#012068;
margin-top:14px;
text-transform:capitalize;
display:block;
}
.fact-counter .count-outer .text{
position:relative;
color:#7f7f7f;
font-size:14px;
margin-top:6px;
font-weight:400;
font-family: 'Muli', sans-serif;
}
/* Style Two */
.fact-counter.style-two{
padding-left:20px;
}
.fact-counter.style-two .counter-column .inner{
text-align:left;
}
.fact-counter.style-two .counter-column{
margin-bottom:60px;
}
.fact-counter.style-two .counter-column:last-child{
margin-bottom:0px;
}
.fact-counter.style-two .count-outer{
position:relative;
font-size:55px;
line-height:1em;
font-weight:600;
margin:0px 0px;
color:#ffffff;
}
.fact-counter.style-two .count-outer .count-text{
position:relative;
font-weight:600;
color:#ffffff;
font-size: 55px;
}
.fact-counter.style-two .column .counter-title{
position:relative;
font-size:18px;
font-weight:400;
color:#13b5ea;
margin-top:5px;
text-transform:capitalize;
display:block;
letter-spacing:1px;
}
/* Style Three */
.fact-counter.style-three .column .inner .icon-box{
position:relative;
font-size:64px;
line-height:1em;
color:#ffffff;
margin-bottom:25px;
}
.fact-counter.style-three .count-outer{
position:relative;
font-size:54px;
line-height:1em;
font-weight:700;
margin:0px 0px;
color:#f1d54d;
font-family:BellMT;
font-style: italic;
}
.fact-counter.style-three .count-outer .count-text{
position:relative;
font-weight:700;
color:#f1d54d;
font-size: 54px;
font-family:BellMT;
font-style: italic;
}
.fact-counter.style-three .column .counter-title{
position:relative;
font-size:18px;
font-weight:300;
color:#ffffff;
margin-top:14px;
display:block;
letter-spacing:1px;
text-transform:capitalize;
font-family:Segoe UI;
}
/***
====================================================================
Gallery Section
====================================================================
***/
.gallery-section{
position: relative;
}
.gallery-section .gallery-block .inner-box{
}
.gallery-section .owl-item.active .gallery-block{
transform:scaleY(1.1);
-moz-transform:scaleY(1.1);
-webkit-transform:scaleY(1.1);
-ms-transform:scaleY(1.1);
-o-transform:scaleY(1.1);
}
/*Gallery Block*/
.gallery-block{
position:relative;
}
.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 .overlay-box{
position:absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
}
.gallery-block .inner-box .overlay-box{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:100%;
display:block;
z-index:1;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(1,8,104,0.8));
background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(1,8,104,0.8));
background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(1,8,104,0.8));
background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(1,8,104,0.8));
}
.gallery-block .inner-box .overlay-box .overlay-inner{
position:absolute;
left: 70px;
bottom: 80px;
width: 100%;
display: block;
}
.gallery-block .inner-box .overlay-box .overlay-inner h3{
position:relative;
margin-bottom:10px;
}
.gallery-block .inner-box .overlay-box .overlay-inner h3 a{
position:relative;
color: #ffffff;
font-weight: 700;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.gallery-block .inner-box .overlay-box .overlay-inner h3 a:hover{
color:#070519;
}
.gallery-block .inner-box .overlay-box .overlay-inner .text{
position:relative;
font-size:20px;
color:#ffffff;
line-height:1.5em;
max-width:540px;
}
.gallery-section .owl-carousel{
max-width:1240px;
margin:0 auto;
width:100%;
display:block;
}
.gallery-section .owl-dots{
display:none;
}
.gallery-section .owl-nav{
position:absolute;
left: 0px;
top: 50%;
width: 100%;
}
.gallery-section .owl-nav .owl-prev{
position:absolute;
left: -70px;
width: 90px;
height: 60px;
color:#ffffff;
text-align: center;
line-height: 60px;
font-size: 24px;
display: inline-block;
background-color: #ed1c24;
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-radius: 50px 0px 0px 50px;
}
.gallery-section .owl-nav .owl-next{
position:absolute;
right: -70px;
width: 90px;
height: 60px;
color:#ffffff;
text-align: center;
line-height: 60px;
font-size: 24px;
display: inline-block;
background-color: #ed1c24;
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-radius: 0px 50px 50px 0px;
}
.gallery-section .owl-nav .owl-prev:hover,
.gallery-section .owl-nav .owl-next:hover{
color: #ffffff;
border-color:#070519;
background-color: #070519;
}
.gallery-section .owl-carousel .owl-stage-outer{
overflow:visible;
}
.gallery-section .owl-carousel .owl-stage-outer .owl-item .gallery-block .inner-box .overlay-box{
/* opacity: 0;
visibility: hidden; */
}
.gallery-section .owl-carousel .owl-stage-outer .owl-item .gallery-block .inner-box .image{
/* opacity: 0.5; */
}
.gallery-section .owl-carousel .owl-stage-outer .owl-item.active .gallery-block .inner-box .image{
opacity: 1;
}
.gallery-section .owl-carousel .owl-stage-outer .owl-item.active .gallery-block .inner-box .overlay-box{
/* opacity: 1;
visibility: visible; */
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section{
position:relative;
padding:42px 0px;
background-color:#ed1c24;
background-image:url(../images/test-bg-70.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.bg-grt{
position:relative;
padding:42px 0px;
background-color:#ed1c24;
background-image:url(../images/main-slider/4.png);
background-repeat: no-repeat;
background-size: cover;
}
.testimonial-section .box-testimonial{
padding:3px 0px;
}
/*.testimonial-section:before{
position:absolute;
content:'';
left:50%;
top:0px;
width:673px;
height:550px;
margin-left:-336px;
text-align:center;
background: url(../images/resource/service-10.jpg) no-repeat;
background-position:center bottom;
}*/
.testimonial-section.padding-top{
padding-top:350px;
margin-top:-250px;
}
/* Testimonial Block */
.testimonial-block{
position:relative;
}
.testimonial-block .inner-box{
position:relative;
text-align:center;
}
.testimonial-block .inner-box .quote-icon{
position: relative;
font-size: 24px;
color: #ffffff;
line-height: 1em;
margin-bottom: 9px;
}
.testimonial-block .inner-box .text{
position:relative;
color:#ffffff;
font-size:17px;
line-height:1.9em;
width:100%;
margin: 0 auto;
margin-bottom:15px;
}
.testimonial-block .inner-box h3{
position:relative;
color:#d0d0d0;
font-weight:600;
text-transform:capitalize;
}
.testimonial-block .inner-box .author{
position:relative;
color:#afd3f3;
font-weight:400;
font-size:16px;
margin-top:4px;
text-transform:capitalize;
}
.testimonial-section .owl-dots{
display:none;
}
.testimonial-section .owl-nav{
position:absolute;
left: 0px;
top: 50%;
width: 100%;
}
.testimonial-section .owl-nav .owl-prev{
position:absolute;
left: -55px;
width: 50px;
height: 50px;
color:#000;
text-align: center;
line-height: 50px;
border-radius: 50px;
font-size: 20px;
display: inline-block;
background-color: #ed1c24;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.testimonial-section .owl-nav .owl-next{
position:absolute;
right: -55px;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 50px;
font-size: 20px;
color:#000;
display: inline-block;
background-color: #ed1c24;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
color: #000;
background-color: #ed1c24;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two{
position:relative;
padding:95px 0px 50px;
}
.services-block-two{
position:relative;
}
.services-block-two .inner-box{
position:relative;
overflow:hidden;
}
.services-block-two .inner-box .image{
position:relative;
}
.services-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.services-block-two .inner-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-block-two .inner-box:hover .overlay-box{
opacity:0;
visibility:hidden;
}
.services-block-two .inner-box .overlay-box .overlay-inner{
position:absolute;
left:40px;
bottom:25px;
}
.services-block-two .inner-box .overlay-box .overlay-inner .icon-box{
position:relative;
line-height:1em;
color:#ffffff;
font-size:44px;
margin-bottom:20px;
}
.services-block-two .inner-box .overlay-box .overlay-inner h5{
position:relative;
font-weight:700;
line-height:1.4em;
}
.services-block-two .inner-box .overlay-box .overlay-inner h5 a{
position:relative;
color:#ffffff;
}
.services-block-two .inner-box .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(10,20,150,0.9));
background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(10,20,150,0.9));
background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(10,20,150,0.9));
background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(10,20,150,0.9));
}
.services-block-two .inner-box .overlay-box-two{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
color:#ffffff;
-webkit-transition:all 700ms ease;
-ms-transition:all 700ms ease;
-o-transition:all 700ms ease;
transition:all 700ms ease;
}
.services-block-two .inner-box:hover .overlay-box-two{
opacity:1;
visibility:visible;
}
.services-block-two .inner-box .image .overlay-box-two:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
opacity: 0;
visibility: hidden;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-moz-transform: rotateZ(-180deg);
-webkit-transform: rotateZ(-180deg);
-ms-transform: rotateZ(-180deg);
-o-transform: rotateZ(-180deg);
transform: rotateZ(-180deg);
background-image: -ms-linear-gradient(top, #3240FE 0%, #0a1598 100%);
background-image: -moz-linear-gradient(top, #3240FE 0%, #0a1598 100%);
background-image: -o-linear-gradient(top, #3240FE 0%, #0a1598 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3240FE), color-stop(100, #0a1598));
background-image: -webkit-linear-gradient(top, #3240FE 0%, #0a1598 100%);
background-image: linear-gradient(to bottom, #3240FE 0%, #0a1598 100%);
}
.services-block-two .inner-box:hover .overlay-box-two:before{
-moz-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg);
opacity: 1;
visibility: visible;
}
.services-block-two .inner-box:hover .overlay-box-two{
opacity:1;
}
.services-block-two .inner-box .image .overlay-box-two .overlay-inner-two{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
text-align:center;
vertical-align:middle;
padding:10px 30px;
}
.services-block-two .inner-box .image .overlay-box-two .overlay-inner-two .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.services-block-two .inner-box .image .overlay-box-two .icon-box{
position:relative;
line-height:1em;
color:#ffffff;
font-size:46px;
margin-bottom:20px;
}
.services-block-two .inner-box .image .overlay-box-two .text{
position:relative;
font-size:16px;
font-weight:300;
line-height:1.7em;
}
/***
====================================================================
Case Section
====================================================================
***/
.case-section{
position:relative;
padding:45px 0px;
}
.case-section.alternate{
padding-top:90px;
padding-bottom:120px;
}
.case-section .sec-title,
.case-section .sec-title-two{
margin-bottom:120px;
}
.case-section .sec-title .text,
.case-section .sec-title-two .text{
color:#1a1e66;
font-size:16px;
font-weight:400;
line-height:1.8em;
max-width:600px;
width:100%;
}
/* Case Block */
.case-block{
position:relative;
padding: 10px;
}
.newswction .case-block{
position:relative;
padding: 0px;
}
.case-block .inner-box{
position: relative;
padding: 21px 15px 35px 35px;
background: white;
border: 0px solid #ed1c24;
border-radius: 9px;
}
.case-block #inner-box1 {
position: relative;
padding: 54px 60px;
background: #ed1c24;
border-top: 0px solid #ed1c24;
border-radius: 0px;
text-align:center;
}
.case-block #inner-box0 {
position: relative;
padding: 45px 60px 45px;
background: #368dd1;
border: 0px solid #ed1c24;
border-radius: 0px;
text-align:center;
}
.bglc{
background:#ed1c24;
}
.btn-readmore-index{
font-size: 21px;
color: white;
background: black;
border: 0px solid white;
border-radius: 5px;
padding: 10px 24px;
font-weight:500;
}
.counter-section h2 {
font-size: 40px;
line-height: 50px;
margin: 4px 0 25px;
font-style: italic;
font-family: "Bell MT";
color:#FFFFFF;
text-align:center;
}
.bdr-ryt {
border-right: 1px solid #878787;
}
.btn-readmore-index:hover{
font-weight:600;
color: #000;
background: #ed1c24;
border: 2px solid black;
border-radius: 5px;
padding: 10px 24px;
text-decoration:none;
}
.case-block .inner-box .image{
position:relative;
left:50%;
width:142px;
height:142px;
margin:0 auto;
border-radius:50%;
margin-left:-71px;
overflow:hidden;
margin-bottom:20px;
display:inline-block;
margin-top:-71px;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.case-block .inner-box:hover .image{
transform:rotateY(360deg);
-webkit-transform:rotateY(360deg);
-ms-transform:rotateY(360deg);
-o-transform:rotateY(360deg);
}
.case-block .inner-box .title{
position: relative;
color: #ed1c24;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 6px;
}
.case-block .inner-box h5{
position:relative;
font-weight:700;
line-height:1.5em;
}
.case-block .inner-box h5 a{
position:relative;
color:#000000;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family:BellMT;
font-size:30px;
}
.text-black{color:#000000 !important;}
.case-block .inner-box h5 a:hover{
color: #000000;
text-decoration: none;
}
.case-block .inner-box .text{
position: relative;
font-size: 16px;
color: #000000;
line-height: 1.6em;
margin-top: 18px;
text-align: justify;
margin-bottom: 30px;
}
.newswction .case-block .inner-box .text{
position: relative;
font-size: 16px;
color: #000000;
line-height: 1.6em;
margin-top: 18px;
text-align: center;
}
.case-block .inner-box .arrow{
position:absolute;
right:50%;
width:54px;
height:54px;
color:#ffffff;
font-size:18px;
line-height:54px;
display:inline-block;
border-radius:50px;
text-align:center;
font-weight:600;
opacity:0;
visibility:hidden;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
.case-block .inner-box:hover .arrow{
opacity:1;
visibility:visible;
}
.case-section .case-block.style-two{
padding:0px;
float:left;
}
.case-block.style-two .inner-box{
background:#6a592f;
}
.case-block.style-two:nth-child(2) .inner-box{
background-color:#7e6a46;
}
.case-block.style-two:nth-child(3) .inner-box{
background-color:#ad8e63;
}
.case-block.style-two .inner-box h3{
font-family: 'Playfair Display', serif;
}
.case-block.style-two .inner-box .title,
.case-block.style-two .inner-box h5 a,
.case-block.style-two .inner-box .text{
color:#ffffff;
}
.case-block.style-two .inner-box .arrow{
background:#070503;
right:22px;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position:relative;
padding:85px 0px 90px;
}
.team-section .title-column{
position:relative;
margin-bottom:40px;
}
.team-section .title-column .sec-title{
position:relative;
margin-bottom:40px;
}
.team-block{
position:relative;
}
.team-block .inner-box{
position:relative;
}
.team-block .inner-box .image{
position:relative;
overflow:hidden;
}
.team-block .inner-box:hover{
}
.team-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.team-block .inner-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));
background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));
background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));
background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));
}
.team-block .inner-box .image .overlay-box .content{
position:absolute;
left:0px;
bottom:-57px;
width:100%;
padding:12px 10px;
text-align:center;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
background-color:#ffffff;
}
.team-block .inner-box:hover .image .overlay-box .content{
bottom:0px;
background:none;
}
.team-block .inner-box .image .overlay-box .content h5{
position:relative;
font-weight:600;
line-height:1.3em;
}
.team-block .inner-box .image .overlay-box .content h5 a{
position:relative;
color:#012068;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-block .inner-box:hover .image .overlay-box .content h5 a,
.team-block .inner-box:hover .image .overlay-box .content .designation{
color:#ffffff;
}
.team-block .inner-box .image .overlay-box .content .designation{
position:relative;
color:#9c9c9c;
font-size:15px;
margin-top:2px;
margin-bottom:14px;
}
.team-block .inner-box .image .overlay-box .content .social-outer{
position:relative;
text-align:center;
}
.team-block .inner-box .image .overlay-box .content .social-outer .social-box{
position:relative;
padding:10px 30px;
border-radius:50px;
display:inline-block;
background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
.team-block .inner-box .image .overlay-box .content .social-outer .social-box li{
position:relative;
margin:0px 3px;
display:inline-block;
}
.team-block .inner-box .image .overlay-box .content .social-outer .social-box li a{
position:relative;
color:#ffffff;
font-size:14px;
}
.team-section .blocks-column .owl-nav{
display:none;
}
.team-section .blocks-column .owl-dots{
position:relative;
margin-top:40px;
text-align:center;
}
.team-section .blocks-column .owl-dots .owl-dot{
position:relative;
width:9px;
height:9px;
margin:0px 7px;
border-radius:50px;
display:inline-block;
background-color:#b8b8b8;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.team-section .blocks-column .owl-dots .owl-dot.active,
.team-section .blocks-column .owl-dots .owl-dot:hover{
background-color:#395189;
}
/***
====================================================================
Call To Action
====================================================================
***/
.call-to-action{
position:relative;
text-align:center;
padding:95px 0px 0px;
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
}
.call-to-action:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.90);
}
.call-to-action h2{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.4em;
margin-bottom:40px;
}
.call-to-action h2 span{
font-style:italic;
font-family: 'Playfair Display', serif;
}
.call-to-action .btns-box{
position:relative;
text-align:center;
}
.call-to-action .btns-box a{
position:relative;
margin:0px 10px 10px;
display:inline-block;
}
.call-to-action .image{
position:relative;
z-index:1;
margin-top:55px;
}
/***
====================================================================
Companines Section
====================================================================
***/
.sponsors-section{
position:relative;
padding:50px 0px 50px;
}
.sponsors-section .image-box{
position:relative;
text-align:center;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.sponsors-section .image-box img{
position:relative;
display:inline-block;
width:auto;
max-width:100%;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.sponsors-section .image-box img:hover{
opacity:0.6;
}
.sponsors-section .owl-dots,
.sponsors-section .owl-nav{
display:none;
}
.news-section{
position:relative;
padding-top:20px;
padding-bottom:95px;
}
.news-section .btn-box{
position:relative;
margin-top:20px;
}
.news-section .news-block{
padding:0px;
float:left;
}
.news-block{
position:relative;
margin-bottom:30px;
}
.news-block .inner-box{
position:relative;
}
.news-block .inner-box .image{
position:relative;
overflow:hidden;
}
.news-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-block .inner-box .image .overlay-box{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
text-align:center;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.news-block .inner-box .image .overlay-box .plus{
position:absolute;
left:50%;
top:50%;
width:54px;
height:54px;
color:#012068;
font-size:18px;
line-height:54px;
text-align:center;
border-radius:50%;
font-weight:700;
margin-left:-27px;
margin-top:-27px;
transform:scale(0,0);
-moz-transform:scale(0,0);
-webkit-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
display:inline-block;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block .inner-box:hover .image .overlay-box .plus{
transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
}
.news-block .inner-box .image .overlay-box:before{
position:absolute;
content:'';
left:-100%;
top:0px;
width:100%;
height:100%;
opacity:0.90;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
.news-block .inner-box:hover .image .overlay-box:before{
left:0%
}
.news-block .inner-box .lower-content{
position:relative;
padding:30px 30px;
background:-webkit-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9));
background:-moz-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9));
background:-o-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9));
background:-ms-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9));
}
.news-block .inner-box .lower-content .post-date{
position:relative;
color:#0b1598;
font-size:14px;
margin-bottom:8px;
}
.news-block .inner-box .lower-content h5{
position:relative;
font-weight:700;
line-height:1.6em;
margin-bottom:13px;
}
.news-block .inner-box .lower-content h5 a{
position:relative;
color:#012068;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block .inner-box .lower-content h5 a:hover{
color:#303ef9;
}
.news-block .inner-box .lower-content .text{
position:relative;
color:#1a1e66;
font-size:16px;
line-height:1.6em;
}
/***
====================================================================
Map Info Section
====================================================================
***/
.map-info-section{
position:relative;
}
.map-info-section .outer-container{
position:relative;
}
.map-info-section .outer-container .left-column{
position: absolute;
width: 50%;
left: 0px;
height: 100%;
float:left;
}
.map-info-section .outer-container .left-column .map-outer .map-canvas {
position: absolute;
right: 0px;
height: 100%;
width: 100%;
min-height: 400px;
}
.map-info-section .outer-container .right-column{
position: relative;
width: 50%;
float: right;
}
.map-info-section .outer-container .right-column:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,4,9,0.84);
}
.map-info-section .outer-container .right-column .content{
position:relative;
max-width: 600px;
float: left;
width: 100%;
padding: 85px 15px 80px 80px;
}
.map-info-section .outer-container .right-column .content h2{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.3em;
padding-bottom:25px;
margin-bottom:25px;
}
.map-info-section .outer-container .right-column .content h2 span{
position:relative;
color:#070519;
font-style:italic;
font-family: 'Playfair Display', serif;
}
.map-info-section .outer-container .right-column .content h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:50px;
height:4px;
background-color:#ffffff;
}
.map-info-section.alternate .outer-container .right-column .content h2{
margin-bottom:0px;
}
.map-info-section.alternate .outer-container .right-column .content h2 span{
color:#b78b4b;
}
.map-info-section.alternate .outer-container .right-column .content h2:after{
display:none;
}
.map-info-section .outer-container .right-column .content .text{
position:relative;
color:#ebecfe;
font-size:16px;
line-height:1.8em;
margin-bottom:25px;
}
.map-info-section .outer-container .right-column .content .consult{
position:relative;
color:#ebecfe;
font-size:16px;
line-height:1.7em;
margin-bottom:10px;
}
/***
====================================================================
Consult Form
====================================================================
***/
.quote-form{
position:relative;
}
.quote-form .row{
margin:0px -4px;
}
.quote-form .form-group{
position:relative;
margin-bottom:8px;
padding:0px 4px;
}
.quote-form .form-group input[type="text"],
.quote-form .form-group input[type="tel"],
.quote-form .form-group input[type="email"],
.quote-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
color:#333333;
height:50px;
font-size:15px;
border-radius:4px;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.quote-form .form-group input[type="text"]:focus,
.quote-form .form-group input[type="tel"]:focus,
.quote-form .form-group input[type="email"]:focus,
.quote-form .form-group textarea:focus{
border-color:#ee2d50;
}
.quote-form .form-group textarea::-webkit-input-placeholder,
.quote-form .form-group input::-webkit-input-placeholder{
color:#333333;
}
.quote-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:15px 20px;
color:#333333;
height:125px;
resize:none;
font-size:15px;
background:none;
border-radius:4px;
border-bottom:1px solid rgba(255,255,255,0.50);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.quote-form .form-group .btn-detail{
position:relative;
text-align:center;
margin-left:30px;
color:#ffffff;
display:inline-block;
}
.quote-form button{
width:100%;
cursor: pointer;
font-size: 15px;
border-radius:4px;
font-weight:400;
text-transform: capitalize;
}
.quote-form button .icon{
border-radius:0px 5px 5px 0px;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer{
position:relative;
padding:45px 0px 0px;
background-color: #011a55;
}
.main-footer:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:543px;
height:368px;
background:url(../images/icons/footer-pattern-2.png) no-repeat;
}
.main-footer:after{
position:absolute;
content:'';
right:0px;
top:0px;
width:505px;
height:334px;
background:url(../images/icons/footer-pattern-1.png) no-repeat;
}
.main-footer .footer-widget{
position:relative;
z-index:1;
margin-bottom:40px;
}
.main-footer .widgets-section{
position:relative;
padding-bottom:0px;
}
.main-footer .footer-widget h4{
position:relative;
font-weight:600;
color:#ffffff;
line-height:1.2em;
margin-bottom:25px;
text-transform:uppercase;
}
.main-footer .logo-widget{
position:relative;
}
.main-footer .logo-widget .logo{
position:relative;
margin-bottom:25px;
}
.main-footer .logo-widget .text{
position:relative;
color:#ffffff;
font-size: 14px;
font-weight: 400;
line-height: 1.9em;
margin-bottom: 30px;
}
/* List Link */
.list-link{
position:relative;
}
.list-link li{
position:relative;
margin-bottom:15px;
}
.list-link li a{
position:relative;
color:#afd3f3;
font-size:14px;
padding-left: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;
}
.list-link li a:hover{
color:#ffffff;
margin-left:8px;
text-decoration:underline;
}
.list-link li a:before{
position:absolute;
content: "\f105";
left:0px;
top:-3px;
font-family: 'FontAwesome';
}
/*Gallery Widget*/
.main-footer .gallery-widget{
position:relative;
}
.main-footer .gallery-widget .images-outer{
position:relative;
margin:0px -3px;
}
.main-footer .gallery-widget .image-box{
position:relative;
float:left;
width:33.333%;
padding:0px 3px;
margin-bottom:6px;
}
.main-footer .gallery-widget .image-box img{
position:relative;
display:block;
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-footer .gallery-widget .image-box img:hover{
opacity:0.70;
}
.main-footer .footer-bottom{
position:relative;
padding:3px 0px;
background-color:#020f2f;
}
.main-footer .footer-bottom .copyright-column{
position:relative;
}
.main-footer .footer-bottom .copyright-column .copyright{
position:relative;
color:#afd3f3;
font-size:14px;
}
.main-footer .footer-bottom .social-column{
position:relative;
text-align:right;
}
.main-footer .footer-bottom .social-column ul{
position:relative;
}
.main-footer .footer-bottom .social-column ul li{
position:relative;
margin-left:8px;
display:inline-block;
}
.main-footer .footer-bottom .social-column ul li.follow{
color:#7f97ad;
font-size:14px;
}
.main-footer .footer-bottom .social-column ul li a{
position:relative;
color:#ffffff;
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;
}
.main-footer .footer-bottom .social-column ul li a:hover{
color:#3276ff;
}
.main-footer.style-two{
background-color:#080603;
}
.main-footer.style-two:before{
background: url(../images/icons/footer-pattern-4.png) no-repeat;
}
.main-footer.style-two:after{
background: url(../images/icons/footer-pattern-3.png) no-repeat;
}
.main-footer.style-three:before,
.main-footer.style-three:after{
display:none;
}
.main-footer.style-two .footer-bottom .social-column ul li a:hover,
.main-footer.style-two .footer-bottom .copyright-column .copyright a,
.main-footer.style-two .list-style-two li .icon{
color:#b78b4b;
}
.main-footer.style-two .list-link li a,
.main-footer.style-two .list-style-two li,
.main-footer.style-two .footer-bottom .social-column ul li.follow,
.main-footer.style-two .footer-bottom .copyright-column .copyright{
color:#ffffff;
}
.main-footer.style-two .footer-bottom{
background-color:#272727;
}
.main-footer.style-three{
background-color:#ed1c24;
}
.main-footer.style-three .footer-bottom .social-column ul li a:hover,
.main-footer.style-three .footer-bottom .copyright-column .copyright a,
.main-footer.style-three .list-style-two li .icon{
color: #b1b1b1;
font-weight: 600;
}
.main-footer.style-three .list-link li a,
.main-footer.style-three .list-style-two li,
.main-footer.style-three .footer-bottom .social-column ul li.follow,
.main-footer.style-three .footer-bottom .copyright-column .copyright{
color:#ffffff;
}
.main-footer.style-three .footer-bottom{
background-color:#d11219;
}
.services-section-three{
position:relative;
padding:63px 0px 63px;
background-color:#f2f3fa;
}
.services-section-three h2{
color:#ed1c24;
}
.services-section-three p{
color:#1a1e66;
font-size:16px;
}
/* Services Block Three */
.services-block-three{
position:relative;
}
.services-block-three .inner-box{
position:relative;
text-align:center;
padding:0px 18px 30px;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
background-color:#ffffff;
}
.services-block-three .inner-box:hover{
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform:translateY(20px);
}
.services-block-three .inner-box:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:0px;
height:4px;
background-color:#070519;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.services-block-three .inner-box:after{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:0px;
height:4px;
background-color:#070519;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.services-block-three .inner-box:hover::before,
.services-block-three .inner-box:hover::after{
width:100%;
}
.services-block-three .inner-box .icon-box{
position:relative;
width:118px;
height:118px;
color:#ffffff;
font-size:50px;
text-align:center;
line-height:118px;
margin:0 auto;
border-radius:50%;
margin-top:-59px;
display:inline-block;
margin-bottom:20px;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
background-image: -ms-linear-gradient(right, #45A401 0%, #9EE213 100%);
background-image: -moz-linear-gradient(right, #45A401 0%, #9EE213 100%);
background-image: -o-linear-gradient(right, #45A401 0%, #9EE213 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #45A401), color-stop(100, #9EE213));
background-image: -webkit-linear-gradient(right, #45A401 0%, #9EE213 100%);
background-image: linear-gradient(to left, #45A401 0%, #9EE213 100%);
}
.services-block-three .inner-box h6{
position:relative;
font-size:18px;
font-weight:700;
line-height:1.4em;
margin-bottom:15px;
}
.services-block-three .inner-box h6 a{
position:relative;
color:#012068;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-three .inner-box:hover h6 a{
color:#070519;
}
.services-block-three .inner-box .text{
position:relative;
font-size:16px;
color:#1a1e66;
line-height:1.7em;
}
.services-block-three.style-two .inner-box .icon-box{
background-image: -ms-linear-gradient(bottom, #181054 0%, #ed1c24 100%);
background-image: -moz-linear-gradient(bottom, #181054 0%, #ed1c24 100%);
background-image: -o-linear-gradient(bottom, #181054 0%, #ed1c24 100%);
background-image: -webkit-gradient(linear, bottom, left top, color-stop(0, #181054), color-stop(100, #ed1c24));
background-image: -webkit-linear-gradient(bottom, #181054 0%, #ed1c24 100%);
background-image: linear-gradient(to bottom, #181054 0%, #ed1c24 100%);
}
/***
====================================================================
About Section Two
====================================================================
***/
.about-section-two{
position:relative;
padding:95px 0px 60px;
}
.about-section-two:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
background:url(../images/background/pattern-1.png) left top no-repeat;
}
.about-section-two:after{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
background:url(../images/background/pattern-2.png) right top no-repeat;
}
.about-section-two .video-column{
position:relative;
margin-bottom:40px;
z-index:1;
}
.about-section-two .content-column{
position:relative;
margin-bottom:40px;
}
.about-section-two .content-column .inner-column{
position:relative;
padding-left:40px;
z-index:1;
}
.about-section-two .content-column .inner-column h3{
position:relative;
color:#012068;
font-weight:700;
line-height:1.3em;
margin-bottom:25px;
}
.about-section-two .content-column .inner-column h3 span{
color:#070519;
}
.about-section-two .content-column .inner-column .text{
position:relative;
margin-bottom:40px;
}
.about-section-two .content-column .inner-column .text p{
position:relative;
color:#1a1e66;
font-size:16px;
line-height:1.7em;
margin-bottom:20px;
}
/***
====================================================================
Services Section Four
====================================================================
***/
.services-section-four{
position:relative;
padding:75px 0px 75px;
z-index:1;
background-color:#f2f3fa;
}
.services-section-four .sec-title .text{
position: relative;
color: #1a1e66;
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
max-width: 600px;
width: 100%;
margin-top:0px;
}
.services-section-four .sec-title .text1{
position: relative;
color: #1a1e66;
font-size: 15px;
font-weight: 400;
line-height: 1.8em;
width: 100%;
margin-top:0px;
margin-bottom: 5px;
}
.services-block-four{
position:relative;
margin: 21px 0px;
}
.services-block-four .inner-box{
position:relative;
overflow:hidden;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.services-block-four .inner-box .image{
position:relative;
}
.services-block-four .inner-box .image img{
position:relative;
width:100%;
display:block;
height: 396px;
}
.services-block-four .inner-box .image .overlay-box{
position:absolute;
left:0px;
bottom:0px;
width:100%;
padding:15px 15px 15px;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
background-color:rgb(9, 7, 24);
}
.services-block-four .inner-box .image .overlay-box .content{
position:relative;
padding-left:60px;
}
.services-block-four .inner-box .image .overlay-box .content .icon-box{
position:absolute;
left:0px;
top:0px;
color:#ed1c24;
font-size:46px;
line-height:1em;
}
.services-block-four .inner-box .image .overlay-box h6{
position:relative;
font-weight:700;
color:#ffffff;
line-height:1.4em;
text-align:center;
}
.services-block-four .inner-box:hover .image .overlay-box{
margin-bottom:-100px;
}
.services-block-four .inner-box .image .overlay-box-two{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #ffffff;
opacity: 0;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
-moz-transform: scaleX(0);
transform: scaleX(0);
background-color:rgba(1,32,104,0.92);
}
.services-block-four .inner-box:hover .image .overlay-box-two{
top: 0px;
opacity: 1;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
-moz-transform: scaleX(1);
transform: scaleX(1);
}
.services-block-four .inner-box .image .overlay-box-two .overlay-inner-two{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
padding: 3px 12px;
background: #ed1c24;
}
.services-block-four .inner-box .image .overlay-box-two .overlay-inner-two .content{
position: relative;
display: table-cell;
vertical-align: middle;
padding-left:70px;
}
.services-block-four .inner-box .image .overlay-box-two .icon-box{
position:absolute;
left:0px;
color:#ed1c24;
font-size:46px;
line-height:1em;
}
.services-block-four .inner-box .image .overlay-box-two h6{
position:relative;
font-weight:700;
line-height:1.4em;
margin-bottom:12px;
}
.services-block-four .inner-box .image .overlay-box-two h6 a{
position:relative;
color:#ffffff;
}
.services-block-four .inner-box .image .overlay-box-two .text{
position: relative;
font-size: 15px;
font-weight: 400;
line-height: 1.2em;
color: #ffffff;
margin-bottom: 9px;
}
.services-block-four .inner-box .image .overlay-box-two .read-more{
position:relative;
color:#509cf9;
font-size:14px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.services-block-four .inner-box .image .overlay-box-two .read-more:hover{
color:#ffffff;
}
.services-section-four .btn-box{
position:relative;
margin-top:45px;
}
/***
====================================================================
Business Section
====================================================================
***/
.business-section{
position:relative;
}
.business-section .outer-container{
position:relative;
}
.business-section .title-column{
position:relative;
width:50%;
float:left;
padding-left:15px;
}
.business-section .title-column .inner-column{
position:relative;
max-width:590px;
float:right;
width:100%;
margin-top:175px;
padding-right:120px;
margin-bottom:50px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.business-section .title-column .inner-column .inner-wrapper-sticky{
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.business-section .title-column .inner-column .logo{
position:relative;
margin-bottom:20px;
}
.business-section .title-column .inner-column h2{
position:relative;
color:#012068;
font-weight:700;
line-height:1.4em;
margin-bottom:18px;
}
.business-section .title-column .inner-column h2 span{
color:#070519;
}
.business-section .title-column .inner-column .text{
position:relative;
color:#1a1e66;
font-size:16px;
line-height:1.7em;
}
.business-section .contents-column{
position:relative;
width:50%;
float:left;
}
.business-section .contents-column .inner-column{
position:relative;
padding-top:80px;
padding-right:15px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
}
.business-section .contents-column .inner-column .title-box{
position:relative;
padding-left:55px;
margin-bottom:70px;
}
.business-section .contents-column .inner-column .title-box h2{
position:relative;
color:#012068;
font-weight:700;
line-height:1.4em;
margin-bottom:18px;
}
.business-section .contents-column .inner-column .title-box h2 span{
color:#070519;
}
.business-section .contents-column .inner-column .services-blocks{
position:relative;
margin-left:-60px;
margin-bottom:40px;
}
/* Services Block Five */
.services-block-five{
position:relative;
padding-bottom:45px;
}
.services-block-five .inner-box{
position:relative;
padding-top:25px;
padding-left:150px;
}
.services-block-five .inner-box .icon-box{
position:absolute;
left:0px;
top:0px;
width:115px;
height:115px;
color:#ffffff;
font-size:60px;
overflow:hidden;
text-align:center;
border-radius:50%;
line-height:112px;
background-image: -ms-linear-gradient(top, #9FE013 0%, #49a702 100%);
background-image: -moz-linear-gradient(top, #9FE013 0%, #49a702 100%);
background-image: -o-linear-gradient(top, #9FE013 0%, #49a702 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9FE013), color-stop(100, #49a702));
background-image: -webkit-linear-gradient(top, #9FE013 0%, #49a702 100%);
background-image: linear-gradient(to bottom, #9FE013 0%, #49a702 100%);
}
.services-block-five .inner-box h6{
position:relative;
font-weight:700;
line-height:1.3em;
margin-bottom:15px;
}
.services-block-five .inner-box h6 a{
position:relative;
color:#012068;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.services-block-five .inner-box h6 a:hover{
color:#070519;
}
.services-block-five .inner-box .text{
position:relative;
color:#1a1e66;
font-size:16px;
max-width:270px;
line-height:1.7em;
}
.business-section .contents-column .testimonial-boxed{
position:relative;
margin-right:-15px;
}
.business-section .contents-column .testimonial-boxed .inner-boxed{
position:relative;
padding:80px 15px 80px 130px;
}
.business-section .contents-column .testimonial-boxed .inner-boxed:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,21,69,0.80);
}
.business-section .contents-column .testimonial-boxed .inner-boxed .inner-content{
position:relative;
max-width:450px;
}
.business-section .contents-column .testimonial-boxed .inner-boxed h2{
position:relative;
color:#ffffff;
font-weight:700;
margin-bottom:30px;
}
.business-section .contents-column .testimonial-boxed .inner-boxed h2 span{
color:#509cf9;
}
/* Testimonial Block Two */
.testimonial-block-two{
position:relative;
}
.testimonial-block-two .inner-box{
position:relative;
}
.testimonial-block-two .inner-box .content-box{
position:relative;
padding:25px 25px 28px;
background-color:#070519;
}
.testimonial-block-two .inner-box .content-box:after{
position:absolute;
content:'';
left:0px;
bottom:-20px;
border-top: 20px solid #070519;
border-right: 20px solid transparent;
}
.testimonial-block-two .inner-box .content-box .text{
position:relative;
font-size:17px;
color:#ffffff;
line-height:1.6em;
}
.testimonial-block-two .inner-box .lower-box{
position:relative;
margin-top:40px;
}
.testimonial-block-two .inner-box .lower-box .lower-inner{
position:relative;
padding-left:110px;
padding-top:16px;
min-height:84px;
}
.testimonial-block-two .inner-box .lower-box .lower-inner .image{
position:absolute;
content:'';
left:0px;
top:0px;
width:84px;
height:84px;
border-radius:50%;
overflow:hidden;
}
.testimonial-block-two .inner-box .lower-box .lower-inner h3{
position:relative;
font-size:18px;
color:#ffffff;
line-height:1.3em;
margin-bottom:4px;
}
.testimonial-block-two .inner-box .lower-box .lower-inner .designation{
position:relative;
font-size:15px;
color:#509cf9;
}
.business-section .contents-column .testimonial-boxed .owl-nav{
display:none;
}
.business-section .contents-column .testimonial-boxed .owl-dots{
position:absolute;
right:0px;
bottom:0px;
}
.business-section .contents-column .testimonial-boxed .owl-dots .owl-dot{
position:relative;
width:7px;
height:7px;
margin-right:10px;
border-radius:50px;
display:inline-block;
background-color:#509cf9;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.business-section .contents-column .testimonial-boxed .owl-dots .owl-dot.active,
.business-section .contents-column .testimonial-boxed .owl-dots .owl-dot:hover{
background-color:#ffffff;
}
/* Awards Blocks */
.business-section .contents-column .awards-blocks{
position:relative;
}
.business-section .contents-column .awards-blocks .awards-inner{
position:relative;
max-width:590px;
padding:85px 50px;
}
.business-section .contents-column .awards-blocks .awards-inner h2{
position:relative;
color:#012068;
font-weight:700;
line-height:1.4em;
margin-bottom:18px;
}
.business-section .contents-column .awards-blocks .awards-inner h2 span{
color:#070519;
}
.business-section .contents-column .awards-blocks .awards-inner .text{
position: relative;
color: #1a1e66;
font-size: 16px;
line-height: 1.7em;
margin-bottom:40px;
}
.business-section .contents-column .awards-blocks .awards-inner ul{
position:relative;
}
.business-section .contents-column .awards-blocks .awards-inner ul li{
position:relative;
width:30%;
margin-right:20px;
display:inline-block;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.business-section .contents-column .awards-blocks .awards-inner ul li:last-child{
margin-right:0px;
}
.faq-section{
position:relative;
padding:95px 0px 60px;
background-color:#f2f3fa;
}
.faq-section .faq-column{
margin-bottom:40px;
}
.faq-section .side-image{
position:absolute;
right:0px;
top:0px;
width:45%;
height:100%;
background-size:cover;
background-repeat:no-repeat;
}
.faq-section .side-image:before{
position:absolute;
content:'';
right:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0.9;
background-image: -ms-linear-gradient(left, #012068 0%, #2f3ff5 100%);
background-image: -moz-linear-gradient(left, #012068 0%, #2f3ff5 100%);
background-image: -o-linear-gradient(left, #012068 0%, #2f3ff5 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #012068), color-stop(100, #2f3ff5));
background-image: -webkit-linear-gradient(left, #012068 0%, #2f3ff5 100%);
background-image: linear-gradient(to right, #012068 0%, #2f3ff5 100%);
}
/***
====================================================================
Accordions style
====================================================================
***/
.accordion-box{
position:relative;
}
.accordion-box .block:first-child{
border-top:1px solid #eaeaea;
}
.accordion-box .block{
position:relative;
border-bottom:1px solid #eaeaea;
}
.accordion-box .block:last-child{
border-bottom:none;
}
.accordion-box .block .acc-btn{
position:relative;
font-size:18px;
margin-bottom:0px;
cursor:pointer;
line-height:24px;
font-weight:700;
padding: 27px 10px 27px 50px;
color:#012068;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Poppins', sans-serif;
}
.accordion-box .block .acc-btn .arrow{
position:absolute;
right:0px;
color:#c9c9ce;
font-size:22px;
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;
}
.accordion-box .block .acc-btn.active .arrow{
transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
}
.accordion-box .block .acc-btn .icon-inner{
color:#13b5ea;
font-size:16px;
}
.accordion-box .block .icon-outer{
position:absolute;
left:0px;
top:28px;
width:20px;
height:20px;
text-align:center;
font-size:10px;
color:#f2f3fa;
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;
background-image: -ms-linear-gradient(top, #9FE013 0%, #49a702 100%);
background-image: -moz-linear-gradient(top, #9FE013 0%, #49a702 100%);
background-image: -o-linear-gradient(top, #9FE013 0%, #49a702 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9FE013), color-stop(100, #49a702));
background-image: -webkit-linear-gradient(top, #9FE013 0%, #49a702 100%);
background-image: linear-gradient(to bottom, #9FE013 0%, #49a702 100%);
}
.accordion-box .block .icon-outer .icon{
position:absolute;
left:0px;
top:50%;
margin-top:-21px;
width:100%;
height:42px;
line-height:41px;
text-align:center;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.accordion-box .block .acc-btn.active .icon-outer{
background-color:#153e4d;
}
.accordion-box .block .icon-outer .icon-plus{
opacity:1;
}
.accordion-box .block .icon-outer .icon-minus{
opacity:0;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-minus{
opacity:1;
color:#f2f3fa;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
opacity:0;
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .acc-content.current{
display:block;
}
.accordion-box .block .content{
position:relative;
font-size:13px;
padding:0px 0px 20px;
}
.accordion-box .block .content p{
margin-bottom:20px;
line-height:1.8em;
color:#1a1e66;
font-size:16px;
}
.accordion-box .block .content p:last-child{
margin-bottom:0px;
}
.faq-section .counter-column{
position:relative;
}
.faq-section .counter-column .inner-column{
position:relative;
z-index:1;
margin-bottom:40px;
}
.faq-section .counter-column .inner-column .image{
position:relative;
box-shadow:0px 0px 20px rgba(0,0,0,0.25);
}
.faq-section .counter-column .inner-column .image img{
position:relative;
width:100%;
display:block;
}
/***
====================================================================
News Section Two
====================================================================
***/
.news-section-two{
position:relative;
padding-top:95px;
}
.news-section-two.alternate{
padding-bottom:90px;
}
.news-section-two.style-two{
padding-top:40px;
}
.news-section-two.style-two .sec-title-three .text{
max-width:590px;
font-size:16px;
color:#ed1c24;
line-height:1.7em;
}
.news-block-two{
position:relative;
margin-bottom:0px;
}
.news-block-two .inner-box{
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.news-block-two .inner-box .image{
position:relative;
overflow:hidden;
}
.news-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-block-two .inner-box .image .overlay-box{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
text-align:center;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.news-block-two .inner-box .image .overlay-box .plus{
position:absolute;
left:50%;
top:50%;
width:54px;
height:54px;
color:#012068;
font-size:18px;
line-height:54px;
text-align:center;
border-radius:50%;
font-weight:700;
margin-left:-27px;
margin-top:-27px;
transform:scale(0,0);
-moz-transform:scale(0,0);
-webkit-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
display:inline-block;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-two .inner-box:hover .image .overlay-box .plus{
transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
}
.news-block-two .inner-box .image .overlay-box:before{
position:absolute;
content:'';
left:-100%;
top:0px;
width:100%;
height:100%;
opacity:0.85;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:rgba(1,32,104,0.90);
}
.news-block-two .inner-box:hover .image .overlay-box:before{
left:0%
}
.news-block-two .inner-box .lower-content{
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
padding:30px 30px 35px;
}
.news-block-two .inner-box .lower-content .post-meta{
position:relative;
}
.news-block-two .inner-box .lower-content .post-meta li{
position:relative;
margin-right:20px;
color:#0b1598;
font-size:14px;
padding-left:22px;
display:inline-block;
}
.news-block-two .inner-box .lower-content .post-meta li:last-child{
margin-right:0px;
}
.news-block-two .inner-box .lower-content .post-meta li .fa{
position:absolute;
left:0px;
top:0px;
color:#303ef9;
font-size:14px;
}
.news-block-two .inner-box .lower-content h5{
position:relative;
font-weight:700;
line-height:1.5em;
margin-top:8px;
margin-bottom:24px;
}
.news-block-two .inner-box .lower-content h5 a{
position:relative;
color:#012068;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-two .inner-box .lower-content h5 a:hover{
color:#303ef9;
}
.news-block-two.brown .inner-box .image .overlay-box:before{
background-color:rgba(0,0,0,0.84);
}
.news-block-two.brown .inner-box .image .overlay-box .plus{
background-color:#ad8e63;
color:#ffffff;
}
.news-block-two.brown .inner-box .lower-content{
border-bottom:5px solid transparent;
}
.news-block-two.brown .inner-box .lower-content .post-meta li,
.news-block-two.brown .inner-box .lower-content .post-meta li .fa{
color:#9c9c9c;
}
.news-block-two.brown .inner-box:hover .lower-content{
border-color:#ad8e63;
}
.news-block-two.brown .inner-box .lower-content h5{
font-family: 'Playfair Display', serif;
}
.news-block-two.brown .inner-box .lower-content h5 a{
color:#ed1c24;
}
.news-block-two.brown .inner-box .lower-content h5 a:hover{
color:#ad8e63;
}
.news-block-two.red .inner-box .image .overlay-box:before{
background-color:rgba(236,2,3,0.84);
}
.news-block-two.red .inner-box .image .overlay-box .plus{
background-color:#ffffff;
color:#ed1c24;
}
.news-block-two.red .inner-box .lower-content .post-meta li,
.news-block-two.red .inner-box .lower-content .post-meta li .fa{
color:#999999;
}
.news-block-two.red .inner-box .lower-content h5 a{
color:#ed1c24;
}
/***
====================================================================
Call To Action Section Two
====================================================================
***/
.call-to-action-two{
position:relative;
padding:25px 0px;
background-color:#020f2f;
}
.call-to-action-two h2{
position:relative;
color:#ffffff;
font-weight:700;
}
.call-to-action-two h2 span{
color:#070519;
}
.call-to-action-two .theme-btn{
margin-top:3px;
}
/***
====================================================================
Services Section Five
====================================================================
***/
.services-section-five{
position:relative;
padding:125px 0px 20px;
}
.services-section-five .services-text{
position:relative;
color:#012068;
font-size:14px;
text-align:center;
}
.services-section-five .services-text a{
text-decoration:underline;
}
.services-block-six{
position:relative;
z-index:1;
margin-bottom:80px;
}
.services-block-six .inner-box{
position:relative;
padding-top:35px;
padding-left:200px;
min-height:187px;
}
.services-block-six .inner-box .icon-box{
position:absolute;
left:0px;
top:0px;
width:175px;
height:187px;
color:#f95f01;
font-size:60px;
line-height:1em;
text-align:center;
padding-top:55px;
display:inline-block;
background: url(../images/icons/service-icon-1.png) no-repeat;
}
.services-block-six .inner-box h6{
position:relative;
font-weight:700;
line-height:1.4em;
margin-bottom:10px;
}
.services-block-six .inner-box h6 a{
position:relative;
color:#012068;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-block-six .inner-box h6 a:hover{
color:#4659e2;
text-decoration:underline;
}
.services-block-six .inner-box .text{
position:relative;
font-size:16px;
color:#1a1e66;
line-height:1.7em;
max-width:280px;
}
/***
====================================================================
About Section Three
====================================================================
***/
.about-section-three{
position:relative;
padding:55px 0px 70px;
}
.about-section-three .content-column{
position:relative;
margin-bottom:40px;
}
.about-section-three .content-column .inner-column{
position:relative;
}
.about-section-three .content-column .inner-column .sec-title{
margin-bottom:30px;
}
.about-section-three .content-column .inner-column .bold-text{
position:relative;
font-size:18px;
color:#1a1e66;
font-weight:700;
line-height:1.6em;
margin-bottom:22px;
}
.about-section-three .content-column .inner-column .text{
position:relative;
font-size:16px;
color:#1a1e66;
font-weight:400;
line-height:1.6em;
margin-bottom:30px;
}
.about-section-three .image-column{
position:relative;
text-align:center;
}
/***
====================================================================
Companies Section
====================================================================
***/
.companies-section{
position:relative;
padding-bottom:40px;
}
.companies-section .title-box{
position:relative;
padding:95px 0px 85px;
}
.companies-section .title-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.80);
}
.companies-section .lower-section{
position:relative;
margin-top:-54px;
}
/***
====================================================================
Company Tabs Style
====================================================================
***/
.company-info-tabs .company-tabs{
position:relative;
}
.company-info-tabs .company-tabs .tab-btns{
position:relative;
z-index:1;
}
.company-info-tabs .company-tabs .tab-btns .tab-btn{
position:relative;
display:block;
float:left;
width:31.6%;
font-size:15px;
color:#ffffff;
text-align:center;
background:#4659e2;
font-weight:400;
line-height:24px;
cursor:pointer;
margin:0px 10px;
padding:15px 20px 15px;
text-transform:capitalize;
transition:all 500ms ease;
border-radius:5px 5px 0px 0px;
}
.company-info-tabs .company-tabs .tab-btns .tab-btn:hover,
.company-info-tabs .company-tabs .tab-btns .tab-btn.active-btn{
color:#012068;
background:#ffffff;
}
.company-info-tabs .company-tabs .tabs-content{
position:relative;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
padding:95px 0px 50px;
}
.company-info-tabs .company-tabs .tabs-content:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
background:url(../images/background/pattern-1.png) left top no-repeat;
}
.company-info-tabs .company-tabs .tabs-content:after{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
background:url(../images/background/pattern-2.png) right top no-repeat;
}
.company-info-tabs .company-tabs .tabs-content .tab{
position:relative;
display:none;
margin-top:30px;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.company-info-tabs .company-tabs .tabs-content .tab.active-tab{
display:block;
margin-top:0px;
}
.company-info-tabs .company-tabs .tabs-content .tab .title-column{
position:relative;
margin-bottom:40px;
}
.company-info-tabs .company-tabs .tabs-content .tab .title-column .inner-column{
position:relative;
padding-top:65px;
z-index:1;
}
/* Services Block Seven */
.services-block-seven{
position:relative;
margin-bottom:40px;
z-index:1;
}
.services-block-seven .inner-box{
position:relative;
padding-left:85px;
min-height:60px;
}
.services-block-seven .inner-box .icon-box{
position:absolute;
left:0px;
top:7px;
color:#4659e2;
font-size:46px;
line-height:1em;
}
.services-block-seven .inner-box .text{
position:relative;
color:#1a1e66;
font-size:18px;
font-weight:700;
line-height:1.7em;
}
.company-info-tabs .company-tabs .tabs-content .tab .blocks-column{
position:relative;
z-index:10;
}
.company-info-tabs .company-tabs .tabs-content .tab .blocks-column .inner-column{
position:relative;
}
.services-block-eight.margin-top{
margin-top:80px;
}
/* Services Block Eight */
.services-block-eight{
position:relative;
margin-bottom:30px;
}
.services-block-eight .inner-box{
position:relative;
text-align:center;
padding:40px 30px 40px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.services-block-eight .inner-box .icon-box{
position:relative;
color:#012068;
font-size:54px;
line-height:1em;
margin-bottom:20px;
}
.services-block-eight .inner-box h5{
position:relative;
font-size:20px;
font-weight:700;
line-height:1.3em;
margin-bottom:12px;
}
.services-block-eight .inner-box h5 a{
position:relative;
color:#012068;
}
.services-block-eight .inner-box .text{
position:relative;
color:#1a1e66;
font-size:16px;
line-height:1.7em;
}
.services-block-eight .inner-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
color:#ffffff;
text-align:center;
-webkit-transition:all 700ms ease;
-ms-transition:all 700ms ease;
-o-transition:all 700ms ease;
transition:all 700ms ease;
-moz-transform: rotateX(-180deg);
-webkit-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg);
transform: rotateX(-180deg);
background-image: -ms-linear-gradient(top, #F44C01 0%, #ff7a01 100%);
background-image: -moz-linear-gradient(top, #F44C01 0%, #ff7a01 100%);
background-image: -o-linear-gradient(top, #F44C01 0%, #ff7a01 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F44C01), color-stop(100, #ff7a01));
background-image: -webkit-linear-gradient(top, #F44C01 0%, #ff7a01 100%);
background-image: linear-gradient(to bottom, #F44C01 0%, #ff7a01 100%);
}
.services-block-eight .inner-box .overlay-box .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 30px;
}
.services-block-eight .inner-box .overlay-box .overlay-inner .content{
position: relative;
display: table-cell;
vertical-align: middle;
}
.services-block-eight .inner-box:hover .overlay-box{
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
visibility: visible;
}
.services-block-eight .inner-box .overlay-box h6{
position:relative;
color:#ffffff;
font-size:20px;
line-height:1.7em;
padding-bottom:10px;
font-weight:700;
margin-bottom:20px;
}
.services-block-eight .inner-box .overlay-box h6:after{
position:absolute;
content:'';
left:50%;
bottom:0px;
height:3px;
width:32px;
margin-left:-16px;
background-color:#ffffff;
}
.services-block-eight .inner-box .overlay-box h6 a{
position:relative;
color:#ffffff;
}
.services-block-eight .inner-box .overlay-box .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.6em;
}
/***
====================================================================
Testimonial Section Two
====================================================================
***/
.testimonial-section-two{
position:relative;
padding-top:95px;
}
.testimonial-section-two .image-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:370px;
background-size:cover;
background-attachment:fixed;
}
.testimonial-section-two .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.84);
}
.testimonial-section-two .testimonial-carousel-two{
margin-top:-28px;
}
.testimonial-section-two h2{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.2em;
padding-left:320px;
}
.testimonial-section-two h2 span{
font-weight:400;
font-family: 'Playfair Display', serif;
}
.testimonial-section-two .owl-dots{
position: relative;
display: none;
}
.testimonial-section-two .owl-nav{
position:absolute;
margin-left:330px;
margin-top:-40px;
}
.testimonial-section-two .owl-nav .owl-prev,
.testimonial-section-two .owl-nav .owl-next{
position: relative;
width: 40px;
height: 40px;
bottom: 50%;
color: #012068;
background: none;
z-index: 10;
font-size: 22px;
text-align: center;
cursor: pointer;
line-height: 40px;
margin: 0px 8px;
font-weight:700;
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;
box-shadow:0px 0px 10px rgba(0,0,0,0.15);
}
.testimonial-section-two .owl-nav .owl-prev:hover,
.testimonial-section-two .owl-nav .owl-next:hover{
color:#ffffff;
background-color: #4659e2;
}
.testimonial-block-three{
position:relative;
}
.testimonial-block-three .inner-box{
position:relative;
}
.testimonial-block-three .inner-box .image-column{
position:relative;
}
.testimonial-block-three .inner-box .image-column .inner-column{
position:relative;
margin-top:-28px;
}
.testimonial-block-three .inner-box .image-column .inner-column .image{
position:relative;
}
.testimonial-block-three .inner-box .image-column .inner-column .image img{
position:relative;
width:100%;
display:block;
}
.testimonial-block-three .inner-box .content-column{
position:relative;
}
.testimonial-block-three .inner-box .content-column .inner-column{
position:relative;
padding-left:75px;
padding-top:40px;
}
.testimonial-block-three .inner-box .content-column .text{
position:relative;
color:#d9d9d9;
font-size:18px;
font-weight:600;
line-height:1.8em;
padding-left:50px;
margin-bottom:20px;
}
.testimonial-block-three .inner-box .content-column .text .icon{
position:absolute;
left:0px;
top:6px;
color:#d9d9d9;
font-size:22px;
line-height:1em;
}
.testimonial-block-three .inner-box .content-column h5{
position:relative;
font-weight:600;
font-size:20px;
line-height:1.3em;
color:#4659e2;
padding-left:50px;
margin-bottom:5px;
}
.testimonial-block-three .inner-box .content-column .designation{
position:relative;
font-weight:400;
font-size:15px;
color:#d9d9d9;
line-height:1.3em;
padding-left:50px;
}
/***
====================================================================
Testimonial Section Six
====================================================================
***/
.services-section-six{
position:relative;
padding:90px 0px 40px;
}
.services-section-six .outer-container{
position:relative;
}
.services-section-six .outer-container:before{
position:absolute;
content:'';
left:0px;
top:70px;
width:100%;
height:91px;
background:url(../images/background/pattern-3.png) center top no-repeat;
}
.services-section-six .outer-container .services-block-nine:nth-child(2),
.services-section-six .outer-container .services-block-nine:nth-child(4){
margin-top:70px;
}
.services-block-nine{
position:relative;
margin-bottom:40px;
}
.services-block-nine .inner-box{
position:relative;
text-align:center;
}
.services-block-nine .inner-box .icon-outer{
position:relative;
display:inline-block;
}
.services-block-nine .inner-box .icon-outer .service-number{
position:absolute;
left:-7px;
top:-2px;
width:24px;
height:24px;
color:#ffffff;
font-size:14px;
font-weight:600;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:#515251;
}
.services-block-nine .inner-box .icon-outer .icon-box{
position:relative;
width:135px;
height:135px;
color:#ffffff;
text-align:center;
border-radius:50%;
line-height:138px;
font-size:62px;
background-color:#d3dde8;
}
.services-block-nine .inner-box .icon-outer .icon-box .icon{
position:relative;
}
.services-block-nine .inner-box .icon-outer .icon-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
border-radius: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;
background:-webkit-linear-gradient(top,#F44C01, #ff7a01);
background:-moz-linear-gradient(top,#F44C01, #ff7a01);
background:-o-linear-gradient(top,#F44C01, #ff7a01);
background:-ms-linear-gradient(top,#F44C01, #ff7a01);
}
.services-block-nine .inner-box:hover .icon-outer .icon-box:before{
opacity:1;
}
.services-block-nine .inner-box .lower-box{
position:relative;
margin-top:30px;
}
.services-block-nine .inner-box .lower-box h6{
position:relative;
font-size:18px;
font-weight:600;
line-height:1.3em;
margin-bottom:14px;
}
.services-block-nine .inner-box .lower-box h6 a{
position:relative;
color:#012068;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-block-nine .inner-box .lower-box h6 a:hover{
color:#4659e2;
}
.services-block-nine .inner-box .lower-box .text{
position:relative;
font-size:16px;
line-height:1.7em;
margin-bottom:14px;
}
.services-block-nine .inner-box .lower-box .contact{
position:relative;
color:#4659e2;
font-size:15px;
font-weight:500;
font-family: 'Poppins', sans-serif;
}
.services-block-nine .inner-box .lower-box .contact .arrow{
position:relative;
font-weight:600;
color:#4659e2;
margin-left:4px;
}
/***
====================================================================
Pricing Section
====================================================================
***/
.pricing-section{
position:relative;
padding-top:95px;
}
.pricing-section.alternate{
padding-bottom:70px;
}
/***
====================================================================
Pricing Tabs Style
====================================================================
***/
.pricing-info-tabs .pricing-tabs{
position:relative;
}
.pricing-tabs .tab-btns{
position:relative;
text-align:center;
margin-bottom:75px;
}
.pricing-tabs .tab-btns .tab-btn{
position:relative;
display:inline-block;
font-size:18px;
color:#1a1e66;
font-weight:400;
line-height:24px;
cursor:pointer;
margin:0px 10px;
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;
}
.pricing-tabs .tab-btns .tab-btn .save{
color:#1a1e66;
font-size:14px;
font-weight:700;
padding:8px 18px;
border-radius:4px;
margin-left:10px;
display:inline-block;
background-color:#e3e6fb;
}
.pricing-tabs .tab-btns .tab-btn .circle{
position:relative;
width:18px;
height:18px;
top:3px;
margin-right:8px;
border-radius:50px;
display:inline-block;
border:2px solid #b8b5b5;
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;
}
.pricing-tabs .tab-btns .tab-btn:hover,
.pricing-tabs .tab-btns .tab-btn.active-btn{
color:#1a1e66;
}
.pricing-tabs .tab-btns .tab-btn .circle:before{
position:absolute;
content:'';
left:4px;
top:4px;
width:6px;
height:6px;
opacity:0;
border-radius:50px;
background-color:#2a41e8;
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;
}
.pricing-tabs .tab-btns .tab-btn:hover .circle,
.pricing-tabs .tab-btns .tab-btn.active-btn .circle{
border-color:#4659e2;
}
.pricing-tabs .tab-btns .tab-btn:hover .circle::before,
.pricing-tabs .tab-btns .tab-btn.active-btn .circle::before{
opacity:1;
}
.pricing-tabs .tabs-content{
position:relative;
}
.pricing-tabs .tabs-content .tab{
position:relative;
display:none;
margin-top:120px;
transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
-webkit-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
}
.pricing-tabs .tabs-content .tab.active-tab{
display:block;
margin-top:0px;
}
/* Price Block */
.price-block{
position:relative;
margin-bottom:30px;
}
.price-block .inner-box{
position:relative;
border-radius:10px;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.price-block .inner-box .recomend{
position:absolute;
left:0px;
top:-41px;
width:100%;
color:#ffffff;
font-size:15px;
font-weight:500;
text-align:center;
padding:10px 12px;
background-color:#4659e2;
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-radius:6px 6px 0px 0px;
}
.price-block .inner-box .title-box{
position:relative;
padding:25px 25px;
}
.price-block .inner-box .title-box h5{
position:relative;
color:#012068;
font-weight:700;
line-height:1.3em;
margin-bottom:12px;
}
.price-block .inner-box .title-box .text{
position:relative;
font-size:16px;
color:#1a1e66;
line-height:1.7em;
}
.price-block .inner-box .price{
position:relative;
display:block;
color:#ffffff;
font-size:36px;
font-weight:700;
line-height:1.2em;
padding:12px 10px 8px;
text-align:center;
background:-webkit-linear-gradient(top,#F44C01, #ff7a01);
background:-moz-linear-gradient(top,#F44C01, #ff7a01);
background:-o-linear-gradient(top,#F44C01, #ff7a01);
background:-ms-linear-gradient(top,#F44C01, #ff7a01);
}
.price-block .inner-box .price span{
position:relative;
font-weight:300;
font-size:16px;
}
.price-block .inner-box .lower-box{
position:relative;
padding:20px 20px 25px;
}
.price-block .inner-box .price-list{
position:relative;
margin-bottom:15px;
}
.price-block .inner-box .price-list li{
position:relative;
color:#012068;
font-size:14px;
font-weight:500;
padding:12px 8px 12px 35px;
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;
}
.price-block .inner-box .price-list li:before{
position:absolute;
content: "\f00c";
left:10px;
top:15px;
color:#4659e2;
font-size:14px;
line-height:1em;
font-family: 'FontAwesome';
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;
}
.price-block .inner-box .price-list li:hover{
background-color:#f2f2f2;
}
.price-block .inner-box .lower-box .theme-btn{
width:100%;
text-align:center;
}
.price-block .inner-box:hover .recomend{
}
.price-block.style-two .inner-box .recomend{
background-image: -ms-linear-gradient(top, #9fe513 0%, #60b807 100%);
background-image: -moz-linear-gradient(top, #9fe513 0%, #60b807 100%);
background-image: -o-linear-gradient(top, #9fe513 0%, #60b807 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9fe513), color-stop(100, #60b807));
background-image: -webkit-linear-gradient(top, #9fe513 0%, #60b807 100%);
background-image: linear-gradient(to bottom, #9fe513 0%, #60b807 100%);
}
.price-block.style-two .inner-box .price{
background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
/***
====================================================================
Services Block Seven
====================================================================
***/
.services-section-seven{
position:relative;
}
.services-section-seven .inner-container{
position:relative;
margin-top:-80px;
z-index:1;
}
.services-section-seven .inner-container .services-block-ten{
float:left;
padding:0px;
}
.services-section-seven .inner-container .services-block-ten:nth-child(2) .inner-box{
background-color:#7e6a46;
}
.services-section-seven .inner-container .services-block-ten:nth-child(3) .inner-box{
background-color:#ad8e63;
}
.services-block-ten{
position:relative;
}
.services-block-ten .inner-box{
position:relative;
overflow:hidden;
background-color:#6a592f;
padding:45px 30px 50px 40px;
}
.services-block-ten .inner-box .upper-box{
position:relative;
padding-left:70px;
margin-bottom:32px;
}
.services-block-ten .inner-box .large-icon{
position:absolute;
right:-120px;
top:0px;
opacity:0;
font-size:100px;
line-height:1em;
color:rgba(255,255,255,0.25);
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.services-block-ten .inner-box:hover .large-icon{
right:0;
opacity:1;
}
.services-block-ten .inner-box .upper-box .icon-box{
position:absolute;
left:0px;
top:-8px;
color:#ffffff;
font-size:46px;
line-height:1em;
}
.services-block-ten .inner-box .upper-box h4{
position:relative;
line-height:1.3em;
font-weight:700;
letter-spacing:1px;
font-family: 'Playfair Display', serif;
}
.services-block-ten .inner-box .upper-box h4 a{
position:relative;
color:#ffffff;
}
.services-block-ten .inner-box .text{
position:relative;
line-height:1.8em;
color:#ffffff;
font-size:16px;
margin-bottom:20px;
}
/***
====================================================================
Services Section Eight
====================================================================
***/
.services-section-eight{
position:relative;
padding:95px 0px 60px;
background-color:#f2f2f2;
}
.services-section-eight .content-column{
position:relative;
}
.services-section-eight .content-column .inner-column{
position:relative;
margin-right:-60px;
}
.services-section-eight .image-column{
position:relative;
}
.services-section-eight .image-column .inner-column{
position:relative;
margin-left:60px;
}
.services-section-eight .image-column .inner-column .image{
position:relative;
}
.services-section-eight .image-column .inner-column .image img{
position:relative;
width:100%;
display:block;
}
.services-section-eight .image-column .inner-column .image .overlay-box{
position:absolute;
left:10px;
top:10px;
right:10px;
bottom:10px;
padding:0px 30px 60px;
background-color:rgba(255,255,255,0.90);
}
.services-section-eight .image-column .inner-column .image .overlay-box .content{
position:absolute;
left:30px;
bottom:60px;
}
.services-section-eight .image-column .inner-column .image .overlay-box .content h2{
position:relative;
font-weight:700;
font-size:120px;
line-height:80px;
color:#ed1c24;
}
.services-section-eight .image-column .inner-column .image .overlay-box .content h2 span{
font-weight:400;
display:block;
font-size:24px;
font-family: 'Playfair Display', serif;
}
.services-block-eleven{
position:relative;
margin-bottom:35px;
}
.services-block-eleven .inner-box{
position:relative;
padding:30px 35px;
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;
}
.services-block-eleven .inner-box .border-one:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:0px;
height:2px;
background-color:#9a7f59;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.services-block-eleven .inner-box .border-one:after{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:2px;
height:0px;
background-color:#9a7f59;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.services-block-eleven .inner-box:hover .border-one:before{
width:100%;
}
.services-block-eleven .inner-box:hover .border-one:after{
height:100%;
}
.services-block-eleven .inner-box .border-two:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:2px;
height:0px;
background-color:#9a7f59;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.services-block-eleven .inner-box .border-two:after{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:0px;
height:2px;
background-color:#9a7f59;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.services-block-eleven .inner-box:hover .border-two:before{
height:100%;
}
.services-block-eleven .inner-box:hover .border-two:after{
width:100%;
}
.services-block-eleven .inner-box .content{
position:relative;
padding-left:60px;
}
.services-block-eleven .inner-box .icon-box{
position:absolute;
left:0px;
top:0px;
width:40px;
height:40px;
color:#ffffff;
font-size:20px;
line-height:40px;
text-align:center;
background-color:#9a7f59;
}
.services-block-eleven .inner-box .content h6{
position:relative;
color:#ed1c24;
font-size:18px;
font-weight:700;
line-height:1.3em;
margin-bottom:10px;
font-family: 'Playfair Display', serif;
}
.services-block-eleven .inner-box .content h6 a{
position:relative;
color:#ed1c24;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-block-eleven .inner-box .content h6 a:hover{
color:#9a7f59;
}
.services-block-eleven .inner-box .content .text{
position:relative;
color:#6a6a6a;
font-size:14px;
line-height:1.8em;
}
/* Services Section Nine */
.services-section-nine{
position:relative;
padding-top:95px;
}
.services-section-nine .services-block-twelve{
float:left;
padding:0px;
}
.services-block-twelve{
position:relative;
}
.services-block-twelve .inner-box{
position:relative;
overflow:hidden;
}
.services-block-twelve .inner-box .image{
position:relative;
}
.services-block-twelve .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.services-block-twelve .inner-box .image .overlay-box{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
color: #ffffff;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
background-color:rgba(0,0,0,0.65);
}
.services-block-twelve .inner-box .image .overlay-box .overlay-inner{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
padding: 10px 70px;
}
.services-block-twelve .inner-box .image .overlay-box .overlay-inner .content{
position: relative;
display: table-cell;
vertical-align: middle;
}
.services-block-twelve .inner-box .image .overlay-box h4{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.3em;
margin-bottom:20px;
font-family: 'Playfair Display', serif;
}
.services-block-twelve .inner-box .image .overlay-box .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.7em;
margin-bottom:20px;
}
.services-block-twelve .inner-box .image .overlay-box .arrow-box{
position:relative;
color:#ffffff;
width:44px;
height:44px;
line-height:44px;
border-radius:50px;
font-weight:600;
font-size:20px;
text-align:center;
display:inline-block;
background-color:#9a7f59;
}
.services-block-twelve .inner-box:hover .overlay-box-two{
opacity:1;
left:0%;
visibility:visible;
}
.services-block-twelve .inner-box .overlay-box-two{
position: absolute;
left: -100%;;
top: 0px;
opacity:0;
width: 100%;
height: 100%;
color: #ffffff;
visibility:hidden;
text-align:center;
background-color:#9a7f59;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}
.services-block-twelve .inner-box .overlay-box-two .overlay-inner-two{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
padding: 10px 70px;
}
.services-block-twelve .inner-box .overlay-box-two .overlay-inner-two .large-icon{
position: absolute;
left: 10px;
top: 10px;
font-size: 100px;
line-height: 1em;
color: rgba(255,255,255,0.25);
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.services-block-twelve .inner-box .overlay-box-two .overlay-inner-two .content-two{
position: relative;
display: table-cell;
vertical-align: middle;
}
.services-block-twelve .inner-box .overlay-box-two .icon-box{
position:relative;
font-size:62px;
line-height:1em;
}
.services-block-twelve .inner-box .overlay-box-two h4{
position:relative;
font-weight:700;
line-height:1.3em;
letter-spacing:1px;
margin-top:28px;
font-family: 'Playfair Display', serif;
}
.services-block-twelve .inner-box .overlay-box-two h4 a{
position:relative;
color:#ffffff;
}
/***
====================================================================
Testimonial Services Three
====================================================================
***/
.testimonial-section-three{
position:relative;
padding:90px 0px;
background-color:#f2f2f2;
}
.testimonial-section-three .sec-title-two{
margin-bottom:40px;
}
.testimonial-section-three .owl-theme .testimonial-block-four{
margin:0px 15px;
}
.testimonial-section-three .owl-carousel{
margin:0px -15px;
width:auto;
}
.testimonial-section-three .owl-carousel .owl-stage-outer{
padding:30px 0px;
}
.testimonial-section-three .owl-nav{
display:none;
}
.testimonial-section-three .owl-dots{
position:relative;
margin-top:20px;
text-align:center;
}
.testimonial-section-three .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
margin:0px 5px;
border-radius:50px;
display:inline-block;
background-color:#d3d3d3;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.testimonial-section-three .owl-dots .owl-dot.active,
.testimonial-section-three .owl-dots .owl-dot:hover{
background-color:#ad8e63;
}
/* Testimonial Block Four */
.testimonial-block-four{
position:relative;
}
.testimonial-block-four .inner-box{
position:relative;
text-align:center;
padding:35px 30px;
background-color:#ffffff;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
box-shadow:0px 0px 20px rgba(0,0,0,0.15);
}
.testimonial-block-four .inner-box:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:0px;
height:5px;
background-color:#ad8e63;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.testimonial-block-four .inner-box:after{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:0px;
height:5px;
background-color:#ad8e63;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.testimonial-block-four .inner-box:hover::before,
.testimonial-block-four .inner-box:hover::after{
width:100%;
}
.testimonial-block-four .inner-box .quote-icon{
position:absolute;
right:45px;
top:-20px;
color:#e0e0e0;
font-size:60px;
line-height:1em;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.testimonial-block-four .inner-box:hover{
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
.testimonial-block-four .inner-box:hover .quote-icon{
color:#ad8e63;
}
.testimonial-block-four .inner-box .image-outer{
position:relative;
display:inline-block;
}
.testimonial-block-four .inner-box .image{
position:relative;
width:76px;
height:76px;
overflow:hidden;
margin:0 auto;
border-radius:50px;
}
.testimonial-block-four .inner-box .image-outer:before{
position:absolute;
content:'';
left:-4px;
top:-4px;
right:-4px;
bottom:-4px;
border-radius:50px;
border:2px solid #d1ae7c;
}
.testimonial-block-four .inner-box .text{
position:relative;
color:#ed1c24;
font-size:16px;
line-height:1.7em;
margin-top:20px;
margin-bottom:10px;
}
.testimonial-block-four .inner-box h5{
position:relative;
color:#6a592f;
font-weight:700;
line-height:1.7em;
}
.testimonial-block-four .inner-box .designation{
position:relative;
color:#9c9c9c;
font-size:15px;
font-weight:400;
line-height:1.4em;
}
/***
====================================================================
About Services Four
====================================================================
***/
.about-section-four{
position:relative;
padding:95px 0px 90px;
}
.about-section-four .sec-title-three .text{
position:relative;
color:##ed1c24;
font-size:16px;
max-width:600px;
line-height:1.7em;
}
.about-section-four .image-column{
position:relative;
margin-bottom:40px;
}
.about-section-four .image-column .inner-column{
position:relative;
}
.about-section-four .image-column .inner-column:before{
position:absolute;
content:'';
left:-160px;
top:40px;
width:387px;
height:255px;
z-index:-1;
display:inline-block;
/*background:url(../images/background/pattern-4.png) center top no-repeat;*/
}
.about-section-four .image-column .image-2{
position:absolute;
right:0px;
top:80px;
opacity:0.6;
z-index:-1;
}
.about-section-four .skills-column{
position:relative;
margin-bottom:40px;
}
.about-section-four .skills-column .inner-column{
padding-left:30px;
}
.about-section-four .skills-column .skills{
position:relative;
padding-top:25px;
}
.about-section-four .skills-column .inner-column .text{
position:relative;
margin-top:15px;
}
.about-section-four .skills-column .inner-column .text p{
position:relative;
color:#1a1e66;
font-size:16px;
line-height:1.7em;
margin-bottom:18px;
}
.about-section-four .skills-column .inner-column .text p:last-child{
margin-bottom:0px;
}
/* Services Block Thirteen */
.services-block-thirteen{
position:relative;
margin-bottom:35px;
}
.services-block-thirteen .inner-box{
position:relative;
text-align:center;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.services-block-thirteen .inner-box .icon-box{
position:relative;
width:118px;
height:118px;
color:#ffffff;
font-size:56px;
margin:0 auto;
text-align:center;
border-radius:50%;
line-height:118px;
margin-bottom:30px;
background-color:#ed1c24;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.services-block-thirteen .inner-box .icon-box.alternate{
padding-left:14px;
}
.services-block-thirteen .inner-box:hover .icon-box{
background-color:#141414;
box-shadow:0px 0px 15px rgba(0,0,0,0.20);
}
.services-block-thirteen .inner-box h5{
position:relative;
color:#ed1c24;
font-size:20px;
font-weight:700;
line-height:1.4em;
}
.services-block-thirteen .inner-box:hover h5{
color:#ed1c24;
}
/*Skills Section*/
.skills{
position:relative;
}
.about-section-four .skills-column .skills.style-two{
padding-top:30px;
}
.skills .skill-item{
position:relative;
margin-bottom:20px;
}
.skills .skill-item:last-child{
margin-bottom:0px;
}
.skills .skill-item .skill-bar{
position:relative;
width:100%;
}
.skills .skill-item .skill-bar .bar-inner{
position:relative;
width:100%;
border-bottom: 5px solid #eeeeee;
}
.skills .skill-item .skill-bar .bar-inner .bar{
position:absolute;
left:0px;
top:0px;
width:0px;
border-bottom:5px solid #01050b;
-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:18px;
height:18px;
border-radius:50px;
background-color:#ffffff;
border:1px solid #01050b;
}
.skills .skill-item .skill-header{
position:relative;
margin-bottom:10px;
}
.skills .skill-item .skill-header .skill-title{
float:left;
color:#ed1c24;
font-size:18px;
font-weight:600;
line-height:1.4em;
text-transform:capitalize;
}
.skills .skill-item .skill-header .skill-percentage{
position:relative;
float:right;
font-weight:600;
color:#ed1c24;
font-size:18px;
text-transform:uppercase;
}
.about-section-four .skills-column .skills.style-two .skill-item .skill-header .skill-title{
color:#1a1e66;
}
/***
====================================================================
Services Section Ten
====================================================================
***/
.services-section-ten{
position:relative;
padding:0px 0px 70px;
background-color:#f3f3f3;
}
.services-section-ten.style-two{
background-color:#ffffff;
}
.services-block-fourteen{
position:relative;
margin-bottom:30px;
}
.box-color-yellow1{border: 2px solid #ed1c24;
border-radius:5px;
}
.services-block-fourteen .inner-box{
position: relative;
padding: 40px 30px;
text-align: center;
border: 2px solid #ed1c24;
background-color: #ffffff;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
border-radius: 9px;
}
.services-block-fourteen .inner-box .box-one:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:0px;
height:0px;
background-color:#ed1c24;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.services-block-fourteen .inner-box:hover .box-one:before,
.services-block-fourteen .inner-box:hover .box-one:after,
.services-block-fourteen .inner-box:hover .box-two:before,
.services-block-fourteen .inner-box:hover .box-two:after{
width:50%;
height:50%;
}
.services-block-fourteen .inner-box .box-one:after{
position:absolute;
content:'';
right:0px;
top:0px;
width:0px;
height:0px;
background-color:#ed1c24;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.services-block-fourteen .inner-box .box-two:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:0px;
height:0px;
background-color:#ed1c24;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.services-block-fourteen .inner-box .box-two:after{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:0px;
height:0px;
background-color:#ed1c24;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.services-block-fourteen .inner-box .icon-box{
position:relative;
color:#ed1c24;
font-size:60px;
line-height:1em;
margin-bottom:30px;
-webkit-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
transition:all 1000ms ease;
}
.services-block-fourteen .inner-box h6{
position:relative;
color:#ed1c24;
font-weight:600;
line-height:1.4em;
margin-bottom:18px;
}
.services-block-fourteen .inner-box h6 a{
position:relative;
color:#ed1c24;
-webkit-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
transition:all 1000ms ease;
}
.services-block-fourteen .inner-box .text{
position:relative;
color:#ed1c24;
font-size:16px;
line-height:1.7em;
-webkit-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
transition:all 1000ms ease;
}
.services-block-fourteen .inner-box:hover .icon-box,
.services-block-fourteen .inner-box:hover h6 a,
.services-block-fourteen .inner-box:hover .text{
color:#ed1c24;
}
.services-block-fourteen.style-two .inner-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
-moz-transform: rotateY(-90deg);
-webkit-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transition:all 1000ms ease;
-ms-transition:all 1000ms ease;
-o-transition:all 1000ms ease;
-moz-transition:all 1000ms ease;
transition:all 1000ms ease;
background-image: -ms-linear-gradient(top, #3240FE 0%, #091395 100%);
background-image: -moz-linear-gradient(top, #3240FE 0%, #091395 100%);
background-image: -o-linear-gradient(top, #3240FE 0%, #091395 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3240FE), color-stop(100, #091395));
background-image: -webkit-linear-gradient(top, #3240FE 0%, #091395 100%);
background-image: linear-gradient(to bottom, #3240FE 0%, #091395 100%);
}
.services-block-fourteen.style-two .icon-box{
color:#181054;
}
.services-block-fourteen.style-two .inner-box:hover::before{
-moz-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
/***
====================================================================
Feature Section
====================================================================
***/
.feature-section{
position:relative;
padding:27px 0px 0px;
}
.feature-section .sec-title-three .text,
.feature-section .sec-title .text{
position:relative;
color:#ed1c24;
font-size:16px;
max-width:600px;
line-height:1.7em;
}
.feature-section .feature-tabs{
position:relative;
}
.feature-section .feature-tabs .tab-btns{
position:relative;
margin-bottom:40px;
margin-right:30px;
}
.feature-section .feature-tabs .tab-btns .tab-btn{
position:relative;
display:block;
font-size:24px;
color:#010101;
font-weight:600;
cursor:pointer;
line-height:1.6em;
margin-bottom:20px;
border:1px solid #d9d9d9;
padding:29px 30px 29px 40px;
transition:all 500ms ease;
text-transform:capitalize;
font-family: 'Poppins', sans-serif;
}
.feature-section .feature-tabs .tab-btns .tab-btn:after{
position:absolute;
content:'';
right:0px;
top:50%;
opacity:0;
visibility:visible;
margin-top:-10px;
margin-right:0px;
border-top: 10px solid transparent;
border-left: 15px solid #ed1c24;
border-bottom: 10px solid transparent;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.feature-section .feature-tabs .tab-btns .tab-btn span{
position:relative;
display:block;
font-size:15px;
color:#ed1c24;
font-weight:400;
cursor:pointer;
line-height:1.8em;
margin-top:8px;
transition:all 500ms ease;
text-transform:capitalize;
font-family: 'Poppins', sans-serif;
}
.feature-section .feature-tabs .tab-btns .tab-btn.active-btn::after,
.feature-section .feature-tabs .tab-btns .tab-btn:hover::after{
opacity:1;
visibility:visible;
margin-right:-15px;
}
.feature-section .feature-tabs .tab-btns .tab-btn.active-btn,
.feature-section .feature-tabs .tab-btns .tab-btn:hover{
background-color:#ed1c24;
border-color:#ed1c24;
color:#ffffff;
}
.feature-section .feature-tabs.style-two .tab-btns .tab-btn.active-btn,
.feature-section .feature-tabs.style-two .tab-btns .tab-btn:hover{
border-color:#2d3bf2;
background-color:#ffffff !important;
background-image: -ms-linear-gradient(top, #3140fd 0%, #0d189f 100%);
background-image: -moz-linear-gradient(top, #3140fd 0%, #0d189f 100%);
background-image: -o-linear-gradient(top, #3140fd 0%, #0d189f 100%);
background-image: -webkit-gradient(linear, top , top, color-stop(0, #3140fd), color-stop(100, #0d189f));
background-image: -webkit-linear-gradient(top, #3140fd 0%, #0d189f 100%);
background-image: linear-gradient(to top, #3140fd 0%, #0d189f 100%);
}
.feature-section .feature-tabs.style-two .tab-btns .tab-btn:after{
border-left-color:#1a26c0;
}
.feature-section .feature-tabs .tab-btns .tab-btn.active-btn span,
.feature-section .feature-tabs .tab-btns .tab-btn:hover span{
color:#ffffff;
}
.feature-section .feature-tabs .tabs-content{
position:relative;
margin-left:-20px;
margin-bottom:40px;
}
.feature-section .feature-tabs .tabs-content .tab{
position:relative;
display:none;
}
.feature-section .feature-tabs .tabs-content .tab.active-tab{
display:block;
}
.feature-section .feature-tabs .tabs-content .tab .image img{
width:100%;
display:block;
}
.counter-section{
position:relative;
padding:9px 0px 0px;
background-size:cover;
background-attachment:fixed;
}
.counter-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgb(237 28 36);
}
.mp0{
margin:0px;
padding:0px;
}
.mp0bg{
background-color:#000033;
}
/***
====================================================================
Team Section Two
====================================================================
***/
.team-section-two{
position:relative;
padding:90px 0px 0px;
}
/* Team Block */
.team-block-two{
position:relative;
margin-bottom:40px;
}
.team-block-two .inner-box{
position:relative;
}
.team-block-two .inner-box .image{
position:relative;
text-align:center;
overflow:hidden;
}
.team-block-two .inner-box .image:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
z-index:1;
opacity:0;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.60));
background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.60));
background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.60));
background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.60));
}
.team-block-two .inner-box:hover .image:before{
opacity:1;
}
.team-block-two .inner-box .image .social-box{
position:absolute;
left:0px;
bottom:-20px;
right:0px;
z-index:1;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-block-two .inner-box:hover .image .social-box{
bottom:25px;
}
.team-block-two .inner-box .image .social-box li{
position:relative;
margin:0px 8px;
display:inline-block;
}
.team-block-two .inner-box .image .social-box li a{
position:relative;
color:#ffffff;
font-size:16px;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.team-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.team-block-two .inner-box .lower-content{
position:relative;
padding:28px 0px;
text-align:center;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.team-block-two .inner-box .lower-content:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:0%;
height:100%;
opacity:0;
visibility:hidden;
background-color:#ed1c24;
transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
}
.team-block-two .inner-box .lower-content:after{
position:absolute;
content:'';
right:0px;
top:0px;
width:0%;
height:100%;
opacity:0;
visibility:hidden;
background-color:#ed1c24;
transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
}
.team-block-two.style-two .inner-box .lower-content:before{
display:none;
}
.team-block-two.style-two .inner-box .lower-content:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:0%;
display:block;
background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
.team-block-two.style-two .inner-box:hover .lower-content:after{
height:100%;
}
.team-block-two .inner-box:hover .lower-content:before,
.team-block-two .inner-box:hover .lower-content:after{
width:100%;
opacity:1;
visibility:visible;
}
.team-block-two .inner-box .lower-content h5{
position:relative;
z-index:1;
font-weight:600;
line-height:1.3em;
margin-bottom:5px;
}
.team-block-two .inner-box .lower-content h5 a{
position:relative;
color:#ed1c24;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.team-block-two .inner-box .lower-content .designation{
position:relative;
font-size:16px;
font-weight:600;
color:#ed1c24;
z-index:1;
line-height:1.3em;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.team-block-two .inner-box:hover .lower-content h5 a,
.team-block-two .inner-box:hover .lower-content .designation,
.team-block-two .inner-box:hover .lower-content .social-box li a{
color:#ffffff;
}
/***
====================================================================
Call To Action Section
====================================================================
***/
.call-back-section{
position:relative;
padding:65px 0px 50px;
background-size:cover;
background-attachment:fixed;
}
.call-back-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.90);
}
.call-back-section .title-column{
position:relative;
}
.call-back-section .title-column .inner-column{
position:relative;
}
.call-back-section .title-column .inner-column h2{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.3em;
margin-bottom:18px;
}
.call-back-section .title-column .inner-column .text{
position:relative;
color:#ffffff;
line-height:1.7em;
font-size:16px;
}
/* Request Form */
.request-form{
position:relative;
}
.request-form .row{
position:relative;
}
.request-form .form-group{
position:relative;
margin-bottom:20px;
}
.request-form .form-group label{
position:relative;
font-size:15px;
color:#ffffff;
}
.request-form .form-group input[type="text"],
.request-form .form-group input[type="password"],
.request-form .form-group input[type="tel"],
.request-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:25px;
padding:10px 20px;
height:45px;
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;
}
.request-form .form-group input[type="text"]:focus,
.request-form .form-group input[type="password"]:focus,
.request-form .form-group input[type="tel"]:focus,
.request-form .form-group input[type="email"]:focus,
.request-form .form-group select:focus,
.request-form .form-group textarea:focus{
border-color:#ffb200;
}
.request-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:32px;
padding:10px 20px;
height:110px;
font-size:16px;
resize:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.request-form button{
width:100%;
color:#ffffff;
background-image: -ms-linear-gradient(left, #ed1c24 0%, #b1180e 100%);
background-image: -moz-linear-gradient(left, #ed1c24 0%, #b1180e 100%);
background-image: -o-linear-gradient(left, #ed1c24 0%, #b1180e 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ed1c24), color-stop(100, #b1180e));
background-image: -webkit-linear-gradient(left, #ed1c24 0%, #b1180e 100%);
background-image: linear-gradient(to right, #ed1c24 0%, #b1180e 100%);
}
/*Custom Select*/
.form-group .ui-selectmenu-button.ui-button{
width:100%;
font-size:16px;
font-style:normal;
line-height:25px;
color:#797979;
float:left;
border-radius:0px;
border:0px;
padding:10px 20px;
background:#ffffff;
}
.form-group .ui-button .ui-icon{
background: none;
position: relative;
top: -1px;
text-indent: 0px;
color: #333333;
font-size: 20px;
}
.form-group .ui-button .ui-icon:before{
font-family: 'FontAwesome';
content: "\f0d7";
position:absolute;
right:0px;
top:2px !important;
top:13px;
width:10px;
height:30px;
display:block;
color:#001a57;
line-height:23px;
font-size:18px;
font-weight:normal;
text-align:center;
z-index:5;
}
.ui-widget.ui-widget-content{
border:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item{
font-size:14px;
border-bottom:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item:last-child{
border:none;
}
.ui-state-active, .ui-widget-content .ui-state-active{
background-color:#fc1000;
border-color:#fc1000;
}
.ui-menu .ui-menu-item-wrapper{
position:relative;
display:block;
padding:8px 20px ;
font-size:14px;
line-height:24px;
}
.ui-menu-item:hover{
}
/* Map Section */
.map-section{
position:relative;
}
.map-section .map-canvas{
height:370px;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title{
position:relative;
padding: 30px 0px 30px;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.page-title:before{
position:absolute;
left:0px;
top:0px;
content:'';
width:100%;
height:100%;
background-color:rgba(0,0,0,0.75);
}
.page-title .content{
position:relative;
padding-left:20px;
border-left:4px solid #303ffa;
}
.page-title .content h1{
position:relative;
color:#ffffff;
font-size:60px;
font-weight:700;
line-height:1.2em;
margin-bottom:15px;
text-transform:capitalize;
}
.page-title .content h1 span{
position:relative;
font-style:italic;
font-family: 'Playfair Display', serif;
}
.page-title .page-breadcrumb{
position:relative;
}
.page-title .page-breadcrumb li{
position:relative;
display:inline-block;
margin-right:10px;
padding-right:10px;
color:#ffffff;
font-size:14px;
font-weight:400;
}
.page-title .page-breadcrumb li:after{
position:absolute;
content: "\f105";
right:-4px;
top:1px;
color:#ffffff;
font-family: 'FontAwesome';
}
.page-title .page-breadcrumb li:last-child::after{
display:none;
}
.page-title .page-breadcrumb li:last-child{
padding-right:0px;
margin-right:0px;
}
.page-title .page-breadcrumb li a{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:300;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.page-title .page-breadcrumb li a:hover{
color:#303ffa;
}
/***
====================================================================
Video Section
====================================================================
***/
.video-section{
position:relative;
text-align:center;
padding:85px 0px 130px;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.video-section:before{
position:absolute;
left:0px;
top:0px;
content:'';
width:100%;
height:100%;
background-color:rgba(0,0,0,0.80);
}
.video-section .title{
position:relative;
color:#ffffff;
font-size:11px;
margin-bottom:15px;
letter-spacing:1px;
text-transform:uppercase;
}
.video-section h2{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.3em;
margin-bottom:80px;
}
.video-section h2 span{
position:relative;
font-style:italic;
font-family: 'Playfair Display', serif;
}
/* Play Now */
.play-now {
position: relative;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 999;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.play-now .icon{
position: absolute;
left: 50%;
top: 50%;
height: 70px;
width: 70px;
text-align: center;
line-height: 70px;
padding-left: 5px;
background-color: #2e3cf4;
color: #ffffff;
z-index: 1;
font-size: 19px;
display: block;
-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 5px 10px 0 rgba(46, 60, 244, .3);
-moz-box-shadow: 0 5px 10px 0 rgba(46, 60, 244, .3);
-ms-box-shadow: 0 5px 10px 0 rgba(46, 60, 244, .3);
-o-box-shadow: 0 5px 10px 0 rgba(46, 60, 244, .3);
box-shadow: 0 5px 10px 0 rgba(46, 60, 244, .3);
-webkit-transform-origin:center;
transform-origin:center;
}
.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(46, 60, 244, .6);
-moz-box-shadow: 0 0 0 0 rgba(46, 60, 244, .6);
-ms-box-shadow: 0 0 0 0 rgba(46, 60, 244, .6);
-o-box-shadow: 0 0 0 0 rgba(46, 60, 244, .6);
box-shadow: 0 0 0 0 rgba(46, 60, 244, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.play-now .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.play-now .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
/***
====================================================================
Case Section Three
====================================================================
***/
.case-section-three{
position:relative;
padding:95px 0px 95px;
}
.case-block-two{
position:relative;
margin-bottom:70px;
}
.case-block-two .inner-box{
position:relative;
}
.case-block-two .inner-box .image-outer{
position:relative;
padding:5px;
box-shadow:0px 0px 25px rgba(244,244,244,0.90);
}
.case-block-two .inner-box .image{
position:relative;
overflow:hidden;
}
.case-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.case-block-two .inner-box .image .overlay-box{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
text-align:center;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.case-block-two .inner-box .image .overlay-box .plus{
position:absolute;
left:50%;
top:50%;
width:54px;
height:54px;
color:#012068;
font-size:18px;
line-height:54px;
text-align:center;
border-radius:50%;
font-weight:700;
margin-left:-27px;
margin-top:-27px;
transform:scale(0,0);
-moz-transform:scale(0,0);
-webkit-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
display:inline-block;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.case-block-two .inner-box:hover .image .overlay-box .plus{
transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
}
.case-block-two .inner-box .image .overlay-box:before{
position:absolute;
content:'';
left:-100%;
top:0px;
width:100%;
height:100%;
opacity:0.85;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:rgba(0,0,0,0.80);
}
.case-block-two .inner-box:hover .image .overlay-box:before{
left:0%
}
.case-block-two .inner-box .lower-content{
position:relative;
padding:0px 0px;
}
.case-block-two .inner-box .lower-content .category{
position:relative;
color:#0b1598;
font-size:14px;
font-weight:400;
padding:14px 0px;
margin-bottom:18px;
border-bottom:1px solid #e6e8eb;
}
.case-block-two .inner-box .lower-content h4{
position:relative;
font-weight:700;
line-height:1.4em;
margin-bottom:13px;
}
.case-block-two .inner-box .lower-content h4 a{
position:relative;
color:#012068;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.case-block-two .inner-box .lower-content h4 a:hover{
color:#303ef9;
}
.case-block-two .inner-box .lower-content .text{
position:relative;
color:#1a1e66;
font-size:16px;
line-height:1.8em;
}
/*Pagination*/
.styled-pagination{
position:relative;
}
.styled-pagination li{
position:relative;
display:inline-block;
margin:0px 4px 0px 0px;
}
.styled-pagination li a{
position:relative;
display:inline-block;
line-height:30px;
height:30px;
font-size:16px;
min-width:30px;
color:#1e2331;
font-weight:600;
text-align:center;
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;
font-family: 'Muli', sans-serif;
}
.styled-pagination li a:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
z-index:-1;
opacity:0;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
background-image: -ms-linear-gradient(bottom, #181054 0%, #ed1c24 100%);
background-image: -moz-linear-gradient(bottom, #181054 0%, #ed1c24 100%);
background-image: -o-linear-gradient(bottom, #181054 0%, #ed1c24 100%);
background-image: -webkit-gradient(linear, bottom, left top, color-stop(0, #181054), color-stop(100, #ed1c24));
background-image: -webkit-linear-gradient(bottom, #181054 0%, #ed1c24 100%);
background-image: linear-gradient(to bottom, #181054 0%, #ed1c24 100%);
}
.styled-pagination li:hover a::before,
.styled-pagination li a.active::before{
opacity:1;
color:#ffffff;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:#ffffff;
}
/***
====================================================================
Portfolio Page Section
====================================================================
***/
.portfolio-section-three{
position:relative;
padding:95px 0px 100px;
}
.portfolio-section-three .filters{
position:relative;
margin-bottom:55px;
}
.portfolio-section-three .filters .filter-tabs{
position:relative;
}
.portfolio-section-three .filters li{
position: relative;
display: inline-block;
color: #012068;
padding:0px 8px;
cursor: pointer;
font-size: 18px;
font-weight: 500;
margin:0px 8px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.portfolio-section-three .filters li:after{
position:absolute;
content:'/';
right:-12px;
top:1px;
font-size:14px;
color: #012068;
}
.portfolio-section-three .filters li:last-child::after{
display:none;
}
.portfolio-section-three .filters .filter.active,
.portfolio-section-three .filters .filter:hover{
color:#222222;
}
.portfolio-section-three .filters li:before{
position:absolute;
content:'';
left:0px;
bottom:-8px;
height:4px;
width:0px;
background-color:#303ffa;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.portfolio-section-three .filters li:hover:before,
.portfolio-section-three .filters li.active::before{
width:100%;
}
/* Project Block */
.project-block{
position:relative;
margin-bottom:50px;
}
.project-block .inner-box{
position:relative;
overflow:hidden;
}
.project-block .inner-box .image{
position:relative;
}
.project-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.project-block .inner-box .image .overlay-box{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
text-align:center;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.project-block .inner-box .image .overlay-box .plus{
position:absolute;
left:50%;
top:50%;
width:54px;
height:54px;
color:#012068;
font-size:18px;
line-height:54px;
text-align:center;
border-radius:50%;
font-weight:700;
margin-left:-27px;
margin-top:-27px;
transform:scale(0,0);
-moz-transform:scale(0,0);
-webkit-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
display:inline-block;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.project-block .inner-box:hover .image .overlay-box .plus{
transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
}
.project-block .inner-box .image .overlay-box:before{
position:absolute;
content:'';
right:-100%;
top:0px;
width:100%;
height:100%;
opacity:0.85;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
.project-block .inner-box:hover .image .overlay-box:before{
right:0%
}
.project-block .inner-box .lower-content{
position:relative;
padding-top:20px;
}
.project-block .inner-box .lower-content h5{
position:relative;
font-weight:700;
line-height:1.4em;
margin-bottom:4px;
}
.project-block .inner-box .lower-content h5 a{
position:relative;
color:#012068;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.project-block .inner-box .lower-content h5 a:hover{
color:#303ef9;
}
.project-block .inner-box .lower-content .designation{
position:relative;
color:#0b1598;
font-size:14px;
}
.project-block.mix{
display:none;
}
/* Project Block Two */
.project-block-two{
position:relative;
margin-bottom:30px;
}
.project-block-two .inner-box{
position:relative;
}
.project-block-two .inner-box .image{
position:relative;
}
.project-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.project-block-two .inner-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
padding:45px 45px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.project-block-two .inner-box:hover .image .overlay-box{
opacity:1;
}
.project-block-two .inner-box .image .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0.9;
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: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
.project-block-two .inner-box .image .overlay-box .overlay-inner{
position:relative;
height:100%;
}
.project-block-two .inner-box .image .overlay-box .title{
position:relative;
color:#ffffff;
font-size:14px;
margin-bottom:6px;
letter-spacing:1px;
}
.project-block-two .inner-box .image .overlay-box h5{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.3em;
}
.project-block-two .inner-box .image .overlay-box h5 a{
position:relative;
color:#ffffff;
}
.project-block-two .inner-box .image .overlay-box .plus{
position:absolute;
right:0px;
bottom:0px;
width:54px;
height:54px;
color:#012068;
font-size:18px;
line-height:54px;
text-align:center;
border-radius:50%;
font-weight:700;
display:inline-block;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.masonry-section .button-box{
margin-top:20px;
}
/***
====================================================================
Portfolio Single Section
====================================================================
***/
.portfolio-single-section{
position:relative;
padding:85px 0px 60px;
}
.portfolio-single-section .image-column{
position:relative;
margin-bottom:40px;
}
.portfolio-single-section .image-column .inner-column{
position:relative;
}
.portfolio-single-section .image-column .inner-column .image{
position:relative;
}
.portfolio-single-section .image-column .inner-column .image img{
position:relative;
width:100%;
display:block;
}
.portfolio-single-section .content-column{
position:relative;
margin-bottom:40px;
}
.portfolio-single-section .content-column .inner-column{
position:relative;
padding-top:50px;
padding-left:50px;
}
.portfolio-single-section .content-column .inner-column h3{
position:relative;
color:#012068;
line-height:1.3em;
font-weight:700;
margin-bottom:20px;
}
.portfolio-single-section .content-column .inner-column .text{
position:relative;
margin-bottom:30px;
}
.portfolio-single-section .content-column .inner-column .text p{
position:relative;
color:#28417c;
font-size:15px;
line-height:1.8em;
margin-bottom:20px;
}
.portfolio-single-section .content-column .inner-column .text p:last-child{
margin-bottom:0px;
}
.portfolio-single-section .content-column .inner-column .project-list{
position:relative;
}
.portfolio-single-section .content-column .inner-column .project-list li{
position:relative;
color:#ed1c24;
font-size:15px;
padding-left:20px;
margin-bottom:10px;
}
.portfolio-single-section .content-column .inner-column .project-list li strong{
font-weight:400;
color:#012068;
}
.portfolio-single-section .content-column .inner-column .project-list li .icon{
position:absolute;
left:0px;
top:0px;
color:#303ffa;
font-size:14px;
}
.portfolio-single-section .lower-section{
position:relative;
margin-top:40px;
}
/***
====================================================================
Error Section
====================================================================
***/
.error-section{
position:relative;
}
.error-section .inner-section{
position:relative;
text-align:center;
padding:100px 0px 110px;
box-shadow:0px 0px 15px rgba(0,0,0,0.20);
}
.error-section .inner-section .left-error{
position:absolute;
left:20px;
top:20px;
font-size:103px;
font-weight:700;
line-height:1em;
letter-spacing:5px;
color:rgba(1,32,104,0.06);
}
.error-section .inner-section .right-error{
position:absolute;
right:20px;
bottom:20px;
font-size:103px;
font-weight:700;
line-height:1em;
letter-spacing:5px;
color:rgba(1,32,104,0.06);
}
.error-section .inner-section .title{
position:relative;
color:#012068;
font-size:14px;
line-height:1.3em;
letter-spacing:2px;
margin-bottom:20px;
text-transform:uppercase;
}
.error-section .inner-section h1{
position:relative;
color:#012068;
font-size:60px;
font-weight:700;
line-height:1.2em;
margin-bottom:50px;
}
.error-section .inner-section h1 span{
color:#070519;
font-style:italic;
font-family: 'Playfair Display', serif;
}
.services-block-fifteen{
position:relative;
margin-bottom:50px;
}
.services-block-fifteen .inner-box{
position:relative;
overflow:hidden;
}
.services-block-fifteen .inner-box .image{
position:relative;
}
.services-block-fifteen .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.services-block-fifteen .inner-box .image .overlay-box{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
text-align:center;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.services-block-fifteen .inner-box .image .overlay-box .plus{
position:absolute;
left:50%;
top:50%;
width:54px;
height:54px;
color:#012068;
font-size:18px;
line-height:54px;
text-align:center;
border-radius:50%;
font-weight:700;
margin-left:-27px;
margin-top:-27px;
transform:scale(0,0);
-moz-transform:scale(0,0);
-webkit-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
display:inline-block;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-fifteen .inner-box:hover .image .overlay-box .plus{
transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
}
.services-block-fifteen .inner-box .image .overlay-box:before{
position:absolute;
content:'';
left:-100%;
top:0px;
width:100%;
height:100%;
opacity:0.85;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
.services-block-fifteen .inner-box:hover .image .overlay-box:before{
left:0%
}
.services-block-fifteen .inner-box .lower-content{
position:relative;
padding-top:22px;
}
.services-block-fifteen .inner-box .lower-content .upper-box{
position:relative;
padding-left:50px;
padding-top:7px;
margin-bottom:15px;
}
.services-block-fifteen .inner-box .lower-content .upper-box .icon{
position:absolute;
left:0px;
top:4px;
font-size:38px;
line-height:1em;
background: -webkit-gradient(linear, left top, left bottom, from(#070519), to(#ff920a));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.services-block-fifteen .inner-box .lower-content .upper-box h5{
position:relative;
font-weight:700;
line-height:1.7em;
}
.services-block-fifteen .inner-box .lower-content .upper-box h5 a{
position:relative;
color:#1e2331;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-fifteen .inner-box .lower-content .upper-box h5 a:hover{
color:#070519;
}
.services-block-fifteen .inner-box .text{
position:relative;
color:#7a8595;
font-size:16px;
line-height:1.7em;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:100px 0px 40px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
.sidebar-widget{
position: relative;
margin-bottom: 40px;
}
.sidebar-title{
position:relative;
margin-bottom:25px;
}
.sidebar-title h4{
position: relative;
color: #012068;
font-weight:500;
line-height:1.2em;
}
/*Blog Category*/
.blog-cat{
position:relative;
}
.blog-cat li{
position:relative;
margin-bottom:7px;
}
.blog-cat li a{
position:relative;
color:#012068;
font-size:18px;
font-weight:600;
display:block;
border:1px solid #d7d7d7;
padding:16px 15px 16px 25px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Poppins', sans-serif;
}
.blog-cat li a:before{
position:absolute;
content:'\f105';
right:22px;
top:15px;
color:#012068;
font-size:22px;
font-family: 'FontAwesome';
}
.blog-cat li.active a::before,
.blog-cat li a:hover::before{
color:#ffffff;
}
.blog-cat li.active a,
.blog-cat li a:hover{
color:#ffffff;
border-color:#222fd4;
background-color:#222fd4;
}
/* Contact Widget */
.contact-widget{
position:relative;
}
.contact-widget ul{
position:relative;
}
.contact-widget ul li{
position:relative;
color:#ed1c24;
font-size:18px;
line-height:1.7em;
padding-left:35px;
margin-bottom:12px;
}
.contact-widget ul li .icon{
position:absolute;
left:0px;
top:5px;
font-size:24px;
line-height:1em;
background: -webkit-gradient(linear, left top, left bottom, from(#070519), to(#ff920a));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Brochures Widget */
.brochures-widget{
position:relative;
}
.brochures-widget .text{
position:relative;
color:#ed1c24;
font-size:16px;
line-height:1.7em;
margin-bottom:22px;
}
.brochures-widget .files{
position:relative;
}
.brochures-widget .files li{
position:relative;
margin-bottom:10px;
}
.brochures-widget .files li:last-child{
margin-bottom:0;
}
.brochures-widget .files li a{
position:relative;
display:block;
color:#00000a;
font-size:16px;
font-weight:700;
line-height:24px;
padding:13px 30px;
border:1px solid #cdcbcb;
transition:all 300ms ease-in;
-webkit-transition:all 300ms ease-in;
-ms-transition:all 300ms ease-in;
-o-transition:all 300ms ease-in;
-moz-transition:all 300ms ease-in;
}
.brochures-widget .files li a .fa{
position:relative;
line-height:24px;
padding-right:8px;
color:#ffaf4b;
}
.brochures-widget .files li a:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:0%;
height:100%;
z-index:-1;
opacity:0;
transition:all 300ms ease-in;
-webkit-transition:all 300ms ease-in;
-ms-transition:all 300ms ease-in;
-o-transition:all 300ms ease-in;
-moz-transition:all 300ms ease-in;
background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
.brochures-widget .files li a:hover .fa{
color:#ffffff;
}
.brochures-widget .files li a:hover{
color:#ffffff;
}
.brochures-widget .files li a:hover::before{
width:100%;
opacity:1;
}
/* Banner Widget */
.banner-widget{
position:relative;
}
.banner-widget .widget-content{
position:relative;
text-align:center;
padding:32px 30px 60px;
background-size:cover;
}
.banner-widget .widget-content:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.85);
}
.banner-widget .widget-content .logo{
position:relative;
margin-bottom:25px;
}
.banner-widget .widget-content .title{
position:relative;
font-size:18px;
font-weight:600;
color:#ffffff;
letter-spacing:1px;
margin-bottom:25px;
}
.banner-widget .widget-content h2{
position:relative;
color:#ffffff;
font-weight:600;
letter-spacing:5px;
margin-bottom:30px;
text-transform:uppercase;
}
/* Services Single */
.services-single{
position:relative;
}
.services-single h4{
position:relative;
color:#012068;
font-weight:500;
line-height:1.3em;
margin-bottom:25px;
}
.services-single .text{
position:relative;
}
.services-single .text p{
position:relative;
color:#012068;
font-size:15px;
line-height:1.8em;
margin-bottom:20px;
}
.services-single .services-gallery{
position:relative;
margin-top:60px;
margin-bottom:70px;
}
.services-single .services-gallery .owl-nav{
display:none;
}
.services-single .services-gallery .owl-dots{
position:relative;
text-align:center;
margin-top:35px;
}
.services-single .services-gallery .owl-dots .owl-dot{
position:relative;
width:10px;
height:10px;
margin:0px 15px;
border-radius:50px;
display:inline-block;
background-color:#c6c6c6;
border:2px solid #ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-single .services-gallery .owl-dots .owl-dot:hover,
.services-single .services-gallery .owl-dots .owl-dot.active{
background-color:#2d3bf2;
border:2px solid #2d3bf2;
}
/***
====================================================================
Service Tabs Style
====================================================================
***/
.services-single .service-tabs{
position:relative;
margin-bottom:60px;
}
.services-single .service-tabs .tab-btns{
position:relative;
text-align:center;
border-bottom:1px solid #dddddd;
}
.services-single .service-tabs .tab-btns .tab-btn{
position:relative;
margin:0px 35px;
font-size:18px;
color:#012068;
font-weight:500;
line-height:24px;
cursor:pointer;
display:inline-block;
padding:11px 28px 9px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
text-transform:capitalize;
font-family: 'Poppins', sans-serif;
}
.services-single .service-tabs .tab-btns .tab-btn:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:0%;
z-index:-1;
display:block;
transition:all 300ms ease-in;
-webkit-transition:all 300ms ease-in;
-ms-transition:all 300ms ease-in;
-o-transition:all 300ms ease-in;
-moz-transition:all 300ms ease-in;
background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
.services-single .service-tabs .tab-btns .tab-btn:hover,
.services-single .service-tabs .tab-btns .tab-btn.active-btn{
color:#ffffff;
}
.services-single .service-tabs .tab-btns .tab-btn:hover::before,
.services-single .service-tabs .tab-btns .tab-btn.active-btn::before{
height:100%;
}
.services-single .service-tabs .tabs-content{
position:relative;
padding-top:25px;
}
.services-single .service-tabs .tabs-content .tab{
position:relative;
display:none;
border-top:0px;
}
.services-single .service-tabs .tabs-content .tab.active-tab{
display:block;
}
.services-single .service-tabs .tabs-content .tab .content{
position:relative;
}
.services-single .service-tabs .tabs-content .tab .content .text{
position:relative;
}
.services-single .service-tabs .tabs-content .tab .content p{
position:relative;
font-size:15px;
line-height:1.9em;
color:#012068;
margin-bottom:20px;
}
/* More Services */
.more-services{
position:relative;
margin-top:30px;
}
.more-services a{
position:relative;
color:#ed1c24;
font-size:18px;
font-weight:600;
font-family: 'Poppins', sans-serif;
transition:all 300ms ease-in;
-webkit-transition:all 300ms ease-in;
-ms-transition:all 300ms ease-in;
-o-transition:all 300ms ease-in;
-moz-transition:all 300ms ease-in;
}
.more-services a:hover{
color:#1a1e66;
}
/***
====================================================================
Blog Grid Section
====================================================================
***/
.blog-grid-section{
position:relative;
padding:90px 0px 90px;
}
.news-block-three{
position:relative;
margin-bottom:70px;
}
.news-block-three .inner-box{
position:relative;
overflow:hidden;
border-radius:6px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.news-block-three .inner-box .image{
position:relative;
overflow:hidden;
}
.news-block-three .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-block-three .inner-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 60px;
transform:scale(0,0);
-moz-transform:scale(0,0);
-webkit-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
background:rgba(0,0,0,0.80);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-block-three .inner-box:hover .image .overlay-box{
transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
}
.news-block-three .inner-box .overlay-box span{
position: relative;
width:60px;
height: 60px;
top: 40%;
z-index:99;
color: #ffffff;
font-weight:400;
font-size:18px;
text-align: center;
border-radius:50%;
padding-left:4px;
background-color: #070519;
display: inline-block;
margin-top: -30px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.news-block-three .inner-box:hover .overlay-box span{
transform: rotate(360deg);
}
.news-block-three .inner-box .lower-content{
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
padding:30px 30px 35px;
}
.news-block-three .inner-box .lower-content .post-meta{
position:relative;
padding-bottom:16px;
border-bottom:1px solid #ececf0;
}
.news-block-three .inner-box .lower-content .post-meta:before{
position:absolute;
content:'';
left:0px;
bottom:-1px;
height:2px;
width:40px;
background-color:#070519;
}
.news-block-three .inner-box .lower-content .post-meta li{
position:relative;
margin-right:20px;
color:#ed1c24;
font-size:14px;
font-weight:600;
padding-left:22px;
display:inline-block;
}
.news-block-three .inner-box .lower-content .post-meta li:last-child{
margin-right:0px;
}
.news-block-three .inner-box .lower-content .post-meta li .fa{
position:absolute;
left:0px;
top:0px;
color:#303ef9;
font-size:14px;
}
.news-block-three .inner-box .lower-content h4{
position:relative;
font-weight:600;
line-height:1.5em;
margin-bottom:13px;
margin-top:18px;
}
.news-block-three .inner-box .lower-content h4 a{
position:relative;
color:#012068;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-three .inner-box .lower-content h3 a:hover{
color:#303ef9;
}
/* Styled Pagination */
.styled-pagination-two{
position:relative;
}
.styled-pagination-two li{
position:relative;
display:inline-block;
margin:0px 6px 0px 0px;
}
.styled-pagination-two li.prev a,
.styled-pagination-two li.next a{
color:#848484;
}
.styled-pagination-two li a{
position:relative;
display:inline-block;
line-height:42px;
height:42px;
font-size:18px;
min-width:42px;
color:#180b36;
font-weight:600;
text-align:center;
background:#f4f7fc;
border-radius:50px;
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;
font-family: 'Poppins', sans-serif;
}
.styled-pagination-two li a:hover,
.styled-pagination-two li a.active{
color:#ffffff;
background-color:#070519;
}
/* Blog List Section */
.blog-list-section{
position:relative;
padding:90px 0px 90px;
}
.blog-list-section .news-block-four{
margin-bottom:90px;
}
/* Product desin */
.specification{
font-size: 24px;
color: #fff;
background-color: #ed1c24;
display: inline-block;
padding: 3px 10px;
border-right: 6px solid #3f3e40;
margin-bottom: 10px;
}
table tr.title td {
font-size: 14px;
background-color: #d9d9d9;
line-height: 20px;
padding: 5px 5px;
text-align: center;
color: #000;
font-weight: 600;
}
table td {
border: 3px solid #fff;
padding: 10px;
color: #000;
font-weight: 500;
background-color: #f2f2f2;
text-align: center;
}
/* News Block Four */
.news-block-four{
position:relative;
margin-bottom:0px;
}
.news-block-four .inner-box{
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.news-block-four .inner-box .image{
position:relative;
overflow:hidden;
}
.news-block-four .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-block-four .inner-box .image .overlay-box{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
text-align:center;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.news-block-four .inner-box .image .overlay-box .plus{
position:absolute;
left:50%;
top:50%;
width:54px;
height:54px;
color:#012068;
font-size:18px;
line-height:54px;
text-align:center;
border-radius:50%;
font-weight:700;
margin-left:-27px;
margin-top:-27px;
transform:scale(0,0);
-moz-transform:scale(0,0);
-webkit-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
display:inline-block;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-four .inner-box:hover .image .overlay-box .plus{
transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
}
.news-block-four .inner-box .image .overlay-box:before{
position:absolute;
content:'';
left:-100%;
top:0px;
width:100%;
height:100%;
opacity:0.85;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:rgba(0,0,0,0.90);
}
.news-block-four .inner-box:hover .image .overlay-box:before{
left:0%
}
.news-block-four .inner-box .lower-content{
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
padding:30px 30px 35px;
}
.news-block-four .inner-box .lower-content .post-meta{
position:relative;
}
.news-block-four .inner-box .lower-content .post-meta li{
position:relative;
margin-right:20px;
color:#0b1598;
font-size:14px;
padding-left:22px;
display:inline-block;
}
.news-block-four .inner-box .lower-content .post-meta li:last-child{
margin-right:0px;
}
.news-block-four .inner-box .lower-content .post-meta li .fa{
position:absolute;
left:0px;
top:0px;
color:#303ef9;
font-size:14px;
}
.news-block-four .inner-box .lower-content h5{
position:relative;
font-weight:700;
line-height:1.5em;
margin-bottom:13px;
margin-top:8px;
margin-bottom:24px;
}
.news-block-four .inner-box .lower-content h5 a{
position:relative;
color:#012068;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-four .inner-box .lower-content h5 a:hover{
color:#303ef9;
}
/*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:28px;
padding:10px 50px 10px 20px;
border:1px solid #ececf0;
background:none;
display:block;
font-size:14px;
width:100%;
height:50px;
color:#808080;
font-weight:400;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:50px;
width:50px;
font-size:14px;
color:#222222;
line-height:100%;
background:none;
display:inline-block;
font-weight:normal;
text-align:center;
border-left:1px solid #f2f2f2;
}
.sidebar .search-box.style-two .form-group button{
background-color: #f55b14;
right: 0px;
top: 0px;
width: 50px;
height: 50px;
color: #ffffff;
text-align: center;
}
/* Sidebar Title Two */
.sidebar-title-two{
position:relative;
margin-bottom:25px;
}
.sidebar-title-two h4{
position: relative;
color: #180b36;
font-weight:600;
line-height:1.2em;
padding-bottom:15px;
font-family: 'Poppins', sans-serif;
}
.sidebar-title-two h4:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:3px;
width:40px;
background-color:#0670fd;
}
/*Blog Category*/
.blog-cat-two{
position:relative;
}
.blog-cat-two li{
position:relative;
border-bottom:1px solid #d7d7d7;
}
.blog-cat-two li a{
position:relative;
color:#1a1e66;
font-size:15px;
font-weight:400;
display:block;
padding:16px 15px 16px 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;
font-family: 'Poppins', sans-serif;
}
.blog-cat-two li a:hover{
padding-left:28px;
}
.blog-cat-two li a span{
position:absolute;
right:0px;
top:15px;
font-size:15px;
}
.blog-cat-two li a:before{
position:absolute;
content:'';
left:10px;
top:25px;
width:8px;
height:8px;
opacity:0;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border-radius:50px;
display:inline-block;
background-color:#303ffa;
}
.blog-cat-two li a:hover::before{
opacity:1;
}
.blog-cat-two li.active a,
.blog-cat-two li a:hover{
color:#303ffa;
}
/*Post Widget*/
.popular-posts .post{
position:relative;
font-size:14px;
color:#ed1c24;
min-height:100px;
padding-left:90px;
margin-bottom:25px;
border-bottom:1px solid #e7e7eb;
}
.popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:65px;
height:65px;
overflow:hidden;
border-radius:50%;
}
.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;
}
.popular-posts .post .text{
position:relative;
top:0px;
font-size:16px;
margin:0px 0px 3px;
font-weight:600;
color:#1a1e66;
line-height:1.5em;
text-transform:capitalize;
font-family: 'Poppins', sans-serif;
}
.popular-posts .post .text a{
color:#1a1e66;
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;
}
.popular-posts .post a:hover{
color:#303ffa;
}
.popular-posts .post-info{
position:relative;
font-size:14px;
color:#1a1e66;
font-weight:400;
padding-left:20px;
}
.popular-posts .post-info:before{
position:absolute;
content: "\f073";
left:0px;
top:4px;
color:#303ffa;
font-size:14px;
line-height:1em;
font-family: 'FontAwesome';
}
/*Instagram Widget*/
.sidebar .instagram-widget .images-outer{
position:relative;
margin:0px -4px;
}
.sidebar .instagram-widget .image-box{
position:relative;
float:left;
width:33.3333%;
padding:0px 6px;
margin-bottom:12px;
}
.sidebar .instagram-widget .image-box:nth-child(3),
.sidebar .instagram-widget .image-box:nth-child(6){
margin-right:0px;
}
.sidebar .instagram-widget .image-box .overlay-box{
position:absolute;
content:'';
left:12px;
top:8px;
bottom:8px;
right:12px;
display:block;
z-index:1;
opacity:0;
text-align:center;
padding:8px;
color:#ffffff;
font-size:24px;
line-height:44px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
background-color:#303ffa;
}
.sidebar .instagram-widget .image-box .overlay-box:before{
position:absolute;
top:50%;
margin-left:-12px;
margin-top:-22px;
display:inline-block;
}
.sidebar .instagram-widget .image-box:hover .overlay-box{
opacity:1;
}
.sidebar .instagram-widget .image-box img{
position:relative;
display:block;
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;
}
/*Tags*/
.sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
padding:7px 18px 7px;
margin:0px 4px 8px 0px;
color:#1a1e66;
text-align:center;
font-size:15px;
background-color:#f4f7fc;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.sidebar .popular-tags a:hover{
background-color:#0670fd;
color:#ffffff;
}
/* Blog Single */
.blog-single{
position:relative;
}
.blog-single .inner-box{
position:relative;
border-radius:5px;
overflow:hidden;
box-shadow:0px 0px 15px rgba(0,0,0,0.20);
}
.blog-single .inner-box .image{
position:relative;
}
.blog-single .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.blog-single .inner-box .lower-content{
position:relative;
padding:25px 25px;
}
.blog-single .inner-box .lower-content .post-meta{
position:relative;
margin-bottom:18px;
padding-bottom:16px;
border-bottom:1px solid #ececf0;
}
.blog-single .inner-box .lower-content .post-meta:before{
position:absolute;
content:'';
left:0px;
bottom:-1px;
height:2px;
width:40px;
background-color:#070519;
}
.blog-single .inner-box .lower-content .post-meta li{
position:relative;
margin-right:20px;
color:#333333;
font-size:14px;
font-weight:600;
padding-left:22px;
display:inline-block;
}
.blog-single .inner-box .lower-content .post-meta li:last-child{
margin-right:0px;
}
.blog-single .inner-box .lower-content .post-meta li .fa{
position:absolute;
left:0px;
top:0px;
color:#303ef9;
font-size:14px;
}
.blog-single .inner-box .lower-content h4{
position:relative;
color:#012068;
font-weight:600;
line-height:1.4em;
margin-bottom:13px;
margin-top:20px;
margin-bottom:28px;
}
.blog-single .inner-box .lower-content .text{
position:relative;
}
.blog-single .inner-box .lower-content .text .news-gallery{
position:relative;
margin-top:30px;
}
.blog-single .inner-box .lower-content .text .news-gallery .row{
margin:0px -12px;
}
.blog-single .inner-box .lower-content .text .news-gallery .column{
padding:0px 12px;
margin-bottom:24px;
}
.blog-single .inner-box .lower-content .text h5{
position:relative;
color:#1a1e66;
font-weight:500;
line-height:1.4em;
margin-top:15px;
margin-bottom:20px;
}
.blog-single .inner-box .lower-content .text p{
position:relative;
color:#1a1e66;
font-size:16px;
line-height:1.9em;
margin-bottom:20px;
}
.blog-single .inner-box .lower-content .text p a{
color:#1a1e66;
font-weight:600;
text-decoration:underline;
}
.blog-single .inner-box .lower-content blockquote{
position:relative;
border:none;
padding:0px;
margin-top:40px;
margin-bottom:30px;
background-color:#f4f7fc;
padding:45px 30px 45px 110px;
}
.blog-single .inner-box .lower-content blockquote .quote-icon{
position:absolute;
left:-20px;
top:-20px;
width:113px;
height:113px;
color:#0d179e;
font-size:40px;
line-height:113px;
text-align:center;
border-radius:50%;
background-color:#ffffff;
}
.blog-single .inner-box .lower-content blockquote .quote-text{
position:relative;
font-size:20px;
color:#1a1e66;
font-weight:400;
line-height:1.7em;
}
/* Post Share Options */
.blog-single .post-share-options{
position:relative;
padding-top:55px;
padding-left:40px;
padding-right:40px;
margin-bottom:32px;
}
.blog-single .post-share-options .post-share-inner{
position:relative;
}
.blog-single .post-share-options .post-tags{
position:relative;
}
.blog-single .post-share-options .post-tags span{
position:relative;
font-size:15px;
font-weight:500;
color:#1a1e66;
font-family: 'Poppins', sans-serif;
}
.blog-single .post-share-options .post-tags a{
position:relative;
padding:8px 20px;
color:#1a1e66;
margin-right:4px;
margin-bottom:4px;
border-radius:50px;
display:inline-block;
background-color:#f4f7fc;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.blog-single .post-share-options .post-tags a:hover{
color:#ffffff;
background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
.blog-single .post-share-options .social-links{
position:relative;
margin-top:5px;
}
.blog-single .post-share-options .social-links li{
position:relative;
margin-left:2px;
display:inline-block;
}
.blog-single .post-share-options .social-links li.twitter a{
background-color:#55acee;
}
.blog-single .post-share-options .social-links li.google-plus a{
background-color:#dd4b39;
}
.blog-single .post-share-options .social-links li.dribble a{
background-color:#cd339a;
}
.blog-single .post-share-options .social-links li a{
position:relative;
width:32px;
height:32px;
color:#ffffff;
line-height:32px;
text-align:center;
border-radius:50px;
display:inline-block;
background-color:#3b5998;
}
/* New Posts */
.new-posts{
position:relative;
padding:22px 0px;
border-top:1px solid #ececf0;
border-bottom:1px solid #ececf0;
}
.new-posts .prev-post{
position:relative;
color:#ed1c24;
font-size:16px;
font-weight:500;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.new-posts .next-post{
position:relative;
color:#ed1c24;
font-size:16px;
font-weight:500;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.new-posts .prev-post:hover,
.new-posts .next-post:hover{
color:#2d3bf1;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area{
position:relative;
margin-top:45px;
margin-bottom: 60px;
}
.sidebar-page-container .group-title{
position:relative;
margin-bottom:35px;
}
.sidebar-page-container .group-title h6{
position:relative;
color:#1a1e66;
font-weight:600;
padding-bottom:10px;
text-transform:capitalize;
}
.sidebar-page-container .group-title h6:before{
position:absolute;
content: '';
left: 0px;
bottom: 0px;
width: 40px;
height: 3px;
background-color: #303ffa;
}
.sidebar-page-container .group-title .group-text{
position:relative;
font-size:14px;
color:#ed1c24;
margin-top:25px;
}
.sidebar-page-container .comments-area .comment-box{
position:relative;
padding:0px 0px 0px;
margin-bottom:40px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.sidebar-page-container .comments-area .comment-box:last-child{
margin-bottom:0px;
padding-bottom:0px;
border:0px;
}
.sidebar-page-container .comments-area .comment-box:hover{
border-color:#222222;
}
.sidebar-page-container .comments-area .comment{
position:relative;
font-size:14px;
padding:0px 0px 0px 125px;
}
.sidebar-page-container .comments-area .comment .comment-inner{
position:relative;
padding:22px 25px 30px;
background-color:#f4f7fc;
}
.sidebar-page-container .comments-area .comment .comment-reply{
position:absolute;
right:25px;
top:20px;
color:#ffffff;
font-size:14px;
font-weight:500;
padding:8px 20px;
border-radius:50px;
background-color:#191919;
font-family: 'Poppins', sans-serif;
}
.sidebar-page-container .comments-area .comment .comment-reply:hover{
background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
width:92px;
height:92px;
border-radius:50%;
overflow:hidden;
margin-bottom:20px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img{
display:block;
}
.sidebar-page-container .comments-area .comment-info{
color:#3e5773;
line-height:24px;
font-size:13px;
}
.sidebar-page-container .comments-area .comment-box strong{
font-size:18px;
font-weight:600;
color:#1a1e66;
line-height: 1.3em;
text-transform:capitalize;
font-family: 'Poppins', sans-serif;
}
.sidebar-page-container .comments-area .comment-box .text{
color:#1a1e66;
font-size:15px;
margin-top:16px;
line-height: 1.8em;
margin-bottom: 0px;
}
.sidebar-page-container .comments-area .comment-info .comment-time{
position:relative;
font-size:14px;
color:#ed1c24;
font-weight:400;
margin-top:3px;
}
.sidebar-page-container .comments-area .comment-box .theme-btn{
position:absolute;
right:0px;
top:0px;
font-size:14px;
font-weight:500;
padding:5px 30px;
font-family: 'Poppins', sans-serif;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form{
position:relative;
margin-top:0px;
}
.comment-form .row{
margin:0px -7px;
}
.comment-form .form-group{
position:relative;
padding:0px 7px;
margin-bottom:14px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 20px;
height:46px;
font-size:14px;
border-radius:3px;
border:1px solid #ececec;
-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:#2e3cf4;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 20px;
color:#a5a5a5;
height:150px;
font-size:14px;
resize:none;
border-radius:3px;
border:1px solid #ececec;
-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 .submit-btn{
position:relative;
color:#ffffff;
cursor:pointer;
margin-top:10px;
border-radius:50px;
display:inline-block;
text-transform:uppercase;
padding:11px 25px 11px 25px;
background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
/* Team Page Section */
.team-page-section{
position:relative;
padding:90px 0px 50px;
}
/* Testimonial Page Section */
.testimonial-page-section{
position:relative;
padding-top:90px;
}
/* Testimonial Block Five */
.testimonial-block-five{
position:relative;
margin-bottom:130px;
}
.testimonial-block-five .inner-box{
position:relative;
text-align:center;
padding:35px 30px;
background-color:#ffffff;
background-position:left top;
background-repeat:no-repeat;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
box-shadow:0px 0px 20px rgba(0,0,0,0.15);
}
.testimonial-block-five .inner-box:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:0px;
height:5px;
background-color:#303ffa;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.testimonial-block-five .inner-box:after{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:0px;
height:5px;
background-color:#303ffa;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.testimonial-block-five .inner-box:hover::before,
.testimonial-block-five .inner-box:hover::after{
width:100%;
}
.testimonial-block-five .inner-box .quote-icon{
position:absolute;
right:45px;
top:-20px;
color:#e0e0e0;
font-size:60px;
line-height:1em;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.testimonial-block-five .inner-box:hover{
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
.testimonial-block-five .inner-box:hover .quote-icon{
color:#303ffa;
}
.testimonial-block-five .inner-box .image-outer{
position:relative;
display:inline-block;
}
.testimonial-block-five .inner-box .image{
position:relative;
width:76px;
height:76px;
overflow:hidden;
margin:0 auto;
border-radius:50px;
}
.testimonial-block-five .inner-box .image-outer:before{
position:absolute;
content:'';
left:-4px;
top:-4px;
right:-4px;
bottom:-4px;
border-radius:50px;
border:2px solid #303ffa;
}
.testimonial-block-five .inner-box .text{
position:relative;
color:#ed1c24;
font-size:16px;
line-height:1.7em;
margin-top:20px;
margin-bottom:10px;
}
.testimonial-block-five .inner-box h5{
position:relative;
color:#303ffa;
font-size:20px;
font-weight:700;
line-height:1.7em;
}
.testimonial-block-five .inner-box .designation{
position:relative;
color:#9c9c9c;
font-size:15px;
font-weight:400;
line-height:1.4em;
}
/***
====================================================================
Contact Page Section
====================================================================
***/
.contact-page-section{
position:relative;
padding-top:95px;
}
.contact-page-section .map-section{
position: absolute;
left: 0px;
top: 150px;
right: 0px;
bottom: 0px;
}
.contact-page-section .map-section .map-canvas{
height:580px;
}
.contact-page-section .inner-container{
position:relative;
z-index:1;
padding:55px 60px 55px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.contact-page-section .inner-container h2{
position:relative;
color:#012068;
font-weight:700;
line-height:1.4em;
}
.contact-page-section .inner-container h2 span{
font-style:italic;
color:#070519;
font-family: 'Playfair Display', serif;
}
.contact-page-section .info-column{
position:relative;
}
.contact-page-section .info-column .inner-column{
position:relative;
}
.contact-page-section .info-column .inner-column .text{
position:relative;
color:#1a1e66;
font-size:16px;
line-height:1.7em;
margin-top:25px;
margin-bottom:15px;
}
.contact-page-section .form-column{
position:relative;
}
.contact-page-section .form-column .inner-column{
position:relative;
padding-top:30px;
}
.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:11px;
color:#ff0000;
font-weight:500;
}
/*Contact Form*/
.contact-form{
position:relative;
}
.contact-form .form-grou{
position:relative;
margin-bottom:16px;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="number"],
.contact-form input[type="password"],
.contact-form select,
.contact-form textarea{
display:block;
width:100%;
line-height:23px;
height:45px;
font-size:14px;
padding:10px 24px;
background:#eef1f5;
color:#ed1c24;
border:1px solid #eef1f5;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.contact-form textarea{
height:110px;
resize:none;
font-size:14px;
background:#eef1f5;
border:1px solid #eef1f5;
}
.contact-form .form-group .ui-selectmenu-button.ui-button{
font-size:14px;
}
.contact-form .form-group .ui-selectmenu-button.ui-button{
float:none;
background-color:#eef1f5;
}
.contact-form .form-group .ui-state-active, .contact-form .form-group .ui-widget-content .ui-state-active{
background-color:#2937e8;
border-color:#2937e8;
}
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form input[type="password"]:focus,
.contact-form select:focus,
.contact-form textarea:focus{
border-color:#070519;
}
.contact-form .theme-btn{
color:#ffffff;
font-size:16px;
margin-top:10px;
padding:12px 42px;
border-radius:0px;
cursor: pointer;background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffaf4b), color-stop(100, #ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
}
.contact-info-section{
position:relative;
margin-top:-90px;
padding:160px 0px 50px;
background-repeat:no-repeat;
background-size:cover;
}
.contact-info-section .column{
margin-bottom:30px;
}
.contact-info-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.80);
}
.contact-info-section h4{
position:relative;
color:#ffffff;
font-weight:600;
line-height:1.3em;
margin-bottom:20px;
}
.call-btn{
background-color:#e6e6e6;
padding:5px;
border-radius:9px;
}
.call-btn1{
background-color:#e6e6e6;
padding:0px 6px;
border-radius:9px;
color:#FFFFFF;
}
a.call-btn1:hover{
color:#FFFFFF;
}
.text-home{
margin: 0px 0px;
background-color: #f3f3f3;
padding: 52px 0px;
}
.p-text-home {
color:#000000;
line-height:34px;
font-size:21px;
font-family: SegoeUI;
}
.line-box-hr{
text-align: center; position: absolute; margin-top: 27px; margin-left: -270px;
}
.text-home .container row col-md-5 img{
border-radius:2000px;
}
.callappimg {
position: fixed;
bottom: 60px;
left: 10px;
width:50px;
height:50px;
}
.whatappimg {
position: fixed;
bottom: 10px;
left: 10px;
}
.main-footer .logo-widget .logo img{
border-radius:5px;
}
.panel,
.panel-body {
box-shadow: none;
}
.panel-group .panel-heading {
padding: 0;
}
.panel-group .panel-heading a {
display: block;
padding: 0px 11px;
text-decoration: none;
position: relative;
background: #000000;
color: white;
font-size: 15px;
border-radius: 0px 0px 0px 0px;
line-height: 27px;
}
.panel-group .panel-heading a:after {
content: '-';
float: right;
}
#myBtn {
display: block;
position: fixed;
bottom: 26px;
right: 9px;
z-index: 99;
font-size: 18px;
background-color: #ed1c24;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 9px 9px 0px 0px;
}
#myBtn:hover {
background-color: #555;
}
.panel-group .panel-heading a.collapsed:after {
content: '+';
}
.contact-us {
bottom: 0;
right: 10px;
width: 270px;
position: fixed;
z-index: 999999999999;
box-shadow: 0 0 3px rgba(0,0,0,.32);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.32);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.32);
-ms-box-shadow: 0 0 3px rgba(0,0,0,.32);
}
.contact-us .contact-header, .contact-us .contact-header:focus, .contact-us .contact-header:hover {
width: 270px;
height: 35px;
background: #00679e;
display: block;
color: #fff;
padding: 5px 15px;
text-decoration: none;
font-size: 16px;
line-height: 1.9;
border-radius: 3px 3px 0 0;
}
.textwidget{
padding: 1px 9px;
}
.modal-dialog {
margin: 30px auto;
}
button.close {
-webkit-appearance: none;
padding: 0 0 8px;
cursor: pointer;
background: #ed1c24;
border-radius: 50%;
border: 0;
}
.close {
color: #000;
float: right;
font-size: 35px;
font-weight: 400;
line-height: 37px;
width: 46px;
opacity: 1;
text-shadow: 0 1px 0 #000;
}
.modal-header {
padding: 5px;
}
.modal-header .close {
padding: 0.5rem;
margin: 0rem 0rem 0rem auto;
}
#contact-us-footer .collapse-card a{
color: #ed1c24;
font-weight: 600;
font-size: 13px;
}
.textwidget h4{
color: #ed1c24;
}
.textwidget p{
color: #ed1c24;
}
.quality-services{
margin-top:0px;
margin-bottom:0px;
}
.quality-services h2{
color:#000033;
}
.quality-services p {
color: #1a1e66;
font-size: 17px;
line-height: 30px;
padding: 12px 36px;
}
.our-team{
margin-top:20px;
margin-bottom:20px;
}
.our-team h2{
color:#000033;
}
.our-team p {
color: #000000;
font-size: 16px;
line-height: 34px;
padding: 12px 12px;
}
.services-section-three-services{
margin-bottom: 30px;
margin-top:30px;
}
.services-section-three-services p{
color: #000000;
font-size: 14px;
line-height: 22px;
margin-bottom: 9px;
}
.notice-board{
padding:20px;
color:#FFFFFF;
}
.notice-board a{
color:#FFFFFF;
}
.col-6-box{
background-color:#FFFFFF;
padding:15px;
border-radius:12px;
min-height:333px;
}
.mega-menu{
width: 400px !important;
/*height: 365px;*/
}
.mega-menu ul li {
margin:5px;
padding:8px;
font-size:15px;
color: black;
}
.mega-menu ul li:hover {
margin:5px;
padding:8px;
font-size:15px;
background-color:#ed1c24;
}
.hero-img-bg-css img{
background-repeat: no-repeat;
background-size: cover;
height:100%;
}
.text-p{
color: #1a1e66;
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
width: 100%;
margin-top: 9px;
}
.about-section-four1 {
position: relative;
padding: 21px 0px 0px;
}
.marquee {
background-color: #ddd;
width: 100%;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
}
.marquee span {
display: inline-block;
font-size: 18px;
position: relative;
left: 100%;
animation: marquee 40s linear infinite;
}
.marquee:hover span {
animation-play-state: paused;
}
.marquee span:nth-child(1) {
animation-delay: 0s;
}
.marquee span:nth-child(2) {
animation-delay: 7s;
}
.marquee span:nth-child(3) {
animation-delay: 12s;
}
.marquee span:nth-child(4) {
animation-delay: 40s;
}
@keyframes marquee {
0% { left: 100%; }
100% { left: -100%; }
}
.btn-submit {
padding: 8px 38px;
background-color: #ed1c24;
color: #fff;
font-size: 18px;
border: 1px solid transparent;
display: inline-block;
font-weight: 600;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
transition: all 1s ease 0s;
margin-bottom: 0;
cursor: pointer;
float: right;
}