/* The Metron - Industry and Factory HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Slider
6. Services Section
7. Score Section
8. Features Section
9. Marketing Section
10. Case Section
11. Testimonial Section
12. Pricing Section
13. Partners Section
14. Main Footer
15. Page Title
16. Accordian Section
17. Sidebar Widgets
18. Quote Form Section
19. About Section
20. Team Section
21. Clients Section
22. Seo Section
23. Error Section
24. Comming Soon Section
25. Pricing Section
26. Contact Form Section
**********************************************/
/*@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');*/
/*font-family: 'Rubik', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Hind', sans-serif;*/
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('hover.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
/***
====================================================================
Fonts local
====================================================================
***/
/* hind-300 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Hind';
font-style: normal;
font-weight: 300;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/hind-v16-latin-ext_latin_devanagari-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/hind-v16-latin-ext_latin_devanagari-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* hind-regular - latin-ext_latin_devanagari */
@font-face {
font-family: 'Hind';
font-style: normal;
font-weight: 400;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/hind-v16-latin-ext_latin_devanagari-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/hind-v16-latin-ext_latin_devanagari-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* hind-500 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Hind';
font-style: normal;
font-weight: 500;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/hind-v16-latin-ext_latin_devanagari-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/hind-v16-latin-ext_latin_devanagari-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* hind-600 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Hind';
font-style: normal;
font-weight: 600;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/hind-v16-latin-ext_latin_devanagari-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/hind-v16-latin-ext_latin_devanagari-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* hind-700 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Hind';
font-style: normal;
font-weight: 700;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/hind-v16-latin-ext_latin_devanagari-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/hind-v16-latin-ext_latin_devanagari-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-300 - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 300;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-regular - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-500 - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-600 - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 600;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-700 - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 700;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-800 - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 800;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-900 - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 900;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-300italic - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 300;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-italic - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 400;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-500italic - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 500;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-600italic - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 600;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-700italic - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 700;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-800italic - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 800;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-900italic - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 900;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/rubik-v21-latin-ext_latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-100 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 100;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-100italic - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 100;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-200 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 200;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-200italic - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 200;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-300 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-300italic - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 300;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-regular - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-italic - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-500 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-500italic - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 500;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-600 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-600italic - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 600;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-700 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-700italic - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 700;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-800 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 800;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-800italic - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 800;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-900 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 900;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-900italic - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 900;
src: local(''),
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://www.henke-lampertheim.de/css/fonts/poppins-v20-latin-ext_latin_devanagari-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-size:15px;
color:#777777;
line-height:1.8em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-family: 'Rubik', sans-serif;
}
a{
text-decoration:none;
cursor:pointer;
color:#0292f2;
}
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
font-family: 'Poppins', sans-serif;
}
input,button,select,textarea{
font-family: 'Rubik', sans-serif;
}
textarea{
overflow:hidden;
}
.theme_color{
color:#0292f2;
}
p,.text{
position:relative;
line-height:1.8em;
font-family: 'Rubik', sans-serif;
}
.page-wrapper section{
position:relative;
z-index:5;
}
.strike-through{
text-decoration:line-through;
}
.auto-container{
position:static;
max-width:1200px;
padding:0px 15px;
margin:0 auto;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
}
.grey-bg{
background-color:#f8f8f8;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
.theme-btn{
display:inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.centered{
text-align:center;
}
/*List Style One*/
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
padding-left:48px;
margin-bottom:22px;
color:#848484;
font-size:16px;
font-weight:400;
}
.list-style-one li strong{
position:relative;
display:block;
color:#020e28;
font-size:18px;
font-weight:500;
}
.list-style-one li:before{
position:absolute;
content: "\f12a";
left:0px;
top:14px;
color:#0292f2;
font-size:22px;
font-family: "Flaticon";
}
/*List Style Two*/
.list-style-two{
position:relative;
}
.list-style-two li{
position:relative;
padding-left:50px;
color:#c4c4c4;
font-size:16px;
margin-bottom:25px;
}
.list-style-two li .icon{
position:absolute;
left:0px;
top:7px;
line-height:1em;
font-size:40px;
font-weight:400;
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;
color:rgba(255,255,255,0.40);
}
.list-style-two li a{
position:relative;
font-weight:500;
display:block;
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;
font-family: 'Poppins', sans-serif;
}
.list-style-two li:hover a{
color:#0292f2;
text-decoration:underline;
}
.list-style-two li:hover .icon{
color:#0292f2;
}
/*List Style Three*/
.list-style-three{
position:relative;
}
.list-style-three li{
position:relative;
margin-bottom:15px;
color:#848484;
font-size:15px;
font-weight:400;
padding-left:46px;
padding-bottom:12px;
border-bottom:1px solid #e6e6e6;
font-family: 'Rubik', sans-serif;
}
.list-style-three li:last-child{
margin-bottom:0px;
padding-bottom:0px;
border:none;
}
.list-style-three li .icon{
position:absolute;
left:0px;
top:12px;
color:#0292f2;
line-height:1em;
font-size:24px;
}
.list-style-three li strong{
position:relative;
color:#020e28;
font-size:16px;
font-weight:600;
display:block;
font-family: 'Poppins', sans-serif;
}
/*List Style Four*/
.list-style-four{
position:relative;
}
.list-style-four li{
position:relative;
margin-bottom:6px;
color:#ffffff;
font-size:18px;
font-weight:500;
padding-left:30px;
}
.list-style-four li:before{
position:absolute;
content:'\f178';
left:0px;
top:3px;
color:#ffffff;
line-height:1em;
font-size:16px;
font-family: 'FontAwesome';
}
/*List Style Five*/
.list-style-five{
position:relative;
}
.list-style-five li{
position:relative;
margin-bottom:15px;
color:#848484;
font-size:16px;
font-weight:400;
padding-left:30px;
}
.list-style-five li:before{
position:absolute;
content:'\f178';
left:0px;
top:3px;
color:#0292f2;
line-height:1em;
font-size:16px;
font-family: 'FontAwesome';
}
/*Btn Style One*/
.btn-style-one{
position:relative;
line-height:24px;
color:#ffffff;
font-size:14px;
font-weight:600;
background:#0292f2;
display:inline-block;
padding:13px 22px;
border-radius:50px;
letter-spacing:1px;
text-transform:uppercase;
border:2px solid #0292f2;
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: 'Poppins', sans-serif;
}
.btn-style-one .icon{
position:relative;
top:2px;
font-size:18px;
margin-right:4px;
margin-left:5px;
}
.btn-style-one:hover{
color:#0292f2;
border-color:#0292f2;
background:none;
}
/*Btn Style Two*/
.btn-style-two{
position:relative;
line-height:24px;
color:#ffffff;
font-size:14px;
font-weight:700;
background:#020e28;
display:inline-block;
padding:12px 49px;
border-radius:50px;
text-transform:uppercase;
border:2px solid #020e28;
font-family: 'Poppins', sans-serif;
}
.btn-style-two:hover{
color:#ffffff;
background:#0292f2;
border-color:#0292f2;
}
/*Btn Style Three*/
.btn-style-three{
position:relative;
line-height:24px;
color:#ffffff;
font-size:14px;
font-weight:700;
background:#0292f2;
display:inline-block;
padding:12px 49px;
border-radius:50px;
text-transform:uppercase;
border:2px solid #0292f2;
font-family: 'Poppins', sans-serif;
}
.btn-style-three:hover{
color:#ffffff;
background:#020e28;
border-color:#020e28;
}
.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);}
img{
display:inline-block;
max-width:100%;
height:auto;
}
/***
====================================================================
Fancy Box
====================================================================
***/
.fancybox-next span,
.fancybox-prev span{
background-image:none !important;
width:44px !important;
height:44px !important;
line-height:44px !important;
text-align:center;
}
.fancybox-next span:before,
.fancybox-prev span:before{
content:'';
position:absolute;
font-family: 'FontAwesome';
left:0px;
top:0px;
font-size:12px;
width:44px !important;
height:44px !important;
line-height:44px !important;
background-color:rgba(28,28,28,0.40) !important;
color:#ffffff;
visibility:visible;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.fancybox-next span:before{
content:'\f178';
}
.fancybox-prev span:before{
content:'\f177';
}
.fancybox-next:hover span:before,
.fancybox-prev:hover span:before{
background-color:#ffffff !important;
color:#000000;
}
.fancybox-type-image .fancybox-close{
right:0px;
top:0px;
width:45px;
height:45px;
background:url(../images/icons/icon-cross.png) center center no-repeat;
background-color:rgba(17,17,17,0.50) !important;
}
.fancybox-type-image .fancybox-close:hover{
background-color:#000000 !important;
}
.fancybox-type-image .fancybox-skin{
padding:0px !important;
}
/***
====================================================================
Social Icon One
====================================================================
***/
.social-icon-one{
position:relative;
}
.social-icon-one li{
position:relative;
margin-left:20px;
margin-top:15px;
display:inline-block;
}
.social-icon-one li a{
position:relative;
font-size:16px;
color:#020e28;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-one li a:hover{
color:#0292f2;
}
/***
====================================================================
Social Icon Two
====================================================================
***/
.social-icon-two{
position:relative;
}
.social-icon-two li{
position:relative;
margin:0px 5px;
display:inline-block;
}
.social-icon-two li a{
position:relative;
width:40px;
height:40px;
font-size:14px;
color:#848484;
line-height:40px;
border-radius:50%;
text-align:center;
display:inline-block;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-two li a:hover{
color:#ffffff;
background-color:#0292f2;
}
/***
====================================================================
Social Icon Three
====================================================================
***/
.social-icon-three{
position:relative;
}
.social-icon-three li{
position:relative;
margin-right:15px;
display:inline-block;
}
.social-icon-three li a{
position:relative;
font-size:14px;
color:#9b9b9b;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-three li a:hover{
color:#0292f2;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:15px;
right:15px;
width:40px;
height:70px;
color:#ffffff;
font-size:24px;
text-transform:uppercase;
line-height:65px;
text-align:center;
z-index:99999;
cursor:pointer;
border-radius:50px;
background:#0292f2;
display:none;
border:2px solid #0292f2;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.scroll-to-top:hover{
color:#0292f2;
background:none;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:relative;
left:0px;
top:0px;
z-index:999;
width:100%;
background-color:#f4f4f4;
}
.main-header .header-top{
position:relative;
background:#041332;
}
.main-header .header-top .on-left{
position:relative;
float:left;
padding:16px 0px;
}
.main-header .header-top .on-left ul li{
position:relative;
color:#ffffff;
font-size:14px;
float:left;
line-height:1.6em;
margin-right:20px;
}
.main-header .header-top .on-left ul li span{
position:relative;
margin:0px 5px;
}
.main-header .header-top .on-left ul li a{
position:relative;
color:#ffffff;
font-size:16px;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.main-header .header-top .on-left ul li a .icon{
position:relative;
margin-right:12px;
color:#0292f2;
}
.main-header .header-top .on-left > ul > li > a:hover{
color:#0292f2;
text-decoration:underline;
}
.main-header .header-top .on-left > ul{
position:relative;
float:left;
}
.main-header .header-top .on-left > ul > li:last-child{
margin-right:0px;
padding-left:12px;
}
.main-header .header-top .on-left > ul > li:last-child::before{
position:absolute;
content:'';
left:0px;
top:3px;
width:1px;
height:15px;
background-color:#d0d0d0;
}
.main-header .header-top .top-right{
position:relative;
float:right;
padding:16px 0px;
}
.main-header .header-top .top-right ul li{
position:relative;
color:#ffffff;
font-size:14px;
float:left;
line-height:1.6em;
margin-right:20px;
}
.main-header .header-top .top-right ul li span{
position:relative;
margin:0px 5px;
}
.main-header .header-top .top-right ul li a{
position:relative;
color:#ffffff;
font-size:16px;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.main-header .header-top .top-right ul li a .icon{
position:relative;
margin-right:12px;
color:#0292f2;
}
.main-header .header-top .top-right > ul > li > a:hover{
color:#0292f2;
text-decoration:underline;
}
.main-header .header-top .top-right > ul{
position:relative;
float:left;
}
.main-header .header-top .top-right > ul > li:last-child{
margin-right:0px;
padding-left:12px;
}
.main-header .header-top .top-right > ul > li:last-child::before{
position:absolute;
content:'';
left:0px;
top:3px;
width:1px;
height:15px;
background-color:#d0d0d0;
}
.main-menu .navigation > li:last-child > ul{
left:auto;
right:0px;
}
/*Main Box*/
.main-header .main-box{
position:relative;
padding:0px 0px;
left:0px;
top:0px;
width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .main-box .outer-container{
position:relative;
}
.main-header .main-box .outer-container:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:2px;
background-color:rgba(255,255,255,0.15);
}
.header-style-two .main-box .outer-container:before{
background-color:rgba(230,230,230,1)
}
.header-style-four .main-box .outer-container:before{
display:none;
}
.main-header .main-box .logo-box{
position:relative;
float:left;
left:0px;
z-index:10;
padding:15px 0px;
max-width: 341px;
height: auto;
}
.main-header.fixed-header .main-box .logo-box{
padding:0px 0px;
}
.main-header .main-box .logo-box .logo img{
display:inline-block;
max-width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header.fixed-header .nav-outer .search-box-outer{
margin-top:-10px;
}
.main-header.fixed-header .main-box .logo-box .logo img{
height:60px;
}
.main-header .nav-toggler{
position:relative;
right:0px;
width:44px;
height:46px;
top:50%;
margin-top:0px;
display: block;
border-radius:4px;
text-align:center;
border:1px solid #dddddd;
}
.main-header .nav-toggler button{
position:relative;
left:12px;
display:block;
color:#444444;
text-align:center;
font-size:20px;
line-height:44px;
background:none;
font-weight:600;
}
.main-header .nav-outer{
position:static;
float:right;
}
.main-header .nav-outer .outer-box{
position:relative;
float:right;
margin-left:28px;
margin-top:26px;
}
.header-style-three .nav-outer .outer-box{
margin-top:20px;
margin-left:0px;
}
.header-style-three .nav-outer .outer-box .quote-btn{
padding:3px 22px 3px !important;
color:#020e28 !important;
border-color:#e6e6e6 !important;
}
.header-style-three .nav-outer .outer-box .quote-btn:after{
background-color:#e6e6e6 !important;
bottom:0px !important;
}
.main-header .nav-outer .outer-box .quote-btn{
position:relative;
font-size:14px;
font-weight:700;
color:#020e28;
float:left;
letter-spacing:1px;
text-transform:uppercase;
padding:12px 22px 14px;
border-left:2px solid rgba(255,255,255,0.20);
border-right:2px solid rgba(255,255,255,0.20);
font-family: 'Poppins', sans-serif;
}
.header-style-four .nav-outer .outer-box .quote-btn{
padding-right:0px;
border-right:0px;
}
.main-header .nav-outer .outer-box .quote-btn:after{
position:absolute;
content:'';
left:22px;
right:22px;
bottom:16px;
height:1px;
-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:#020e28;
}
.header-style-four .nav-outer .outer-box .quote-btn:after{
right:0px;
}
.main-header .nav-outer .outer-box .quote-btn:hover{
color:#0292f2;
border-color:#0292f2;
}
.main-header .nav-outer .outer-box .quote-btn:hover::after{
background-color:#0292f2;
}
.main-header .nav-outer .outer-box .quote-btn .icon{
position:relative;
width:20px;
height:13px;
margin-left:2px;
display:inline-block;
background:url(../images/icons/msg-icon.png) no-repeat;
}
.main-header .nav-outer .outer-box .quote-btn .icon.icon-two{
background:url(../images/icons/msg-icon-1.png) no-repeat;
}
.main-header .nav-outer .outer-box .social-icon-one{
float:left;
margin-left:6px;
margin-top:14px;
}
.header-style-two .nav-outer .outer-box .social-icon-one li a{
color:#020e28;
}
.main-header .nav-outer .outer-box .talk{
position:relative;
color:#0292f2;
font-weight:700;
font-size:14px;
float:left;
margin-top:-10px;
margin-left:35px;
display:inline-block;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
.main-header .nav-outer .outer-box .talk .icon{
position:relative;
display:inline-block;
margin-right:10px;
}
.main-header .nav-outer .search-box-outer{
position: relative;
right:0px;
float:left;
color:#0292f2;
margin-left:20px;
margin-top:3px;
}
.main-header .search-box-btn{
position:relative;
display:block;
color:#0292f2;
padding:0px;
margin:0px;
font-size:14px;
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 .search-box-outer .dropdown-menu{
top:45px;
right:0px;
padding:0px;
width:280px;
border-radius:0px;
border-top:3px solid #0292f2;
}
.main-header .search-box-outer .dropdown-menu > li{
padding:0px;
border:none;
background:none;
}
.main-header .search-panel .form-container{
padding:25px 20px;
}
.main-header .search-panel .form-group{
position:relative;
margin:0px;
}
.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
display:block;
width:100%;
height:40px;
color:#000000;
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 .search-panel input:focus,
.main-header .search-panel select:focus{
border-color:#0292f2;
}
.main-header .search-panel .search-btn{
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
text-align:center;
color:#555555;
font-size:12px;
background:none;
cursor:pointer;
}
.header-style-two .header-top{
background-color:#020e28;
}
.main-menu{
position:static;
float:left;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .navbar-collapse{
padding:0px;
}
.main-menu .navigation{
position:static;
margin:0px;
}
.main-menu .navigation > li{
position:relative;
float:left;
padding:45px 0px;
margin-left:32px;
}
.main-menu .navigation > li.has-mega-menu{
position:static;
}
.main-menu .navigation > li.has-mega-menu:before,
.main-menu .navigation > li.has-mega-menu:after{
display:none;
}
.header-style-four .navigation > li{
padding-bottom:0px;
}
.main-menu .navigation > li:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:2px;
opacity:0;
background-color:#0292f2;
-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 .navigation > li:before{
position:absolute;
content:'';
left:50%;
bottom:2px;
width:25px;
height:4px;
opacity:0;
margin-left:-13px;
background-color:#0292f2;
-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 .navigation > li.current::before,
.main-menu .navigation > li.current::after{
opacity:1;
}
.main-menu .navigation > li:hover::before,
.main-menu .navigation > li:hover::after{
opacity:1;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
padding:20px 0px;
color:#020e28;
text-align:center;
line-height:10px;
letter-spacing:0px;
font-weight:600;
font-size:16px;
opacity:1;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.header-style-two .main-menu .navigation > li > a{
color:#020e28;
}
.header-style-two .nav-outer .outer-box .quote-btn{
color:#020e28;
border-color:#e6e6e6;
}
.header-style-two .nav-outer .outer-box .quote-btn:after{
background-color:#e6e6e6;
}
.sticky-header .main-menu .navigation > li > a{
padding:5px 0px;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
color:#0292f2;
opacity:1;
}
.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before{
width:100%;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:100%;
width:270px;
z-index:100;
display:none;
padding:5px 20px;
background:#ffffff;
-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);
font-family:'Poppins',sans-serif;
border-bottom:2px solid #0292f2;
}
.main-menu .navigation > li > ul:before{
position:absolute;
content:'';
left:0px;
top:-12px;
width:100%;
height:12px;
}
.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 #f2f2f2;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > .mega-menu{
position:absolute;
left:0px;
width:100%;
background-color: #ffffff;
padding: 45px 40px 30px 45px;
top: 100%;
z-index:10;
margin-top:10px;
display:none;
background-position:right bottom;
background-repeat:no-repeat;
-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 > .mega-menu:before{
position:absolute;
content:'';
left:0px;
top:-10px;
width:100%;
height:10px;
}
.main-menu .navigation > li:hover > .mega-menu{
opacity:1;
visibility:visible;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > .mega-menu .mega-menu-bar{
position: relative;
}
.main-menu .navigation > li .mega-menu-bar h3{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
padding-bottom:10px;
border-bottom:2px solid #f2f2f2;
}
.main-menu .navigation > li .mega-menu-bar > ul{
position:relative;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li{
position:relative;
width:100%;
border-bottom:1px solid #f2f2f2;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li .mega-menu-bar .column{
position:relative;
margin-bottom:10px;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{
border:none;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
position:relative;
display:block;
padding:13px 0px;
line-height:24px;
font-weight:400;
font-size:16px;
color:#848484;
text-align:left;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Rubik', sans-serif;
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:13px 0px;
line-height:20px;
font-weight:400;
font-size:16px;
color:#848484;
text-align:left;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Rubik', sans-serif;
}
.main-menu .navigation > li > ul > li:hover{
border-color:#0292f2;
}
.main-menu .navigation > li > ul > li:hover > a,
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{
color:#0292f2;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:0px;
top:15px;
width:10px;
height:20px;
display:block;
line-height:21px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
color:#0292f2;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:109%;
top:0px;
width:270px;
z-index:100;
display:none;
padding:5px 20px;
background:#ffffff;
-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);
font-family:'Poppins',sans-serif;
border-bottom:2px solid #0292f2;
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid #f2f2f2;
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{
border-color:#0292f2;
}
.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: 13px 0px;
line-height: 24px;
font-weight: 400;
font-size: 16px;
color: #848484;
text-align: left;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
font-family: 'Rubik', sans-serif;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover{
color:#0292f2;
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:100%;
margin-top:10px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top: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;
}
.main-menu .navigation li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:34px;
height:30px;
border:1px solid #ffffff;
text-align:center;
font-size:16px;
line-height:26px;
color:#ffffff;
cursor:pointer;
z-index:5;
display:none;
}
.main-header .header-upper{
position:relative;
background:#ffffff;
z-index:5;
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-upper .logo img{
position:relative;
display:inline-block;
max-width:100%;
}
.main-header .header-upper .logo-outer{
position:relative;
z-index:25;
padding:18px 0px;
}
/*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 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.sticky-header .logo{
padding:14px 0px 15px;
}
.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;
-webkit-box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.10);
box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.10);
}
.main-header .sticky-header .main-menu .navigation > li{
margin-right:0px;
margin-left:30px;
margin-top:18px;
padding:20px 0px 10px;
}
.main-header .sticky-header .main-menu .navigation > li > a{
color:#333333;
}
.main-header .sticky-header .main-menu .navigation > li:before,
.main-header .sticky-header .main-menu .navigation > li:after{
display:none;
}
.main-header .sticky-header .right-col{
position:relative;
}
/***
====================================================================
Main Slider style
====================================================================
***/
.main-slider{
position:relative;
z-index:10;
}
.main-slider .tp-caption{
z-index:5 !important;
}
.main-slider .tp-dottedoverlay{
background:rgba(0,0,0,0.40) !important;
}
.main-slider .tparrows.gyges{
width:60px;
height:60px;
line-height:60px;
border-radius:50%;
background-color:rgba(255,255,255,0.20);
}
.main-slider .tparrows.gyges:before{
line-height:60px;
}
.main-slider .tparrows.gyges:hover{
color:#0292f2;
background-color:#0292f2;
}
.main-slider h2{
position:relative;
color:#ffffff;
font-size:50px;
font-weight:600;
line-height:1.2em;
display:inline-block;
}
.main-slider h2.dark{
color:#020e28;
}
.main-slider h2.alternate{
padding-bottom:25px;
border-bottom:1px solid rgba(255,255,255,0.20);
}
.main-slider h2.style-two{
padding-bottom:25px;
border-bottom:1px solid rgba(0,0,0,0.10);
}
.main-slider h3{
position:relative;
color:#ffffff;
font-size:20px;
font-weight:600;
line-height:1.2em;
display:inline-block;
}
.main-slider .text{
position:relative;
color:#d8d8d8;
font-size:18px;
line-height:1.7em;
}
.main-slider .text.style-two{
color:#848484;
}
.main-slider .text.alternate{
color:#ffffff;
font-size:20px;
}
.main-slider .text.style-three{
color:#020e28;
font-size:20px;
}
.main-slider .know_more{
position:relative;
color:#0292f2;
font-weight:600;
font-size:14px;
padding-bottom:2px;
text-transform:uppercase;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
border-bottom:1px solid #0292f2;
font-family: 'Poppins', sans-serif;
}
.main-slider .know_more .icon{
margin-right:4px;
}
.main-slider .know_more:hover{
color:#ffffff;
}
.main-slider .btns-box .theme-btn{
margin-right:20px;
}
.main-slider .tp-bannertimer,
.main-slider .tp-bullets{
display:none !important;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:50px;
}
.sec-title h2{
position:relative;
font-size:30px;
font-weight:600;
color:#020e28;
line-height:1.2em;
padding:0px 0px 24px;
display:inline-block;
text-transform:uppercase;
}
.sec-title.light h2{
color:#ffffff;
}
.sec-title .separator{
position:relative;
width:75px;
}
.sec-title .separator:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:75px;
height:2px;
background-color:#0292f2;
}
.sec-title .separator:after{
position:absolute;
content:'';
left:0px;
bottom:2px;
width:25px;
height:4px;
background-color:#0292f2;
}
.sec-title .separator.centered::after{
margin-left:25px;
}
.sec-title.centered .separator{
margin:0 auto;
}
.sec-title.centered .separator::after{
left:50%;
margin-left:-12px;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section{
position:relative;
padding-bottom:50px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.services-section .inner-container{
position:relative;
margin-top:-65px;
display:inline-block;
}
.services-block{
position:relative;
margin-bottom:40px;
}
.services-block .inner-box{
position:relative;
max-width: 420px;
margin: 0 auto;
display: block;
}
.services-block .inner-box .image{
position:relative;
}
.services-block .inner-box .image:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:30%;
z-index:1;
background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(2,14,40,0.9));
background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(2,14,40,0.9));
background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(2,14,40,0.9));
background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(2,14,40,0.9));
}
.services-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.services-block .inner-box .lower-content{
position:relative;
text-align:center;
padding:32px 0px 25px;
}
.services-block .inner-box .lower-content .icon-box{
position:relative;
color:#c4c4c4;
font-size:60px;
line-height:1em;
margin-bottom:20px;
}
.services-block .inner-box .lower-content h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
}
.services-block .inner-box .lower-content:after{
position:absolute;
content:'';
left:50%;
bottom:0px;
width:90px;
height:3px;
margin-left:-45px;
background-color:#e0e0e0;
}
.services-block .inner-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
z-index:2;
opacity:0;
padding:55px 20px 50px;
background-color:#0292f2;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.services-block .inner-box .overlay-box:after{
position:absolute;
content:'';
left:50%;
bottom:0px;
width:90px;
height:3px;
margin-left:-45px;
background-color:rgba(0,0,0,0.20);
}
.services-block .inner-box:hover .overlay-box{
opacity:1;
}
.services-block .inner-box .overlay-box .overlay-inner{
position:relative;
text-align:center;
height:100%;
}
.services-block .inner-box .overlay-box .overlay-inner .overlay-lower-inner{
position:absolute;
bottom:0px;
width:100%;
text-align:center;
}
.services-block .inner-box .overlay-box .overlay-inner .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.9em;
font-weight:400;
margin-bottom:20px;
font-family: 'Rubik', sans-serif;
}
.services-block .inner-box .overlay-box .overlay-inner .text .link{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.9em;
font-weight:400;
margin-bottom:20px;
font-family: 'Rubik', sans-serif;
}
.services-block .inner-box .overlay-box .overlay-inner .know-more{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.services-block .inner-box .overlay-box .overlay-inner .know-more:hover{
color:#041332;
}
.services-block .inner-box .overlay-box .overlay-inner .overlay-icon{
position:relative;
color:#ffffff;
font-size:60px;
line-height:1em;
margin-top:0px;
margin-bottom:20px;
}
.services-block .inner-box .overlay-box .overlay-inner h4{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
}
.services-block .inner-box .overlay-box .overlay-inner h4 a{
position:relative;
color:#ffffff;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.services-block .inner-box .overlay-box .overlay-inner h4 a:hover{
color:#041332;
}
.services-block .inner-box .overlay-box .overlay-inner .overlay-lower-inner h4{
color:#ffffff;
}
/***
====================================================================
Market Section
====================================================================
***/
.market-section{
position:relative;
padding:80px 0px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.market-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(255,255,255,1);
}
.market-section .title-column{
position:relative;
}
.market-section .title-column .sec-title{
margin-bottom:40px;
}
.market-section .title-column .inner-column{
position:relative;
padding-bottom:40px;
border-bottom:1px solid rgba(255,255,255,0.20);
}
.market-section .title-column .inner-column .text{
position:relative;
color:#c4c4c4;
font-size:16px;
font-weight:400;
line-height:1.8em;
margin-bottom:27px;
}
.market-section .title-column .inner-column .view_all{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:600;
line-height:1.2em;
letter-spacing:1px;
text-transform:uppercase;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.market-section .title-column .inner-column .view_all .icon{
position:relative;
margin-right:4px;
}
.market-section .title-column .inner-column .view_all:hover{
color:#0292f2;
}
.market-section .row{
margin:0px -30px;
}
.market-section .row .m-block{
padding:0px 30px;
}
.market-section .row .m-block:nth-child(2) .inner-box:after,
.market-section .row .m-block:nth-child(3) .inner-box:after,
.market-section .row .m-block:nth-child(5) .inner-box:after,
.market-section .row .m-block:nth-child(6) .inner-box:after{
content:'';
position:absolute;
left:-30px;
bottom:30px;
top:0px;
border-left:1px solid rgba(255,255,255,0.20);
}
.market-block{
position:relative;
margin-bottom:30px;
}
.market-block .inner-box{
position:relative;
padding:30px 0px;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
border-bottom:1px solid rgba(255,255,255,0.20);
}
.market-section .row .m-block:nth-child(4) .inner-box,
.market-section .row .m-block:nth-child(5) .inner-box,
.market-section .row .m-block:nth-child(6) .inner-box{
border-bottom:none;
}
.market-section .market-block .inner-box:before{
content:'';
position:absolute;
left:-30px;
right:-30px;
top:0px;
bottom:-1px;
opacity:0;
visibility:hidden;
background-color:#0292f2;
}
.market-section .market-block .inner-box:hover:before{
opacity:1;
visibility:visible;
}
.market-block .inner-box:hover{
border-color:#0292f2;
}
.market-block .inner-box h3{
position:relative;
font-size:20px;
font-weight:500;
line-height:1.5em;
margin-bottom:15px;
}
.market-block .inner-box h3 a{
position:relative;
color:#ffffff;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.market-block .inner-box h3 a:hover{
color:#020e28;
}
.market-block .inner-box .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
font-weight:400;
margin-bottom:35px;
opacity:0;
visibility:hidden;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.market-block .inner-box:hover .text{
opacity:1;
visibility:visible;
}
.market-block .inner-box .icon-box{
position:relative;
font-size:50px;
line-height:1em;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
color:rgba(255,255,255,0.40);
}
.market-block .inner-box:hover .icon-box{
opacity:0;
visibility:hidden;
}
.market-block .inner-box .view_all{
position:absolute;
left:0px;
bottom:30px;
font-size:14px;
font-weight:600;
color:#ffffff;
letter-spacing:1px;
opacity:0;
visibility:hidden;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
.market-block .inner-box .view_all:hover{
color:#020e28;
}
.market-block .inner-box:hover .view_all{
opacity:1;
visibility:visible;
}
.frae-video {
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
height: auto;
}
.dreh-video {
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
height: auto;
}
.ueber-video {
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
height: auto;
}
.dreh-video2 {
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
height: auto;
}
.dreh-video3 {
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
height: auto;
}
.nute-video {
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
height: auto;
}
.crumina-video-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
overflow: hidden;
background-size: cover;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% 50%;
background-image: none;
}
.crumina-video-background:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(2,14,40,0.6);
}
.crumina-video-background .video-background {
min-width: 100%;
min-height: 100%;
margin: auto;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: visible;
opacity: 1;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section{
position:relative;
padding:70px 0px 50px;
background-color: #020e28;
}
.news-section .three-item-carousel .owl-stage-outer{
padding:10px 20px;
margin:0px -20px;
}
.news-section .three-item-carousel{
}
.news-block{
position:relative;
margin-bottom:40px;
padding:0px;
}
.news-section .three-item-carousel .news-block{
padding:0px 0px;
}
.news-section h2{
color:#f4f4f4;
}
.news-block .inner-box{
position:relative;
padding:42px 30px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
background-color:#ffffff;
}
.news-block .inner-box h2{
position:relative;
color:#f4f4f4;
font-size:20px;
font-weight:500;
line-height:1.5em;
margin-bottom:14px;
}
.news-block .inner-box h2 a{
position:relative;
color:#020e28;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.news-block .inner-box h2 a:hover{
color:#0292f2;
}
.news-block .inner-box .title{
position:relative;
color:#0292f2;
font-size:14px;
font-weight:700;
}
.news-block .inner-box h3{
color:#0292f2;
}
.news-block .inner-box .post-date{
position:relative;
color:#848484;
font-size:14px;
font-weight:500;
margin-bottom:17px;
}
.news-block .inner-box .text{
position:relative;
line-height:1.8em;
color:#848484;
font-size:16px;
margin-bottom:28px;
}
.news-block .inner-box .read-more{
position:relative;
color:#020e28;
font-size:14px;
font-weight:600;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.news-block .inner-box .read-more .icon{
position:relative;
margin-left:5px;
}
.news-block .inner-box .read-more:hover{
color:#0292f2;
}
.news-block .inner-box:hover{
-webkit-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
}
// lr - aktuelles
.news-section .news-block .inner-box .image img{
display: block;
margin-left: auto;
margin-right: auto;
width: auto;
height: 200px;
}
.blog-page-section .news-block .inner-box .image{
position: relative;
text-align: center;
color: white;
}
.blog-page-section .news-block .inner-box .image .bottom-right{
position: absolute;
bottom: 8px;
right: 16px;
padding: 4px;
background-color: #020e28;
}
.blog-page-section .news-block .inner-box .image img{
display: block;
margin-left: auto;
margin-right: auto;
width: auto;
height: 400;
margin-bottom: 1em;
}
// lr - aktuelles
.news-section .owl-dots{
display:none;
}
.news-section .owl-nav{
position:absolute;
right:0px;
top:-100px;
}
.news-section .owl-nav .owl-prev .fa,
.news-section .owl-nav .owl-next .fa{
display:none;
}
.news-section .owl-nav .owl-prev{
position:relative;
width:35px;
height:35px;
margin-right:14px;
display:inline-block;
background:url(../images/icons/arrow-left.png) no-repeat;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.news-section .owl-nav .owl-next{
position:relative;
width:35px;
height:35px;
display:inline-block;
background:url(../images/icons/arrow-right.png) no-repeat;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.news-section .owl-nav .owl-prev:hover,
.news-section .owl-nav .owl-next:hover{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/***
====================================================================
Career Section
====================================================================
***/
.career-section{
position:relative;
padding:90px 0px 50px;
}
.career-section .video-column{
position:relative;
margin-bottom:40px;
}
.career-section .video-column .inner-column{
position:relative;
padding-right:35px;
}
.career-section .video-column2{
position:relative;
margin-bottom:40px;
}
.career-section .video-column2 .inner-column{
position:relative;
padding-left:35px;
}
.career-section .video-column .inner-column .image{
position:relative;
}
.career-section .video-column .inner-column .image img{
position:relative;
width:100%;
display:block;
}
.career-section .video-column .inner-column .play-btn{
position:absolute;
right:0px;
bottom:0px;
padding-left:90px;
color:#ffffff;
padding-top:25px;
margin-left:50px;
font-size:18px;
font-weight:600;
padding-right:20px;
padding-bottom:22px;
display:inline-block;
background-color:#0292f2;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
.career-section .video-column .inner-column .play-btn .icon{
position:absolute;
left:20px;
top:12px;
color:#ffffff;
font-size:50px;
line-height:1em;
font-weight:400;
}
.career-section .content-column{
position:relative;
}
.career-section .content-column .inner-column{
position:relative;
}
.career-section .content-column .inner-column .sec-title{
margin-bottom:30px;
}
.career-section .content-column .inner-column .text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.8em;
margin-bottom:22px;
}
.career-section .content-column .inner-column .see_all{
position:relative;
color:#020e28;
font-size:14px;
font-weight:600;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.career-section .content-column .inner-column .see_all:hover{
color:#0292f2;
}
/***
====================================================================
Informations Section
====================================================================
***/
.informations-section{
position:relative;
padding:95px 0px 55px;
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
}
.informations-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
display:block;
height:100%;
background-color:#f4f4f4;
opacity: 0.9;
}
.info-block{
position:relative;
margin-bottom:40px;
}
.info-block:after{
position:absolute;
content:'';
left:100%;
top:25px;
width:92px;
height:34px;
margin-left:-40px;
display:inline-block;
background:url(../images/icons/arrow-1.png) right top no-repeat;
}
.info-block:last-child::after{
display:none;
}
.info-block:nth-child(2)::after{
background:url(../images/icons/arrow-2.png) right top no-repeat;
}
.info-block .inner-box{
position:relative;
text-align:center;
}
.info-block .inner-box{
position:relative;
}
.info-block .inner-box .icon-box{
position:relative;
width:100px;
height:100px;
line-height:100px;
text-align:center;
font-size:52px;
color:#020e28;
margin:0 auto;
margin-bottom: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;
border:2px solid rgba(2, 14, 40, 0.5);
}
.info-block .inner-box:hover .icon-box{
border:2px solid rgba(2, 14, 40, 0.8);
}
.info-block .inner-box h3{
position:relative;
font-size:18px;
font-weight:500;
text-align:left;
margin-left:120px;
}
.info-block .inner-box h3 a{
position:relative;
color:rgba(2, 14, 40, 1);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.info-block .inner-box h3 a:hover{
color:rgb(2, 146, 242);
}
/***
====================================================================
Achivements Section
====================================================================
***/
.achivements-section{
position:relative;
padding:80px 0px 50px;
background-repeat:no-repeat;
background-size:cover;
}
.achivements-block{
position:relative;
margin-bottom:40px;
}
.achivements-block .inner-box{
position:relative;
border:1px solid #e6e6e6;
}
.achivements-block .inner-box .image{
position:relative;
text-align:center;
}
.achivements-block .inner-box .upper-box{
position:relative;
border-bottom:1px solid #e6e6e6;
}
.achivements-block .inner-box .lower-content{
position:relative;
padding:24px 25px;
text-align:center;
}
.achivements-block .inner-box .lower-content h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
line-height:1.6em;
margin-bottom:15px;
}
.achivements-block .inner-box .lower-content .text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.8em;
}
/***
====================================================================
Call To Action Section
====================================================================
***/
.call-to-action-section{
position:relative;
padding:45px 0px;
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
background-position:center bottom;
}
.call-to-action-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:#0292f2;
}
.call-to-action-section h2{
position:relative;
color:#ffffff;
font-size:24px;
font-weight:500;
line-height:1.4em;
}
.call-to-action-section .link-column{
position:relative;
text-align:right;
}
.call-to-action-section .apointment{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:600;
text-transform:uppercase;
border-bottom:2px solid #ffffff;
font-family: 'Poppins', sans-serif;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer{
position:relative;
background-color:#020e28;
z-index:10;
}
.main-footer .widgets-section{
position:relative;
padding:80px 0px 0px;
}
.main-footer .footer-widget{
position:relative;
margin-bottom:0px;
}
.main-footer .footer-title{
position:relative;
margin-bottom:30px;
}
.main-footer .footer-title h2{
position:relative;
font-size:20px;
font-weight:500;
color:#ffffff;
padding-bottom:18px;
}
.main-footer .footer-title h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:35px;
height:4px;
background-color:#0292f2;
}
.main-footer .logo-widget{
position:relative;
}
.main-footer .logo-widget .widget-content{
position:relative;
}
.main-footer .logo-widget .logo{
position:relative;
margin-bottom:25px;
max-width:341px;
}
.main-footer .logo-widget .widget-content .text{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
margin-bottom:12px;
}
.main-footer .logo-widget .widget-content .list{
position:relative;
margin-bottom:20px;
}
.main-footer .logo-widget .widget-content > .list > li{
position:relative;
color:#c4c4c4;
font-size:16px;
padding-right:12px;
margin-right:12px;
line-height:1.2em;
display:inline-block;
border-right:1px solid #414a5e;
}
.main-footer .logo-widget .widget-content > .list > li:last-child{
border-right:0px;
margin-right:0px;
padding-right:0px;
}
.main-footer .logo-widget .widget-content .timing{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
padding-bottom:28px;
margin-bottom:0px;
}
.main-footer .logo-widget .widget-content .timing span{
font-weight:500;
display:block;
}
.main-footer .logo-widget .widget-content .social-icon-one li{
margin-left:0px;
margin-right:22px;
}
.main-footer .links{
position:relative;
}
.main-footer .links li{
position:relative;
margin-bottom:16px;
}
.main-footer .links li a{
position:relative;
color:#c4c4c4;
font-size:16px;
padding-bottom:5px;
-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 .links li a:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:20px;
height:2px;
opacity:0;
background-color:#0292f2;
-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 .links li a:hover::after{
opacity:1;
}
.main-footer .links li a:hover{
color:#ffffff;
}
.main-footer .footer-bottom{
position:relative;
padding-top:px;
background-color:#020e28;
}
.main-footer .footer-bottom.style-two{
padding-top:0px;
}
.main-footer .footer-bottom.style-two .copyright{
border-top:0px;
margin-top:10px;
}
.main-footer .footer-bottom .title-column{
position:relative;
}
.main-footer .footer-bottom .title-column .text{
position:relative;
padding-left:80px;
color:#ffffff;
font-size:16px;
font-weight:500;
font-family: 'Poppins', sans-serif;
}
.main-footer .footer-bottom .title-column .text .icon{
position:absolute;
left:0px;
top:10px;
color:#0292f2;
font-size:40px;
line-height:1em;
}
.main-footer .footer-bottom .subscribe-form{
margin-bottom:20px;
}
.main-footer .footer-bottom .subscribe-form .form-group{
position:relative;
display:block;
margin-bottom:10px;
}
.main-footer .footer-bottom .subscribe-form .form-group input[type="text"],
.main-footer .footer-bottom .subscribe-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 0px;
height:48px;
font-size:15px;
color:#ffffff;
background:none;
font-weight:400;
border-bottom:4px solid rgba(255,255,255,0.20);
-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 .subscribe-form .form-group button{
position:absolute;
right:0px;
top:10px;
font-size:14px;
color:#0292f2;
font-weight:600;
background:none;
letter-spacing:1px;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
.main-footer .footer-bottom .copyright{
position:relative;
text-align:center;
color:#ffffff;
padding:20px 0px;
margin-top:30px;
border-top:1px solid rgba(255,255,255,0.10);
}
/***
====================================================================
Quote Section
====================================================================
***/
.quote-section{
position:relative;
padding:90px 0px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.quote-box{
position:relative;
}
.quote-box .inner-box{
position:relative;
padding:45px 45px 30px;
max-width:670px;
background-color:#17233c;
}
.quote-form{
position:relative;
}
.quote-form .row{
position:relative;
}
.quote-form .form-group{
position:relative;
margin-bottom:30px;
}
.quote-form .form-group input[type="text"],
.quote-form .form-group input[type="password"],
.quote-form .form-group input[type="tel"],
.quote-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:32px;
padding:10px 20px;
height:52px;
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;
}
.quote-form .form-group input[type="text"]:focus,
.quote-form .form-group input[type="password"]:focus,
.quote-form .form-group input[type="tel"]:focus,
.quote-form .form-group input[type="email"]:focus,
.quote-form .form-group select:focus,
.quote-form .form-group textarea:focus{
border-color:#ffb200;
}
.quote-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;
}
.quote-form button{
padding:10px 33px;
margin-top:15px;
}
.quote-form .text{
position:relative;
top:17px;
display:inline-block;
color:#c4c4c4;
font-size:18px;
line-height:1.7em;
margin-left:25px;
}
.quote-form.style-two button{
border-radius:0px;
margin-top:10px;
}
/***
====================================================================
About Section
====================================================================
***/
.about-section{
position:relative;
padding:90px 0px 90px;
}
.about-section .content-column{
position:relative;
}
.about-section .content-column .inner-column{
position:relative;
padding-right:30px;
}
.about-section .content-column .inner-column .sec-title{
margin-bottom:35px;
}
.about-section .content-column .inner-column .bold-text{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
line-height:1.6em;
margin-bottom:20px;
}
.about-section .content-column .inner-column .text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.7em;
margin-bottom:38px;
}
.about-section .content-column .inner-column .about-block{
position:relative;
}
.about-section .content-column .inner-column .about-block li{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
padding-right:45px;
margin-right:40px;
float:left;
margin-bottom:25px;
border-right:1px solid #f2f2f2;
font-family: 'Poppins', sans-serif;
}
.about-section .content-column .inner-column .about-block li:last-child{
padding-right:0px;
margin-right:0px;
border-right:0px;
}
.about-section .content-column .inner-column .about-block li .icon{
position:relative;
display:block;
margin-bottom:15px;
}
.about-section .content-column .inner-column .about-block li .icon{
position:relative;
opacity:0.20;
}
.about-section .carousel-column{
position:relative;
}
.about-section .carousel-column .inner-column{
position:relative;
padding:45px 25px 50px;
border:1px solid #f2f2f2;
background:url(../images/resource/pattern-1.png);
background-repeat:repeat-x;
background-position:left bottom;
-webkit-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
}
.testimonial-block-three{
position:relative;
}
.testimonial-block-three .inner-box{
position:relative;
}
.testimonial-block-three .inner-box .upper-box{
position:relative;
padding-left:60px;
padding-top:8px;
padding-bottom:25px;
margin-bottom:25px;
border-bottom:1px solid #f2f2f2;
}
.testimonial-block-three .inner-box .upper-box .icon{
position:absolute;
left:0px;
top:0px;
color:#0292f2;
font-size:40px;
line-height:1em;
}
.testimonial-block-three .inner-box .upper-box h2{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
text-transform:uppercase;
}
.testimonial-block-three .inner-box .text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.7em;
margin-bottom:75px;
}
.about-section .carousel-column .owl-nav{
display:none;
}
.about-section .carousel-column .owl-dots{
position:relative;
}
.about-section .carousel-column .owl-dots .owl-dot{
position:relative;
width:9px;
height:9px;
margin:0px 5px;
display:inline-block;
border-radius:50%;
background-color:#c4c4c4;
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;
}
.about-section .carousel-column .owl-dots .owl-dot:hover,
.about-section .carousel-column .owl-dots .owl-dot.active{
position:relative;
width:22px;
height:8px;
border-radius:10px;
background-color:#0292f2;
}
/***
====================================================================
Map Section Style
====================================================================
***/
.map-section{
position:relative;
}
.map-data{
text-align:center;
font-size:14px;
font-weight:400;
line-height:1.8em;
}
.map-data h6{
font-size:16px;
font-weight:700;
text-align:center;
margin-bottom:5px;
color:#121212;
}
.map-canvas{
height:425px;
}
/***
====================================================================
Choose Section
====================================================================
***/
.choose-section{
position:relative;
padding:85px 0px 55px;
}
.choose-block{
position:relative;
margin-bottom:30px;
}
.choose-block .inner-box{
position:relative;
text-align:center;
}
.choose-block .inner-box .icon-box{
position:relative;
color:#c4c4c4;
font-size:56px;
line-height:1em;
margin-bottom:20px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.choose-block .inner-box:hover .icon-box{
color:#0292f2;
}
.choose-block .inner-box h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
padding-bottom:25px;
}
.choose-block .inner-box h3 a{
position:relative;
color:#020e28;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.choose-block .inner-box h3:after{
position:absolute;
content:'';
left:50%;
bottom:0px;
width:90px;
height:3px;
margin-left:-45px;
background-color:#f2f2f2;
}
.choose-block .inner-box:hover h3 a{
color:#0292f2;
}
.choose-block .inner-box .text{
position:relative;
margin-top:25px;
color:#848484;
font-size:16px;
font-weight:400;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title{
position:relative;
padding:20px 0px 30px;
background-repeat:no-repeat;
background-size:cover;
background-position:center top;
}
.page-title:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(2,14,40,0.92);
}
.page-title.shop-title:before{
display:none;
}
.page-title h1{
position:relative;
color:#ffffff;
font-size:48px;
font-weight:600;
line-height:1.2em;
margin-top:10px;
text-align:center;
word-wrap: break-word;
}
.page-breadcrumb{
position:relative;
}
.page-breadcrumb li{
position:relative;
display:inline-block;
margin-right:10px;
padding-right:20px;
color:#0292f2;
font-size:16px;
font-weight:400;
}
.page-breadcrumb li:after{
position:absolute;
content:'\f1a6';
right:-4px;
top:0px;
color:#0292f2;
font-family: "Flaticon";
}
.page-breadcrumb li:last-child::after{
display:none;
}
.page-breadcrumb li:last-child{
padding-right:0px;
margin-right:0px;
}
.page-breadcrumb li a{
color:#ffffff;
font-weight:600;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.page-breadcrumb li a:hover{
color:#0292f2;
}
/***
====================================================================
Company Section
====================================================================
***/
.company-section{
position:relative;
padding:85px 0px 50px;
}
.company-section .content-column{
position:relative;
margin-bottom:40px;
}
.company-section .content-column .inner-column{
position:relative;
}
.company-section .content-column .inner-column .text-column .video-column{
position:relative;
padding-right:20px;
width: auto;
height: auto;
}
.company-section .content-column .inner-column .sec-title{
position:relative;
margin-bottom:25px;
}
.company-section .content-column .inner-column .bold-text{
position:relative;
color:#848484;
font-size:18px;
font-weight:500;
line-height:1.6em;
margin-bottom:20px;
}
.company-section .content-column .inner-column .text{
position:relative;
margin-bottom:25px;
}
.company-section .content-column .inner-column .text p{
position:relative;
color:#848484;
font-size:16px;
line-height:1.7em;
margin-bottom:18px;
}
.company-section .content-column .inner-column .text p:last-child{
margin-bottom:0px;
}
.company-section .image-column{
position:relative;
}
.company-section .image-column .inner-column{
position:relative;
}
.company-section .image-column .inner-column .image{
position:relative;
}
.company-section .image-column .inner-column .image img{
position:relative;
width:100%;
display:block;
}
.company-section .image-column .inner-column .carousel-box{
position:relative;
padding:32px 28px 35px;
background-color:#0292f2;
}
.company-section .image-column .inner-column .carousel-box .owl-dots,
.company-section .image-column .inner-column .carousel-box .owl-nav{
display:none;
}
.career-section .image-column .inner-column .carousel-box{
position:relative;
padding:32px 28px 35px;
background-color:#0292f2;
}
.career-section .image-column .inner-column .carousel-box .owl-dots,
.career-section .image-column .inner-column .carousel-box .owl-nav{
display:none;
}
.testimonial-block-six{
position:relative;
}
.testimonial-block-six .inner{
position:relative;
}
.testimonial-block-six .inner .quote-icon{
position:absolute;
top:-10px;
font-size:90px;
line-height:1em;
color:rgba(255,255,255,0.10);
}
.testimonial-block-six .inner .text{
position:relative;
color:#ffffff;
font-size:20px;
font-weight:500;
font-style:italic;
line-height:1.5em;
margin-bottom:30px;
}
.testimonial-block-six .inner .author-box{
position:relative;
margin-bottom:0px;
}
.testimonial-block-six .inner .author-box .author-inner{
position:relative;
padding-left:90px;
padding-top:10px;
min-height:70px;
}
.testimonial-block-six .inner .author-box .author-inner .image{
position:absolute;
left:0px;
top:0px;
width:70px;
height:70px;
overflow:hidden;
border-radius:50%;
}
.testimonial-block-six .inner .author-box .author-inner h3{
position:relative;
color:#ffffff;
font-size:18px;
font-weight:600;
font-family: 'Poppins', sans-serif;
}
.testimonial-block-six .inner .author-box .author-inner .designation{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
}
/***
====================================================================
Highlights Section
====================================================================
***/
.stcon-page-section{
position:relative;
padding:90px 0 50px;
}
.stcon-page-section .stcons-outer{
position:relative;
margin-bottom:40px;
border-bottom:1px solid #f2f2f2;
}
.stcon-page-section .stcons-outer:last-child{
border:0;
padding-bottom:0;
}
.stcon-block-seven{
position:relative;
margin-bottom:40px;
border-right:1px solid #f2f2f2;
}
.stcon-block-seven:nth-child(2n+0){
border:0;
}
.stcon-block-seven .inner-box{
position:relative;
text-align:center;
padding:0 60px;
}
.stcon-block-seven .inner-box .author-image{
position:relative;
width:100px;
height:100px;
border-radius:50%;
overflow:hidden;
margin:0 auto 15px;
}
.stcon-block-seven .inner-box h3{
position:relative;
color:#020e28;
font-weight:500;
font-size:20px;
line-height:1.2em;
margin-bottom:8px;
}
.stcon-block-seven .inner-box .edu{
position:relative;
color:#777;
font-size:14px;
font-weight:400;
margin-bottom:0px;
}
.stcon-block-seven .inner-box .designation{
position:relative;
color:#0292f2;
font-size:16px;
font-weight:400;
margin-bottom:18px;
}
.stcon-block-seven .inner-box .text{
position:relative;
font-size:15px;
line-height:1.7em;
margin-bottom:20px;
color:#848484;
}
.stcon-block-seven .inner-box .client-icon{
position:relative;
text-align:center;
}
.stcon-block-seven .inner-box .client-icon img{
position:relative;
width:auto;
margin:0 auto;
}
.highlights-section{
position:relative;
padding:85px 0px 55px;
background-color:#f4f4f4;
}
.highlights-section .image-layer{
position:absolute;
right:0px;
top:0px;
width:50%;
height:100%;
background-position:right top;
background-repeat:no-repeat;
background-size:cover;
}
.highlights-section .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
border-top: 625px solid #f4f4f4;
border-right: 200px solid transparent;
}
.highlights-section .content-column{
position:relative;
}
.highlights-section .content-column .inner-column{
position:relative;
}
.hightlight-block{
position:relative;
margin-bottom:30px;
}
.hightlight-block .hightlight-inner{
position:relative;
padding:32px 0px 28px;
text-align:center;
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;
}
.hightlight-block .hightlight-inner .icon-box{
position:relative;
line-height:1em;
color:#cbcbcb;
font-size:50px;
margin-bottom:12px;
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;
}
.hightlight-block .hightlight-inner h3{
position:relative;
font-size:18px;
font-weight:600;
color:#0f1341;
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;
}
.hightlight-block .hightlight-inner .overlay-link{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
}
.hightlight-block .hightlight-inner:hover{
background-color:#0292f2;
}
.hightlight-block .hightlight-inner:hover h3,
.hightlight-block .hightlight-inner:hover .icon-box{
color:#ffffff;
}
.highlights-section .services-column{
position:relative;
}
.highlights-section .services-column .inner-column{
position:relative;
margin-left:100px;
margin-right:100px;
padding: 45px 30px 50px;
border: 1px solid #f2f2f2;
background:#ffffff url(../images/resource/pattern-1.png);
background-position: left bottom;
background-repeat:repeat-x;
}
.highlights-section .services-column .inner-column .upper-box{
position:relative;
padding-left:60px;
padding-top:8px;
padding-bottom:25px;
margin-bottom:25px;
border-bottom:1px solid #f2f2f2;
}
.highlights-section .services-column .inner-column .upper-box .icon{
position:absolute;
left:0px;
top:0px;
color:#0292f2;
font-size:40px;
line-height:1em;
}
.highlights-section .services-column .inner-column .upper-box h2{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
text-transform:uppercase;
}
.highlights-section .services-column .inner-column .text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.7em;
margin-bottom:50px;
}
.highlights-section .services-column .inner-column .services{
position:relative;
color:#020e28;
font-size:14px;
font-weight:600;
text-transform:uppercase;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Poppins', sans-serif;
}
.highlights-section .services-column .inner-column .services .icon{
margin-left:4px;
}
.highlights-section .services-column .inner-column .services:hover{
color:#0292f2;
}
/***
====================================================================
History Section
====================================================================
***/
.history-section{
position:relative;
padding:90px 0px;
background-color: #f4f4f4;
}
.history-section .sec-title{
margin-bottom:70px;
background-color: #f4f4f4;
}
.history-section .history-carousel{
position:relative;
background-color: #f4f4f4;
}
.history-section .carousel-outer{
position:relative;
background-color: #f4f4f4;
}
.history-section .carousel-outer .thumbs-outer{
position:relative;
overflow:hidden;
}
.history-section .carousel-outer:before{
position:absolute;
content:'';
left:0px;
top:32px;
width:100%;
height:1px;
background-color:#ffffff;
}
.history-section .history-carousel .thumbs-carousel{
position:static;
max-width:180px;
margin:0 auto;
margin-bottom:40px;
}
.history-section .history-carousel .thumbs-carousel .owl-stage-outer{
overflow:visible;
}
.history-section .history-carousel .thumbs-carousel .owl-item.active li{
position:relative;
color:#020e28;
-webkit-transform:scale(1.8);
-moz-transform:scale(1.8);
-o-transform:scale(1.8);
-ms-transform:scale(1.8);
transform:scale(1.8);
}
.history-section .history-carousel .thumbs-carousel .owl-item.active li:before{
display:none;
}
.history-section .history-carousel .thumbs-carousel li{
position:relative;
color:#e6e6e6;
font-size:36px;
font-weight:400;
cursor:pointer;
line-height:1em;
text-align:center;
padding:15px 20px;
transition:all 0.3s ease;
display:inline-block;
background-color:#f4f4f4;
-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: 'Rubik', sans-serif;
}
.history-section .history-carousel .thumbs-carousel .owl-nav{
position:absolute;
left:0px;
top:0px;
width:100%;
height:0px;
}
.history-section .history-carousel .thumbs-carousel .owl-nav .owl-prev{
position:absolute;
left:0px;
top:20px;
font-size:22px;
color:#c4c4c4;
font-weight:700;
width:40px;
display:inline-block;
background-color:#f4f4f4;
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;
}
.history-section .history-carousel .thumbs-carousel .owl-nav .owl-next{
position:absolute;
top:20px;
right:0px;
left:auto;
width:40px;
text-align:right;
font-size:22px;
color:#c4c4c4;
font-weight:700;
display:inline-block;
background-color:#f4f4f4;
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;
}
.history-section .history-carousel .thumbs-carousel .owl-nav .owl-prev:hover,
.history-section .history-carousel .thumbs-carousel .owl-nav .owl-next:hover{
color:#0292f2;
}
.history-section .carousel-outer .content-slide{
position:relative;
}
.history-section .carousel-outer .content-carousel .owl-stage-outer{
padding-top:60px;
}
.history-section .carousel-outer .content-slide .content-inner{
position:relative;
text-align:center;
padding:45px 20px 45px;
background-color:#ffffff;
}
// #f4f4f4
.history-section .carousel-outer .content-slide .content-inner:before{
position:absolute;
content:'';
left:50%;
top:-60px;
margin-left:-150px;
border-bottom: 100px solid #f4f4f4;
border-left: 90px solid transparent;
}
.history-section .carousel-outer .content-slide .content-inner h3{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
line-height:1.4em;
margin-bottom:5px;
}
.history-section .carousel-outer .content-slide .content-inner .date{
position:relative;
color:#0292f2;
font-size:16px;
margin-bottom:20px;
}
.history-section .carousel-outer .content-slide .content-inner .text{
position:relative;
color:#848484;
font-size:18px;
line-height:1.7em;
font-weight:400;
max-width:980px;
margin:0 auto;
}
.history-section .carousel-outer .content-carousel .owl-nav{
position:absolute;
left:0px;
top:50%;;
width:100%;
}
.history-section .carousel-outer .content-carousel .owl-nav .owl-prev{
position:absolute;
left:-20px;
width:42px;
height:42px;
color:#0292f2;
line-height:42px;
text-align:center;
border-radius:50%;
font-weight:700;
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;
-webkit-box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
-moz-box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
}
.history-section .carousel-outer .content-carousel .owl-nav .owl-next{
position:absolute;
right:-20px;
width:42px;
height:42px;
color:#0292f2;
line-height:42px;
text-align:center;
border-radius:50%;
font-weight:700;
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;
-webkit-box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
-moz-box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
}
.history-section .carousel-outer .content-carousel .owl-nav .owl-next:hover,
.history-section .carousel-outer .content-carousel .owl-nav .owl-prev:hover{
color:#ffffff;
background-color:#0292f2;
}
/***
====================================================================
Achived Section
====================================================================
***/
.achived-section{
position:relative;
padding:85px 0px 45px;
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center bottom;
}
.achived-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(2,14,40,0.90);
}
.achived-section .title-column{
position:relative;
margin-bottom:40px;
}
.achived-section .title-column .sec-title{
margin-bottom:40px;
}
.achived-section .title-column .inner-column{
position:relative;
}
.achived-section .title-column .inner-column .title{
position:relative;
color:#0292f2;
font-size:18px;
margin-bottom:40px;
}
.achived-section .title-column .achived-list{
position:relative;
}
.achived-section .title-column .achived-list li{
position:relative;
display:inline-block;
margin-right:20px;
}
.achived-section .title-column .achived-list li.icon{
font-size:60px;
color:#0292f2;
line-height:1em;
}
.achived-section .title-column .achived-list li.number{
color:#ffffff;
font-size:60px;
font-weight:600;
line-height:1em;
font-family: 'Poppins', sans-serif;
}
.achived-section .title-column .achived-list li a{
position:relative;
top:-15px;
color:#ffffff;
font-size:18px;
font-weight:400;
padding:7px 12px;
display:inline-block;
background-color:#0292f2;
border:2px solid #0292f2;
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;
}
.achived-section .title-column .achived-list li a:hover{
background:none;
color:#0292f2;
}
.achived-section .title-column .inner-column .text{
position:relative;
color:#c4c4c4;
font-size:16px;
line-height:1.8em;
margin-top:22px;
}
.achived-section .graph-column{
position:relative;
}
.achived-section .graph-column .inner-column{
position:relative;
padding-left:15px;
}
/*Progress Level*/
.progress-levels{
position:relative;
margin-bottom:30px;
}
.progress-levels .progress-box{
position:relative;
overflow:hidden;
margin-bottom:30px;
width:20%;
float:left;
}
.progress-levels .progress-box .inner{
position:relative;
text-align:center;
}
.progress-levels .progress-box .inner .count-text{
position:relative;
font-size:14px;
font-weight:600;
color:#0292f2;
display:inline-block;
margin-bottom:10px;
font-family: 'Poppins', sans-serif;
}
.progress-levels .progress-box .inner .percent{
position:relative;
font-size:14px;
font-weight:600;
color:#0292f2;
display:inline-block;
margin-bottom:10px;
font-family: 'Poppins', sans-serif;
}
.progress-levels .progress-box .bar{
position:relative;
height:350px;
}
.progress-levels .progress-box .bar .bar-innner{
position:relative;
width:60px;
height:350px;
margin:0 auto;
border:1px solid rgba(255,255,255,0.15);
}
.progress-levels .progress-box .bar .bar-innner .skill-percent{
top: -33px;
position: absolute;
width: 100%;
text-align: center;
}
.progress-levels .progress-box .bar .bar-fill{
position:absolute;
left:0%;
bottom:0px;
width:60px;
height:0px;
background-size:cover;
background:url(../images/resource/graph-layer.jpg) repeat;
background-position:center bottom;
-moz-transition:all 2000ms ease 300ms;
-webkit-transition:all 2000ms ease 300ms;
-ms-transition:all 2000ms ease 300ms;
-o-transition:all 2000ms ease 300ms;
transition:all 2000ms ease 300ms;
}
.progress-levels .progress-box .inner .text{
position: absolute;
color: #ffffff;
font-size: 14px;
font-weight: 600;
line-height: 1.3em;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
left: 10px;
bottom: 0px;
width: 10px;
word-wrap: break-word;
text-align: center;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position:relative;
padding:80px 0px 50px;
}
.team-block{
position:relative;
margin-bottom:40px;
}
.team-block .inner-box{
position:relative;
}
.team-block .inner-box .image{
position:relative;
}
.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;
opacity:0;
text-align:center;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
background-color:rgba(2,14,40,0.75);
}
.team-block .inner-box .image .overlay-box .social-icon-two{
top:50%;
margin-top:-20px;
}
.team-block .inner-box:hover .image .overlay-box{
opacity:1;
}
.team-block .inner-box .lower-content{
position:relative;
padding:25px 25px 22px;
border:1px solid #f2f2f2;
}
.team-block .inner-box .lower-content h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
margin-bottom:18px;
}
.team-block .inner-box .lower-content h3 a{
position:relative;
color:#020e28;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-block .inner-box:hover .lower-content h3 a{
color:#0292f2;
}
.team-block .inner-box .lower-content .designation{
position:relative;
color:#ffffff;
font-size:16px;
padding:2px 10px;
display:inline-block;
margin-bottom:18px;
background-color:#0292f2;
}
.team-block .inner-box .lower-content .text{
position:relative;
color:#808080;
font-size:16px;
line-height:1.7em;
}
/***
====================================================================
Location Section
====================================================================
***/
.location-section{
position:relative;
padding:22px 0px 90px;
background-color:#020e28;
background-position:center center;
background-repeat:no-repeat;
}
.location-section .page-breadcrumb{
margin-bottom:80px;
}
/***
====================================================================
Contact Section
====================================================================
***/
.contact-section{
position:relative;
padding:75px 0px 90px;
}
.contact-section .sec-title .text{
position:relative;
color:#848484;
font-size:18px;
line-height:1.7em;
margin-left:50px;
display:inline-block;
}
.contact-section .inner-container{
position:relative;
border:1px solid #f4f4f4;
}
.contact-section .info-column{
position:relative;
padding:0px;
}
.contact-section .info-column .inner-column{
position:relative;
border-right:1px solid #f4f4f4;
}
.contact-section .info-column .inner-column .upper-box{
position:relative;
padding:32px 55px 25px 28px;
background-color:#f4f4f4;
}
.contact-section .info-column .lower-box{
position:relative;
padding:28px 30px;
}
.contact-section .info-column .lower-box .lower-inner{
position:relative;
padding-left:100px;
min-height:80px;
}
.contact-section .info-column .lower-box .lower-inner .image{
position:absolute;
left:0px;
top:0px;
width:80px;
height:80px;
}
.contact-section .info-column .lower-box .lower-inner h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
font-family: 'Poppins', sans-serif;
}
.contact-section .info-column .lower-box .lower-inner .designation{
position:relative;
color:#0292f2;
font-size:16px;
font-weight:400;
line-height:1.4em;
}
.contact-section .info-column .lower-box .lower-inner .emailed{
position:relative;
color:#848484;
font-size:16px;
font-weight:400;
padding-left:26px;
margin-top:4px;
}
.contact-section .info-column .lower-box .lower-inner .emailed:before{
position:absolute;
content: "\f1ca";
left:0px;
top:4px;
color:#0292f2;
font-size:16px;
line-height:1em;
font-family: "Flaticon";
}
.contact-section .form-column{
position:relative;
}
.contact-section .form-column .inner-column{
position:relative;
padding:20px 25px;
}
/***
====================================================================
Contact Form
====================================================================
***/
.contact-form{
position:relative;
}
.contact-form .form-group{
position:relative;
margin-bottom:25px;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 0px;
height:50px;
color:#848484;
font-size:16px;
border-bottom:1px solid #f2f2f2;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: 'Rubik', sans-serif;
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
border-color:#0292f2;
}
.contact-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:10px 0px;
color:#848484;
height:120px;
font-size:16px;
resize:none;
font-family: 'Rubik', sans-serif;
border-bottom:1px solid #f2f2f2;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-form .submit-btn{
margin-top:15px;
font-size:14px;
font-weight:600;
color:#020e28;
background:none;
letter-spacing:1px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
text-transform:uppercase;
}
.contact-form .submit-btn .icon{
margin-left:5px;
}
.contact-form .submit-btn:hover{
color:#0292f2;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
/***
====================================================================
Error Section
====================================================================
***/
.error-section{
position:relative;
width:100%;
text-align:center;
padding:90px 0px 90px;
background-repeat:no-repeat;
background-size:cover;
}
.error-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
background-color:rgba(4,19,50,0.90);
}
.error-section .inner-section{
position:relative;
text-align:center;
display:inline-block;
border-radius:50%;
padding:100px 30px 100px;
background-color:#0292f2;
}
.error-section .inner-section h1{
position:relative;
color:#020e28;
font-size:200px;
line-height:1em;
font-weight:700;
font-family: 'Hind', sans-serif;
}
.error-section .inner-section h2{
position:relative;
font-size:18px;
color:#020e28;
font-weight:500;
margin-top:-10px;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
.error-section .inner-section .text{
position:relative;
color:#ffffff;
font-size:18px;
margin-top:12px;
margin-bottom:40px;
}
.error-section .go-back{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:500;
text-align:center;
margin-top:18px;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Rubik', sans-serif;
}
.error-section .go-back:hover{
color:#020e28;
}
/*Error Form*/
.error-search-form .form-group{
position:relative;
max-width:430px;
margin:0 auto;
width:100%;
}
.error-search-form .form-group input[type="text"],
.error-search-form .form-group input[type="search"]{
position:relative;
line-height:30px;
background:none;
display:block;
font-size:16px;
width:100%;
height:52px;
border:1px solid transparent;
background-color:#ffffff;
padding:10px 50px 10px 20px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.error-search-form .form-group input:focus{
border-color:#ff6600;
}
.error-search-form .form-group button{
position:absolute;
right:0px;
top:0px;
height:52px;
width:50px;
display:block;
font-size:16px;
color:#ffffff;
line-height:100%;
background:#020e28;
font-weight:normal;
}
/***
====================================================================
Faq Section (Impress & privacy policy)
====================================================================
***/
.faq-section{
position:relative;
padding:90px 0px 90px;
}
.faq-section .prod-tabs{
position:relative;
}
.faq-section .prod-tabs .tab-btns{
position:relative;
margin-bottom:40px;
padding:0px 20px;
border:1px solid #f2f2f2;
border-top-color:#0292f2;
}
.faq-section .prod-tabs .tab-btns .tab-btn{
position:relative;
display:block;
font-size:16px;
color:#222222;
font-weight:400;
cursor:pointer;
line-height:1.6em;
padding:10px 0px 10px 0px;
transition:all 500ms ease;
border-bottom:1px solid #f2f2f2;
}
.faq-section .prod-tabs .tab-btns .tab-btn:last-child{
border:none;
}
.faq-section .prod-tabs .tab-btns .tab-btn span{
position:relative;
display:block;
font-size:16px;
color:#020e28;
font-weight:400;
cursor:pointer;
line-height:1.6em;
padding:5px 15px 5px 30px;
transition:all 500ms ease;
font-family: 'Poppins', sans-serif;
}
.faq-section .prod-tabs .tab-btns .tab-btn:before{
position:absolute;
content:'';
left:11px;
top:23px;
width:8px;
height:8px;
background-color:#e6e6e6;
border:1px solid #f2f2f2;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.faq-section .prod-tabs .tab-btns .tab-btn:hover:before,
.faq-section .prod-tabs .tab-btns .tab-btn.active-btn:before{
z-index:1;
background-color:#0292f2;
border-color:rgba(245,91,20,0.20);
}
.faq-section .prod-tabs .tab-btns .tab-btn.active-btn span,
.faq-section .prod-tabs .tab-btns .tab-btn:hover span{
color:#0292f2;
}
.faq-section .prod-tabs .tabs-content{
position:relative;
}
.faq-section .prod-tabs .tabs-content .tab{
position:relative;
display:none;
}
.faq-section .prod-tabs .tabs-content .tab.active-tab{
display:block;
}
/***
====================================================================
Accordion Style
====================================================================
***/
.accordion-box{
position:relative;
padding:10px 30px 10px;
background-color:#f4f4f4;
}
.accordion-box .block{
position: relative;
}
.accordion-box .block:last-child .acc-btn{
border-bottom:0px;
padding-bottom:10px;
}
.accordion-box .block .acc-btn{
position:relative;
font-size:18px;
cursor:pointer;
line-height:30px;
color:#020e28;
font-weight:500;
padding:17px 30px 17px 0px;
border-bottom:1px solid #e1e1e1;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
font-family: 'Poppins', sans-serif;
}
.accordion-box .block .icon-outer{
position:absolute;
right:28px;
top:20px;
color: #929292;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.accordion-box .block .icon-outer .icon{
position: absolute;
width: 22px;
height: 22px;
font-size: 12px;
font-weight: 300;
text-align: center;
border-radius:50%;
line-height:22px;
border:1px solid #898989;
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;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
color:#0292f2;
border-color:#0292f2;
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .acc-content:before{
position:absolute;
content:'';
left:-30px;
top:0px;
width:1px;
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-color:#0292f2;
}
.accordion-box .block .acc-content .content-text{
padding-bottom:6px;
}
.accordion-box .block .acc-content.current{
display:block;
}
.accordion-box .block .content{
position:relative;
font-size:14px;
padding:20px 0px 15px 0px;
border-bottom:1px solid #e9e9e9;
}
.accordion-box .block .content .text{
margin-bottom:0px;
line-height:1.9em;
font-size:16px;
color:#848484;
}
.accordion-box .block .content p:last-child{
margin-bottom:0px;
}
.accordion-box.style-two{
padding:0px;
background-color:#ffffff;
}
.accordion-box.style-two .block{
margin-bottom: 10px;
padding:17px 20px;
border: 1px solid #f2f2f2;
background-color: #ffffff;
}
.accordion-box.style-two .block .acc-btn{
border:none;
padding:0px 0px 0px 62px;
}
.accordion-box.style-two .block .icon-outer{
left:0px;
top:2px;
right:auto;
}
.accordion-box.style-two .block .acc-content:before{
display:none;
}
.accordion-box.style-two .block .content{
padding:15px 30px 0px 62px;
border:none;
}
.accordion-box.style-two .block:before{
position: absolute;
content: '';
left: 59px;
top: 18px;
bottom: 18px;
width: 1px;
background-color: #f2f2f2;
}
.accordion-box.style-two .block .icon-outer .icon{
border:none;
font-size:20px;
font-weight:600;
}
.accordion-box.style-two .block.active-block::before{
background-color:#f66e2f;
}
.accordion-box.style-two .block .acc-btn.active .icon-outer .icon-plus{
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/***
====================================================================
Maintenance Section
====================================================================
***/
.maintenance-section{
position:relative;
padding:130px 0px 120px;
background-color:#020e28;
background-position:right bottom;
background-repeat:no-repeat;
}
.maintenance-box{
position:relative;
}
.maintenance-box .inner-box{
position:relative;
max-width:570px;
width:100%;
padding:40px 30px;
display:inline-block;
border:2px solid rgba(255,255,255,0.20);
}
.maintenance-box .inner-box h2{
position:relative;
color:#ffffff;
font-size:60px;
font-weight:600;
line-height:1.1em;
padding-bottom:25px;
margin-bottom:22px;
display:inline-block;
text-transform:uppercase;
border-bottom:2px solid #0292f2;
}
.maintenance-box .inner-box h3{
position:relative;
color:#ffffff;
font-size:30px;
font-weight:500;
line-height:1.4em;
text-transform:uppercase;
}
.maintenance-box .inner-box .text{
position:relative;
color:#0292f2;
font-size:16px;
}
/***
====================================================================
Appointment Modal Style
====================================================================
***/
.modal-open {
overflow: hidden !important;
}
.popup-container{
max-width:1170px;
width:100%;
padding:0px;
margin-top:100px;
margin-bottom:80px;
}
#schedule-box .modal-content {
max-width:1170px;
box-shadow: none;
border-radius: 0;
padding: 1px;
border:0px;
margin:auto 0;
background:none;
}
#schedule-box .modal-content form h3{
color:#7bca33;
text-transform: uppercase;
font-size:20px;
position: relative;
font-weight:500;
}
#schedule-box .modal-content form label {
line-height: 30px;
}
#schedule-box .modal-content .appointment-form h3 {
font-size:20px;
margin-bottom: 20px;
color:#7bca33;
font-weight:600;
}
#schedule-box .close {
display: block;
float:none;
opacity: 1;
text-shadow:none;
width:40px;
line-height: 40px;
color:#999999;
font-size: 16px;
text-align: center;
position: absolute;
top:10px;
right:10px;
z-index:10;
}
#schedule-box2 .modal-content {
max-width:1170px;
box-shadow: none;
border-radius: 0;
padding: 1px;
border:0px;
margin:auto 0;
background:none;
}
#schedule-box2 .modal-content form h3{
color:#7bca33;
text-transform: uppercase;
font-size:20px;
position: relative;
font-weight:500;
}
#schedule-box2 .modal-content form label {
line-height: 30px;
}
#schedule-box2 .modal-content .appointment-form h3 {
font-size:20px;
margin-bottom: 20px;
color:#7bca33;
font-weight:600;
}
#schedule-box2 .close {
display: block;
float:none;
opacity: 1;
text-shadow:none;
width:40px;
line-height: 40px;
color:#999999;
font-size: 16px;
text-align: center;
position: absolute;
top:10px;
right:10px;
z-index:10;
}
.modal-backdrop{
opacity:1 !important;
background-color:rgba(2,14,40,0.94);
}
.get-quote-form{
position:relative;
background-size:cover;
}
.get-quote-form .inner-box{
position:relative;
max-width:870px;
padding:80px 0px 70px 100px;
}
.get-quote-form .inner-box .sec-title{
margin-bottom:40px;
}
.get-quote-form .inner-box .sec-title .text{
position:relative;
color:#848484;
font-size:18px;
line-height:1.7em;
max-width:495px;
margin-left:40px;
}
#schedule-box .backhome{
position:relative;
left:0px;
bottom:0px;
width:100%;
color:#ffffff;
display:block;
text-align:center;
padding:15px 0px;
font-weight:600;
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:uppercase;
background-color:rgba(255,255,255,0.10);
font-family: 'Poppins', sans-serif;
}
#schedule-box .backhome .icon{
margin-left:5px;
}
#schedule-box .backhome:hover{
color:#0292f2;
}
#schedule-box2 .backhome{
position:relative;
left:0px;
bottom:0px;
width:100%;
color:#ffffff;
display:block;
text-align:center;
padding:15px 0px;
font-weight:600;
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:uppercase;
background-color:rgba(255,255,255,0.10);
font-family: 'Poppins', sans-serif;
}
#schedule-box2 .backhome .icon{
margin-left:5px;
}
#schedule-box2 .backhome:hover{
color:#0292f2;
}
.market-page-section{
position:relative;
padding:90px 0px 60px;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
overflow:hidden;
padding:90px 0px 40px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
.sidebar-page-container .sidebar-side .with-border{
padding-left:30px;
}
.sidebar-page-container .sidebar-side .with-border:before{
position:absolute;
content:'';
left:15px;
top:-200px;
width:1px;
height:5000px;
background-color:#f0f0f0;
}
.sidebar-widget{
position: relative;
margin-bottom: 45px;
}
.market-sidebar{
position:relative;
padding:25px 20px 30px;
margin-left:30px;
background-color:#f4f4f4;
}
/*Sidebar Title*/
.sidebar-title{
position: relative;
margin-bottom:18px;
}
.sidebar-title h2{
font-size: 20px;
color: #020e28;
font-weight: 600;
line-height: 1.2em;
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
}
.sidebar-title.style-two{
margin-bottom:25px;
}
.sidebar-title.style-two h2{
font-weight:500;
}
/*Blog Category*/
.blog-cat{
position:relative;
padding:0px 18px 0px;
border:1px solid #f2f2f2;
background-color:#ffffff;
-webkit-box-shadow: -2px 2px 12px 0px rgba(233,233,233,1);
-moz-box-shadow: -2px 2px 12px 0px rgba(233,233,233,1);
box-shadow: -2px 2px 12px 0px rgba(233,233,233,1);
}
.blog-cat li{
position:relative;
padding:8px 0px;
border-bottom:1px solid #eeeeee;
}
.blog-cat li a{
position:relative;
font-size:16px;
font-weight:400;
display:block;
color:#848484;
padding:4px 0px;
padding-left: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: 'Rubik', sans-serif;
}
.blog-cat li:last-child{
margin-bottom:0px;
border:none;
}
.blog-cat li a:before{
position:absolute;
content:'\f178';
left:0px;
top:5px;
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;
}
.blog-cat li.active a,
.blog-cat li a:hover{
color:#ffffff;
padding-left:35px;
background-color:#0292f2;
}
.blog-cat li.active a:before,
.blog-cat li a:hover::before{
left:10px;
border-color:rgba(255,255,255,0.50);
}
/*Blog Category Two*/
.blog-cat-two{
position:relative;
padding:0px 20px 20px;
border:1px solid #f2f2f2;
background-color:#ffffff;
}
.blog-cat-two li{
position:relative;
padding:8px 0px;
}
.blog-cat-two li:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:90px;
height:1px;
background-color:#f2f2f2;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-cat-two li:hover a::before{
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.blog-cat-two li:hover::after{
width:100%;
background-color:#0292f2;
}
.blog-cat-two li a{
position:relative;
font-size:16px;
font-weight:400;
display:block;
color:#848484;
padding:4px 0px;
padding-left: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: 'Rubik', sans-serif;
}
.blog-cat-two li a span{
position:absolute;
right:0px;
}
.blog-cat-two li:last-child{
border:none;
}
.blog-cat-two li a:before{
position:absolute;
content:'\f175';
left:0px;
top:5px;
color:#c5c5c5;
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;
}
.blog-cat-two li.active a,
.blog-cat-two li a:hover{
color:#0292f2;
}
.blog-cat-two li a:hover::before{
color:#0292f2;
}
/*Broucher Widget*/
.sidebar-brochure .brochure{
position:relative;
color:#0f1341;
font-weight:400;
font-size:16px;
padding:5px 20px;
display:block;
padding-left:70px;
background-color:#ffffff;
border:1px solid #f2f2f2;
border-bottom:none;
transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.sidebar-brochure .brochure span{
display:block;
font-weight:400;
color:#808080;
transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.sidebar-brochure .brochure .icon{
position:absolute;
width:54px;
left:0px;
top:0px;
height:65px;
font-size:18px;
margin-right:8px;
text-align:center;
font-weight:400;
line-height:65px;
color:#0f1341;
border-right:1px solid #f2f2f2;
transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.sidebar-brochure .brochure:hover{
background-color:#0292f2;
color:#ffffff;
}
.sidebar-brochure .brochure:hover span,
.sidebar-brochure .brochure:hover .icon{
color:#ffffff;
}
/*Testimonial Widget*/
.testimonial-widget{
position:relative;
}
.testimonial-widget .inner-widget{
position:relative;
margin-right:2px;
padding:25px 18px 55px;
background-color:#ffffff;
}
.testimonial-widget .inner-widget .upper-box{
position:relative;
}
.testimonial-widget .inner-widget .upper-box .upper-inner{
position:relative;
padding-left:70px;
min-height:78px;
margin-bottom:20px;
border-bottom:1px solid #f2f2f2;
}
.testimonial-widget .inner-widget .upper-box .upper-inner .image{
position:absolute;
left:0px;
top:0px;
width:56px;
height:56px;
overflow:hidden;
border-radius:50%;
}
.testimonial-widget .inner-widget .upper-box .upper-inner h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
line-height:1.4em;
}
.testimonial-widget .inner-widget .upper-box .upper-inner .location{
position:relative;
color:#0292f2;
font-size:16px;
}
.testimonial-widget .inner-widget .text{
position:relative;
color:#848484;
font-size:18px;
line-height:1.7em;
font-style:italic;
}
.testimonial-widget .owl-nav{
display:none;
}
.testimonial-widget .owl-dots{
position:absolute;
left:20px;
bottom:20px;
}
.testimonial-widget .owl-dots .owl-dot{
position:relative;
width:25px;
height:5px;
margin-right:8px;
display:inline-block;
background-color:#e6e6e6;
transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.testimonial-widget .owl-dots .owl-dot:hover,
.testimonial-widget .owl-dots .owl-dot.active{
background-color:#0292f2;
}
.request-quote{
position:relative;
margin-top:-10px;
}
.request-quote a{
position:relative;
font-size:14px;
color:#ffffff;
text-align:center;
padding:12px 0px;
display:block;
font-weight:600;
border:2px solid #0292f2;
background-color:#0292f2;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.request-quote a:hover{
color:#0292f2;
background:none;
}
/***
====================================================================
Market Single
====================================================================
***/
.market-single{
position:relative;
}
.market-single .inner-box{
position:relative;
}
.market-single .inner-box .image{
position:relative;
margin-bottom:20px;
}
.market-single .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.market-single .inner-box .image video{
position:relative;
width:100%;
display:block;
}
.market-single .inner-box .lower-content{
position:relative;
}
.market-single .inner-box .lower-content h2{
position:relative;
color:#020e28;
font-weight:600;
padding-bottom:12px;
margin-bottom:32px;
}
.market-single .inner-box .lower-content h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:50px;
height:4px;
background-color:#0292f2;
}
.market-single .inner-box .lower-content .text p{
position:relative;
color:#848484;
font-size:16px;
line-height:1.8em;
margin-bottom:30px;
}
.market-single .inner-box .lower-content .market-blocks{
position:relative;
margin-bottom:55px;
}
.market-single .inner-box .lower-content .market-blocks .blocks-inner{
position:relative;
-webkit-box-shadow: 0px 0px 19px 0px rgba(241,241,241,1);
-moz-box-shadow: 0px 0px 19px 0px rgba(241,241,241,1);
box-shadow: 0px 0px 19px 0px rgba(241,241,241,1);
}
.market-single .inner-box .lower-content .market-blocks .blocks-inner:after{
position:absolute;
content:'';
left:50%;
top:0px;
width:1px;
height:100%;
background-color:#f2f2f2;
}
.market-block-five{
position:relative;
padding:0px;
}
.market-block-five:nth-child(3),
.market-block-five:nth-child(4){
margin-bottom:0px;
}
.market-block-five:nth-child(3) .inner-box,
.market-block-five:nth-child(4) .inner-box{
border-bottom:0px;
}
.market-block-five .block-inner{
position:relative;
padding:55px 30px 40px;
border-bottom:1px solid #f2f2f2;
}
.market-block-five .block-inner .icon-box{
position:absolute;
left:30px;
top:35px;
color:#f0f0f0;
font-size:70px;
line-height:1em;
}
.market-block-five .block-inner h3{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
margin-bottom:15px;
z-index:1;
}
.market-block-five .block-inner .block-text{
position:relative;
color:#848484;
font-size:16px;
font-weight:400;
margin-bottom:20px;
}
.market-block-five .block-inner .plus-icon{
position:relative;
width:30px;
height:30px;
color:#c4c4c4;
text-align:center;
line-height:26px;
font-weight:700;
font-size:14px;
border-radius:50%;
border:2px solid #c4c4c4;
}
.market-block-five .block-inner .block-overlay{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
z-index:2;
opacity:0;
background-color:#0292f2;
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;
}
.market-block-five .block-inner:hover .block-overlay{
opacity:1;
}
.market-block-five .block-inner .block-overlay .overlay-inner{
position:relative;
padding:30px 28px;
}
.market-block-five .block-inner .block-overlay .overlay-inner h4{
position:relative;
color:#ffffff;
font-size:20px;
font-weight:500;
margin-bottom:20px;
font-family: 'Poppins', sans-serif;
}
.stats-box{
position:relative;
margin-bottom:40px;
}
.stats-box .stats-inner{
position:relative;
padding-bottom:30px;
border-bottom:1px solid #f2f2f2;
}
.stats-box .stats-inner h3{
position:relative;
color:#020e28;
font-size:24px;
font-weight:600;
margin-bottom:12px;
}
.stats-box .stats-inner .text{
position:relative;
color:#848484;
font-size:16px;
margin-bottom:18px;
}
.market-single .inner-box .lower-content .accordian-boxed{
position:relative;
}
.market-single .inner-box .lower-content .accordian-boxed h3{
position:relative;
color:#020e28;
font-size:24px;
font-weight:600;
margin-bottom:25px;
}
.market-single .inner-box .lower-content .market-steps{
position:relative;
margin-top:60px;
}
.market-single .inner-box .lower-content .market-steps h3{
position:relative;
color:#020e28;
font-size:24px;
font-weight:600;
margin-bottom:20px;
}
.market-single .inner-box .lower-content .market-steps .steps-inner{
position:relative;
padding:25px 0px;
border-top:1px solid #f2f2f2;
border-bottom:1px solid #f2f2f2;
}
.market-single .inner-box .lower-content .market-steps .steps-inner:before{
position:absolute;
content:'';
left:50%;
top:32px;
bottom:32px;
width:1px;
right:auto;
background-color:#f2f2f2;
}
.step-block{
position:relative;
padding-right:30px;
}
.step-block:last-child{
padding-right:0px;
}
.step-block:last-child .inner{
margin-left:30px;
}
.step-block .inner{
position:relative;
padding-left:60px;
}
.step-block .inner .icon-box{
position:absolute;
left:0px;
top:20px;
color:#c4c4c4;
font-size:38px;
line-height:1em;
}
.step-block .inner .step-text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.8em;
}
.step-block .inner .step-text a{
font-weight:500;
}
/***
====================================================================
Blog Page Section
====================================================================
***/
.blog-page-section{
position:relative;
padding:90px 0px;
}
.blog-page-section .styled-pagination{
margin-top:10px;
}
.styled-pagination{
position:relative;
}
.styled-pagination li{
position:relative;
display:inline-block;
margin:0px 6px 0px 0px;
}
.styled-pagination li.prev a,
.styled-pagination li.next a{
color:#848484;
}
.styled-pagination li a{
position:relative;
display:inline-block;
line-height:50px;
height:50px;
font-size:18px;
min-width:50px;
color:#020e28;
font-weight:600;
text-align:center;
background:#ffffff;
border:1px solid #f2f2f2;
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 li a:hover,
.styled-pagination li a.active{
color:#ffffff;
border-color:#0292f2;
background-color:#0292f2;
}
/*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 #f2f2f2;
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:14px;
top:10px;
height:28px;
width:30px;
font-size:14px;
color:#222222;
line-height:100%;
background:none;
display:inline-block;
font-weight:normal;
text-align:right;
border-left:1px solid #f2f2f2;
}
.sidebar .search-box.style-two .form-group button{
background-color: #0292f2;
right: 0px;
top: 0px;
width: 50px;
height: 50px;
color: #ffffff;
text-align: center;
}
.recent-comments .sidebar-title{
margin-bottom:40px;
}
/*Comment Block*/
.comment-block{
position:relative;
margin-bottom:40px;
}
.comment-block .inner{
position:relative;
padding:36px 20px 20px;
border:1px solid #f2f2f2;
}
.comment-block .inner .date{
position:absolute;
left:22px;
top:-15px;
font-size:14px;
color:#848484;
padding:1px 12px;
font-weight:400;
background-color:#f6f6f6;
}
.comment-block .inner .content{
position:relative;
padding-left:70px;
}
.comment-block .inner .content .image{
position:absolute;
left:0px;
top:0px;
width:50px;
height:50px;
}
.comment-block .inner .content h3{
position:relative;
color:#0f1341;
font-size:16px;
font-weight:400;
line-height:1.2em;
margin-bottom:3px;
font-family: 'Rubik', sans-serif;
}
.comment-block .inner .content h3 a{
color:#020e28;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.comment-block .inner .content h3 a:hover{
color:#0292f2;
}
.comment-block .inner .content .text{
position:relative;
color:#848484;
font-size:16px;
}
.comment-block .inner .content .reply-btn{
position:absolute;
right:0px;
top:10px;
color:#0f1341;
font-size:18px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.comment-block .inner .content .reply-btn:hover{
color:#0292f2;
}
/*Post Widget*/
.sidebar .popular-posts .post{
position:relative;
font-size:14px;
color:#666666;
padding:0px 0px;
padding-left:108px;
min-height:110px;
margin-bottom:20px;
border-bottom:1px solid #f0f0f0;
}
.sidebar .popular-posts .post:last-child{
margin-bottom:0px;
min-height:90px;
border:0px;
}
.sidebar .popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:90px;
}
.sidebar .popular-posts .post:hover .post-thumb img{
opacity:0.70;
}
.sidebar .popular-posts .post .post-thumb img{
display:block;
width:100%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post .post-thumb .overlay{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
background-color:rgba(2,14,40,0.90);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post:hover .post-thumb .overlay{
opacity:1;
}
.sidebar .popular-posts .post .text{
position:relative;
top:-4px;
font-size:16px;
margin:0px 0px 0px;
font-weight:500;
color:#020e28;
line-height:1.6em;
font-family: 'Poppins', sans-serif;
}
.sidebar .popular-posts .post .text a{
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover{
color:#0292f2;
}
.sidebar .popular-posts .post-info{
position:relative;
font-size:16px;
color:#848484;
padding-left:22px;
font-weight:400;
}
.sidebar .popular-posts .post-info:before{
position:absolute;
content:'\f073';
left:0px;
top:0px;
color:#0292f2;
font-size:14px;
font-family: 'FontAwesome';
}
/*Popular Tags*/
.sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
padding:2px 12px 2px;
margin:0px 6px 10px 0px;
color:#848484;
text-align:center;
font-size:16px;
background:none;
font-weight:400;
border:1px solid #f0f0f0;
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{
color:#ffffff;
border-color:#0292f2;
background-color:#0292f2;
}
.sidebar .popular-tags.style-two a{
margin-right:3px;
margin-bottom:7px;
font-size:15px;
}
.sidebar .popular-tags.style-two a:hover{
border-color:#0f1341;
background-color:#0f1341;
}
/*Blog Single*/
.blog-single{
position:relative;
}
.blog-single .inner-box{
position:relative;
margin-bottom:70px;
}
.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;
border:1px solid #f2f2f2;
}
.blog-single .inner-box .lower-content .title{
position: relative;
color: #0292f2;
font-size: 14px;
font-weight: 700;
margin-bottom: 3px;
text-transform: capitalize;
font-family: 'Rubik', sans-serif;
}
.blog-single .inner-box .lower-content .post-date{
position: relative;
color: #848484;
font-size: 14px;
font-weight: 500;
margin-bottom: 12px;
}
.blog-single .inner-box .lower-content h3{
position:relative;
color:#020e28;
font-size:24px;
line-height:1.5em;
font-weight:500;
margin-top:5px;
margin-bottom:20px;
}
.blog-single .inner-box .lower-content .text{
position:relative;
}
.blog-single .inner-box .lower-content .text p{
position:relative;
color:#848484;
font-size:16px;
line-height:1.6em;
margin-bottom:18px;
}
.blog-single .inner-box .lower-content .text blockquote{
position:relative;
border:none;
text-align:center;
padding:35px 30px;
margin-bottom:40px;
margin-top:30px;
background-color:#f4f4f4;
}
.blog-single .inner-box .lower-content .text blockquote .blockquote-text{
position:relative;
z-index:1;
font-size:18px;
color:#848484;
line-height:1.8em;
font-weight:400;
}
.blog-single .inner-box .lower-content .text blockquote .quote-icon{
position:absolute;
left:50%;
top:20px;
line-height:1em;
color:#ffffff;
font-size:120px;
text-align:center;
margin-left:-45px;
}
.blog-single .inner-box .lower-content .text blockquote .quote-info{
position:relative;
display:inline-block;
padding:12px 70px 0px;
margin-top:20px;
border-top:1px solid #e8e8e8;
}
.blog-single .inner-box .lower-content .text blockquote .quote-info h4{
position:relative;
color:#020e28;
font-size:18px;
font-weight:600;
}
.blog-single .inner-box .lower-content .text blockquote .quote-info .quote-desination{
position:relative;
color:#0292f2;
font-size:16px;
}
/*post share options*/
.blog-single .post-share-options{
position:relative;
margin-top:20px;
padding:0px 0px 0px;
}
.blog-single .post-share-options .post-share-inner{
border-top:1px solid #f2f2f2;
padding-top:20px;
}
.blog-single .post-share-options .info-links{
position:relative;
}
.blog-single .post-share-options .info-links li{
position:relative;
color:#848484;
font-size:16px;
margin-right:20px;
display:inline-block;
}
.blog-single .post-share-options .info-links li a{
position:relative;
width:35px;
height:35px;
color:#0292f2;
font-size:14px;
text-align:center;
display:inline-block;
border-radius:50%;
line-height:34px;
margin-right:10px;
background-color:#f2f2f2;
}
.blog-single .post-share-options .tags span{
font-size:16px;
color:#020e28;
font-weight:500;
margin-right:8px;
font-family: 'Poppins', sans-serif;
}
.blog-single .post-share-options .tags a{
position:relative;
color:#0292f2;
font-size:16px;
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;
}
.blog-single .post-share-options .tags{
position:relative;
color:#0292f2;
font-size:16px;
font-weight:400;
margin-top:3px;
}
.blog-single .post-share-options .tags a:hover{
color:#020e28;
}
/*Group Title*/
.sidebar-page-container .group-title{
position:relative;
margin-bottom:18px;
}
.sidebar-page-container .group-title h2{
position:relative;
font-size:24px;
color:#020e28;
font-weight:600;
}
/*Author Box*/
.author-box{
position:relative;
margin-bottom:50px;
}
.author-box .author-comment{
position:relative;
padding:30px 0px 25px;
border-top:1px solid #f2f2f2;
border-bottom:1px solid #f2f2f2;
}
.author-box .author-comment .inner{
position:relative;
padding-left:110px;
}
.author-box .author-comment .inner .image{
position:absolute;
left:0px;
top:0px;
width:85px;
margin-bottom:20px;
}
.author-box .author-comment .inner h3{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
margin-bottom:10px;
}
.author-box .author-comment .inner .text{
position:relative;
color:#848484;
font-size:16px;
font-weight:400;
line-height:1.7em;
margin-bottom:10px;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area{
position:relative;
margin-top:0px;
margin-bottom:50px;
}
.sidebar-page-container .comments-area .comment-box{
position:relative;
margin-bottom:35px;
-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:nth-child(1){
padding-top:0px;
}
.sidebar-page-container .comments-area .comment-box:hover{
border-color:#eb5310;
}
.sidebar-page-container .comments-area .comment-box.reply-comment{
margin-left:30px;
}
.sidebar-page-container .comments-area .comment{
position:relative;
font-size:14px;
padding:0px 0px 0px 80px;
}
.sidebar-page-container .comments-area .comment .comment-inner{
position:relative;
padding:15px 20px;
border:1px solid #f4f4f4;
}
.sidebar-page-container .comments-area .comment .comment-inner .rating{
position:absolute;
right:15px;
top:15px;
}
.sidebar-page-container .comments-area .comment .comment-inner .rating .fa{
display:inline-block;
color:#0292f2;
font-size:14px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
margin-bottom:20px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img{
width:60px;
display:block;
}
.sidebar-page-container .comments-area .comment-info{
position:relative;
color:#020e28;
line-height:24px;
font-size:16px;
font-weight:500;
font-family: 'Poppins', sans-serif;
}
.sidebar-page-container .comments-area .comment-box .text{
color:#848484;
font-size:16px;
margin-top:12px;
font-weight:400;
line-height: 1.6em;
margin-bottom:0px;
}
/*Comment Form*/
.comment-form{
position:relative;
}
.comment-form .group-title{
margin-bottom:20px;
}
.comment-form .rating-box{
position:relative;
margin-bottom:20px;
}
.comment-form .rating-box .text{
position:relative;
font-size:16px;
color:#848484;
margin-bottom:10px;
margin-top:-5px;
}
.comment-form .rating-box .rating{
position:relative;
display:inline-block;
margin-right:15px;
padding-right:15px;
border-right:1px solid #ebebeb;
}
.comment-form .rating-box .rating:last-child{
border:0px;
}
.comment-form .rating-box .rating .fa{
position:relative;
margin-right:4px;
display:inline-block;
}
.comment-form .rating-box .rating a{
position:relative;
color:#d6d6d6;
font-size:12px;
display:inline-block;
}
.comment-form .rating-box .rating a:hover{
color:#0292f2;
}
.comment-form .form-group{
position:relative;
margin-bottom:15px;
}
.comment-form .form-group label{
position:relative;
color:#848484;
font-size:16px;
font-weight:400;
}
.comment-form .form-group:last-child{
margin-bottom:0px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 15px;
border:1px solid #efefef;
height:50px;
color:#848484;
font-weight:300;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.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:#0292f2;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 15px;
color:#d6d6d6;
border:1px solid #efefef;
height:105px;
font-weight:300;
background:#ffffff;
resize:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form button{
position:relative;
margin-top:20px;
padding:11px 34px;
border-radius:0px;
font-weight:600;
text-transform:uppercase;
}
.comment-form input:focus,
.comment-form select:focus,
.comment-form textarea:focus{
border-color:#0292f2;
}
/***
====================================================================
Project Page Section
====================================================================
***/
.project-page-section{
position:relative;
padding:90px 0px 85px;
}
.project-page-section .outer-section{
position:relative;
}
.project-page-section .outer-section .row{
position:relative;
margin:0px -30px;
}
.project-page-section .outer-section .project-block-five{
padding:0px 30px;
}
.project-page-section .outer-section .load-more{
position:relative;
color:#0292f2;
font-size:14px;
font-weight:600;
text-decoration:underline;
text-transform:uppercase;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.project-page-section .outer-section .load-more:hover{
color:#444444;
}
.project-block-five{
position:relative;
margin-bottom:60px;
}
.project-block-five .inner-box{
position:relative;
}
.project-block-five .inner-box .image{
position:relative;
}
.project-block-five .inner-box .image img{
position:relative;
width:auto;
height:300px;
display:block;
}
.project-block-five .inner-box .image .overlay-box{
position:absolute;
left:0px;
bottom:0px;
width:100%;
display:block;
opacity:0;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-block-five .inner-box:hover .image .overlay-box{
opacity:1;
}
.project-block-five .inner-box .image .overlay-box .content{
position:relative;
left:0px;
padding:15px 50px 15px 30px;
display:inline-block;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
background-color:#0292f2;
}
.project-block-five .inner-box .image .overlay-box .content h3{
position:relative;
font-weight:500;
font-size:18px;
}
.project-block-five .inner-box .image .overlay-box .content h3 a{
position:relative;
color:#ffffff;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-block-five .inner-box .image .overlay-box .content h3 a:hover{
color:#333333;
}
.project-block-five .inner-box .image .overlay-box .content .location{
position:relative;
color:#ffffff;
font-size:16px;
margin-top:5px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-block-five .inner-box .image .overlay-box .content .location .icon{
margin-left:5px;
}
/***
====================================================================
Login / Register Section
====================================================================
***/
.register-section{
position:relative;
padding:80px 0px 40px;
}
.register-section .form-column{
margin-bottom:40px;
}
.register-section .form-column .sec-title{
position:relative;
margin-bottom:30px;
}
.register-section .form-column .sec-title h2{
padding-bottom:0px;
}
.styled-form{
position:relative;
}
.styled-form .submit-text{
font-size:15px;
color:#9e9e9e;
font-weight:400;
margin-top:10px;
}
.styled-form .form-group{
position:relative;
margin-bottom:30px;
font-size:16px;
color:#848484;
}
.checkout-section .styled-form .form-group{
position:relative;
margin-bottom:20px;
}
.styled-form .form-group .check-box{
line-height:24px;
font-size:15px;
font-weight:normal;
padding-top:5px;
color:#272727;
}
.styled-form .form-group .check-box label{
position:relative;
top:-1px;
font-weight:normal;
padding:0px;
font-size:15px;
cursor:pointer;
}
.styled-form .pull-left label,
.styled-form .pull-right label{
cursor:pointer;
}
.styled-form .form-group .adon-icon{
position:absolute;
top:50%;
margin-top:-10px;
right:10px;
width:20px;
height:20px;
line-height:20px;
font-size:15px;
color:#999999;
z-index:2;
}
.styled-form .form-group .field-label{
display:block;
color:#272727;
font-size:16px;
margin-bottom:7px;
font-weight:400;
}
.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea{
position:relative;
display:block;
width:100%;
background:#ffffff;
line-height:30px;
padding:8px 20px;
height:50px;
border:1px solid #f4f4f4;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.checkout-section .styled-form input[type="text"],
.checkout-section .styled-form input[type="email"],
.checkout-section .styled-form input[type="password"],
.checkout-section .styled-form select{
line-height:26px;
height:44px;
}
.styled-form select{
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
cursor:pointer;
}
.styled-form select option{
text-indent:20px;
}
.styled-form textarea{
resize:none;
height:110px;
}
.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus{
border-color:#0292f2;
}
.styled-form .form-group .theme-btn{
min-width:150px;
text-align:center;
padding:11px 34px;
border-radius:0px;
}
.styled-form .remember-me{
position:relative;
color:#222222;
font-size:16px;
font-weight:500;
}
.social-links-two a{
position:relative;
display:inline-block;
font-size:14px;
width:42px;
height:42px;
line-height:42px;
text-align:center;
color:#ffffff;
background:#fc721e;
margin:0px 0px 0px 15px;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.social-links-two a:hover{
opacity:0.80;
}
.social-links-two .facebook{
background:#3b5998;
}
.social-links-two .twitter{
background:#33ccfe;
}
.social-links-two .google-plus{
background:#dd4b39;
}
/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
background-color: #020e28;
color: white;
padding: 16px 20px;
border: none;
cursor: pointer;
opacity: 0.4;
position: fixed;
bottom: 23px;
left: 28px;
width: 280px;
z-index: 10;
}
/* Button used to open the contact form - fixed at the bottom of the page */
.dekra-cert {
/* padding: 16px 20px;
*/
border: none;
cursor: pointer;
opacity: 0.8;
position: fixed;
bottom: 180px;
right: 12px;
width: 90px;
z-index: 10;
}
/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
opacity: 1;
background-color: #0292f2;
}