/* Strnix - Green Energy HTML Template */
/*********** TABLE OF CONTENTS **************
1. Fonts
2. Reset
3. Global
4. Main Header / Style One / Style Two / Style Three / Style Four / Style Five
5. Sticky Header
6. Mobile Menu
7. Main Slider / Banner Carousel
8. About Section / Style One / Style Two / Style Three / Style Four
9. Programs Section
11. Newsletter
12. Services Section / one / Two / Three / Four / Five
13. Recent Projects / one / Two
14. Fun Facts Section
15. Testimonials Section / One / Two
16. Sponsors Section
17. Pricing Section
18. Enquiry Section
19. News Section / One / Two
20. Call To Action / Style One / Style Two / Alternate
21. Main Footer / Style One / Style Two / Three / Four
22. Features Section / One / Two
23. Main Info Section
24. Mission Section
25. Projects Section / One / Two / Three
26. Company History
27. Call to Action / One / Two / Three / Four
28. Featured Section
29. Contact Section
30. Fluid Section / One / To / Three
31. Team Section
32. News Section two
33. Featured Section Two
34. FAQs Section
35. Sidebar Page Container
36. Service Details
37. Blog Details
38. Map Section
**********************************************/
/***
====================================================================
Fonts
====================================================================
***/
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*
font-family: 'Roboto', sans-serif;
font-family: 'Merriweather', serif;
*/
@import url('owl.css');
@import url('fontawesome-all.css');
@import url('stroke-gap-icons.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
@import url('scrollbar.css');
@import url('hover.css');
@import url('custom-animate.css');
@font-face {
font-family: 'Signature';
src: url('../fonts/JustSignatureRegular.eot?lsn0el');
src: url('../fonts/JustSignatureRegular.eot?lsn0el#iefix') format('embedded-opentype'), url('../fonts/JustSignatureRegular.ttf?lsn0el') format('truetype'), url('../fonts/JustSignatureRegular.woff?lsn0el') format('woff'), url('../fonts/JustSignatureRegular.svg?lsn0el#Signature') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-display: swap;
font-family: Myriad Pro Semi Bold;
font-style: normal;
font-weight: 500;
src: url(../fonts/MyriadPro-Semibold.woff2) format("woff2"), url(../fonts/MyriadPro-Semibold.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: Myriad Pro Bold;
font-style: normal;
font-weight: 600;
src: url(../fonts/myriad-pro/MyriadPro-Bold.woff2) format("woff2"), url(../fonts/myriad-pro/MyriadPro-Bold.woff) format("woff")
}
@font-face {
font-family: "CeraPRO";
font-display: block;
src: url("../fonts/cerapro-black-webfont.eot");
src: url("../fonts/cerapro-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/cerapro-black-webfont.woff") format("woff"), url("../fonts/cerapro-black-webfont.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: block
}
@font-face {
font-family: "CeraPRO";
font-display: block;
src: url("../fonts/cerapro-bold-webfont.eot");
src: url("../fonts/cerapro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/cerapro-bold-webfont.woff") format("woff"), url("../fonts/cerapro-bold-webfont.ttf") format("truetype");
font-weight: bold;
font-style: normal;
font-display: block
}
@font-face {
font-family: "CeraPRO";
font-display: block;
src: url("../fonts/cerapro-medium-webfont.eot");
src: url("../fonts/cerapro-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/cerapro-medium-webfont.woff") format("woff"), url("../fonts/cerapro-medium-webfont.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: block
}
@font-face {
font-family: "CeraPRO";
font-display: block;
src: url("../fonts/cerapro-regular-webfont.eot");
src: url("../fonts/cerapro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/cerapro-regular-webfont.woff") format("woff"), url("../fonts/cerapro-regular-webfont.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: block
}
/***
====================================================================
Reset
====================================================================
***/
@font-face {
font-family: 'saudagarregular';
src: url('../fonts/saudagar-webfont.woff2') format('woff2'), url('../fonts/saudagar-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
font-size: 100%;
line-height: inherit;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'Roboto', sans-serif;
color: #000;
font-weight: 400;
background: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-size: 16px;
letter-spacing: 0;
line-height: 1.5;/* font-family: 'Roboto', sans-serif;*/
}
a {
text-decoration: none;
cursor: pointer;
color: #856130;
}
.theme_color {
color: #856130;
}
a:hover, a:focus, a:visited, a:active, button:active {
text-decoration: none;
outline: none;
}
h1, h2, h3, h4, h5, h6 {
position: relative;
font-weight: normal;
margin: 0px 0px 15px;
background: none;
line-height: 1.25em;
font-family: 'saudagarregular';
font-weight: 700;
}
h1 {
font-size: 72px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10px;
}
textarea {
overflow: hidden;
resize: none;
}
button {
outline: none !important;
cursor: pointer;
}
p {
font-size: 16px;
letter-spacing: 0;
line-height: 1.5;
font-weight: 400;
margin: 0 0 15px;
text-align: justify;
}
.text {
line-height: 1.5;
font-size: 16px;
font-weight: 400;
margin: 0 0;
text-align: justify;
}
.about-section-four .inner-box .text {
font-size: 18px;
}
.why-us b, .why-us strong{
font-weight:700 !important;
color: #84602f;
}
::-webkit-input-placeholder {
color: inherit;
}
::-moz-input-placeholder {
color: inherit;
}
::-ms-input-placeholder {
color: inherit;
}
.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
z-index: 9;
overflow: hidden;
}
.auto-container {
position: static;
max-width: 1350px;
padding: 0px 15px;
margin: 0 auto;
}
ul, li {
list-style: none;
padding: 0px;
margin: 0px;
}
figure {
margin-bottom: 0;
}
.theme-btn {
display: inline-block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.theme-btn i {
position: relative;
display: inline-block;
font-size: 14px;
margin-left: 3px;
}
.centered {
text-align: center !important;
}
/*Btn Style One*/
.btn-style-one {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
border-radius: 0px;
overflow: hidden;
}
.btn-style-one:hover {
color: #ffffff;
}
.btn-style-one .btn-title {
position: relative;
display: block;
z-index: 1;
padding: 12px 80px 12px 30px;
background: #b14756;
letter-spacing: 0.05em;
border-radius: 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-one:hover .btn-title {
color: #ffffff;
}
.btn-style-one .btn-title .btn-icon {
position: absolute;
right: 0;
top: 0;
width: 51px;
height: 100%;
font-size: 16px;
padding: 12px 10px;
text-align: center;
border-left: 1px solid rgba(255,255,255,0.20);
}
.btn-style-one .btn-title .btn-icon .icon {
position: relative;
font-weight: 700;
display: block;
line-height: 30px;
}
.btn-style-one .btn-title:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
height: 100%;
width: 100%;
background: #222222;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-one:hover .btn-title:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
/* Btn Style Two */
.btn-style-two {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
border-radius: 0px;
overflow: hidden;
}
.btn-style-two:hover {
color: #ffffff;
}
.btn-style-two .btn-title {
position: relative;
display: block;
z-index: 1;
padding: 12px 80px 12px 30px;
background: #444444;
letter-spacing: 0.05em;
border-radius: 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-two:hover .btn-title {
color: #ffffff;
}
.btn-style-two .btn-title .btn-icon {
position: absolute;
right: 0;
top: 0;
width: 51px;
height: 100%;
font-size: 16px;
padding: 12px 10px;
text-align: center;
border-left: 1px solid rgba(255,255,255,0.20);
}
.btn-style-two .btn-title .btn-icon .icon {
position: relative;
font-weight: 700;
display: block;
line-height: 30px;
}
.btn-style-two .btn-title:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
height: 100%;
width: 100%;
background: #b14756;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-two:hover .btn-title:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
/* Btn Style Three */
.btn-style-three {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
border-radius: 0px;
overflow: hidden;
}
.btn-style-three:hover {
color: #ffffff;
}
.btn-style-three .btn-title {
position: relative;
display: block;
z-index: 1;
padding: 12px 80px 12px 30px;
background: #023567;
letter-spacing: 0.05em;
border-radius: 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-three:hover .btn-title {
color: #ffffff;
}
.btn-style-three .btn-title .btn-icon {
position: absolute;
right: 0;
top: 0;
width: 51px;
height: 100%;
font-size: 16px;
padding: 12px 10px;
text-align: center;
border-left: 1px solid rgba(255,255,255,0.20);
}
.btn-style-three .btn-title .btn-icon .icon {
position: relative;
font-weight: 700;
display: block;
line-height: 30px;
}
.btn-style-three .btn-title:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
height: 100%;
width: 100%;
background: #444444;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-three:hover .btn-title:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
/*Btn Style Four*/
.btn-style-four {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
border-radius: 0px;
overflow: hidden;
}
.btn-style-four:hover {
color: #ffffff;
}
.btn-style-four .btn-title {
position: relative;
display: block;
z-index: 1;
padding: 12px 80px 12px 30px;
background: #023567;
letter-spacing: 0.05em;
border-radius: 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-four:hover .btn-title {
color: #ffffff;
}
.btn-style-four .btn-title .btn-icon {
position: absolute;
right: 0;
top: 0;
width: 51px;
height: 100%;
font-size: 16px;
padding: 12px 10px;
text-align: center;
border-left: 1px solid rgba(255,255,255,0.20);
}
.btn-style-four .btn-title .btn-icon .icon {
position: relative;
font-weight: 700;
display: block;
line-height: 30px;
}
.btn-style-four .btn-title:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
height: 100%;
width: 100%;
background: #30adcd;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-four:hover .btn-title:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
/*Btn Style Five*/
.btn-style-five {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #222222;
font-weight: 600;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
border-radius: 0px;
overflow: hidden;
}
.btn-style-five:hover {
color: #ffffff;
}
.btn-style-five .btn-title {
position: relative;
display: block;
z-index: 1;
padding: 12px 80px 12px 30px;
background: #ffffff;
letter-spacing: 0.05em;
border-radius: 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-five:hover .btn-title {
color: #ffffff;
}
.btn-style-five .btn-title .btn-icon {
position: absolute;
right: 0;
top: 0;
width: 51px;
height: 100%;
font-size: 16px;
padding: 12px 10px;
text-align: center;
border-left: 1px solid rgba(0,0,0,0.10);
}
.btn-style-five:hover .btn-title .btn-icon {
border-left-color: rgba(255,255,255,0.20);
}
.btn-style-five .btn-title .btn-icon .icon {
position: relative;
font-weight: 700;
display: block;
line-height: 30px;
}
.btn-style-five .btn-title:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
height: 100%;
width: 100%;
background: #222222;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-five:hover .btn-title:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
/*Btn Style Five*/
.btn-style-six {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
border-radius: 0px;
overflow: hidden;
}
.btn-style-six:hover {
color: #ffffff;
}
.btn-style-six .btn-title {
position: relative;
display: block;
z-index: 1;
padding: 10px 80px 10px 30px;
background: none;
border: 2px solid #ffffff;
letter-spacing: 0.05em;
border-radius: 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-six:hover .btn-title {
color: #ffffff;
border-color: #856130;
}
.btn-style-six .btn-title .btn-icon {
position: absolute;
right: 0;
top: 0;
width: 51px;
height: 100%;
font-size: 16px;
padding: 12px 10px;
text-align: center;
border-left: 1px solid rgba(255,255,255,0.20);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-six .btn-title .btn-icon .icon {
position: relative;
font-weight: 700;
display: block;
line-height: 26px;
}
.btn-style-six .btn-title:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
height: 100%;
width: 100%;
background: #856130;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-six:hover .btn-title:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
/*Btn Style One*/
.btn-style-seven {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
border-radius: 0px;
overflow: hidden;
}
.btn-style-seven:hover {
color: #ffffff;
}
.btn-style-seven .btn-title {
position: relative;
display: block;
z-index: 1;
padding: 12px 80px 12px 30px;
background: #b14756;
letter-spacing: 0.05em;
border-radius: 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-seven:hover .btn-title {
color: #ffffff;
}
.btn-style-seven .btn-title .btn-icon {
position: absolute;
right: 0;
top: 0;
width: 51px;
height: 100%;
font-size: 16px;
padding: 12px 10px;
text-align: center;
border-left: 1px solid rgba(255,255,255,0.20);
}
.btn-style-seven .btn-title .btn-icon .icon {
position: relative;
font-weight: 700;
display: block;
line-height: 30px;
}
.btn-style-seven .btn-title:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
height: 100%;
width: 100%;
background: #222222;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-seven:hover .btn-title:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
/* Btn Style Eight */
.btn-style-eight {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #023567;
font-weight: 400;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
border-radius: 0px;
overflow: hidden;
}
.btn-style-eight:hover {
color: #ffffff;
}
.btn-style-eight .btn-title {
position: relative;
display: block;
z-index: 1;
padding: 12px 80px 12px 30px;
background: #00325f;
letter-spacing: 0.05em;
border-radius: 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #fff;
}
.btn-style-eight:hover .btn-title {
color: #ffffff;
}
.btn-style-eight .btn-title .btn-icon {
position: absolute;
right: 0;
top: 0;
width: 51px;
height: 100%;
font-size: 16px;
padding: 12px 10px;
text-align: center;
border-left: 1px solid rgba(255,255,255,0.20);
}
.btn-style-eight .btn-title .btn-icon .icon {
position: relative;
font-weight: 700;
display: block;
line-height: 30px;
}
.btn-style-eight .btn-title:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
height: 100%;
width: 100%;
background: #84602f;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-eight:hover .btn-title:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
/* Btn Style Nine */
.btn-style-nine {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
border-radius: 0px;
overflow: hidden;
}
.btn-style-nine:hover {
color: #ffffff;
}
.btn-style-nine .btn-title {
position: relative;
display: block;
z-index: 1;
padding: 12px 80px 12px 30px;
background: #023567;
letter-spacing: 0.05em;
border-radius: 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-nine:hover .btn-title {
color: #ffffff;
}
.btn-style-nine .btn-title .btn-icon {
position: absolute;
right: 0;
top: 0;
width: 51px;
height: 100%;
font-size: 16px;
padding: 12px 10px;
text-align: center;
border-left: 1px solid rgba(255,255,255,0.20);
}
.btn-style-nine .btn-title .btn-icon .icon {
position: relative;
font-weight: 700;
display: block;
line-height: 30px;
}
.btn-style-nine .btn-title:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
height: 100%;
width: 100%;
background: #856130;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-nine:hover .btn-title:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
/*Btn Style Ten*/
.btn-style-ten {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #222222;
font-weight: 600;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
border-radius: 0px;
overflow: hidden;
}
.btn-style-ten:hover {
color: #ffffff;
}
.btn-style-ten .btn-title {
position: relative;
display: block;
z-index: 1;
padding: 10px 80px 10px 30px;
background: none;
border: 2px solid #cccccc;
letter-spacing: 0.05em;
border-radius: 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-ten:hover .btn-title {
color: #ffffff;
border-color: #023567;
}
.btn-style-ten .btn-title .btn-icon {
position: absolute;
right: 0;
top: 0;
width: 51px;
height: 100%;
font-size: 16px;
padding: 12px 10px;
text-align: center;
color: #023567;
border-left: 1px solid rgba(0,0,0,0.10);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-ten:hover .btn-title .btn-icon {
color: #ffffff;
border-left-color: rgba(255,255,255,0.20);
}
.btn-style-ten .btn-title .btn-icon .icon {
position: relative;
font-weight: 700;
display: block;
line-height: 26px;
}
.btn-style-ten .btn-title:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
height: 100%;
width: 100%;
background: #023567;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-ten:hover .btn-title:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
/*Btn Style Eleven*/
.btn-style-eleven {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
border-radius: 0px;
overflow: hidden;
}
.btn-style-eleven:hover {
color: #ffffff;
}
.btn-style-eleven .btn-title {
position: relative;
display: block;
z-index: 1;
padding: 10px 80px 10px 30px;
background: none;
border: 2px solid #ffffff;
letter-spacing: 0.05em;
border-radius: 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-eleven:hover .btn-title {
color: #ffffff;
border-color: #222222;
}
.btn-style-eleven .btn-title .btn-icon {
position: absolute;
right: 0;
top: 0;
width: 51px;
height: 100%;
font-size: 16px;
padding: 12px 10px;
text-align: center;
border-left: 1px solid rgba(255,255,255,0.40);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-eleven .btn-title .btn-icon .icon {
position: relative;
font-weight: 700;
display: block;
line-height: 26px;
}
.btn-style-eleven .btn-title:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
height: 100%;
width: 100%;
background: #222222;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-eleven:hover .btn-title:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
/*Btn Style Twelve*/
.btn-style-twelve {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
background: #023567;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
border-radius: 2px;
overflow: hidden;
}
.btn-style-twelve:hover {
color: #ffffff;
}
.btn-style-twelve .btn-title {
position: relative;
display: block;
z-index: 1;
padding: 12px 30px;
letter-spacing: 0.05em;
border-radius: 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-twelve:hover .btn-title {
color: #ffffff;
}
.btn-style-twelve .btn-title .icon {
position: relative;
font-weight: 700;
padding-left: 5px;
vertical-align: middle;
line-height: 30px;
}
.btn-style-twelve:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 1;
height: 100%;
width: 100%;
background: #0a394d;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-twelve:hover:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
/*Btn Style Thirteen*/
.btn-style-thirteen {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #222222;
font-weight: 600;
background: #ffffff;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
border-radius: 2px;
overflow: hidden;
}
.btn-style-thirteen:hover {
color: #ffffff;
}
.btn-style-thirteen .btn-title {
position: relative;
display: block;
z-index: 1;
padding: 12px 30px;
letter-spacing: 0.05em;
border-radius: 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-thirteen:hover .btn-title {
color: #ffffff;
}
.btn-style-thirteen:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 1;
height: 100%;
width: 100%;
background: #023567;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-thirteen:hover:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
/*Btn Style Thirteen*/
.btn-style-fourteen {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
background: none;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
border-radius: 2px;
overflow: hidden;
}
.btn-style-fourteen:hover {
color: #222222;
}
.btn-style-fourteen .btn-title {
position: relative;
display: block;
z-index: 1;
padding: 11px 30px;
border: 1px solid #ffffff;
letter-spacing: 0.05em;
border-radius: 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-fourteen:hover .btn-title {
color: #ffffff;
border-color: #023567;
}
.btn-style-fourteen:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 1;
height: 100%;
width: 100%;
background: #023567;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-fourteen:hover:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background-color: rgba(0,0,0,0);
}
.preloader .icon {
position: fixed;
align-items: center;
justify-content: center;
left: 0px;
top: 0px;
width: 100vw;
height: 100vh;
display: flex;
z-index: 5;
background-color: rgba(0,0,0,0);
background-position: center center;
background-repeat: no-repeat;
/*background-image:url(../image/preloader.svg);*/
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
background-size: 10%;
}
.preloader .icon svg {
width: 400px;
height: 400px;
max-width: 75%;
}
.page-loaded .preloader .icon {
opacity: 0;
}
.preloader:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 51%;
height: 100%;
background: #023567;
z-index: 0;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
-webkit-transition: all 1200ms ease;
-moz-transition: all 1200ms ease;
-ms-transition: all 1200ms ease;
-o-transition: all 1200ms ease;
transition: all 1200ms ease;
}
.page-loaded .preloader:before {
-webkit-transform: translateX(-101%);
-ms-transform: translateX(-101%);
transform: translateX(-101%);
}
.preloader:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 51%;
height: 100%;
background: #023567;
z-index: 2;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
-webkit-transition: all 1200ms ease;
-moz-transition: all 1200ms ease;
-ms-transition: all 1200ms ease;
-o-transition: all 1200ms ease;
transition: all 1200ms ease;
}
.page-loaded .preloader:after {
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
.dropdown-toggle::after {
display: none;
}
.fa {
line-height: inherit;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top {
position: fixed;
right: 20px;
bottom: 20px;
width: 54px;
height: 54px;
color: #ffffff;
font-size: 30px;
line-height: 54px;
text-align: center;
z-index: 100;
cursor: pointer;
background: #25283a;
border-radius: 0px;
margin-left: -26px;
display: none;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.scroll-to-top:hover {
color: #ffffff;
-webkit-box-shadow: 2px 2px 0px #25283a;
-ms-box-shadow: 2px 2px 0px #25283a;
box-shadow: 2px 2px 0px #25283a;
}
/***
====================================================================
Main Header style / Header Style One
====================================================================
***/
.main-header {
position: relative;
display: block;
width: 100%;
z-index: 9999;
background: none;
}
.header-style-one {
position: absolute;
left: 0;
top: 0;
}
.header-top {
position: relative;
}
.header-top .inner {
position: relative;
}
.main-header .header-top .top-left {
position: relative;
float: left;
}
.main-header .header-top .top-right {
position: relative;
float: right;
}
.header-top-one {
background: none;
padding: 15px 0px;
color: #ffffff;
}
.header-top-one .top-text {
position: relative;
line-height: 30px;
}
.header-top-one .email {
position: relative;
float: left;
line-height: 30px;
}
.header-top-one .email a {
color: #ffffff;
}
.header-top-one .email a:hover {
text-decoration: underline;
}
.header-top-one .social-links {
position: relative;
float: left;
margin-left: 30px;
}
.header-top-one .social-links li {
position: relative;
float: left;
color: #333333;
line-height: 30px;
margin-right: 20px;
}
.header-top-one .social-links li:last-child {
margin-right: 0;
}
.header-top-one .social-links li a {
position: relative;
display: block;
color: #ffffff;
font-size: 14px;
line-height: 30px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-top-one .social-links li a .fa, .header-top-one .social-links li a .fab {
vertical-align: middle;
}
.header-top-one .social-links li a:hover {
color: #b14756;
}
/*=== Header Main Box ===*/
.main-header .header-main-box {
position: relative;
display: block;
}
.header-style-one .header-main-box .inner-container {
position: relative;
}
.header-style-one .upper-row {
position: relative;
display: block;
padding: 20px 30px;
background: #ffffff;
}
.header-style-one .upper-row .logo-box {
position: relative;
float: left;
padding: 0px 0px;
z-index: 10;
}
.header-style-one .upper-row .logo-box .logo {
position: relative;
display: block;
width: 350px;
}
.header-style-one .upper-row .logo-box .logo img {
position: relative;
display: inline-block;
max-width: 100%;
max-height: 80px;
z-index: 1;
}
.header-style-one .upper-row .right-info {
position: relative;
float: right;
}
.header-style-one .upper-row .info {
position: relative;
float: left;
padding-top: 5px;
}
.header-style-one .upper-row .info .info-block {
position: relative;
float: left;
padding-left: 50px;
margin-left: 50px;
}
.header-style-one .upper-row .info .info-block:first-child {
margin-left: 0;
}
.header-style-one .upper-row .info .info-block .icon-box {
position: absolute;
left: 0;
top: 5px;
width: 36px;
height: 36px;
line-height: 36px;
}
.header-style-one .upper-row .info strong {
position: relative;
display: block;
font-weight: 600;
}
.header-style-one .upper-row .info .info-text {
position: relative;
display: block;
font-size: 16px;
}
.header-style-one .upper-row .info .info-text a {
color: #222222;
}
.header-style-one .upper-row .info .info-text a:hover {
text-decoration: underline;
}
.header-style-one .upper-row .link-box {
position: relative;
float: left;
padding-top: 13px;
margin-left: 50px;
}
.header-style-one .lower-row {
position: relative;
display: block;
}
.header-style-one .lower-row .nav-box {
position: relative;
display: block;
padding: 0px 30px;
background: #023567;
color: #ffffff;
}
.main-header .nav-outer {
position: relative;
float: left;
z-index: 1;
}
.main-header .nav-outer .main-menu {
position: relative;
}
.main-menu .navbar-collapse {
padding: 0px;
display: block !important;
}
.main-menu .navigation {
position: relative;
margin: 0px;
font-family: 'Roboto', sans-serif;
}
.main-menu .navigation > li {
position: relative;
float: left;
padding: 18px 0px;
margin-right: 58px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-menu .navigation > li:last-child {
margin-right: 0px;
}
.main-menu .navigation > li:after {
content: '';
position: absolute;
right: -33px;
top: 0px;
width: 3px;
height: 100%;
background: url(../images/icons/link-separator-1.png) center center no-repeat;
}
.main-menu .navigation > li:last-child:after {
display: none;
}
.main-menu .navigation > li > a {
position: relative;
display: block;
text-align: center;
font-size: 20px;
line-height: 30px;
font-weight: 500;
text-transform: capitalize;
letter-spacing: 0;
color: #00325f;
padding: 0px 0px;
opacity: 1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-menu .navigation > li > a:before {
position: absolute;
content: '';
left: 0px;
bottom: -5px;
width: 0px;
border-bottom: 4px solid #856130;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.sticky-header .main-menu .navigation > li > a:before {
display: none;
}
.main-menu .navigation > li:hover > a:before, .main-menu .navigation > li.current > a:before {
width: 45px;
}
.sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a {
color: #023567;
}
.sticky-header .main-menu .navigation > li.dropdown {
padding-right: 0px;
}
.main-menu .navigation > li > ul {
position: absolute;
left: 0px;
top: 100%;
width: 250px;
z-index: 100;
display: none;
background: #ffffff;
border-top: 2px solid #333333;
transition: all 100ms ease;
-moz-transition: all 100ms ease;
-webkit-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul > li:last-child {
border-bottom: none;
}
.main-menu .navigation > li > ul > li > a {
position: relative;
display: block;
padding: 11px 20px;
line-height: 24px;
font-weight: 400;
font-size: 14px;
color: #000;
text-align: left;
text-transform: capitalize;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.main-menu .navigation > li > ul > li:hover > a {
background-color: #f0f0f0;
padding-left: 26px;
}
.main-menu .navigation > li > ul > li > ul {
position: absolute;
left: 100%;
top: 0;
width: 250px;
z-index: 100;
display: none;
background: #ffffff;
border-top: 2px solid #333333;
transition: all 500ms ease;
-moz-transition: all 100ms ease;
-webkit-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul > li > ul > li:last-child {
border-bottom: none;
}
.main-menu .navigation > li > ul > li > ul > li > a {
position: relative;
display: block;
padding: 11px 20px;
line-height: 24px;
font-weight: 500;
font-size: 16px;
color: #242424;
text-align: left;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover {
background-color: #f0f0f0;
padding-left: 26px;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
font-family: 'Font Awesome 5 Free';
content: "\f105";
position: absolute;
right: 16px;
top: 11px;
display: block;
line-height: 24px;
font-size: 16px;
font-weight: 900;
z-index: 5;
}
.main-menu .navigation > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.main-menu .navigation li.dropdown .dropdown-btn {
position: absolute;
right: 10px;
top: 8px;
width: 34px;
height: 30px;
border: 1px solid #ffffff;
text-align: center;
font-size: 16px;
line-height: 26px;
color: #ffffff;
cursor: pointer;
z-index: 5;
display: none;
}
.header-style-one .nav-box .search-btn {
position: relative;
float: right;
margin-top: 20px;
padding-left: 25px;
background: url(../images/icons/link-separator-1.png) left center no-repeat;
}
.header-style-one .nav-box .search-btn button {
position: relative;
display: block;
padding: 0;
margin: 0;
background: none;
line-height: 30px;
color: #ffffff;
cursor: pointer;
}
.header-style-one .nav-box .search-btn button .fa {
vertical-align: middle;
}
/***
====================================================================
Header Style Two
====================================================================
***/
.header-style-two {
position: relative;
}
.header-top-two {
background: none;
padding: 0px 0px;
border-bottom: 1px solid rgba(0,0,0,0.07);
}
.header-top-two .top-left .address, .header-top-two .top-left .email {
position: relative;
float: left;
padding: 15px 0px;
line-height: 30px;
border-right: 1px solid rgba(0,0,0,0.07);
padding-right: 30px;
margin-right: 30px;
}
.header-top-two .email {
border-right: none;
padding-right: 0px;
margin-right: 0px;
}
.header-top-two .email a {
color: #222222;
}
.header-top-two .email a:hover {
color: #023567;
}
.header-top-two .links {
position: relative;
float: left;
padding: 15px 0px;
}
.header-top-two .links li {
position: relative;
float: left;
margin-left: 31px;
}
.header-top-two .links li:before {
content: '|';
position: absolute;
left: -16px;
top: -3px;
line-height: 30px;
}
.header-top-two .links li:first-child:before {
display: none;
}
.header-top-two .links li a {
color: #222222;
line-height: 30px;
}
.header-top-two .links li a:hover {
color: #023567;
}
.header-top-two .social-links {
position: relative;
float: left;
margin-left: 30px;
padding: 15px 0px;
padding-left: 30px;
border-left: 1px solid rgba(0,0,0,0.07);
}
.header-top-two .social-links li {
position: relative;
float: left;
color: #999999;
line-height: 30px;
margin-right: 20px;
}
.header-top-two .social-links li:last-child {
margin-right: 0;
}
.header-top-two .social-links li a {
position: relative;
display: block;
color: #aaaaaa;
font-size: 14px;
line-height: 30px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-top-two .social-links li a .fa, .header-top-two .social-links li a .fab {
vertical-align: middle;
}
.header-top-two .social-links li a:hover {
color: #023567;
}
.header-style-two .header-upper {
position: relative;
}
.header-style-two .header-upper .logo-box {
position: relative;
float: left;
padding: 15px 0px;
z-index: 10;
}
.header-style-two .header-upper .logo-box .logo {
position: relative;
display: block;
}
.header-style-two .header-upper .logo-box .logo img {
position: relative;
display: inline-block;
max-width: 100%;
max-height: 80px;
z-index: 1;
}
.header-style-two .header-upper .nav-box {
position: relative;
float: right;
}
.header-style-two .header-upper .contact-info {
position: relative;
float: left;
padding-top: 35px;
padding-left: 30px;
margin-left: 30px;
border-left: 1px solid rgba(0,0,0,0.07);
min-height: 110px;
color: #aaaaaa;
line-height: 24px;
text-align: right;
}
.header-style-two .header-upper .contact-info .phone {
position: relative;
display: block;
color: #023567;
font-size: 22px;
font-weight: 600;
}
.header-style-two .header-upper .contact-info .phone a {
color: #023567;
}
.header-style-two .header-upper .contact-info .phone .icon {
position: relative;
font-size: 22px;
color: #30adcd;
padding-right: 10px;
font-weight: 400;
}
.header-style-two .header-upper .nav-outer {
position: relative;
float: left;
padding-top: 25px;
}
.header-style-two .main-menu .navigation > li {
margin-right: 32px;
}
.header-style-two .main-menu .navigation > li:last-child {
margin-right: 0;
}
.header-style-two .main-menu .navigation > li > a {
color: #222222;
padding-bottom: 15px;
}
/***
====================================================================
Header Style Three
====================================================================
***/
.header-style-three {
position: relative;
color: #aaaaaa;
}
.header-style-three .header-upper {
position: relative;
display: block;
padding: 20px 0px;
background: #2f333c;
}
.header-style-three .header-upper .logo-box {
position: relative;
float: left;
padding: 0px 0px;
z-index: 10;
}
.header-style-three .header-upper .logo-box .logo {
position: relative;
display: block;
}
.header-style-three .header-upper .logo-box .logo img {
position: relative;
display: inline-block;
max-width: 100%;
max-height: 80px;
z-index: 1;
}
.header-style-three .header-upper .right-info {
position: relative;
float: right;
}
.header-style-three .header-upper .info {
position: relative;
float: left;
padding-top: 15px;
}
.header-style-three .header-upper .info .info-block {
position: relative;
float: left;
padding-left: 50px;
margin-left: 50px;
}
.header-style-three .header-upper .info .info-block:first-child {
margin-left: 0;
}
.header-style-three .header-upper .info .info-block .icon-box {
position: absolute;
left: 0;
top: 3px;
width: 36px;
height: 36px;
line-height: 36px;
}
.header-style-three .header-upper .info strong {
position: relative;
display: block;
font-size: 20px;
font-weight: 600;
}
.header-style-three .header-upper .info .info-text {
position: relative;
display: block;
font-size: 16px;
}
.header-style-three .header-upper .info a {
color: #ffffff;
}
.header-style-three .header-upper .info a:hover {
text-decoration: underline;
}
.header-style-three .header-upper .link-box {
position: relative;
float: left;
padding-top: 13px;
margin-left: 50px;
}
.header-style-three .header-lower {
position: relative;
display: block;
background: #b14756;
}
.header-style-three .header-lower .nav-box {
position: relative;
display: block;
color: #ffffff;
}
.header-style-three .main-menu .navigation > li {
margin-right: 40px;
}
.header-style-three .main-menu .navigation > li:after {
display: none;
}
.header-style-three .nav-box .search-btn {
position: relative;
float: left;
margin-top: 20px;
margin-left: 35px;
padding-left: 30px;
padding-right: 30px;
background: url(../images/icons/link-separator-1.png) left center no-repeat;
}
.header-style-three .nav-box .search-btn:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 3px;
height: 100%;
background: url(../images/icons/link-separator-1.png) right center no-repeat;
}
.header-style-three .nav-box .search-btn button {
position: relative;
display: block;
padding: 0;
margin: 0;
background: none;
line-height: 30px;
color: #ffffff;
cursor: pointer;
}
.header-style-three .nav-box .search-btn button .fa {
vertical-align: middle;
}
.header-style-three .nav-box .social {
position: relative;
float: right;
margin-top: 21px;
padding-left: 40px;
background: url(../images/icons/link-separator-1.png) left center no-repeat;
}
.header-style-three .nav-box .social-links {
position: relative;
}
.header-style-three .nav-box .social-links li {
position: relative;
float: left;
color: #333333;
line-height: 30px;
margin-left: 25px;
}
.header-style-three .nav-box .social-links li:first-child {
margin-left: 0;
}
.header-style-three .nav-box .social-links li a {
position: relative;
display: block;
color: #ffffff;
font-size: 16px;
line-height: 30px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-style-three .nav-box .social-links li a .fa, .header-style-three .nav-box .social-links li a .fab {
vertical-align: middle;
}
.header-style-three .nav-box .social-links li a:hover {
opacity: 0.50;
}
/***
====================================================================
Header Style Four
====================================================================
***/
.header-style-four {
position: fixed;
left: 0;
top: 0;
width: 100%;
}
.header-style-four .header-upper {
position: relative;
display: block;
padding: 5px 50px;
background: rgba(255, 255, 255, 0.9);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.fixed-header.header-style-four .header-upper {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
background: rgba(0, 0, 0, 0.9);
;
}
.fixed-header .main-menu .navigation > li > a {
color: #fff;
}
.spanw1 {
display: none;
}
.fixed-header .spanw1 {
display: block;
}
.fixed-header .spanw2 {
display: none;
}
.header-style-four .header-upper .logo-box {
position: relative;
float: left;
padding: 0px 0px;
z-index: 10;
margin-top: 0px;
}
.header-style-four .header-upper .logo-box .logo {
position: relative;
display: block;
width: 150px;
}
.header-style-four .header-upper .logo-box .logo img {
position: relative;
/*display: inline-block;*/
max-width: 100%;
max-height: 70px;
z-index: 1;
}
.header-style-four .header-upper .nav-outer {
position: relative;
float: right;
margin-top: 0px;
margin-left: 35px;
}
.header-style-four .header-upper .main-menu .navigation > li {
margin-right: 0;
margin-left: 20px;
}
.header-style-four .header-upper .main-menu .navigation > li:after {
display: none;
}
.header-style-four .header-upper .main-menu .navigation > li:first-child {
margin-left: 0;
}
.header-style-four .header-upper .social {
position: relative;
float: right;
margin-top: 27px;
padding-left: 40px;
background: url(../images/icons/link-separator-1.png) left center no-repeat;
margin-left: 40px;
}
.header-style-four .header-upper .social .social-links {
position: relative;
}
.header-style-four .header-upper .social .social-links li {
position: relative;
float: left;
color: #333333;
line-height: 30px;
margin-left: 25px;
}
.header-style-four .header-upper .social .social-links li:first-child {
margin-left: 0;
}
.header-style-four .header-upper .social .social-links li a {
position: relative;
display: block;
color: #ffffff;
font-size: 16px;
line-height: 30px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-style-four .header-upper .social .social-links li a .fa, .header-style-four .header-upper .social .social-links li a .fab {
vertical-align: middle;
}
.header-style-four .header-upper .social .social-links li a:hover {
opacity: 0.50;
}
/***
====================================================================
Header Style Five
====================================================================
***/
.header-style-five {
position: relative;
}
.header-top-three {
background: #b14756;
padding: 0px 0px;
color: #ffffff;
}
.header-top-three .top-left .top-text {
position: relative;
float: left;
padding: 0px 0px;
line-height: 30px;
margin-right: 30px;
font-size: 12px;
}
.header-top-three .links {
position: relative;
float: left;
padding: 0px 0px;
font-size: 12px;
}
.header-top-three .links li {
position: relative;
float: left;
line-height: 30px;
margin-left: 41px;
}
.header-top-three .links li:before {
content: '|';
position: absolute;
right: -21px;
top: -1px;
font-size: 16px;
color: #999999;
line-height: 30px;
}
.header-top-three .links li a {
color: #ffffff;
}
.header-top-three .links li a:hover {
color: #023567;
}
.header-top-three .social-links {
position: relative;
float: left;
margin-left: 40px;
padding: 0px 0px;
}
.header-top-three .social-links li {
position: relative;
float: left;
color: #ffffff;
line-height: 30px;
margin-right: 20px;
}
.header-top-three .social-links li:last-child {
margin-right: 0;
}
.header-top-three .social-links li a {
position: relative;
display: block;
color: #ffffff;
font-size: 14px;
line-height: 30px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-top-three .social-links li a .fa, .header-top-three .social-links li a .fab {
vertical-align: middle;
}
.header-top-three .social-links li a:hover {
color: #023567;
}
.header-style-five .header-upper {
position: relative;
background: #fff;
}
.header-style-five .header-upper .logo-box {
position: relative;
float: left;
padding: 15px 0px;
z-index: 10;
}
.header-style-five .header-upper .logo-box .logo {
position: relative;
display: block;
width: 215px;
}
.header-style-five .header-upper .logo-box .logo img {
position: relative;
display: inline-block;
max-width: 100%;
max-height: 80px;
z-index: 1;
}
.header-style-five .header-upper .nav-box {
position: relative;
float: right;
}
.header-style-five .header-upper .link-box {
position: relative;
float: left;
padding-top: 28px;
margin-left: 40px;
}
.header-style-five .header-upper .nav-outer {
position: relative;
float: left;
padding-top: 20px;
}
.header-style-five .main-menu .navigation > li {
margin-right: 32px;
}
.header-style-five .main-menu .navigation > li:last-child {
margin-right: 0;
}
.header-style-five .main-menu .navigation > li > a {
color: #222222;
padding-bottom: 22px;
}
.header-style-five .main-menu .navigation > li > a:before {
border-bottom: 2px solid #023567;
bottom: 15px;
}
/***
====================================================================
Inner Header Style
====================================================================
***/
.inner-page-header {
position: relative;
}
.inner-page-header .header-top-one {
background: #023567;
}
.inner-page-header .upper-row {
padding: 20px 0px;
}
.inner-page-header .lower-row {
position: absolute;
top: 100%;
width: 100%;
}
/***
====================================================================
Sticky Header
====================================================================
***/
.sticky-header {
position: fixed;
visibility: hidden;
opacity: 0;
left: 0px;
top: 0px;
width: 100%;
padding: 0px 0px;
z-index: -1;
background: #ffffff;
border-bottom: 1px solid #f0f0f0;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
-ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
-o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
box-shadow: 0 0 15px rgba(0,0,0,0.10);
-webkit-transition: top 300ms ease;
-moz-transition: top 300ms ease;
-ms-transition: top 300ms ease;
-o-transition: top 300ms ease;
transition: top 300ms ease;
}
.fixed-header .sticky-header {
opacity: 1;
z-index: 99901;
visibility: visible;
}
.fixed-header .sticky-header .logo {
padding: 6px 0px;
width: 350px;
}
.sticky-header .main-menu .navigation > li {
margin-left: 40px !important;
padding: 0;
margin-right: 0;
background-color: transparent;
}
.sticky-header .main-menu .navigation > li.dropdown > a:after, .sticky-header .main-menu .navigation > li:before {
display: none;
}
.sticky-header .main-menu .navigation > li > a {
padding: 21px 0px !important;
line-height: 30px;
font-size: 16px;
font-weight: 600;
color: #25283a;
text-transform: capitalize;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.sticky-header .main-menu .navigation > li > ul > li > ul {
left: auto;
right: 100%;
}
.sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li.current-menu-item > a {
opacity: 1;
}
/***
====================================================================
Search Popup
====================================================================
***/
.search-popup {
position: fixed;
left: 0;
top: 0px;
width: 100%;
height: 100%;
z-index: 99999;
visibility: hidden;
opacity: 0;
overflow: auto;
background: rgba(0,0,0,0.0);
transition: all 100ms ease;
-moz-transition: all 100ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
}
.search-popup:before {
content: '';
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.50);
-webkit-transform: translateY(101%);
-ms-transform: translateY(101%);
transform: translateY(101%);
}
.search-popup:after {
content: '';
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.40);
-webkit-transform: translateY(101%);
-ms-transform: translateY(101%);
transform: translateY(101%);
}
.search-popup.popup-visible:before {
transition: all 500ms ease 600ms;
-moz-transition: all 500ms ease 600ms;
-webkit-transition: all 500ms ease 600ms;
-ms-transition: all 500ms ease 600ms;
-o-transition: all 500ms ease 600ms;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.search-popup.popup-visible:after {
transition: all 500ms ease 100ms;
-moz-transition: all 500ms ease 100ms;
-webkit-transition: all 500ms ease 100ms;
-ms-transition: all 500ms ease 100ms;
-o-transition: all 500ms ease 100ms;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.search-popup.popup-visible {
opacity: 1;
visibility: visible;
}
body.search-visible {
overflow: hidden;
}
.search-popup .overlay-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
display: block;
}
.search-popup .close-search {
position: absolute;
right: 25px;
top: 25px;
font-size: 22px;
color: #ffffff;
cursor: pointer;
z-index: 5;
}
.search-popup .close-search:hover {
opacity: 0.70;
}
.search-popup .search-form {
position: relative;
padding: 0px 15px 0px;
max-width: 1024px;
margin: 0 auto;
margin-top: 150px;
margin-bottom: 100px;
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
z-index: 10;
}
.search-popup.popup-visible .search-form {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
transition: all 500ms ease 1100ms;
-moz-transition: all 900ms ease 1100ms;
-webkit-transition: all 900ms ease 1100ms;
-ms-transition: all 900ms ease 1100ms;
-o-transition: all 900ms ease 1100ms;
}
.search-popup .search-form fieldset {
position: relative;
border: 7px solid rgba(255,255,255,0.50);
border-radius: 12px;
}
.search-popup .search-form fieldset input[type="search"] {
position: relative;
height: 70px;
padding: 20px 220px 20px 30px;
background: #ffffff;
line-height: 30px;
font-size: 24px;
color: #233145;
border-radius: 7px;
}
.search-popup .search-form fieldset input[type="submit"] {
position: absolute;
display: block;
right: 0px;
top: 0px;
text-align: center;
width: 220px;
height: 70px;
padding: 20px 10px 20px 10px;
color: #ffffff !important;
background: #b14756;
line-height: 30px;
font-size: 20px;
cursor: pointer;
text-transform: uppercase;
border-radius: 0px 7px 7px 0px;
}
.search-popup .search-form fieldset input[type="submit"]:hover {
background: #b14756;
}
.search-popup h3 {
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
color: #ffffff;
margin-bottom: 20px;
letter-spacing: 1px;
text-align: center;
}
.search-popup .recent-searches {
font-size: 16px;
color: #ffffff;
text-align: center;
}
.search-popup .recent-searches li {
display: inline-block;
margin: 0px 10px 10px 0px;
}
.search-popup .recent-searches li a {
display: block;
line-height: 24px;
border: 1px solid #ffffff;
padding: 7px 15px;
color: #ffffff;
border-radius: 3px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.search-popup .recent-searches li a:hover {
color: #b14756;
border-color: #b14756;
}
/***
====================================================================
Mobile Menu
====================================================================
***/
.sptopmenue {
float: right;
}
.main-header .nav-outer .main-menu, .sticky-header {
display: none !important;
}
.header-style-four .nav-outer .mobile-nav-toggler {
color: #84602f;
}
.nav-outer .mobile-nav-toggler {
position: relative;
float: right;
font-size: 30px;
line-height: 40px;
cursor: pointer;
margin-left: 0px;
margin: 16px 0px 16px;
display: block;
z-index: 99999;
}
.mobile-menu {
position: fixed;
right: 0;
top: 0;
width: 450px;
padding-right: 30px;
max-width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .mCSB_inside>.mCSB_container {
margin-right: 5px;
}
.mobile-menu .navbar-collapse {
display: block !important;
}
.mobile-menu .nav-logo {
position: relative;
padding: 30px 25px;
text-align: left;
width: 45%;
}
.mobile-menu-visible {
overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
opacity: 1;
visibility: visible;
}
.mobile-menu .menu-backdrop {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,0.70);
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
opacity: 0.70;
visibility: visible;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #202020;
padding: 0px 0px;
z-index: 5;
opacity: 0;
visibility: hidden;
border-radius: 0px;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .close-btn {
position: absolute;
right: 10px;
top: 10px;
line-height: 30px;
width: 24px;
text-align: center;
font-size: 16px;
color: #ffffff;
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-ms-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
}
.mobile-menu-visible .mobile-menu .close-btn {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.mobile-menu .close-btn:hover {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile-menu .navigation {
position: relative;
display: block;
width: 100%;
float: none;
}
.mobile-menu .navigation li {
position: relative;
display: block;
border-top: 1px solid rgba(255,255,255,0.10);
}
.mobile-menu .navigation:last-child {
border-bottom: 1px solid rgba(255,255,255,0.10);
}
.mobile-menu .navigation li > ul > li:first-child {
border-top: 1px solid rgba(255,255,255,0.10);
}
.mobile-menu .navigation li > a:hover {
color: #856130;
}
.mobile-menu .navigation li > a {
position: relative;
display: block;
line-height: 24px;
padding: 10px 25px;
font-size: 17px;
font-weight: 500;
color: #ffffff;
text-transform: capitalize;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.mobile-menu .navigation li ul li > a {
font-size: 16px;
margin-left: 20px;
text-transform: capitalize;
}
.mobile-menu .navigation li > a:before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 0;
border-left: 3px solid #856130;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.mobile-menu .navigation li.current > a:before {
height: 100%;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
position: absolute;
right: 6px;
top: 6px;
width: 32px;
height: 32px;
text-align: center;
font-size: 16px;
line-height: 32px;
color: #ffffff;
background: rgba(255,255,255,0.10);
cursor: pointer;
border-radius: 2px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn.open {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul {
display: none;
}
.mobile-menu .social-links {
position: relative;
text-align: left;
padding: 30px 25px;
}
.mobile-menu .social-links li {
position: relative;
display: inline-block;
margin: 0px 10px 10px;
}
.mobile-menu .social-links li a {
position: relative;
line-height: 32px;
font-size: 16px;
color: #ffffff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
/***
====================================================================
Lazy Load Settings
====================================================================
***/
img.lazy-image {
background: url(../images/icons/image-bg.svg) center center no-repeat;
}
img.lazy-image.loaded {
background-image: none;
}
.owl-theme img.lazy-image.loaded {
height: auto;
opacity: 1;
}
/***
====================================================================
Banner Section
====================================================================
***/
.banner-section {
position: relative;
z-index: 1;
height: 100vh;
}
.banner-carousel {
position: relative;
height: 100%;
}
.banner-carousel .slide-item {
position: relative;
display: block;
background-color: #000000;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-top: 250px;
padding-bottom: 70px;
overflow: hidden;
height: 100%;
}
.banner-two .banner-carousel .slide-item {
padding: 0 0 30px;
}
.banner-five .banner-carousel .slide-item {
padding: 0 0 30px;
}
.banner-three .banner-carousel .slide-item {
padding: 0 0 30px;
}
.banner-four .banner-carousel .slide-item {
padding: 120px 0 30px;
height: 100%;
}
.banner-carousel .slide-item .image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.50;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.banner-two .banner-carousel .slide-item .image-layer {
opacity: 0.70;
}
.banner-five .banner-carousel .slide-item .image-layer {
opacity: 0.40;
}
.banner-three .banner-carousel .slide-item .image-layer {
opacity: 1;
}
.banner-four .banner-carousel .slide-item .image-layer {
opacity: 0.70;
}
.banner-carousel .active .slide-item .image-layer {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
-webkit-transition: all 7000ms linear;
-moz-transition: all 7000ms linear;
-ms-transition: all 7000ms linear;
-o-transition: all 7000ms linear;
transition: all 7000ms linear;
}
.banner-carousel .content-box {
position: relative;
display: table;
vertical-align: middle;
width: 100%;
height: 600px;
padding: 0 0px;
z-index: 5;
}
.banner-two .banner-carousel .content-box {
height: 740px;
}
.banner-five .banner-carousel .content-box {
height: 720px;
}
.banner-three .banner-carousel .content-box {
height: 740px;
}
.banner-four .banner-carousel .content-box {
height: 100vh;
}
.banner-carousel .content-box .content {
position: relative;
display: table-cell;
vertical-align: middle;
padding: 50px 0px;
}
.banner-carousel .content-box .inner {
position: relative;
display: block;
max-width: 900px;
margin: 0 auto;
text-align: center;
}
.banner-two .banner-carousel .content-box .inner {
max-width: 650px;
margin: 0 0;
text-align: left;
}
.banner-five .banner-carousel .content-box .inner {
max-width: 620px;
margin: 0 0;
text-align: left;
}
.banner-three .banner-carousel .content-box .inner {
max-width: 650px;
margin: 0 0;
text-align: left;
}
.banner-four .banner-carousel .content-box .inner {
max-width: 100%;
margin: 0 0;
text-align: center;
}
.banner-carousel .content-box .sub-title {
display: block;
font-size: 16px;
line-height: 1.5em;
color: #ffffff;
font-weight: 400;
opacity: 0;
text-transform: uppercase;
letter-spacing: 7px;
margin-bottom: 30px;
-webkit-transform: translateY(-80px);
-moz-transform: translateY(-80px);
-ms-transform: translateY(-80px);
-o-transform: translateY(-80px);
transform: translateY(-80px);
}
.banner-five .banner-carousel .content-box .sub-title {
margin-bottom: 20px;
}
.banner-carousel .content-box .sub-title .icon {
font-size: 24px;
vertical-align: middle;
color: #30adcd;
padding-right: 10px;
}
.banner-carousel .content-box .sub-title .icon:last-child {
padding-left: 10px;
}
.banner-carousel .active .content-box .sub-title {
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.banner-carousel .content-box .subtitle-2 {
display: block;
font-size: 22px;
line-height: 1.5em;
color: #ffffff;
font-weight: 300;
opacity: 0;
text-transform: uppercase;
letter-spacing: 0px;
margin-bottom: 30px;
padding-bottom: 13px;
-webkit-transform: translateY(-80px);
-moz-transform: translateY(-80px);
-ms-transform: translateY(-80px);
-o-transform: translateY(-80px);
transform: translateY(-80px);
}
.banner-carousel .content-box .subtitle-2 .icon {
font-size: 24px;
vertical-align: middle;
color: #30adcd;
margin-left: 10px;
}
.banner-carousel .active .content-box .subtitle-2 {
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.banner-section .slide-item .curve-layer {
position: absolute;
left: 0%;
top: 0;
width: 50%;
height: 100%;
opacity: 0;
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
}
.banner-section .active .slide-item .curve-layer {
opacity: 1;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
-webkit-transition: all 700ms ease 300ms;
-ms-transition: all 700ms ease 300ms;
-o-transition: all 700ms ease 300ms;
-moz-transition: all 700ms ease 300ms;
transition: all 700ms ease 300ms;
}
.banner-section .slide-item .curve-layer:before {
content: '';
position: absolute;
right: -100px;
top: 0;
width: 150%;
height: 100%;
background: #000000;
opacity: 0.60;
-webkit-transform: skewX(-12deg);
-ms-transform: skewX(-12deg);
transform: skewX(-12deg);
}
.banner-carousel .bottom-dots {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.banner-carousel .bottom-dots .dot {
position: relative;
display: block;
float: left;
width: 3px;
height: 3px;
border-right: 3px solid #ffffff;
margin-right: 3px;
}
.banner-carousel .bottom-dots .line-dot {
border-right: 40px solid #ffffff;
}
.banner-carousel .content-box h1 {
display: block;
font-size: 72px;
line-height: 1.10em;
color: #ffffff;
font-weight: 700;
opacity: 0;
margin-bottom: 35px;
text-transform: uppercase;
letter-spacing: 0;
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
-ms-transform: translateY(80px);
-o-transform: translateY(80px);
transform: translateY(80px);
text-transform: capitalize;
}
.banner-two .banner-carousel .content-box h1 {
font-size: 60px;
line-height: 1.15em;
margin-bottom: 20px;
}
.banner-five .banner-carousel .content-box h1 {
font-size: 60px;
line-height: 1.15em;
text-transform: uppercase;
margin-bottom: 20px;
}
.banner-three .banner-carousel .content-box h1 {
font-size: 60px;
line-height: 1.15em;
margin-bottom: 35px;
padding-bottom: 13px;
}
.banner-four .banner-carousel .content-box h1 {
font-size: 3.5831808rem;
line-height: 60px;
margin-bottom: 25px;
font-weight: 700;
text-transform: none;
}
.banner-carousel .active .content-box h1 {
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
-ms-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
.banner-carousel .content-box .text {
display: block;
font-size: 18px;
line-height: 1.5em;
color: #ffffff;
font-weight: 400;
opacity: 0;
margin-bottom: 40px;
max-width: 650px;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.banner-four .banner-carousel .content-box .text {
margin-bottom: 40px;
font-size: 20px;
}
.banner-carousel .active .content-box .text {
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transition-delay: 1100ms;
-moz-transition-delay: 1100ms;
-ms-transition-delay: 1100ms;
-o-transition-delay: 1100ms;
transition-delay: 1100ms;
}
.banner-carousel .content-box .links-box {
position: relative;
opacity: 0;
z-index: 5;
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
-ms-transform: translateY(80px);
-o-transform: translateY(80px);
transform: translateY(80px);
}
.banner-carousel .active .content-box .links-box {
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transition-delay: 1100ms;
-moz-transition-delay: 1100ms;
-ms-transition-delay: 1100ms;
-o-transition-delay: 1100ms;
transition-delay: 1100ms;
}
.banner-two .banner-carousel .active .content-box .links-box, .banner-four .banner-carousel .active .content-box .links-box, .banner-five .banner-carousel .active .content-box .links-box {
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.banner-three .banner-carousel .active .content-box .links-box {
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.banner-five .banner-carousel .active .content-box .links-box .theme-btn {
margin-right: 10px;
}
.banner-carousel .content-box .content-image {
position: absolute;
left: 100%;
top: -80px;
margin-left: 30px;
width: 700px;
opacity: 0;
-webkit-transform: translateX(50px);
-moz-transform: translateX(50px);
-ms-transform: translateX(50px);
-o-transform: translateX(50px);
transform: translateX(50px);
}
.banner-carousel .content-box .content-image img {
width: auto;
max-width: 100%;
}
.banner-five .banner-carousel .active .content-box .content-image {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.banner-section .owl-dots {
position: absolute;
left: 0px;
bottom: 30px;
width: 100%;
text-align: center;
}
.banner-section .owl-dots .owl-dot {
position: relative;
display: inline-block;
width: 2px;
height: 30px;
margin: 0px 7px;
}
.banner-section .owl-dots .owl-dot span {
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 2px;
height: 10px;
background: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.banner-section .owl-dots .owl-dot.active span {
height: 30px;
}
.banner-one .banner-carousel .owl-nav, .banner-two .banner-carousel .owl-nav, .banner-three .banner-carousel .owl-nav, .banner-four .banner-carousel .owl-nav, .banner-five .banner-carousel .owl-nav {
display: none;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title {
position: relative;
color: #023567;
margin-bottom: 30px;
padding-bottom: 10px;
}
.sec-title h3 {
font-size: 36px!important;
margin-bottom: 0px!important;
}
.sec-title.centered {
margin-bottom: 30px;
}
.sec-title .upper-text {
position: relative;
display: block;
font-size: 14px;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 0 0 10px;
}
.sec-title.hydro-theme .upper-text {
font-size: 16px;
color: #888888;
text-transform: capitalize;
letter-spacing: 0;
margin: 0 0 10px;
}
.sec-title .upper-text .icon {
position: relative;
vertical-align: middle;
font-size: 16px;
color: #023567;
padding-left: 3px;
}
.sec-title.bio-theme .upper-text .icon {
color: #b14756;
}
.sec-title.fuel-theme .upper-text .icon {
color: #023567;
}
.sec-title.hydro-theme .upper-text .icon {
color: #023567;
}
.sec-title .subtitle {
position: relative;
display: block;
text-transform: capitalize;
font-size: 17px;
color: #b14756;
font-weight: 300;
padding-top: 10px;
}
.sec-title.bio-theme .subtitle {
color: #b14756;
}
.sec-title.fuel-theme .subtitle {
color: #023567;
padding-top: 5px;
}
.sec-title h2 {
position: relative;
display: block;
font-size: 36px;
line-height: 1.15em;
color: #023567;
text-transform: capitalize;
margin-bottom: 0px;
}
.sec-title.hydro-theme h2 {
color: #023567;
}
.sec-title .bottom-dots {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.sec-title.centered .bottom-dots {
left: 50%;
margin-left: -25px;
}
.sec-title .bottom-dots .dot {
position: relative;
display: block;
float: left;
width: 3px;
height: 3px;
border-right: 3px solid #023567;
margin-right: 3px;
}
.sec-title.bio-theme .bottom-dots .dot {
border-right-color: #fff;
}
.sec-title.hydro-theme .bottom-dots .dot {
border-right-color: #023567;
}
.sec-title .bottom-dots .line-dot {
border-right: 40px solid #023567;
}
.sec-title.fuel-theme .bottom-dots .dot {
border-right-color: #0a394d;
}
.light-title .upper-text, .light-title .upper-text .icon, .light-title h2 {
color: #ffffff;
}
.light-title .bottom-dots .dot {
border-color: #00325f;
}
.sec-title-two {
position: relative;
display: block;
max-width: 720px;
margin: 0 auto 50px;
text-align: center;
}
/*.title {
width: 100%;
position: relative;
display: flex;
align-items: center;
height: 50px;
}*/
.sec-title-two .subtitle {
position: relative;
display: block;
font-size: 16px;
color: #aaaaaa;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.4em;
margin: 0 0 15px;
}
.sec-title-two h2 {
position: relative;
display: block;
font-size: 36px;
line-height: 1.2em;
color: #023567;
margin-bottom: 0px;
}
.sec-title-two .upper-icon {
position: relative;
display: inline-block;
font-size: 24px;
color: #023567;
line-height: 30px;
width: 80px;
padding: 0px 40px;
margin: 0 auto 25px;
}
.sec-title-two .left-dots {
position: absolute;
left: 0;
top: 50%;
/*margin-top: -2px;*/
width: 45px;
}
.sec-title-two .left-dots .dot {
position: relative;
display: block;
float: left;
width: 3px;
height: 3px;
border-right: 3px solid #023567;
margin-right: 3px;
}
.sec-title-two .left-dots .line-dot {
border-right: 20px solid #023567;
}
.sec-title-two .right-dots {
position: absolute;
right: 0;
top: 50%;
/*margin-top: -1px;*/
width: 45px;
}
.sec-title-two .right-dots .dot {
position: relative;
display: block;
float: left;
width: 3px;
height: 3px;
border-right: 3px solid #023567;
margin-left: 3px;
}
.sec-title-two .right-dots .line-dot {
border-left: 20px solid #023567;
}
.sec-title-two .sub-text {
position: relative;
padding-top: 20px;
line-height: 1.5em;
}
/***
====================================================================
About Section
====================================================================
***/
.about-section-one {
position: relative;
padding: 80px 0px 0px;
}
.about-section-one .text-column {
position: relative;/*order: 12;*/
}
.about-section-one .text-column .inner {
position: relative;
display: block;
padding-left: 25px;
}
.about-section-one .text-content {
position: relative;
}
.about-section-one .text-content p {
margin-bottom: 15px;
line-height: 22px;
font-size: 16px;
font-weight: 400;
text-align: justify;
}
.about-section-one .featured-list {
position: relative;
text-align: center;
padding-top: 10px;
}
.about-section-one .featured-list ul {
position: relative;
margin: 0px -15px;
}
.about-section-one .featured-list ul li {
position: relative;
float: left;
width: 25%;
padding: 1px;
font-weight: 500;
font-size: 14px;
color: #222222;
text-transform: uppercase;
line-height: 1.4em;
margin-bottom: 50px;
}
.about-section-one .featured-list ul li:nth-child(2) {
}
/*.about-section-one .featured-list ul li:nth-child(3):before{
content: '';
position: absolute;
left: 15px;
top: 0;
width: 1px;
height: 100%;
border-left: 1px dashed #cccccc;
}
.about-section-one .featured-list ul li:nth-child(3):after{
content: '';
position: absolute;
right: 15px;
top: 0;
width: 1px;
height: 100%;
border-left: 1px dashed #cccccc;
}*/
.about-section-one .featured-list ul li .icon {
position: relative;
display: block;
font-weight: 400;
font-size: 64px;
line-height: 1em;
color: #023567;
vertical-align: bottom;
margin: 0 0 20px;
}
.about-section-one .featured-list ul li:nth-child(2) .icon {
color: #b14756;
}
.about-section-one .image-column {
position: relative;
order: 0;
}
.about-section-one .image-column .inner {
position: relative;
display: block;
padding-right: 15px;
}
.about-section-one .image-column .image-box {
position: relative;
display: block;
}
.about-section-one .image-column .image-box .image {
position: relative;
display: block;
margin: 0;
}
.about-section-one .image-column .image-box .image img {
position: relative;
display: block;
width: 100%;
}
.about-section-one .image-column .image-box .image-two {
position: absolute;
display: block;
left: -100px;
top: 100%;
margin: 0;
margin-top: -80px;
border: 20px solid #ffffff;
z-index: 1;
}
/***
====================================================================
Programs Section
====================================================================
***/
.programs-section-one {
position: relative;
padding: 110px 0px;
}
.programs-section-one .bg-pattern-layer {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 280px;
background-color: #f0f3fb;
}
.programs-section-one .bg-pattern-layer:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../image/bg-pattern-1.png) center center repeat;
opacity: 0.70;
}
.program-block {
position: relative;
text-align: center;
margin-bottom: 30px;
}
.owl-theme .program-block {
margin-bottom: 0;
}
.program-block .inner-box {
position: relative;
display: block;
}
.program-block .image-box {
position: relative;
display: block;
overflow: hidden;
margin-bottom: 20px;
}
.program-block .image-box .image {
position: relative;
display: block;
}
.program-block .image-box .image img {
position: relative;
display: block;
width: 100%;
}
.program-block h3 {
position: relative;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 0;
}
.program-block h3 a {
color: #222222;
}
.program-block h3 a:hover {
color: #023567;
}
.program-block .image-box:before {
content: '';
position: absolute;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.80);
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
z-index: 2;
}
.program-block .inner-box:hover .image-box:before {
opacity: 1;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.program-block .hover-box {
position: absolute;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.0);
border-bottom: 5px solid #b14756;
color: #ffffff;
opacity: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0ms ease;
-moz-transition: all 0ms ease;
-ms-transition: all 0ms ease;
-o-transition: all 0ms ease;
transition: all 0ms ease;
z-index: 5;
}
.program-block .inner-box:hover .hover-box {
opacity: 1;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
-webkit-transition: all 500ms ease 400ms;
-moz-transition: all 500ms ease 400ms;
-ms-transition: all 500ms ease 400ms;
-o-transition: all 500ms ease 400ms;
transition: all 500ms ease 400ms;
}
.program-block .hover-inner {
position: absolute;
display: table;
vertical-align: middle;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.program-block .hover-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
width: 100%;
padding: 20px;
}
.program-block .hover-inner .icon-box {
position: relative;
display: block;
font-size: 72px;
line-height: 1em;
margin-bottom: 10px;
}
.programs-section-one .owl-dots {
display: none;
}
.programs-section-one .owl-theme .owl-nav {
position: relative;
width: 100%;
text-align: center;
padding-top: 40px;
}
.programs-section-one .owl-theme .owl-nav .owl-prev, .programs-section-one .owl-theme .owl-nav .owl-next {
position: relative;
display: inline-block;
margin: 0px 5px;
width: 50px;
height: 50px;
line-height: 48px;
text-align: center;
font-size: 20px;
color: #cccccc;
border: 1px solid #e0e0e0;
border-radius: 50%;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.programs-section-one .owl-theme .owl-nav .owl-prev:hover, .programs-section-one .owl-theme .owl-nav .owl-next:hover {
color: #023567;
border-color: #023567;
}
/***
====================================================================
Newsletter Section
====================================================================
***/
.newsletter-section {
position: relative;
padding: 80px 0px 50px;
background: #023567;
color: #ffffff;
overflow: hidden;
}
.newsletter-section .auto-container {
position: relative;
max-width: 1340px;
}
.newsletter-section .big-icon {
position: absolute;
left: -130px;
top: -75px;
font-size: 220px;
color: rgba(255,255,255,0.05);
line-height: 1em;
}
.newsletter-section .title-column {
position: relative;
margin-bottom: 25px;
}
.newsletter-section .title-column h2 {
font-weight: 700;
margin: 0;
text-transform: capitalize;
line-height: 1.15em;
}
.newsletter-section .newsletter-form {
position: relative;
padding-top: 8px;
padding-bottom: 3px;
}
.newsletter-form form {
position: relative;
}
.newsletter-form form .row {
margin: 0 -10px;
}
.newsletter-form .form-group {
position: relative;
padding: 0px 10px;
margin-bottom: 20px;
}
.newsletter-form .form-group .field-inner {
position: relative;
}
.newsletter-form .form-group label {
position: absolute;
left: 20px;
top: 15px;
line-height: 30px;
color: rgba(255,255,255,0.50);
}
.newsletter-form .form-group input[type="text"], .newsletter-form .form-group input[type="tel"], .newsletter-form .form-group input[type="email"], .newsletter-form .form-group input[type="password"], .newsletter-form .form-group input[type="url"], .newsletter-form .form-group textarea {
position: relative;
width: 100%;
line-height: 30px;
padding: 13px 30px;
padding-left: 46px;
height: 60px;
display: inline-block;
font-size: 16px;
background: none;
font-weight: 400;
color: #ffffff;
border: 2px solid rgba(255,255,255,0.10);
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.newsletter-form .form-group input[type="text"]:focus, .newsletter-form .form-group input[type="email"]:focus, .newsletter-form .form-group input[type="tel"]:focus, .newsletter-form .form-group input[type="url"]:focus {
border-color: #023567;
}
.newsletter-form .form-group input::-webkit-input-placeholder {
color:rgba(255,255,255,0.50);
}
.newsletter-form .form-group button {
position: relative;
display: block;
width: 100%;
}
.newsletter-form .form-group .theme-btn .btn-title {
padding-top: 15px;
padding-bottom: 15px;
}
.newsletter-form .form-group .theme-btn .btn-title .btn-icon {
padding-top: 15px;
}
/***
====================================================================
Services Section One
====================================================================
***/
.services-section-one {
position: relative;
padding: 110px 0px 50px;
overflow: hidden;
}
.services-section-one .pattern-image-left {
position: absolute;
left: 0;
bottom: 50px;
width: auto;
height: auto;
}
.services-section-one .pattern-image-right {
position: absolute;
right: 0;
bottom: 30px;
width: auto;
height: auto;
}
.service-block {
position: relative;
margin-bottom: 30px;
}
.service-block .image-column {
position: relative;
margin-bottom: 30px;
}
.service-block .image-column .inner {
position: relative;
display: block;
padding-right: 80px;
}
.service-block .image-column .image, .service-block .image-column .image img {
display: block;
width: 100%;
}
.service-block .image-column .icon-box {
position: absolute;
right: 20px;
top: 50%;
margin-top: -60px;
width: 120px;
height: 120px;
font-size: 54px;
line-height: 120px;
color: #856130;
background: #ffffff;
text-align: center;
border-radius: 25px;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}
.service-block.now-in-view .image-column .icon-box {
/*-ms-transform: scale(1.2) rotate(360deg);
transform: scale(1.2) rotate(360deg);
-webkit-transition: all 2000ms ease 500ms;
-ms-transition: all 2000ms ease 500ms;
-o-transition: all 2000ms ease 500ms;
-moz-transition: all 2000ms ease 500ms;
transition: all 2000ms ease 500ms;*/
}
.service-block .text-column {
position: relative;
margin-bottom: 30px;
}
.service-block .text-column .inner {
position: relative;
display: block;
padding-left: 20px;
padding-top: 30px;
padding-right: 150px;
}
.service-block .text-column .title {
position: relative;
margin-bottom: 26px;
}
.service-block .text-column .title h2 {
font-size: 30px;
font-weight: 600;
text-transform: capitalize;
margin: 0 0 3px;
color: #023567;
}
.service-block .text-column .title .sub-text {
font-size: 18px;
font-weight: 300;
line-height: 1.4em;
text-transform: uppercase;
margin: 0;
color: #aaaaaa;
}
.service-block .text-column .text {
position: relative;
margin-bottom: 30px;
}
.service-block .text-column .link-box {
position: relative;
margin-top: 25px;
}
.service-block .text-column .link-box a {
position: relative;
display: inline-block;
font-weight: 400;
font-size: 18px;
color: #023567;
text-transform: capitalize;
}
.service-block .text-column .link-box a .txt {
position: relative;
display: inline-block;
border-bottom: 1px solid;
}
.service-block .text-column .link-box a .icon {
position: relative;
font-size: 16px;
padding-left: 7px;
color: #856130;
}
.service-block .text-column .link-box a:hover {
color: #856130;
}
.services .service-block:nth-child(even) .text-column {
order: 0;
}
.services .service-block:nth-child(even) .image-column .icon-box {
right: auto;
left: 20px;
}
.services .service-block:nth-child(even) .image-column {
order: 12;
}
.services .service-block:nth-child(even) .image-column .inner {
padding-right: 0;
padding-left: 80px;
}
.services .service-block:nth-child(even) .text-column .inner {
padding-right: 20px;
padding-left: 150px;
text-align: right;
}
/***
====================================================================
Recent Projects Section
====================================================================
***/
.recent-projects {
position: relative;
padding: 80px 0px 0px;
z-index: 1;
}
.recent-projects .bg-pattern-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #f0f3fb;
}
.recent-projects .bg-pattern-layer:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../image/bg-pattern-1.png) center center repeat;
opacity: 0.70;
}
.recent-projects .title-column {
position: relative;
margin-bottom: 50px;
}
.recent-projects .title-column .inner {
position: relative;
display: block;
max-width: 400px;
}
.recent-projects .title-column .text {
margin-bottom: 40px;
}
.recent-projects .image-column {
position: relative;
}
.recent-projects .image-column .inner {
position: relative;
display: block;
}
.recent-projects .image-column .image, .recent-projects .image-column .image img {
position: relative;
display: block;
margin: 0;
width: 100%;
}
.tabs-box {
position: relative;
}
.tabs-box .tab-buttons {
position: relative;
}
.tabs-box .tab-buttons .tab-btn {
position: relative;
display: inline-block;
cursor: pointer;
}
.tabs-box .tabs-content {
position: relative;
}
.tabs-box .tabs-content .tab {
position: relative;
display: none;
}
.tabs-box .tabs-content .active-tab {
display: block;
}
.recent-proj-tabs {
position: relative;
margin-bottom: 88px;
}
.recent-proj-tabs .tab .tab-inner {
position: relative;
display: block;
overflow: hidden;
}
.recent-proj-tabs .tab .cat-info {
position: absolute;
right: -150px;
top: 30px;
line-height: 20px;
padding: 10px 25px;
background: #b14756;
color: #ffffff;
font-weight: 500;
letter-spacing: 1px;
font-size: 14px;
text-transform: uppercase;
opacity: 0;
}
.recent-proj-tabs .tab.now-in-view .cat-info {
right: 30px;
opacity: 1;
-webkit-transition: all 0.5s ease 500ms;
-moz-transition: all 0.5s ease 500ms;
-ms-transition: all 0.5s ease 500ms;
-o-transition: all 0.5s ease 500ms;
transition: all 0.5s ease 500ms;
}
.recent-proj-tabs .tab .image {
display: block;
margin: 0;
}
.recent-proj-tabs .tab img {
position: relative;
display: block;
width: 100%;
height: auto;
}
.recent-proj-tabs .buttons-box {
position: relative;
left: 0;
top: 100%;
width: 100%;
text-align: center;
}
.recent-proj-tabs .tab-buttons .tab-btn {
position: relative;
float: left;
font-size: 18px;
color: #000;
text-transform: capitalize;
background: #fff;
min-height: 88px;
width: 20%;
padding: 30px 15px;
line-height: 24px;
border-bottom: 2px solid rgba(0,0,0,0.20);
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.10);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.recent-proj-tabs .tab-buttons .active-btn {
border-bottom-color: #856130;
padding: 28px 15px;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
}
.recent-proj-tabs .tab-buttons .tab-btn .btn-title {
position: relative;
display: block;
line-height: 28px;
}
.recent-proj-tabs .tab-buttons .tab-btn .info {
position: relative;
display: none;
color: #777777;
font-size: 15px;
text-transform: uppercase;
line-height: 20px;
}
.recent-proj-tabs .tab-buttons .active-btn .btn-title {
font-weight: 700;
font-size: 20px;
}
.recent-proj-tabs .tab-buttons .active-btn .info {
display: block;
}
/***
====================================================================
Fun Facts Section
====================================================================
***/
.fun-facts-section {
position: relative;
padding: 260px 0px 60px;
}
.fun-facts-section.default-style {
padding: 80px 0px 50px;
border-top: 1px solid rgba(0,0,0,0.07);
}
.fun-facts-section.bio-theme {
padding-top: 0px;
}
.fun-facts-section .auto-container {
max-width: 1300px;
}
.fun-facts-section .bg-pattern-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../images/background/map-pattern.jpg) center 50px no-repeat;
}
.fact-counter {
position: relative;
z-index: 1;
}
.fact-counter .counter-column {
position: relative;
margin-bottom: 50px;
text-align: center;
}
.fact-counter .counter-column .inner {
position: relative;
display: block;
}
.fun-facts-section.default-style .inner:before {
content: '';
position: absolute;
right: -15px;
bottom: 5px;
border-left: 1px dashed rgba(0,0,0,0.20);
height: 80px;
}
.fun-facts-section.default-style .counter-column:last-child .inner:before {
display: none;
}
.fact-counter .counter-column .icon-box {
position: relative;
display: block;
font-size: 20px;
line-height: 1em;
color: #023567;
margin-bottom: 25px;
}
.fun-facts-section.bio-theme .fact-counter .counter-column .icon-box {
color: #b14756;
}
.fact-counter .count-box {
position: relative;
font-size: 48px;
line-height: 1.1em;
color: #b14756;
text-transform: capitalize;
font-weight: 700;
margin-bottom: 5px;
}
.fun-facts-section.bio-theme .fact-counter .count-box {
color: #222222;
}
.fact-counter .count-box .count-text {
position: relative;
display: inline-block;
}
.fact-counter .counter-title {
position: relative;
display: block;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.05em;
font-weight: 400;
color: #222222;
text-transform: capitalize;
}
.fun-facts-section.bio-theme .fact-counter .counter-title {
color: #b14756;
font-size: 16px;
text-transform: capitalize;
font-family: 'Playfair Display', serif;
}
/***
====================================================================
Reviews Section
====================================================================
***/
.reviews-section {
position: relative;
padding: 100px 0px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.reviews-section .image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
.reviews-section .image-layer:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #0f1e44;
opacity: 0.80;
}
.reviews-carousel-box {
position: relative;
padding: 0px 60px;
margin-bottom: 100px;
}
.testi-block-one {
position: relative;
padding-top: 25px;
}
.testi-block-one .inner-box {
position: relative;
display: block;
padding: 50px 50px;
background: #ffffff;
}
.testi-block-one .inner-box .quote-icon {
position: absolute;
right: 50px;
top: -28px;
line-height: 1em;
font-size: 70px;
color: #b14756;
font-weight: 400;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.testi-block-one .inner-box:hover .quote-icon {
transform: translate(-40px, 90px) scale(1.5);
opacity: 0.30;
}
.testi-block-one .inner-box .rating {
position: relative;
line-height: 24px;
margin-bottom: 15px;
}
.testi-block-one .inner-box .rating span {
position: relative;
display: inline-block;
color: #e6d40e;
font-size: 14px;
margin-right: 1px;
}
.testi-block-one .inner-box .text {
position: relative;
margin-bottom: 30px;
}
.testi-block-one .inner-box .testi-info {
position: relative;
padding-left: 75px;
padding-top: 15px;
line-height: 22px;
min-height: 65px;
}
.testi-block-one .inner-box .testi-info .image {
position: absolute;
left: 0;
top: 0;
width: 65px;
height: 65px;
border-radius: 50%;
overflow: hidden;
}
.testi-block-one .inner-box .testi-info .image img {
display: block;
width: 65px;
height: 65px;
border-radius: 50%;
}
.testi-block-one .inner-box .testi-info .name {
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
}
.testi-block-one .inner-box .testi-info .designation {
font-size: 14px;
color: #777777;
text-transform: capitalize;
}
.reviews-carousel-box .owl-dots {
display: none;
}
.reviews-carousel-box .owl-theme .owl-nav {
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 0;
margin-top: -25px;
}
.reviews-carousel-box .owl-theme .owl-nav .owl-prev, .reviews-carousel-box .owl-theme .owl-nav .owl-next {
position: absolute;
top: 0;
left: -90px;
margin: 0px 0px;
width: 50px;
height: 50px;
line-height: 48px;
text-align: center;
font-size: 20px;
color: #ffffff;
border: 1px solid rgba(255,255,255,0.50);
border-radius: 50%;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.reviews-carousel-box .owl-theme .owl-nav .owl-next {
right: -90px;
left: auto;
}
.reviews-carousel-box .owl-theme .owl-nav .owl-prev:hover, .reviews-carousel-box .owl-theme .owl-nav .owl-next:hover {
color: #b14756;
border-color: #b14756;
}
/***
====================================================================
Sponsors Section
====================================================================
***/
.sponsors-section {
position: relative;
padding: 70px 0px;
}
.sponsors-section .auto-container {
max-width: 1300px;
}
.sponsors-section .image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.sponsors-section .image-layer:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.80;
background: #023567;
}
.sponsors-outer {
position: relative;
text-align: center;
}
.reviews-section .sponsors-outer .auto-container {
max-width: 1440px;
}
.sponsors-outer .slide-item {
display: block;
text-align: center;
animation: scrolling 20s linear infinite;
}
@keyframes scrolling {
0% {
transform: translateX(0);
}
100% {
transform: translatex(-144vw);
}
}
.sponsors-outer .image-box {
position: relative;
display: inline-block;
}
.sponsors-outer .image-box img {
max-width: 100%;
width: auto;
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;
opacity: 0.80;
-webkit-filter: grayscale(0) !important;
filter: grayscale(0) !important;
}
.sponsors-outer .image-box img:hover {
opacity: 1;
-webkit-filter: grayscale(100%) !important;
filter: grayscale(100%) !important;
}
.sponsors-outer .owl-dots, .sponsors-outer .owl-nav {
position: relative;
display: none;
}
/***
====================================================================
Pricing Section
====================================================================
***/
.pricing-section {
position: relative;
padding: 110px 0px 80px;
}
.pricing-section .upper-row {
position: relative;
}
.pricing-section .left-column {
float: left;
margin-bottom: 50px;
}
.pricing-section .left-column .sec-title {
margin-bottom: 0;
}
.pricing-section .right-column {
margin-bottom: 50px;
float: right;
}
.pricing-section .right-column .buttons-box {
position: relative;
padding-top: 40px;
}
.pricing-tabs .tab-buttons {
position: relative;
padding: 8px;
background: #444444;
color: #ffffff;
}
.pricing-tabs .tab-buttons .tab-btn {
position: relative;
display: block;
float: left;
padding: 8px 25px;
line-height: 24px;
background: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pricing-tabs .tab-buttons .active-btn {
background: #023567;
}
.pricing-tabs .tabs-content {
position: relative;
}
.pricing-block {
position: relative;
margin-bottom: 30px;
}
.pricing-block .block-inner {
position: relative;
display: block;
padding: 50px 20px 50px;
text-align: center;
border: 1px solid #e0e0e0;
border-top: 3px solid #f0f0f0;
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.12);
overflow: hidden;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.pricing-section .pricing-block:nth-child(1) .block-inner {
transform: translateY(30px);
}
.pricing-section .pricing-block:nth-child(2) .block-inner {
transform: translateY(-30px);
}
.pricing-section .pricing-block:nth-child(3) .block-inner {
transform: translateY(30px);
}
.active-tab .pricing-block.now-in-view .block-inner {
transform: translateY(0px) !important;
}
.pricing-section .pricing-block:nth-child(1) .block-inner:before {
transition-delay: 0ms;
}
.pricing-section .pricing-block:nth-child(2) .block-inner:before {
transition-delay: 300ms;
}
.pricing-section .pricing-block:nth-child(3) .block-inner:before {
transition-delay: 600ms;
}
.pricing-block.popped .block-inner {
border-top-color: #023567;
}
.pricing-block .plan-header {
position: relative;
margin-bottom: 30px;
}
.pricing-block .plan-header .icon-box {
position: relative;
font-size: 60px;
line-height: 1em;
color: #777777;
margin-bottom: 16px;
}
.pricing-block .plan-header .subtitle {
position: relative;
display: block;
font-size: 16px;
text-transform: uppercase;
line-height: 1.5em;
color: #777777;
margin-bottom: 5px;
}
.pricing-block .plan-header .plan-title h2 {
font-size: 30px;
font-weight: 700;
line-height: 1.25em;
margin: 0px;
}
.pricing-block .plan-price {
position: relative;
margin-bottom: 25px;
}
.pricing-block .plan-price .icon {
position: relative;
font-size: 20px;
line-height: 1em;
color: #023567;
margin-bottom: 18px;
}
.pricing-block .plan-price .price {
position: relative;
display: inline-block;
}
.pricing-block .plan-price .price .currency {
position: absolute;
left: -32px;
top: 13px;
font-size: 30px;
line-height: 1em;
}
.pricing-block .plan-price .amount {
position: relative;
display: block;
color: #b14756;
font-size: 60px;
line-height: 1em;
font-weight: 700;
}
.pricing-block .plan-price .quantity {
position: relative;
display: block;
color: #777777;
font-size: 16px;
line-height: 1.2em;
font-weight: 400;
text-transform: uppercase;
}
.pricing-block .features {
position: relative;
margin-bottom: 40px;
}
.pricing-block .features ul {
position: relative;
}
.pricing-block .features li {
position: relative;
line-height: 1.5em;
margin-bottom: 12px;
}
/* Default Form Style */
.default-form {
position: relative;
}
.default-form .row {
margin: 0 -15px;
}
.default-form .form-group {
position: relative;
padding: 0 15px;
margin-bottom: 25px;
}
.default-form .form-group .field-label {
position: relative;
display: block;
color: #333333;
line-height: 24px;
text-align: left;
text-transform: capitalize;
margin-bottom: 10px;
}
.default-form .form-group:last-child {
margin-bottom: 0;
}
.default-form .form-group input[type="text"], .default-form .form-group input[type="email"], .default-form .form-group input[type="password"], .default-form .form-group input[type="tel"], .default-form .form-group input[type="url"], .default-form .form-group input[type="file"], .default-form .form-group input[type="number"], .default-form .form-group textarea, .default-form .form-group select {
position: relative;
display: block;
height: 54px;
width: 100%;
font-size: 16px;
color: #25283a;
line-height: 30px;
font-weight: 400;
padding: 11px 20px;
background-color: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 0px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.default-form .form-group textarea {
height: 130px;
padding-top: 15px;
resize: none;
}
.contact-form .form-group input[type="submit"], .contact-form .form-group button {
display: inline-block;
margin-top: 5px;
}
.default-form .form-group input[type="text"]:focus, .default-form .form-group input[type="email"]:focus, .default-form .form-group input[type="password"]:focus, .default-form .form-group input[type="tel"]:focus, .default-form .form-group input[type="url"]:focus, .default-form .form-group input[type="file"]:focus, .default-form .form-group input[type="number"]:focus, .default-form .form-group textarea:focus, .default-form .form-group select:focus {
border-color: #023567;
}
.contact-form ::-webkit-input-placeholder {
color: #aaaaaa;
}
.contact-form ::-moz-input-placeholder {
color: #aaaaaa;
}
.contact-form ::-ms-input-placeholder {
color: #aaaaaa;
}
.default-form label.error {
color: #ff0000;
font-size: 14px;
text-transform: capitalize;
text-align: left;
display: block;
padding-top: 5px;
}
.content-box .default-form label.error {
color: #ffffff;
font-size: 16px;
padding-top: 10px;
}
/*Custom Select*/
.form-group .ui-selectmenu-button.ui-button {
width: 100%;
font-size: 16px;
font-style: normal;
height: 54px;
padding: 11px 20px;
line-height: 30px;
font-family: 'Roboto', sans-serif;
color: #333333;
border-radius: 3px;
background-color: #ffffff;
border: 1px solid #e0e0e0;
}
.form-group .ui-button .ui-icon {
background: none;
position: relative;
top: 3px;
text-indent: 0px;
color: #333333;
}
.form-group .ui-button .ui-icon:before {
font-family: 'Font Awesome 5 Free';
content: "\f107";
position: absolute;
right: 0px;
top: 2px !important;
top: 13px;
width: 10px;
height: 20px;
display: block;
color: #aaaaaa;
line-height: 20px;
font-size: 16px;
font-weight: 700;
text-align: center;
z-index: 5;
}
.ui-widget.ui-widget-content {
border: 1px solid #e0e0e0;
font-family: 'Roboto', sans-serif;
}
.ui-menu .ui-menu-item {
font-size: 14px;
border-bottom: 1px solid #e0e0e0;
}
.ui-menu .ui-menu-item:last-child {
border: none;
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
display: block;
padding: 10px 20px !important;
font-size: 16px;
line-height: 24px;
}
/***
====================================================================
Enquiry Section
====================================================================
***/
.enquiry-section {
position: relative;
padding: 110px 0px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.enquiry-section .image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.enquiry-section .image-layer:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #023567;
opacity: 0.70;
}
.enquiry-section .content-box {
position: relative;
display: block;
padding: 60px 60px 50px;
background: #ffffff;
text-align: center;
max-width: 1020px;
margin: 0 auto;
}
.enquiry-section .content-box form .row {
margin: 0px -12px;
}
.enquiry-section .content-box form .row .form-group {
padding: 0px 12px;
margin-bottom: 24px;
}
.enquiry-section .content-box .lower-text {
position: relative;
padding-top: 20px;
}
.enquiry-section .lower-text .sub-title {
position: relative;
display: block;
overflow: hidden;
}
.enquiry-section .lower-text .sub-title .txt {
position: relative;
display: inline-block;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
line-height: 24px;
padding: 0px 20px;
}
.enquiry-section .lower-text .sub-title .txt:before {
content: '';
position: absolute;
left: 100%;
top: 50%;
width: 100px;
border-bottom: 1px dashed #aaaaaa;
}
.enquiry-section .lower-text .sub-title .txt:after {
content: '';
position: absolute;
right: 100%;
top: 45%;
width: 100px;
border-bottom: 1px dashed #aaaaaa;
}
.enquiry-section .lower-text .info {
position: relative;
display: block;
padding-top: 15px;
font-size: 24px;
line-height: 1.5em;
font-weight: 500;
text-transform: capitalize;
}
.enquiry-section .lower-text .info .icon {
position: relative;
top: -2px;
display: inline-block;
width: 36px;
height: 36px;
background: url(../images/icons/icon-call-1.png) center center no-repeat;
vertical-align: middle;
margin: 0px 5px;
}
.enquiry-section .lower-text .info a {
color: #023567;
font-weight: 600;
}
.enquiry-section .lower-text .info a:hover {
text-decoration: underline;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section {
position: relative;
padding: 0px 0px 0px;
}
.news-section.style-three {
padding-top: 170px;
padding-bottom: 40px;
}
.news-section.with-carousel {
padding-bottom: 110px;
}
.news-block {
position: relative;
margin-bottom: 10px;
}
.news-page .news-block {
margin-bottom: 20px;
}
.news-section.with-carousel .carousel-box .owl-stage-outer {
overflow: visible;
}
.news-section.with-carousel .carousel-box .owl-theme .news-block {
margin: 0px 0px;
opacity: 0;
visibility: hidden;
-moz-transition: all 0.3s ease 0ms;
-webkit-transition: all 0.3s ease 0ms;
-ms-transition: all 0.3s ease 0ms;
-o-transition: all 0.3s ease 0ms;
transition: all 0.3s ease 0ms;
}
.news-section.with-carousel .carousel-box .owl-theme .active .news-block {
opacity: 1;
visibility: visible;
}
.news-block .inner-box {
position: relative;
display: block;
max-width: 480px;
margin: 0 auto;
background: none;
padding-bottom: 53px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block .inner-box:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
bottom: 53px;
background: #f8f8f8;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block .inner-box:hover:before {
bottom: 0px;
background: #ffffff;
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.12);
}
.style-two .news-block .inner-box:before {
background: #f3f9fb;
}
.style-two .news-block .inner-box:hover:before {
background: #f3f9fb;
box-shadow: none;
}
.style-four .news-block .inner-box:before {
background: #eef6f9;
}
.style-four .active.center .news-block .inner-box:before, .style-four .news-block .inner-box:hover:before {
background: #ffffff;
bottom: 0px;
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.12);
}
.news-block .image-box, .news-block .image, .news-block .image img {
position: relative;
display: block;
width: 100%;
margin: 0;
}
.news-block .inner-box .post-date {
position: absolute;
right: 30px;
bottom: 30px;
width: 72px;
height: 72px;
line-height: 24px;
text-align: center;
padding: 12px 5px;
background: #ffffff;
border-radius: 50%;
z-index: 1;
}
.style-two .news-block .inner-box .post-date {
right: auto;
left: 25px;
bottom: 25px;
border-radius: 3px;
}
.news-block .inner-box .post-date .day {
display: block;
font-size: 32px;
color: #84602f;
;
font-weight: 700;
line-height: 1.1em;
}
.style-two .news-block .inner-box .post-date .day {
color: #30adcd;
}
.style-three .news-block .inner-box .post-date .day {
color: #b14756;
}
.style-four .news-block .inner-box .post-date .day {
color: #023567;
}
.news-block .inner-box .post-date .month {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 1.1em;
text-transform: uppercase;
}
.news-block .lower-box {
position: relative;
padding: 40px 35px 40px;
border: 1px solid #f8f8f8;
border-top: none;
}
.news-block .lower-box h3 {
position: relative;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 20px;
padding-bottom: 15px;
font-size: 20px;
color: #222222;
font-family: 'Roboto', sans-serif;
}
.style-two .news-block .lower-box h3 {
padding-bottom: 0;
}
.news-block .lower-box h3 a {
color: #00325f;
;
}
.news-block .lower-box h3 a:hover, .news-block .meta-info a:hover {
color: #84602f;
;
}
.style-two .news-block .lower-box h3 a:hover, .style-two .news-block .meta-info a:hover, .style-two .news-block .link-box a:hover {
color: #30adcd;
}
.style-three .news-block .lower-box h3 a:hover, .style-three .news-block .meta-info a:hover, .style-three .news-block .link-box a:hover, .style-three .news-block .link-box a .icon, .style-three .news-block .link-box a:hover .icon {
color: #b14756;
}
.style-four .news-block .lower-box h3 a:hover, .style-four .news-block .meta-info a:hover, .style-four .news-block .link-box a:hover, .style-four .news-block .link-box a .icon, .style-four .news-block .link-box a:hover .icon {
color: #023567;
}
.news-block .lower-box h3:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 40px;
border-bottom: 3px solid #84602f;
;
border-bottom: 3px solid #84602f;
;
}
.style-two .news-block .lower-box h3:before {
display: none;
}
.style-three .news-block .lower-box h3:before {
border-color: #b14756;
}
.style-four .news-block .lower-box h3:before {
border-color: #0a394d;
}
.news-block .meta-info {
position: relative;
color: #777777;
}
.style-two .news-block .meta-info {
padding-bottom: 13px;
}
.style-two .news-block .meta-info:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 40px;
border-bottom: 3px solid #023567;
}
.news-block .meta-info a {
position: relative;
color: #777777;
}
.news-block .link-box {
position: absolute;
bottom: 25px;
height: 0;
opacity: 1;
visibility: hidden;
}
.news-block .inner-box:hover .link-box {
opacity: 1;
bottom: 15px;
visibility: visible;
transition: all 0.3s ease 300ms;
-moz-transition: all 0.3s ease 300ms;
-webkit-transition: all 0.3s ease 300ms;
-ms-transition: all 0.3s ease 300ms;
-o-transition: all 0.3s ease 300ms;
}
.style-four .active.center .news-block .inner-box .link-box {
opacity: 1;
bottom: 15px;
visibility: visible;
transition: all 0.3s ease 300ms;
-moz-transition: all 0.3s ease 300ms;
-webkit-transition: all 0.3s ease 300ms;
-ms-transition: all 0.3s ease 300ms;
-o-transition: all 0.3s ease 300ms;
}
.news-block .link-box a {
position: relative;
display: inline-block;
font-weight: 600;
font-size: 16px;
color: #023567;
text-transform: capitalize;
}
.style-two .news-block .link-box a {
color: #222222;
}
.style-three .news-block .link-box a {
color: #2f333c;
}
.style-four .news-block .link-box a {
color: #023567;
}
.news-block .link-box a .txt {
position: relative;
display: inline-block;
border-bottom: 1px solid;
}
.news-block .link-box a .icon {
position: relative;
top: 2px;
font-size: 16px;
padding-left: 7px;
color: #84602f;
;
}
.style-two .news-block .link-box a .icon {
color: #30adcd;
}
.style-four .news-block .link-box a .icon {
color: #222222;
}
.news-block .link-box a:hover {
color: #84602f;
;
}
.style-four .news-block .link-box a:hover {
color: #023567;
}
.news-section .sponsors-outer {
padding-top: 50px;
padding-bottom: 60px;
}
.news-section .sponsors-outer .auto-container {
max-width: 1350px;
}
.news-section.with-carousel .owl-theme .owl-dots {
display: none;
}
.news-section.with-carousel .owl-theme .owl-nav {
position: relative;
width: 100%;
text-align: center;
padding-top: 30px;
}
.news-section.with-carousel .owl-theme .owl-nav .owl-prev, .news-section.with-carousel .owl-theme .owl-nav .owl-next {
position: relative;
display: inline-block;
margin: 0px 5px;
width: 50px;
height: 50px;
line-height: 48px;
text-align: center;
font-size: 20px;
color: #cccccc;
border: 1px solid #e0e0e0;
border-radius: 50%;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-section.with-carousel .owl-theme .owl-nav .owl-prev:hover, .news-section.with-carousel .owl-theme .owl-nav .owl-next:hover {
color: #ffffff;
background: #023567;
border-color: #023567;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer {
position: relative;
background-color: #112047;
color: #ffffff;
}
.footer-style-two {
background-color: #eee;
}
.footer-style-three {
background-color: #27292f;
}
.footer-style-four {
background-color: #303030;
}
.footer-style-five {
background-color: #06202b;
}
.main-footer .upper-section {
position: relative;
padding: 60px 0px 30px;
}
.main-footer .upper-section .outer {
position: relative;
margin: 0px -15px;
}
.main-footer .service-block-two {
position: relative;
float: left;
width: 18%;
padding: 0px 15px;
margin-bottom: 30px;
}
.main-footer .service-block-two.logo-block {
width: 28%;
}
.main-footer .service-block-two .inner-box {
position: relative;
display: block;
text-align: center;
}
.main-footer .service-block-two .icon-box {
position: relative;
display: block;
color: #b14756;
font-size: 64px;
line-height: 1em;
margin-bottom: 15px;
}
.main-footer .service-block-two .service-title {
font-size: 16px;
text-transform: uppercase;
line-height: 1.4em;
color: #ffffff;
}
.main-footer .service-block-two .service-title a {
color: #ffffff;
}
.main-footer .service-block-two .service-title a:hover {
text-decoration: underline;
}
.main-footer .upper-section .logo {
position: relative;
padding: 15px 0px 10px;
}
.main-footer .social-links {
position: relative;
text-align: center;
padding-top: 10px;
}
.main-footer .social-links li {
position: relative;
display: inline-block;
margin: 0px 7px;
color: #ffffff;
line-height: 24px;
}
.main-footer .social-links li a {
position: relative;
display: block;
color: #ffffff;
font-size: 14px;
line-height: 24px;
opacity: 0.50;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .social-links li a .fa, .main-footer .social-links li a .fab {
vertical-align: middle;
}
.main-footer .social-links li a:hover {
color: #ffffff;
opacity: 1;
}
.footer-style-four .upper-section {
position: relative;
padding: 110px 0px 0px;
text-align: center;
}
.footer-style-four .upper-section .logo-box {
position: relative;
display: inline-block;
padding: 0px 40px;
top: 15px;
background: #303030;
z-index: 1;
}
.footer-style-four .upper-section .social-links li {
margin: 0px 15px;
}
.main-footer .widgets-section {
position: relative;
padding: 100px 0px 60px;
border-top: 1px solid rgba(255,255,255,0.15);
}
.main-footer .footer-column {
position: relative;
margin-bottom: 50px;
}
.main-footer .footer-widget {
position: relative;
}
.main-footer .widget-title {
position: relative;
margin-bottom: 25px;
}
.main-footer .widget-title h3 {
position: relative;
font-size: 16px;
font-weight: 600;
color: #023567;
letter-spacing: 1px;
text-transform: capitalize;
}
.main-footer .info {
position: relative;
}
.main-footer .info .info-block {
position: relative;
padding-left: 60px;
min-height: 40px;
margin-bottom: 25px;
}
.main-footer .info .info-block:last-child {
margin-bottom: 0;
}
.main-footer .info .info-block .icon-box {
position: absolute;
left: 0;
top: 5px;
width: 36px;
height: 36px;
line-height: 36px;
}
.main-footer .info strong {
position: relative;
display: block;
font-size: 16px;
font-weight: 500;
color: #000;
letter-spacing: 1px;
font-family: 'Roboto', sans-serif;
}
.main-footer .info .info-text {
position: relative;
display: block;
font-size: 14px;
color: #000;
letter-spacing: 0px;
}
.main-footer .info .info-text a {
color: #000;
}
.main-footer .info .info-text a:hover {
text-decoration: underline;
}
.main-footer .links-widget ul {
position: relative;
}
.main-footer .links-widget ul li {
position: relative;
margin-bottom: 5px;
font-size: 14px;
color: #ffffff;
letter-spacing: 0px;
}
.main-footer .links-widget ul li:last-child {
margin-bottom: 0;
}
.main-footer .links-widget ul li a {
position: relative;
display: inline-block;
padding-left: 0px;
line-height: 24px;
color: #000;
text-transform: capitalize;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.main-footer .links-widget ul li a:hover::after {
transform: scaleX(1);
}
.main-footer .links-widget ul li a::after {
transition: transform .3s cubic-bezier(.4, 0, 0, 1);
content: "";
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
height: 2px;
background-color: #856130;
transform-origin: center;
transform: scaleX(0);
}
.main-footer .links-widget ul li a:hover {
color: #b14756;
}
.footer-style-two .links-widget ul li a:hover {
color: #023567;
}
.footer-style-three .links-widget ul li a:hover {
color: #b14756;
}
.footer-style-four .links-widget ul li a:hover {
color: #023567;
}
.footer-style-five .links-widget ul li a:hover {
color: #023567;
}
/*.main-footer .links-widget ul li a:before{
font-family: 'Flaticon';
content: "\f196";
position:absolute;
left:0px;
top:0px;
display:block;
font-size:14px;
font-weight:400;
z-index:5;
opacity: 0.50;
}*/
.main-footer .links-widget ul li a:hover:before {
opacity: 1;
}
.main-footer .gallery-widget .images {
position: relative;
margin: 0px -5px;
}
.main-footer .gallery-widget .images .image {
position: relative;
float: left;
width: 33.333%;
display: block;
margin: 0 0 10px;
padding: 0px 5px;
}
.main-footer .gallery-widget .images img {
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;
}
.main-footer .gallery-widget .images img:hover {
opacity: 0.70;
}
.main-footer .footer-bottom {
position: relative;
line-height: 24px;
color: #fff;
background: #023567;
border-top: 1px solid rgba(152,152,152,0.15);
}
.main-footer .footer-bottom .inner {
position: relative;
padding: 10px 0px 10px;
}
.main-footer .footer-bottom .scroll-top-footer {
position: absolute;
left: 50%;
top: -24px;
background: #b14756;
color: #ffffff;
width: 48px;
height: 48px;
margin-left: -24px;
line-height: 48px;
text-align: center;
border-radius: 5px;
cursor: pointer;
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;
}
.footer-style-two .footer-bottom .scroll-top-footer {
background: #023567;
}
.footer-style-three .footer-bottom .scroll-top-footer {
background: #3d3f44;
}
.footer-style-four .footer-bottom .scroll-top-footer {
background: #023567;
}
.main-footer .footer-bottom .scroll-top-footer:hover {
background: #023567;
}
.footer-style-three .footer-bottom .scroll-top-footer:hover {
background: #b14756;
}
.footer-style-four .footer-bottom .scroll-top-footer:hover {
background: #023567;
}
.footer-style-five .footer-bottom .scroll-top-footer {
background: #ff8527;
}
.footer-style-five .footer-bottom .scroll-top-footer:hover {
background: #023567;
}
.main-footer .footer-bottom .copyright {
position: relative;
float: left;
color: #fff;
font-size: 12px;
font-family: 'Roboto', sans-serif;
}
.main-footer .footer-bottom .copyright a {
color: #ffffff;
}
.main-footer .footer-bottom .footer-nav {
position: relative;
float: right;
}
.main-footer .footer-bottom .footer-nav ul li {
position: relative;
float: left;
margin-left: 23px;
line-height: 24px;
font-size: 12px;
}
.main-footer .footer-bottom .footer-nav ul li:before {
content: '|';
position: absolute;
left: -13px;
top: 0;
line-height: 24px;
}
.main-footer .footer-bottom .footer-nav ul li:first-child:before {
display: none;
}
.main-footer .footer-bottom .footer-nav ul li a {
position: relative;
color: #fff;
font-size: 12px;
}
.main-footer .footer-bottom .footer-nav ul li a:hover {
color: #b14756;
}
.footer-style-two .footer-bottom .footer-nav ul li a:hover {
color: #b14756;
}
.footer-style-three .footer-bottom .footer-nav ul li a:hover {
color: #b14756;
}
.footer-style-four .footer-bottom .footer-nav ul li a:hover {
color: #023567;
}
.footer-style-five .footer-bottom .footer-nav ul li a:hover {
color: #023567;
}
.main-footer .footer-logo-box {
position: relative;
margin-bottom: 10px;
width: 100%;
text-align: left;
}
.main-footer .footer-logo-box img {
width: 130px;
}
.main-footer .about-text {
position: relative;
max-width: 320px;
margin-bottom: 25px;
}
.footer-social {
position: relative;
text-align: left;
}
.footer-social-two li {
position: relative;
display: inline-block;
margin: 0px 16px 0px 0px;
color: #ffffff;
line-height: 24px;
}
.footer-social-two li a {
position: relative;
display: block;
color: #000;
font-size: 25px;
line-height: 36px;
opacity: 0.50;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.footer-social-two li a .fa, .footer-social-two li a .fab {
vertical-align: middle;
}
.footer-social-two li a:hover {
color: #023567;
opacity: 1;
}
.footer-style-three .footer-social-two li a:hover {
color: #b14756;
opacity: 1;
}
.footer-style-five .footer-social-two li a:hover {
color: #023567;
opacity: 1;
}
/***
====================================================================
Features Section
====================================================================
***/
.features-section {
position: relative;
padding: 0px;/*overflow: hidden;*/
}
.features-section .pattern-images {
position: absolute;
left: 0;
bottom: 100px;
width: 100%;
height: 100%;
overflow: hidden;
}
.features-section .pattern-image-left {
position: absolute;
left: 0;
bottom: 0px;
width: auto;
height: auto;
opacity: 0.08;
}
.features-section .pattern-image-right {
position: absolute;
right: 0;
bottom: 0px;
width: auto;
height: auto;
opacity: 0.08;
}
.featured-block {
position: relative;
text-align: center;
margin-bottom: 30px;
}
.owl-theme .featured-block {
margin-bottom: 0;
}
.featured-block .inner-box {
position: relative;
display: block;
background: #ffffff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
overflow: hidden;
}
.featured-block .image-box {
position: relative;
display: block;
margin: 0;
}
.featured-block .image-box .image {
position: relative;
display: block;
margin: 0;
}
.featured-block .image-box .image img {
position: relative;
display: block;
width: 100%;
}
.featured-block .lower-title {
position: relative;
display: block;
padding: 18px 0px;
background: #ffffff;
text-align: center;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 1;
}
.featured-block .inner-box:hover .lower-title {
transform: translateY(-250px);
opacity: 0;
}
.featured-block .lower-title h3 {
position: relative;
font-weight: 600;
font-size: 18px;
text-transform: capitalize;
padding: 5px 0px;
line-height: 22px;
margin: 0;
font-family: 'Roboto', sans-serif;
}
.featured-block .lower-title h3 a {
color: #222222;
}
.featured-block .lower-title h3 a:hover {
color: #30adcd;
}
.featured-block .lower-title .icon {
position: relative;
display: inline-block;
line-height: 38px;
height: 40px;
width: 55px;
font-size: 24px;
background: url(../images/icons/flare-image-1.png) left top no-repeat;
color: #30adcd;
vertical-align: middle;
}
.featured-block .hover-box {
position: absolute;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.80);
border-bottom: 4px solid #023567;
color: #ffffff;
opacity: 1;
-webkit-transform: translateY(101%);
-ms-transform: translateY(101%);
transform: translateY(101%);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.featured-block .inner-box:hover .hover-box {
opacity: 1;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.featured-block .hover-box .image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
.featured-block .hover-box .image-layer:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #856130;
opacity: 0.95;
}
.featured-block .hover-inner {
position: absolute;
display: table;
vertical-align: middle;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.featured-block .hover-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
width: 100%;
padding: 20px;
}
.featured-block .hover-inner .icon-box {
position: relative;
display: block;
font-size: 24px;
line-height: 1em;
margin-bottom: 10px;
}
.featured-block .hover-inner h3 {
position: relative;
display: block;
font-size: 16px;
line-height: 1.2em;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 12px;
}
.featured-block .hover-inner h3 a {
color: #ffffff;
font-family: 'Roboto', sans-serif;
}
.featured-block .hover-inner .link a {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 1.4em;
font-weight: 500;
color: #ffffff;
text-transform: capitalize;
}
.featured-block .hover-inner .link a .icon {
position: relative;
vertical-align: middle;
font-weight: 700;
padding-left: 5px;
}
.featured-block .hover-inner .link a:hover .txt {
text-decoration: underline;
}
.featured-block .hover-inner .text {
position: relative;
line-height: 1.5em;
margin-bottom: 15px;
}
/***
====================================================================
Main Info Section
====================================================================
***/
.main-info-section {
position: relative;
padding: 80px 0px 70px;
}
.main-info-section .sec-title-two {
margin-bottom: 30px;
}
.upper-content {
position: relative;
max-width: 850px;
text-align: center;
margin: 0 auto 50px;
line-height: 1.5em;
}
.upper-content .text {
position: relative;
text-align: justify;
margin: 0 0 50px;
}
.main-info-section .features-list {
position: relative;
max-width: 1000px;
text-align: center;
margin: 0 auto 70px;
}
.main-info-section .features-list li {
position: relative;
display: inline-block;
margin: 0px 35px 30px;
}
.main-info-section .features-list li .inner {
position: relative;
display: block;
line-height: 24px;
font-size: 17px;
font-weight: 500;
color: #222222;
}
.main-info-section .features-list li .icon {
position: relative;
display: block;
width: 120px;
height: 120px;
padding: 25px 20px;
line-height: 70px;
font-size: 60px;
color: #30adcd;
background: #f3f9fb;
font-weight: 400;
border-radius: 3px;
margin-bottom: 20px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.main-info-section .features-list li .inner:hover .icon {
background: #023567;
color: #ffffff;
}
.main-info-section .lower-content {
position: relative;
}
.main-info-section .lower-content .auto-container {
max-width: 1340px;
}
.main-info-section .lower-content .map-column {
position: relative;
}
.main-info-section .map-column .inner {
position: relative;
display: block;
padding-right: 30px;
}
.main-info-section .map-column .info-list {
/*position: absolute;
left: 0;
top: -110px;*/
width: 100%;
padding: 0px 30px;
}
.main-info-section .map-column .info-list ul {
position: relative;
text-align: center;
margin: 0px 0px;
}
.main-info-section .map-column .info-list li {
position: relative;
float: left;
width: 33.333%;
padding: 0px 5px;
margin-bottom: 40px;
}
.main-info-section .map-column .info-list li .inner-box {
position: relative;
display: block;
padding: 15px;
background: #ffffff;
border: 1px solid #f0f0f0;
border-radius: 5px;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
-ms-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
}
.main-info-section .map-column .info-list .count {
font-size: 30px;
line-height: 1.2em;
font-weight: 700;
color: #856130;
font-family: 'Barlow', sans-serif;
}
.main-info-section .map-column .info-list .title {
font-size: 16px;
}
.main-info-section .map-column .info-list li:first-child .count {
color: #023567;
}
.main-info-section .map-column .info-list li:last-child .count {
color: #30adcd;
}
.main-info-section .lower-content .graph-column {
position: relative;
}
.main-info-section .graph-column .inner {
position: relative;
display: block;/*padding-top: 50px;
margin-left: -30px;*/
}
.main-info-section .graph-block {
position: relative;
margin-bottom: 40px;
}
.main-info-section .graph-block .inner-box {
position: relative;
display: block;/*padding-left: 180px;
min-height: 160px;
padding-top: 35px;*/
}
.main-info-section .graph-block .graph {
position: absolute;
left: 0;
top: 0;/*width: 160px;
height: 160px;*/
}
.main-info-section .graph-block .sub-title {
position: relative;
font-size: 16px;
line-height: 1.4em;
margin-bottom: 5px;
color: #fff;
background: rgb(2,53,103);
background: linear-gradient(90deg, rgba(2,53,103,1) 0%, rgba(2,53,103,0) 100%);
padding: 20px;
}
.main-info-section .graph-block .sub-count {
position: relative;
font-size: 28px;
line-height: 1.3em;
font-weight: 700;
text-transform: capitalize;
padding-bottom: 8px;
color: #fff;
background: rgb(2,53,103);
background: linear-gradient(90deg, rgba(2,53,103,1) 0%, rgba(2,53,103,0) 100%);
padding: 20px;
}
.main-info-section .graph-block .sub-count:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 60px;
border-bottom: 1px dashed rgba(0,0,0,0.30);
}
.main-info-section .graph-block:last-child .inner-box {
padding-top: 60%;
}
/***
====================================================================
Mission Section
====================================================================
***/
.mission-section {
position: relative;
padding: 110px 0px 0px;
}
.mission-section .image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
bottom: 45px;
opacity: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
.mission-section .content-box {
position: relative;
max-width: 580px;
padding: 50px;
background: #023567;
color: #ffffff;
}
.mission-section .title-box {
position: relative;
margin-bottom: 20px;
}
.mission-section .title-box .sub-title {
font-size: 16px;
line-height: 24px;
margin-bottom: 15px;
}
.mission-section .title-box .sub-title .fa {
position: relative;
top: 2px;
font-size: 24px;
line-height: 24px;
margin-right: 5px;
}
.mission-section .title-box h2 {
position: relative;
font-weight: 600;
line-height: 1.2em;
text-transform: capitalize;
margin: 0;
}
.mission-section .text {
position: relative;
margin: 0 0 25px;
}
.mission-section .bottom-info {
position: relative;
}
.mission-section .bottom-info .info {
position: relative;
float: left;
margin-right: 40px;
font-size: 14px;
}
.mission-section .bottom-info .info .name {
font-size: 20px;
}
.mission-section .bottom-info .signature {
position: relative;
float: left;
font-size: 18px;
padding-top: 20px;
font-family: 'Signature', cursive;
line-height: 1.5em;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two {
position: relative;
padding: 80px 0px 80px;
overflow: hidden;
}
.services-section-two .pattern-images {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
overflow: hidden;
}
.services-section-two .pattern-image-left {
position: absolute;
left: 0;
bottom: 0px;
width: auto;
height: auto;
opacity: 0.03;
}
.services-section-two .pattern-image-right {
position: absolute;
right: 0;
bottom: 0px;
width: auto;
height: auto;
opacity: 0.03;
}
.service-block-three {
position: relative;
margin-bottom: 30px;
}
.owl-theme .service-block-three {
margin-bottom: 0px;
padding-bottom: 30px;
}
.service-block-three .inner-box {
position: relative;
display: block;
}
.service-block-three .image-box, .service-block-three .image, .service-block-three .image img {
position: relative;
display: block;
width: 100%;
margin: 0;
}
.service-block-three .inner-box .overlay-icon {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.70);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-moz-transition: all 0.5s ease 0ms;
-webkit-transition: all 0.5s ease 0ms;
-ms-transition: all 0.5s ease 0ms;
-o-transition: all 0.5s ease 0ms;
transition: all 0.5s ease 0ms;
z-index: 1;
}
.service-block-three .inner-box:hover .overlay-icon {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}
.service-block-three .inner-box .overlay-icon .icon {
position: absolute;
left: 50%;
top: 50%;
margin: -47px 0px 0px -32px;
font-size: 64px;
width: 64px;
height: 64px;
line-height: 64px;
color: #ffffff;
text-align: center;
opacity: 0;
-webkit-transform: scale(0.6) rotate(-120deg);
-ms-transform: scale(0.6) rotate(-120deg);
transform: scale(0.6) rotate(-120deg);
}
.service-block-three .inner-box:hover .overlay-icon .icon {
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-moz-transition: all 0.5s ease 500ms;
-webkit-transition: all 0.5s ease 500ms;
-ms-transition: all 0.5s ease 500ms;
-o-transition: all 0.5s ease 500ms;
transition: all 0.5s ease 500ms;
}
.service-block-three .lower-box {
position: relative;
padding: 30px;
background: #f9f9f9;
margin: -30px 20px 0px;
z-index: 2;
overflow: hidden;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.service-block-three .inner-box:hover .lower-box {
background: #ffffff;
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
}
.service-block-three .lower-box h3 {
position: relative;
font-weight: 600;
text-transform: capitalize;
margin-bottom: 20px;
color: #222222;
}
.service-block-three .lower-box h3 a {
color: #222222;
}
.service-block-three .lower-box h3 a:hover {
color: #023567;
}
.service-block-three .lower-box .text {
position: relative;
line-height: 1.5em;
margin-bottom: 30px;
}
.service-block-three .link-box {
position: relative;
padding-top: 10px;
}
.service-block-three .link-box:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 30px;
border-top: 2px solid #023567;
}
.service-block-three .link-box a {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 16px;
color: #222222;
text-transform: capitalize;
}
.service-block-three .link-box a .txt {
position: relative;
display: inline-block;
border-bottom: 1px solid transparent;
}
.service-block-three .link-box a .icon {
position: relative;
top: 3px;
font-size: 16px;
padding-left: 7px;
font-weight: 600;
}
.service-block-three .link-box a:hover {
color: #30adcd;
}
.service-block-three .inner-box:hover .link-box a .txt {
border-bottom-color: inherit;
}
.service-block-three .inner-box:hover .link-box a .icon {
color: #30adcd;
}
.services-section-two .owl-nav {
display: none;
}
.services-section-two .owl-dots {
position: relative;
width: 100%;
text-align: center;
}
.services-section-two .owl-dots .owl-dot {
position: relative;
display: inline-block;
margin: 0px 5px;
}
.services-section-two .owl-dots .owl-dot span {
position: relative;
display: block;
width: 12px;
height: 12px;
background: none;
border: 1px solid rgba(0,0,0,0.20);
border-radius: 50%;
}
.services-section-two .owl-dots .owl-dot.active span {
background: #30accb;
border-color: #30accb;
}
.services-section-two .bottom-text {
position: relative;
max-width: 650px;
margin: 0 auto;
text-align: center;
padding-top: 50px;
}
.services-section-two .bottom-text .text {
position: relative;
font-size: 20px;
line-height: 1.5em;
}
.services-section-two .bottom-text .text .phone, .services-section-two .bottom-text .text .phone a {
color: #023567;
font-weight: 600;
}
.services-section-two .bottom-text .text .phone a:hover {
text-decoration: underline;
}
/***
====================================================================
Mission Section
====================================================================
***/
.projects-section-one {
position: relative;
padding: 0px 0px;
}
.projects-section-one .outer-container {
position: relative;
overflow: hidden;
}
.projects-section-one .image-column {
position: absolute;
right: 0;
top: 0;
float: left;
width: 50%;
height: 100%;
}
.projects-section-one .text-column {
position: relative;
float: left;
width: 50%;
}
.projects-section-one .text-column .image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
.projects-section-one .text-column .image-layer:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #062128;
opacity: 0.92;
}
.projects-section-one .text-column .inner {
position: relative;
float: right;
width: 100%;
max-width: 680px;
padding: 110px 20px;
}
.projects-section-one .content {
position: relative;
max-width: 530px;
color: #ffffff;
}
.projects-section-one .content .title {
position: relative;
margin-bottom: 20px;
}
.projects-section-one .content .title .sub-title {
font-size: 16px;
line-height: 24px;
margin-bottom: 15px;
color: #30adcd;
}
.projects-section-one .content .title .sub-title .fa {
position: relative;
top: 2px;
font-size: 24px;
line-height: 24px;
padding-right: 5px;
color: #023567;
}
.projects-section-one .content .title h2 {
position: relative;
font-weight: 600;
line-height: 1.2em;
text-transform: capitalize;
margin: 0;
}
.projects-section-one .content .text {
position: relative;
margin: 0 0 25px;
}
.projects-section-one .content .features {
position: relative;
margin-bottom: 40px;
}
.projects-section-one .content .features li {
position: relative;
font-size: 18px;
line-height: 30px;
margin-bottom: 7px;
}
.projects-section-one .content .features li .gap-icon {
position: relative;
font-size: 20px;
padding-right: 5px;
}
.projects-section-one .image-column .inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.projects-section-one .image-column .image-block {
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 50%;
}
.projects-section-one .image-column .image-block:nth-child(2) {
left: 50%;
}
.projects-section-one .image-column .image-block:nth-child(3) {
left: 0%;
top: 50%;
}
.projects-section-one .image-column .image-block:nth-child(4) {
left: 50%;
top: 50%;
}
.projects-section-one .image-block .inner-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.projects-section-one .image-block .image-box {
position: relative;
width: 100%;
display: none;
}
.projects-section-one .image-block .image-box img {
position: relative;
display: block;
width: 100%;
}
.projects-section-one .image-block .block-image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center top;
}
.projects-section-one .image-block .over-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.80);
color: #ffffff;
opacity: 0;
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
.projects-section-one .image-block:hover .over-link {
opacity: 1;
}
.projects-section-one .image-block .over-link .icon {
position: absolute;
left: 50%;
top: 50%;
margin: -18px 0 0 -18px;
font-size: 36px;
line-height: 36px;
width: 30px;
height: 30px;
text-align: center;
opacity: 0;
-ms-transform: scale(0.5);
transform: scale(0.5);
transition: all 0.3s ease 300ms;
-moz-transition: all 0.3s ease 300ms;
-webkit-transition: all 0.3s ease 300ms;
-ms-transition: all 0.3s ease 300ms;
-o-transition: all 0.3s ease 300ms;
}
.projects-section-one .image-block:hover .over-link .icon {
opacity: 1;
-ms-transform: scale(1);
transform: scale(1);
}
/***
====================================================================
History Section
====================================================================
***/
.history-section {
position: relative;
padding: 80px 0px;
}
.history-section .carousel-box {
position: relative;
}
.history-section .carousel-box:before {
content: '';
position: absolute;
left: 0;
top: 47px;
width: 100%;
border-bottom: 4px solid #f3f9fb;
}
.history-section .carousel-box:after {
content: '';
position: absolute;
right: 0;
top: 46px;
width: 25%;
margin-right: -25px;
border-bottom: 6px solid #ffffff;
}
.history-block {
position: relative;
display: block;
}
.history-block .inner-box {
position: relative;
display: block;
}
.history-block .date {
position: relative;
display: block;
font-size: 32px;
font-weight: 700;
margin-bottom: 15px;
}
.history-block .round-dot {
position: relative;
display: block;
font-size: 20px;
height: 20px;
width: 20px;
background: #ffffff;
border: 6px solid #30adcd;
outline: 5px solid rgba(0,0,0,0);
border-radius: 50%;
margin-bottom: 25px;
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-block:hover .round-dot {
border-color: #023567;
outline-color: #ffffff;
}
.default-theme .history-block:hover .round-dot {
border-color: #b14756;
outline-color: #ffffff;
}
.history-block .title {
position: relative;
display: block;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
padding-bottom: 7px;
margin-bottom: 0px;
color: #023567;
}
.history-block .title i {
color: #856130;
font-size: 14px;
font-weight: 300;
}
.history-block .title:before {
/*content: '';
position: absolute;
left: 0;
bottom: 0;
width: 40px;
border-bottom: 3px solid #023567;
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-block:hover .title:before {
width: 60px;
}
.default-theme .history-block .title:before {
border-bottom-color: #dddddd;
}
.history-section .owl-dots {
display: none;
}
.history-section .owl-theme .owl-nav {
position: relative;
width: 100%;
text-align: center;
padding-top: 50px;
}
.history-section .owl-theme .owl-nav .owl-prev, .history-section .owl-theme .owl-nav .owl-next {
position: relative;
display: inline-block;
margin: 0px 5px;
width: 50px;
height: 50px;
line-height: 48px;
text-align: center;
font-size: 20px;
color: #cccccc;
border: 1px solid #e0e0e0;
border-radius: 50%;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.history-section .owl-theme .owl-nav .owl-prev:hover, .history-section .owl-theme .owl-nav .owl-next:hover {
color: #023567;
border-color: #023567;
}
/***
====================================================================
Testimonials Section
====================================================================
***/
.testimonial-section {
position: relative;
padding: 60px 0px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color: #ffffff;
}
.projects-section-two .image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.projects-section-two .image-layer:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #023567;
opacity: 0.90;
}
.image-layerr {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.image-layerr:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #023567;
opacity: 0;
}
.testimonial-section .carousel-box {
position: relative;
padding-left: 330px;
min-height: 420px;
}
.testimonial-section .carousel-box .title-box {
position: absolute;
left: 0;
top: 0;
width: 420px;
height: 420px;
background: #63c1d9;
border: 15px solid #4cb8d5;
border-radius: 50%;
}
.testimonial-section .carousel-box .title-inner {
position: relative;
padding: 90px 50px 0px 75px;
}
.testimonial-section .carousel-box .title-box h2 {
font-size: 48px;
line-height: 1.1em;
font-weight: 300;
}
.testimonial-section .content-box {
position: relative;
padding-top: 90px;
}
.testimonial-section .slide-item {
position: relative;
display: block;
}
.testimonial-section .slide-item .icon {
position: relative;
display: inline-block;
font-size: 48px;
line-height: 1em;
margin-bottom: 20px;
color: #023567;
-ms-transform: rotate(180deg) translateX(-50px);
transform: rotate(180deg) translateX(-50px);
opacity: 0;
}
.testimonial-section .active .slide-item .icon {
opacity: 1;
-ms-transform: rotate(180deg) translateX(0px);
transform: rotate(180deg) translateX(0px);
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.testimonial-section .slide-item .inner {
position: relative;
display: block;
padding-left: 210px;
min-height: 200px;
}
.testimonial-section .slide-item .testi-thumb {
position: absolute;
left: 0;
top: 50px;
width: 160px;
height: 160px;
border-radius: 50%;
overflow: hidden;
opacity: 0;
-webkit-transform: rotate(90deg) scale(0.5);
-moz-transform: rotate(90deg) scale(0.5);
-ms-transform: rotate(90deg) scale(0.5);
-o-transform: rotate(90deg) scale(0.5);
transform: rotate(90deg) scale(0.5);
}
.testimonial-section .active .slide-item .testi-thumb {
opacity: 1;
-webkit-transform: rotate(0deg) scale(1);
-moz-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.testimonial-section .slide-item .text {
position: relative;
display: block;
font-size: 18px;
line-height: 1.65em;
margin-bottom: 20px;
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.testimonial-section .active .slide-item .text {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
-ms-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
.testimonial-section .slide-item .info {
position: relative;
display: block;
padding-left: 38px;
font-weight: 600;
text-transform: capitalize;
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.testimonial-section .active .slide-item .info {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.testimonial-section .slide-item .info:before {
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -3px;
width: 30px;
border-bottom: 3px solid #ffffff;
}
.testimonial-section .owl-nav {
display: none;
}
.testimonial-section .owl-dots {
position: absolute;
right: -80px;
top: 75px;
}
.testimonial-section .owl-dots .owl-dot {
position: relative;
display: block;
margin: 0px 0px 12px;
}
.testimonial-section .owl-dots .owl-dot span {
position: relative;
display: block;
width: 12px;
height: 12px;
background: none;
border: 1px solid rgba(255,255,255,0.50);
border-radius: 50%;
}
.testimonial-section .owl-dots .owl-dot.active span {
background: #ffffff;
border-color: #ffffff;
}
/***
====================================================================
Call TO Action Section
====================================================================
***/
.call-to-action {
position: relative;
padding: 35px 0px 0px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color: #ffffff;
}
.call-to-action .image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.call-to-action .image-layer:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #023567;
opacity: 0.90;
}
.call-to-action .title-column {
margin: 0 0 40px;
}
.call-to-action .title-column .inner {
position: relative;
display: block;
}
.call-to-action .title-column h2 {
font-size: 36px;
line-height: 1.2em;
font-weight: 700;
margin: 0;
}
.call-to-action .links-column {
margin: 0 0 30px;
text-align: right;
}
.call-to-action .links-column .inner {
position: relative;
display: block;
padding-top: 15px;
}
.call-to-action .links-column .theme-btn {
margin: 0 10px 10px 0px;
}
.call-to-action .links-column .btn-style-four .btn-title:before {
background: #222222;
}
/***
====================================================================
About Section Two
====================================================================
***/
.about-section-two {
position: relative;
padding: 230px 0px 90px;
z-index: 2;
}
.about-section-two .upper-quote-box {
position: absolute;
right: 0;
top: -80px;
width: 100%;
}
.about-section-two .upper-quote-box .inner {
position: relative;
display: block;
margin: 0px 100px;
}
.about-section-two .upper-quote-box .content {
position: relative;
float: right;
width: 100%;
max-width: 610px;
padding: 50px 60px;
background: #3a3d46;
color: #ffffff;
}
.about-section-two .upper-quote-box .inner .bg-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #3a3d46;
overflow: hidden;
}
.about-section-two .upper-quote-box .inner .bg-layer:before {
content: '';
position: absolute;
left: 100%;
bottom: 100%;
width: 340px;
height: 340px;
background: rgba(255,255,255,0.07);
margin: 0 0 -180px -220px;
border-radius: 50%;
}
.about-section-two .upper-quote-box .content .text {
position: relative;
display: block;
font-size: 30px;
font-weight: 300;
line-height: 1.4em;
margin-bottom: 20px;
}
.about-section-two .upper-quote-box .info {
position: relative;
display: block;
padding-left: 38px;
font-weight: 600;
text-transform: capitalize;
}
.about-section-two .upper-quote-box .info:before {
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -3px;
width: 30px;
border-bottom: 3px solid #ffffff;
}
.about-section-two .upper-quote-box .icon {
position: absolute;
right: 30px;
top: 100%;
margin-top: -50px;
color: #b14756;
font-size: 110px;
line-height: 0.8em;
font-weight: 700;
}
.about-section-two .upper-quote-box .icon span {
position: relative;
display: block;
font-weight: 700;
text-shadow: 0px 0px 1px #b14756;
}
.about-section-two .text-column {
position: relative;
}
.about-section-two .text-column .inner {
position: relative;
display: block;
padding-right: 20px;
padding-top: 40px;
}
.about-section-two .text-content {
position: relative;
margin-bottom: 40px;
}
.about-section-two .text-content p {
margin-bottom: 25px;
}
.about-section-two .featured-list {
position: relative;
max-width: 600px;
margin-bottom: 40px;
}
.about-section-two .featured-list ul {
position: relative;
}
.about-section-two .featured-list ul li {
position: relative;
padding: 20px 25px;
font-weight: 700;
font-size: 14px;
color: #222222;
text-transform: uppercase;
line-height: 30px;
border: 1px solid #f0f0f0;
margin-bottom: 15px;
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
}
.about-section-two .featured-list ul li .icon {
position: relative;
display: inline-block;
font-weight: 400;
font-size: 30px;
line-height: 24px;
vertical-align: middle;
margin: 0 20px 0 0;
}
.about-section-two .image-column {
position: relative;
}
.about-section-two .image-column .inner {
position: relative;
display: block;
padding-right: 50px;
}
.about-section-two .image-column .image-box {
position: relative;
display: block;
margin-left: -70px;
}
.about-section-two .image-column .image-box .image {
position: relative;
display: block;
margin: 0;
}
.about-section-two .image-column .image-box .image img {
position: relative;
display: block;
width: 100%;
}
.about-section-two .image-column .image-box .image-two {
position: absolute;
display: block;
left: -100px;
top: 100%;
margin: 0;
margin-top: -80px;
border: 20px solid #ffffff;
z-index: 1;
}
/***
====================================================================
Services Section Three
====================================================================
***/
.services-section-three {
position: relative;
padding: 90px 0px 60px;
z-index: 2;
}
.services-section-three .bg-layer {
position: absolute;
right: 50%;
margin-right: -150px;
top: 0;
width: 3000px;
bottom: 176px;
background: #f7f7f7;
}
.services-section-three .curve-layer {
position: absolute;
left: 50%;
top: 50px;
width: 70%;
bottom: 0;
background: #000000;
-webkit-transform: skewX(12deg);
-ms-transform: skewX(12deg);
transform: skewX(12deg);
overflow: hidden;
}
.services-section-three .curve-layer .image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.60;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
-webkit-transform: skewX(-12deg) scale(1.2);
-ms-transform: skewX(-12deg) scale(1.2);
transform: skewX(-12deg) scale(1.2);
}
.service-block-four {
position: relative;
margin-bottom: 30px;
}
.service-block-four .inner-box {
position: relative;
display: block;
padding: 40px 40px 38px;
background: #ffffff;
outline: 3px solid rgba(0,0,0,0);
outline-offset: -3px;
overflow: hidden;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.05);
}
.service-block-four .inner-box:hover {
outline-color: #b14756;
}
.service-block-four .icon-box {
position: relative;
display: inline-block;
width: 90px;
height: 90px;
font-size: 48px;
line-height: 90px;
text-align: center;
background: #f8f8f8;
margin-bottom: 20px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block-four .inner-box:hover .icon-box {
background: #b14756;
color: #ffffff;
transform: scale(1.15) translateY(-5px);
border-radius: 50%;
}
.service-block-four .lower-box {
position: relative;
display: block;
height: 72px;
margin-bottom: 22px;
}
.service-block-four .lower-box:before {
content: '';
position: absolute;
bottom: 0;
left: -50px;
right: -50px;
border-bottom: 1px solid #e0e0e0;
}
.service-block-four .inner-box:hover .lower-box:before {
opacity: 0;
}
.service-block-four .title {
position: relative;
display: block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block-four .inner-box:hover .title {
opacity: 0;
visibility: hidden;
}
.service-block-four .title h3 {
font-size: 24px;
font-weight: 700;
text-transform: capitalize;
color: #222222;
margin-bottom: 0;
}
.service-block-four .title h3 a {
color: #222222;
}
.service-block-four .title .subtitle {
position: relative;
font-size: 16px;
color: #999999;
text-transform: capitalize;
}
.service-block-four .text {
position: absolute;
left: 0;
top: 0;
width: 100%;
display: block;
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block-four .inner-box:hover .text {
opacity: 1;
visibility: visible;
}
.service-block-four .link-box {
position: relative;
}
.service-block-four .link-box a {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 16px;
color: #222222;
text-transform: capitalize;
}
.service-block-four .link-box a .txt {
position: relative;
display: inline-block;
border-bottom: 1px solid transparent;
}
.service-block-four .link-box a .icon {
position: relative;
top: 2px;
color: #b14756;
font-size: 16px;
padding-left: 7px;
font-weight: 600;
text-decoration: none;
}
.service-block-four .link-box a:hover .txt {
color: #b14756;
border-bottom-color: #b14756;
}
/***
====================================================================
Call TO Action Two
====================================================================
***/
.call-to-action-two {
position: relative;
padding: 75px 0px 35px;
background: #2f333c;
color: #ffffff;
}
.call-to-action-two .auto-container {
max-width: 1080px;
}
.call-to-action-two .bg-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #3a3d46;
overflow: hidden;
}
.call-to-action-two .bg-layer:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 340px;
height: 340px;
background: rgba(255,255,255,0.07);
margin-left: -160px;
margin-top: -160px;
border-radius: 50%;
}
.call-to-action-two .title-column {
margin: 0 0 40px;
}
.call-to-action-two .title-column .inner {
position: relative;
display: block;
}
.call-to-action-two .title-column h2 {
font-size: 36px;
line-height: 1.2em;
font-weight: 700;
margin: 0;
}
.call-to-action-two .links-column {
margin: 0 0 30px;
text-align: right;
}
.call-to-action-two .links-column .inner {
position: relative;
display: block;
padding-top: 15px;
}
.call-to-action-two .links-column .theme-btn {
margin: 0 10px 10px 0px;
}
.call-to-action-two .links-column .btn-style-seven .btn-title:before {
background: #ffffff;
}
.call-to-action-two .links-column .btn-style-seven:hover .btn-title {
color: #222222;
}
.call-to-action-two .links-column .btn-style-seven:hover .btn-icon {
border-color: rgba(0,0,0,0.10);
}
/***
====================================================================
Projects Section Two
====================================================================
***/
.projects-section-two {
position: relative;
padding: 0px 0px 70px 0px;
}
.projects-section-two .auto-container {
max-width: 1350px;
}
.projects-section-two .title-column, .projects-section-two .carousel-column {
position: relative;
margin-bottom: 0px;
}
.projects-section-two .title-column .inner {
position: relative;
display: block;
}
.projects-section-two .title-column .text {
position: relative;
display: block;
margin-bottom: 30px;
color: #fff;
font-size: 26px;
line-height: 28px;
font-weight: 300;
}
.projects-section-two .title-column .link-box {
position: relative;
}
.projects-section-two .title-column .link-box a {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 16px;
color: #222222;
text-transform: capitalize;
}
.projects-section-two .title-column .link-box a .txt {
position: relative;
display: inline-block;
border-bottom: 1px solid #fff;
color: #fff;
}
.projects-section-two .title-column .link-box a .icon {
position: relative;
top: 2px;
color: #fff;
font-size: 16px;
padding-left: 7px;
font-weight: 600;
text-decoration: none;
}
.projects-section-two .title-column .link-box a:hover .txt {
color: #856130;
border-bottom-color: #856130;
}
.project-block-one {
position: relative;
margin-bottom: 30px;
}
.owl-theme .project-block-one {
margin: 0;
}
.projects-section-two .project-block-one {
padding-top: 40px;
padding-bottom: 60px;
}
.project-block-one .inner-box {
position: relative;
display: block;
text-align: center;
}
.project-block-one .image-box {
position: relative;
display: block;
overflow: hidden;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.1);
box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.1);
}
.project-block-one .inner-box:hover .image-box, .center .project-block-one .inner-box .image-box {
transform: translateY(-40px);
}
.project-block-one .image {
position: relative;
display: block;
margin: 0;
}
.project-block-one .image img {
display: block;
width: 100%;
}
.project-block-one .image-box .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #ffffff;
background: rgba(133,97,48,0.85);
opacity: 0;
visibility: hidden;
transform: translateY(-100%);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.project-block-one .inner-box:hover .image-box .overlay, .center .project-block-one .inner-box .image-box .overlay {
opacity: 1;
visibility: visible;
transform: translateY(0%);
}
.project-block-one .image-box .overlay a {
color: #ffffff;
}
.project-block-one .image-box .overlay .zoom-btn {
font-size: 32px;
margin-bottom: 15px;
}
.project-block-one .image-box .overlay .more-link a {
text-decoration: underline;
font-weight: 600;
}
.project-block-one .image-box .overlay .over-inner {
position: absolute;
left: 0;
top: 50%;
margin-top: 0px;
width: 100%;
}
.project-block-one .caption-box {
position: absolute;
left: 0;
top: 100%;
width: 100%;
background: #ffffff;
padding: 15px 10px;
display: block;
text-transform: uppercase;
color: #777777;
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translateY(-90px);
}
.project-block-one .inner-box:hover .caption-box, .center .project-block-one .inner-box .caption-box {
opacity: 1;
visibility: visible;
transform: translateY(-41px);
-webkit-transition: all 500ms ease 300ms;
-moz-transition: all 500ms ease 300ms;
-ms-transition: all 500ms ease 300ms;
-o-transition: all 500ms ease 300ms;
transition: all 500ms ease 300ms;
}
.project-block-one .caption-box h3 {
font-size: 20px;
font-weight: 500;
margin-bottom: 2px;
}
.project-block-one .caption-box h3 a {
color: #222222;
}
.projects-section-two .owl-dots {
display: none;
}
.projects-section-two .owl-theme .owl-nav {
position: relative;
width: 100%;
text-align: center;
padding-top: 20px;
}
.projects-section-two .owl-theme .owl-nav .owl-prev, .projects-section-two .owl-theme .owl-nav .owl-next {
position: relative;
display: inline-block;
margin: 0px 5px;
width: 50px;
height: 50px;
line-height: 48px;
text-align: center;
font-size: 20px;
color: #cccccc;
border: 1px solid #e0e0e0;
border-radius: 50%;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.projects-section-two .owl-theme .owl-nav .owl-prev:hover, .projects-section-two .owl-theme .owl-nav .owl-next:hover {
color: #ffffff;
background: #856130;
border-color: #856130;
}
/***
====================================================================
Featured Section
====================================================================
***/
.featured-section {
position: relative;
padding: 200px 0px 0px;
z-index: 1;
}
.featured-section .auto-container {
max-width: 1350px;
}
.featured-section .image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
.featured-section .content-box {
position: relative;
top: 80px;
padding: 55px 55px 5px;
background: #ffffff;
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.07);
}
.featured-block-two {
position: relative;
margin-bottom: 50px;
}
.featured-block-two .inner-box {
position: relative;
display: block;
}
.featured-section .content-box .featured-block-two:nth-child(2) .inner-box:before {
content: '';
position: absolute;
left: -50px;
top: 0;
height: 100%;
border-left: 1px solid #e0e0e0;
}
.featured-section .content-box .featured-block-two:nth-child(2) .inner-box:after {
content: '';
position: absolute;
right: -50px;
top: 0;
height: 100%;
border-left: 1px solid #e0e0e0;
}
.featured-section .content-box .row {
margin: 0px -50px;
}
.featured-section .content-box .row .featured-block-two {
padding: 0px 50px;
}
.featured-block-two .title {
position: relative;
margin-bottom: 16px;
}
.featured-block-two .title h3 {
position: relative;
font-size: 22px;
font-weight: 500;
}
.featured-block-two .title .icon {
position: relative;
top: -1px;
font-size: 36px;
font-weight: 400;
color: #b14756;
padding-right: 7px;
vertical-align: middle;
}
.featured-block-two .text {
position: relative;
margin-bottom: 20px;
}
.featured-block-two .link-box {
position: relative;
}
.featured-block-two .link-box a {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 16px;
color: #222222;
text-transform: capitalize;
}
.featured-block-two .link-box a .txt {
position: relative;
display: inline-block;
border-bottom: 1px solid transparent;
}
.featured-block-two .link-box a .icon {
position: relative;
top: 2px;
color: #b14756;
font-size: 16px;
padding-left: 7px;
font-weight: 600;
text-decoration: none;
}
.featured-block-two .link-box a:hover .txt {
color: #b14756;
border-bottom-color: #b14756;
}
/***
====================================================================
Testimonials Section Two
====================================================================
***/
.testimonial-section-two {
position: relative;
padding: 100px 0px;
background: #f8f8f8;
}
.testimonial-section-two .auto-container {
max-width: 980px;
}
.testimonial-section-two .sec-title.bio-theme .bottom-dots .dot {
position: relative;
border-color: #b14756;
}
.testimonial-section-two .carousel-box {
position: relative;
padding-left: 220px;
min-height: 130px;
}
.testimonial-section-two .content-box {
position: relative;
}
.testimonial-section-two .slide-item {
position: relative;
display: block;
}
.testimonial-section-two .slide-item .inner {
position: relative;
display: block;
padding-left: 210px;
}
.testimonial-section-two .slide-item .testi-info {
position: absolute;
left: 0;
top: 0px;
width: 160px;
text-align: right;
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
.testimonial-section-two .active .slide-item .testi-info {
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.testimonial-section-two .slide-item .testi-thumb {
position: relative;
display: inline-block;
width: 65px;
height: 65px;
border-radius: 50%;
margin-bottom: 10px;
}
.testimonial-section-two .slide-item .testi-thumb img {
display: block;
width: 100%;
border-radius: 50%;
}
.testimonial-section-two .slide-item .testi-info .info {
position: relative;
display: block;
color: #b14756;
font-weight: 600;
}
.testimonial-section-two .slide-item .testi-info .info span {
position: relative;
display: inline-block;
padding-left: 10px;
}
.testimonial-section-two .slide-item .testi-info .info span:before {
content: '';
position: absolute;
right: 100%;
top: 10px;
width: 30px;
border-bottom: 3px solid #b14756;
}
.testimonial-section-two .slide-item .testi-info .designation {
position: relative;
display: block;
color: #777777;
text-transform: uppercase;
font-size: 12px;
}
.testimonial-section-two .slide-item .content {
position: relative;
display: block;
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
.testimonial-section-two .active .slide-item .content {
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.testimonial-section-two .slide-item .text {
position: relative;
display: block;
font-size: 18px;
line-height: 1.7em;
padding-top: 10px;
}
.testimonial-section-two .owl-nav {
display: none;
}
.testimonial-section-two .owl-dots {
position: absolute;
right: -80px;
top: 20px;
}
.testimonial-section-two .owl-dots .owl-dot {
position: relative;
display: block;
margin: 0px 0px 12px;
}
.testimonial-section-two .owl-dots .owl-dot span {
position: relative;
display: block;
width: 12px;
height: 12px;
background: none;
border: 1px solid rgba(0,0,0,0.50);
border-radius: 50%;
}
.testimonial-section-two .owl-dots .owl-dot.active span {
background: #2f333c;
border-color: #2f333c;
}
/***
====================================================================
Contact Section
====================================================================
***/
.contact-section {
position: relative;
padding: 170px 0px 0px;
z-index: 1;
}
.contact-section.contact-page {
padding: 70px 0px 70px;
}
.contact-section .map-image-layer, .contact-section .map-layer, .contact-section .map-layer .map-canvas {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.contact-section .content-box {
position: relative;
top: 0px;
padding: 0;/*padding-right: 420px;*/
/*background: #023567;
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05);*/
}
.contact-section.contact-page .content-box {
top: 0px;
}
.contact-section .content-box .image-layer {
position: absolute;
right: 0;
top: 0;
width: 420px;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.contact-section .content-box .image-layer:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.50);
}
.contact-section .form-box {
position: relative;/*padding: 30px;
background: #023567;
color: #ffffff;*/
}
.contact-section .form-box .row {
margin: 0px -10px;
}
.contact-section .form-box .form-group {
margin-bottom: 20px;
padding: 0px 10px;
}
.contact-section .form-box .form-group input, .contact-section .form-box .form-group select, .contact-section .form-box .form-group textarea {
border-color: rgba(255,255,255,0);
background: transparent;
color: #000;
max-height: 100px;
border-bottom: 1px solid #000;
}
.contact-section .form-box .form-group input:focus, .contact-section .form-box .form-group textarea:focus, .contact-section .form-box .form-group select:focus {
border-color: rgba(255,255,255,0);
border-bottom: 1px solid #856130;
}
.contact-section .form-box ::-webkit-input-placeholder {
color: rgba(255,255,255,0.50);
font-style: normal;
}
.contact-section .form-box ::-moz-input-placeholder {
color: rgba(255,255,255,0.50);
font-style: normal;
}
.contact-section .form-box ::-ms-input-placeholder {
color: rgba(255,255,255,0.50);
font-style: normal;
}
.contact-section .btn-style-eight .btn-title:before {
background: #856130;
}
.contact-section .btn-style-eight:hover .btn-title {
color: #fff;
}
.contact-section .btn-style-eight:hover .btn-icon {
border-color: rgba(0,0,0,0.10);
}
.contact-section .info-box {
position: absolute;
right: 0;
bottom: 65px;
width: 100%;
padding: 25px 20px 22px 70px;
background: #ffffff;
color: #2f333c;
line-height: 1.5em;
font-weight: 500;
}
.contact-section .info-box .subtitle {
position: relative;
display: block;
margin-bottom: 5px;
}
.contact-section .info-box .phone {
position: relative;
display: block;
font-size: 30px;
font-weight: 700;
line-height: 1.4em;
}
.contact-section .info-box .phone a {
position: relative;
color: #2f333c;
}
.contact-section .info-box .phone .icon {
padding-right: 5px;
vertical-align: middle;
}
.contact-section .info-blocks {
position: relative;
}
.contact-section .info-blocks .info-block {
position: relative;
text-align: center;
margin-bottom: 30px;
}
.contact-section .info-block .inner {
position: relative;
display: block;
padding: 45px 20px 40px;
background: #ffffff;/*box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);*/
}
.contact-section .info-block .icon {
position: relative;
display: block;
margin-bottom: 20px;
}
.contact-section .info-block strong {
display: block;
margin-bottom: 15px;
font-weight: 400;
color: #b14756;
}
.contact-section .info-block ul li {
display: block;
font-size: 16px;
line-height: 1.5em;
}
.contact-section .info-block ul li a {
color: #222222;
}
.contact-section .info-block ul li a:hover {
color: #b14756;
text-decoration: underline;
}
/***
====================================================================
Map Section Style
====================================================================
***/
.map-data {
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 1.8em;
}
.map-data h6 {
font-size: 18px;
font-weight: 700;
text-align: center;
margin-bottom: 7px;
color: #121212;
}
.map-canvas {
height: 650px;
}
.map-section .google-map {
height: 650px;
}
/***
====================================================================
Call TO Action Three
====================================================================
***/
.call-to-action-three {
position: relative;
padding: 70px 0px 10px;
background: #f8f8f8;
}
.call-to-action-three .title-column {
margin: 0 0 40px;
}
.call-to-action-three .title-column .inner {
position: relative;
display: block;
}
.call-to-action-three .title-column .subtitle {
position: relative;
color: #b14756;
text-decoration: underline;
font-size: 16px;
line-height: 1.5em;
font-weight: 600;
margin: 0 0 10px;
}
.call-to-action-three .title-column h2 {
font-size: 36px;
line-height: 1.2em;
font-weight: 700;
margin: 0;
}
.call-to-action-three .links-column {
margin: 0 0 30px;
text-align: right;
}
.call-to-action-three .links-column .inner {
position: relative;
display: block;
padding-top: 30px;
}
.call-to-action-three .links-column .theme-btn {
margin: 0 10px 10px 0px;
}
.call-to-action-three .links-column .btn-style-four .btn-title:before {
background: #222222;
}
/***
====================================================================
Hydro Solutions
====================================================================
***/
.hydro-solutions {
position: relative;
padding: 100px 0px 50px;
}
.hydro-sol-block {
position: relative;
margin-bottom: 50px;
}
.hydro-sol-block .inner-box {
position: relative;
display: block;
padding: 30px 20px 0px;
}
.hydro-sol-block .inner-box:before {
content: '';
position: absolute;
left: -20px;
top: 0px;
right: -20px;
bottom: -40px;
background: #ffffff;
border-bottom: 5px solid #023567;
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
opacity: 0;
}
.hydro-sol-block .inner-box:hover:before {
opacity: 1;
}
.hydro-sol-block .icon-box {
position: relative;
display: block;
color: #e9eaf4;
font-size: 64px;
line-height: 1.5em;
margin-bottom: 20px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.hydro-sol-block .inner-box:hover .icon-box {
color: #b14756;
}
.hydro-sol-block .title {
position: relative;
margin-bottom: 15px;
}
.hydro-sol-block .title .subtitle {
position: relative;
display: block;
font-size: 14px;
color: #888888;
text-transform: uppercase;
}
.hydro-sol-block .title h3 {
font-weight: 500;
color: #222222;
font-size: 22px;
margin: 0;
}
.hydro-sol-block .title h3 a {
color: #222222;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.hydro-sol-block .inner-box:hover .title h3 a {
color: #023567;
}
.hydro-sol-block .text {
position: relative;
display: block;
}
/***
====================================================================
Services Section Four
====================================================================
***/
.services-section-four {
position: relative;
padding: 100px 0px;
background: #f9f9f9;
}
.services-section-four.default-theme {
background: #f9f9f9 url(../images/background/dotted-pattern.png) repeat;
}
.services-section-four .upper-content {
max-width: 870px;
text-align: center;
margin: 0 auto 60px;
}
.services-section-four .upper-content .sec-title {
margin-bottom: 40px;
}
.service-block-five {
position: relative;
margin-bottom: 30px;
}
.service-block-five .inner-box {
position: relative;
display: block;
padding-top: 35px;
}
.service-block-five .image-box {
position: relative;
display: block;
border: 9px solid #ffffff;
overflow: hidden;
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.10);
}
.service-block-five .image-box .image {
position: relative;
display: block;
}
.service-block-five .image-box .image img {
position: relative;
display: block;
width: 100%;
}
.service-block-five .title-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 0px 30px;
}
.service-block-five .title-inner {
position: relative;
display: table;
width: 100%;
height: 80px;
padding: 10px 20px;
padding-left: 90px;
background: #f6f6f6;
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}
.service-block-five .title-inner .icon {
position: absolute;
left: 0;
top: 0;
width: 70px;
height: 100%;
background: #1c2460;
color: #ffffff;
font-size: 36px;
line-height: 80px;
text-align: center;
}
.default-theme .service-block-five .title-inner .icon {
background: #3f6ee3;
}
.service-block-five .inner-box:hover .title-inner .icon {
background: #e65628;
}
.default-theme .service-block-five .inner-box:hover .title-inner .icon {
background: #51c106;
}
.service-block-five .title-box h3 {
position: relative;
display: table-cell;
vertical-align: middle;
width: 100%;
line-height: 28px;
font-weight: 700;
text-transform: capitalize;
margin: 0;
}
.service-block-five .title-box h3 a {
color: #222222;
}
.service-block-five .title-box h3 a:hover {
color: #023567;
}
.default-theme .service-block-five .title-box h3 a:hover {
color: #51c106;
}
.service-block-five .hover-box {
position: absolute;
display: block;
text-align: center;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.80);
color: #ffffff;
opacity: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.service-block-five .inner-box:hover .hover-box {
opacity: 1;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.service-block-five .hover-inner {
position: absolute;
display: table;
vertical-align: middle;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 1000ms ease 500ms;
-moz-transition: all 1000ms ease 500ms;
-ms-transition: all 1000ms ease 500ms;
-o-transition: all 1000ms ease 500ms;
transition: all 1000ms ease 500ms;
}
.service-block-five .inner-box:hover .hover-inner {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.service-block-five .hover-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
width: 100%;
padding: 50px 20px 20px;
}
.service-block-five .hover-inner .text {
position: relative;
margin-bottom: 20px;
}
.service-block-five .hover-inner .link-box {
position: relative;
}
.service-block-five .hover-inner .link-box a {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 16px;
color: #023567;
text-transform: capitalize;
}
.default-theme .service-block-five .hover-inner .link-box a {
color: #51c106;
}
.service-block-five .hover-inner .link-box a .txt {
position: relative;
display: inline-block;
border-bottom: 1px solid #023567;
}
.default-theme .service-block-five .hover-inner .link-box a .txt {
border-bottom-color: #51c106;
}
.service-block-five .hover-inner .link-box a .icon {
position: relative;
top: 2px;
color: #ffffff;
font-size: 16px;
padding-left: 7px;
font-weight: 600;
text-decoration: none;
}
.service-block-five .hover-inner .link-box a:hover .txt {
color: #ffffff;
border-bottom-color: #ffffff;
}
.services-section-four .bottom-text {
position: relative;
max-width: 650px;
margin: 0 auto;
text-align: center;
padding-top: 40px;
}
.services-section-four .bottom-text .text {
position: relative;
font-size: 20px;
line-height: 1.5em;
}
.services-section-four .bottom-text .text .phone, .services-section-four .bottom-text .text .phone a {
color: #023567;
font-weight: 600;
}
.default-theme.services-section-four .bottom-text .text .phone, .default-theme.services-section-four .bottom-text .text .phone a {
color: #3e6cdf;
}
.services-section-four .bottom-text .text .phone a:hover {
text-decoration: underline;
}
/***
====================================================================
Fluid Section
====================================================================
***/
.fluid-section {
position: relative;
padding: 0px 0px;
z-index: 1;
}
.fluid-section .outer-container {
position: relative;
min-height: 100px;
}
.fluid-section .image-column {
position: absolute;
float: left;
width: 50%;
height: 100%;
}
.fluid-section .image-column .image-layer {
position: absolute;
left: 0;
top: 0;
right: 190px;
height: 100%;
opacity: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.fluid-section .image-column .image {
width: 100%;
display: none;
}
.fluid-section .image-column .image img {
width: 100%;
}
.fluid-section .text-column {
position: relative;
float: right;
width: 50%;
background: #023567;
color: #ffffff;
z-index: 1;
}
.fluid-section .text-column .inner {
position: relative;
display: block;
width: 100%;
max-width: 600px;
padding-right: 20px;
}
.fluid-section .text-column .inner-content {
position: relative;
display: block;
margin-left: -190px;
padding: 100px 0px 80px 90px;
background: #023567;/*max-width: 630px;*/
}
.fluid-section .text-column .title-box {
position: relative;
margin-bottom: 25px;
}
.fluid-section .text-column .subtitle {
position: relative;
font-size: 18px;
margin-bottom: 20px;
}
.fluid-section .text-column .subtitle .fa {
padding-right: 10px;
color: #023567;
}
.fluid-section .text-column h2 {
font-size: 40px;
font-weight: 700;
text-transform: capitalize;
line-height: 1.2em;
margin: 0;
}
.fluid-section .text-column .text {
position: relative;
margin: 0 0 40px;
}
.fluid-section .text-column .bottom-info {
position: relative;
}
.fluid-section .text-column .bottom-info .info {
position: relative;
float: left;
margin-right: 40px;
font-size: 14px;
}
.fluid-section .text-column .bottom-info .info .name {
font-size: 20px;
}
.fluid-section .text-column .bottom-info .signature {
position: relative;
float: right;
font-size: 18px;
padding-top: 10px;
font-family: 'Signature', cursive;
line-height: 1.5em;
}
.fluid-section .featured-images {
position: absolute;
right: 50px;
bottom: -100px;
width: 320px;
z-index: 2;
}
.fluid-section .featured-images .image {
position: relative;
display: block;
width: 100%;
margin-bottom: 20px;
}
.fluid-section .featured-images .image img {
width: 100%;
}
/***
====================================================================
Fun Facts Section
====================================================================
***/
.fun-facts-section-two {
position: relative;
background: #023567;
}
.fun-facts-section-two .auto-container {
max-width: 1240px;
}
.fun-facts-section-two .counter-column {
position: relative;
margin: 0;
padding: 60px 20px;
text-align: center;
}
.fun-facts-section-two .fact-counter .counter-column:first-child {
border-left: 1px solid rgba(255,255,255,0.10);
}
.fun-facts-section-two .counter-column {
border-right: 1px solid rgba(255,255,255,0.10);
}
.fun-facts-section-two .counter-column .inner {
position: relative;
display: inline-block;
text-align: left;
}
.fun-facts-section-two .count-box {
position: relative;
color: #ffffff;
}
.fun-facts-section-two .fact-counter .counter-title {
color: #ffffff;
}
/***
====================================================================
Hydro Solutions
====================================================================
***/
.recent-projects-two {
position: relative;
padding: 100px 0px;
}
.recent-projects-two .sec-title {
margin-bottom: 60px;
}
.project-block-two {
position: relative;
margin-bottom: 30px;
}
.mixit-gallery {
position: relative;
}
.mixit-gallery .filters {
position: relative;
margin-bottom: 20px;
}
.mixit-gallery .filters .filter-btns {
position: relative;
}
.mixit-gallery .filter-btns li {
position: relative;
display: inline-block;
padding: 0px 0px;
color: #777777;
cursor: pointer;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
line-height: 30px;
margin: 0 58px 10px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mixit-gallery .filter-btns li:before {
content: '';
position: absolute;
right: -30px;
top: -2px;
width: 3px;
height: 100%;
background: url(../images/icons/link-separator-2.png) center center no-repeat;
}
.mixit-gallery .filter-btns li:last-child:before {
display: none;
}
.mixit-gallery .filter-btns li:hover, .mixit-gallery .filter-btns li.active, .mixit-gallery .filter-btns li.current {
color: #b14756;
}
.mix {
display: none;
}
.project-block-two .inner-box {
position: relative;
display: block;
text-align: center;
}
.project-block-two .image-box {
position: relative;
display: block;
overflow: hidden;
}
.project-block-two .image {
position: relative;
display: block;
margin: 0;
}
.project-block-two .image img {
display: block;
width: 100%;
}
.project-block-two .image-box .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #ffffff;
background: rgba(28,37,98,0.90);
opacity: 0;
visibility: hidden;
transform: translateY(-100%);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.project-block-two .inner-box:hover .image-box .overlay {
opacity: 1;
visibility: visible;
transform: translateY(0%);
}
.project-block-two .image-box .overlay a {
color: #ffffff;
}
.project-block-two .image-box .overlay .zoom-btn {
font-size: 24px;
margin-bottom: 15px;
}
.project-block-two .image-box .overlay .more-link a {
text-decoration: underline;
font-weight: 600;
}
.project-block-two .image-box .overlay .over-inner {
position: absolute;
left: 0;
top: 50%;
margin-top: -40px;
width: 100%;
}
.project-block-two .image-box .overlay .title {
position: relative;
}
.project-block-two .image-box .overlay .title h3 {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 5px;
}
.project-block-two .image-box .overlay .cat, .project-block-two .image-box .overlay .cat a {
position: relative;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
color: #023567;
}
.project-block-two .image-box .overlay .title h3 a:hover {
color: #023567;
}
.recent-projects-two .view-more {
position: relative;
padding-top: 40px;
}
/***
====================================================================
Features Section Two
====================================================================
***/
.features-section-two {
position: relative;
padding: 100px 0px 30px;
background: #b14756;
color: #ffffff;
}
.features-section-two .image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.features-section-two .image-layer:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #b14756;
opacity: 0.92;
}
.features-section-two .auto-container {
max-width: 1300px;
}
.features-section-two .sec-title h2, .features-section-two .sec-title .upper-text {
color: #ffffff;
}
.featured-block-three {
position: relative;
margin-bottom: 70px;
}
.featured-block-three .inner-box {
position: relative;
display: block;
padding-right: 140px;
min-height: 96px;
text-align: right;
}
.featured-block-three .icon-box {
position: absolute;
right: 0;
top: 0;
width: 96px;
height: 96px;
background: #f8f8f8;
padding: 23px 0px;
line-height: 50px;
font-size: 42px;
color: #a0a9e8;
text-align: center;
border-radius: 50%;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.featured-block-three:hover .icon-box {
transform: scale(1.1) rotate(360deg);
}
.featured-block-three .icon-box:before {
content: '';
position: absolute;
left: -7px;
top: -7px;
right: -7px;
bottom: -7px;
background: url(../images/icons/icon-border.png) center center no-repeat;
}
.featured-block-three h3 {
font-size: 22px;
font-weight: 600;
text-transform: capitalize;
margin-bottom: 12px;
}
.featured-block-three .text {
position: relative;
}
.featured-block-four {
position: relative;
margin-bottom: 70px;
}
.featured-block-four .inner-box {
position: relative;
display: block;
padding-left: 140px;
min-height: 100px;
text-align: left;
}
.featured-block-four .icon-box {
position: absolute;
left: 0;
top: -5px;
width: 96px;
height: 96px;
background: #f8f8f8;
padding: 23px 0px;
line-height: 50px;
font-size: 42px;
color: #a0a9e8;
text-align: center;
border-radius: 50%;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.featured-block-four:hover .icon-box {
transform: scale(1.1) rotate(360deg);
}
.featured-block-four .icon-box:before {
content: '';
position: absolute;
left: -7px;
top: -7px;
right: -7px;
bottom: -7px;
background: url(../images/icons/icon-border.png) center center no-repeat;
}
.featured-block-four h3 {
font-size: 22px;
font-weight: 600;
text-transform: capitalize;
margin-bottom: 12px;
}
.featured-block-four .text {
position: relative;
}
.features-section-two .column {
position: relative;
padding-top: 60px;
}
.features-section-two .column .inner {
position: relative;
display: block;
}
.features-section-two .column:nth-child(2) {
order: 12;
}
.features-section-two .image-column {
padding-top: 0px;
order: 4;
text-align: center;
margin-bottom: 70px;
}
.features-section-two .image-column img {
position: relative;
border-radius: 10px;
}
.features-section-two .image-column .over-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.features-section-two .image-column .icon-link {
position: absolute;
left: 50%;
top: 50%;
width: 160px;
height: 160px;
margin: -80px 0px 0px -80px;
padding: 40px;
border: 2px solid rgba(255,255,255,0.10);
border-radius: 50%;
}
.features-section-two .image-column .icon-link:before {
content: '';
position: absolute;
left: 19px;
top: 19px;
right: 19px;
bottom: 19px;
border: 2px solid rgba(255,255,255,0.40);
border-radius: 50%;
}
.features-section-two .image-column .icon-link .icon {
position: relative;
display: block;
width: 80px;
height: 80px;
line-height: 50px;
padding: 15px;
background: #023567;
color: #ffffff;
font-size: 24px;
border-radius: 50%;
}
.features-section-two .image-column .icon-link .ripple, .features-section-two .image-column .icon-link .ripple:before, .features-section-two .image-column .icon-link .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width: 82px;
height: 82px;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 2s infinite;
-moz-animation: ripple 2s infinite;
-ms-animation: ripple 2s infinite;
-o-animation: ripple 2s infinite;
animation: ripple 2s infinite;
}
.features-section-two .image-column .icon-link .ripple:before {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.features-section-two .image-column .icon-link .ripple:after {
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-ms-animation-delay: .3s;
-o-animation-delay: .3s;
animation-delay: .3s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 65px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 65px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
/***
====================================================================
Testimonials Section Three
====================================================================
***/
.testimonial-section-three {
position: relative;
padding: 100px 0px;
background: #f9f9f9 url(../images/background/dotted-pattern.png) repeat;
text-align: center;
}
.alternate.testimonial-section-three {
background: #ffffff;
}
.testimonial-section-three .auto-container {
max-width: 980px;
}
.testimonial-section-three .sponsors-outer {
padding-top: 100px;
}
.testimonial-section-three .sponsors-outer .auto-container {
max-width: 1300px;
}
.alternate.testimonial-section-three .sec-title .subtitle {
padding-top: 0;
padding-bottom: 5px;
}
.testimonial-section-three .content-box {
position: relative;
}
.testimonial-section-three .slide-item {
position: relative;
display: block;
}
.testimonial-section-three .slide-item .inner {
position: relative;
display: block;
}
.testimonial-section-three .slide-item .testi-thumb {
position: relative;
display: block;
width: 125px;
height: 125px;
margin: 0 auto 35px;
border-radius: 50%;
}
.testimonial-section-three .slide-item .testi-thumb img {
display: block;
width: 100%;
border-radius: 50%;
}
.testimonial-section-three .slide-item .testi-thumb .quote-icon {
position: absolute;
left: -80px;
top: 50%;
line-height: 40px;
color: #dde0e8;
margin-top: -20px;
font-size: 40px;
}
.testimonial-section-three .slide-item .testi-thumb .quote-icon.right {
position: absolute;
right: -80px;
left: auto;
top: 50%;
line-height: 40px;
color: #dde0e8;
margin-top: -20px;
}
.testimonial-section-three .slide-item .info {
position: relative;
display: block;
padding-top: 30px;
font-size: 18px;
color: #222222;
font-weight: 500;
}
.testimonial-section-three .slide-item .content {
position: relative;
display: block;
}
.testimonial-section-three .slide-item .text {
position: relative;
display: block;
font-size: 18px;
font-family: 'Merriweather', serif;
font-style: italic;
line-height: 1.6em;
}
.testimonial-section-three .owl-nav {
display: none;
}
.testimonial-section-three .owl-dots {
position: relative;
padding-top: 50px;
}
.testimonial-section-three .owl-dots .owl-dot {
position: relative;
display: inline-block;
margin: 0px 5px;
}
.testimonial-section-three .owl-dots .owl-dot span {
position: relative;
display: block;
width: 10px;
height: 8px;
background: #cccccc;
border-radius: 5px;
}
.testimonial-section-three .owl-dots .owl-dot.active span {
width: 18px;
background: #856130;
border-color: #856130;
}
.alternate.testimonial-section-three .owl-dots .owl-dot.active span {
background: #b14756;
border-color: #b14756;
}
/***
====================================================================
News Section Two
====================================================================
***/
.news-section-two {
position: relative;
padding: 70px 0px;
}
.news-section-two .sec-title {
margin-bottom: 55px;
}
.news-block-two {
position: relative;
margin-bottom: 30px;
}
.news-block-two .inner-box {
position: relative;
display: block;
}
.news-block-two .image-box, .news-block-two .image {
position: relative;
display: block;
width: 100%;
margin: 0;
overflow: hidden; height:490px;
}.news-block-two .image-box.full-height, .news-block-two .full-height .image { height:auto;}
.news-block-two .image img {
position: relative;
display: block;
width: 100%;
margin: 0;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.news-block-two .inner-box:hover .image img {
opacity: 0.50;
transform: scale(1.1);
}
.news-block-two .lower-box {
position: relative;
padding: 28px 0 0;
animation: fadeContent 1s ease-in-out forwards;
animation-delay: 1s;
opacity: 0;
}
.news-block-two .lower-box h3 {
position: relative;
font-weight: 500;
/*text-transform: capitalize;*/
color: #fff;
font-size: 20px;
margin-bottom: 15px;
font-family: 'Roboto', sans-serif;
}
.news-block-two .lower-box h3 a {
color: #00325f;
text-decoration: underline;
font-family: 'Roboto', sans-serif;
}
.news-block-two .lower-box h3 a:hover, .news-block-two .meta-info a:hover {
color: #023567;
}
.news-block-two .meta-info {
position: relative;
color: #000;
padding-bottom: 12px;
font-size: 12px;
}
.news-block-two .meta-info:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 40px;
border-bottom: 3px solid #023567;
}
.news-block-two .meta-info a {
position: relative;
color: #777777;
}
.news-block-three {
position: relative;
margin-bottom: 30px;
}
.news-block-three .inner-box {
position: relative;
display: block;
margin: 0px -15px;
}
.news-block-three .image-column {
position: relative;
float: left;
width: 50%;
padding: 0px 15px;
}
.news-block-three .image-box, .news-block-three .image {
position: relative;
display: block;
width: 100%;
margin: 0;
background: #010101;
overflow: hidden;
}
.news-block-three .image img {
position: relative;
display: block;
width: 100%;
margin: 0;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.news-block-three .inner-box:hover .image img {
opacity: 0.50;
transform: scale(1.1);
}
.news-block-three .text-column {
position: relative;
float: left;
width: 50%;
padding: 0px 15px;
padding-top: 15px;
}
.news-block-three .text-column h3 {
position: relative;
font-weight: 500;
text-transform: capitalize;
color: #222222;
margin-bottom: 15px;
font-size:20px;
}
.news-block-three .text-column h3 a {
color: #00325f;
text-decoration: underline;
font-family: 'Roboto', sans-serif;
}
.news-block-three .text-column h3 a:hover, .news-block-three .text-column a:hover {
color: #023567;
}
.news-block-three .text {
position: relative;
margin-bottom: 10px;
font-size: 1.125rem;
}
.news-block-three .text.trimed {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.news-block-three .meta-info {
position: relative;
color: #000;
padding-bottom: 12px;
font-size: 12px;
}
.news-block-three .meta-info:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 40px;
border-bottom: 3px solid #023567;
}
.news-block-three .meta-info a {
position: relative;
color: #777777;
}
.news-section-two .owl-dots {
display: none;
}
.news-section-two .owl-theme .owl-nav {
position: absolute;
right: 0;
top: -110px;
}
.news-section-two .owl-theme .owl-nav .owl-prev, .news-section-two .owl-theme .owl-nav .owl-next {
position: relative;
display: inline-block;
margin: 0px 0px 0px 10px;
width: 50px;
height: 50px;
line-height: 48px;
text-align: center;
font-size: 20px;
color: #856130;
border: 1px solid #856130;
border-radius: 50%;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-section-two .owl-theme .owl-nav .owl-prev:hover, .news-section-two .owl-theme .owl-nav .owl-next:hover {
color: #023567;
border-color: #023567;
}
.news-section-two .sponsors-outer {
padding-top: 70px;
}
/***
====================================================================
Call TO Action Four
====================================================================
***/
.call-to-action-four {
position: relative;
padding: 0px 0px;
color: #ffffff;
}
.call-to-action-four .inner {
position: relative;
display: block;
padding-left: 420px;
overflow: hidden;
margin-bottom: -60px;
z-index: 1;
}
.call-to-action-four .image-layer {
position: absolute;
left: 0;
top: 0;
width: 420px;
height: 100%;
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
}
.call-to-action-four .inner .content {
position: relative;
display: block;
background: #023567;
padding: 60px 60px;
}
.call-to-action-four .inner .content:before {
content: '';
position: absolute;
left: -40px;
top: 0;
width: 70px;
height: 100%;
background: #023567;
-ms-transform: skewX(10deg);
transform: skewX(10deg);
}
.call-to-action-four .inner h2 {
font-weight: 500;
margin-bottom: 25px;
}
/***
====================================================================
About Section Three
====================================================================
***/
.about-section-three {
position: relative;
padding: 20px 0px 0px;
z-index: 2;
}
.about-section-three .upper-row {
position: relative;
}
.featured-block-five {
position: relative;
margin-bottom: 30px;
}
.about-section-three .upper-row .row {
margin: 0 -10px;
}
.about-section-three .featured-block-five {
padding: 0px 10px;
margin-bottom: 20px;
}
.featured-block-five .inner-box {
position: relative;
display: block;
padding: 70px 50px 60px;
color: #ffffff;
background: #0a394d;
height: 310px;
overflow: hidden;
}
.featured-block-five .icon-box {
position: relative;
display: block;
font-weight: 300;
font-size: 90px;
line-height: 1em;
margin-bottom: 20px;
}
.featured-block-five .title {
position: relative;
}
.featured-block-five h3 {
position: relative;
display: block;
font-size: 22px;
font-weight: 700;
text-transform: capitalize;
line-height: 1.25em;
margin: 0px;
}
.featured-block-five h3 a {
color: #ffffff;
}
.featured-block-five .title h3 {
float: left;
}
.featured-block-five .arrow {
position: relative;
top: 3px;
float: right;
display: block;
width: 52px;
height: 52px;
line-height: 48px;
text-align: center;
border: 2px solid #ffffff;
color: #ffffff;
border-radius: 50%;
}
.featured-block-five .overlay-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 310px;
display: table;
vertical-align: middle;
background: #0a394d;
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.about-section-three .featured-block-five:nth-child(2) .inner-box, .about-section-three .featured-block-five:nth-child(2) .overlay-box {
background: #023567;
}
.about-section-three .featured-block-five:nth-child(3) .inner-box, .about-section-three .featured-block-five:nth-child(3) .overlay-box {
background: #ff8527;
}
.featured-block-five .inner-box:hover .overlay-box {
opacity: 1;
visibility: visible;
}
.featured-block-five .overlay-inner {
position: relative;
display: table-cell;
padding: 30px 50px;
vertical-align: middle;
width: 100%;
}
.featured-block-five .overlay-box .icon {
position: absolute;
top: 30px;
right: 25px;
font-size: 100px;
line-height: 1em;
opacity: 0;
transform: translate(20px, -20px) scale(0.1);
-webkit-transition: all 2000ms ease 300ms;
-moz-transition: all 2000ms ease 300ms;
-ms-transition: all 2000ms ease 300ms;
-o-transition: all 2000ms ease 300ms;
transition: all 2000ms ease 300ms;
}
.featured-block-five .inner-box:hover .overlay-box .icon {
opacity: 0.25;
transform: translate(0) scale(1);
}
.featured-block-five .overlay-box h3 {
margin-bottom: 20px;
opacity: 0;
transform: translateY(-50px);
-webkit-transition: all 1000ms ease 300ms;
-moz-transition: all 1000ms ease 300ms;
-ms-transition: all 1000ms ease 300ms;
-o-transition: all 1000ms ease 300ms;
transition: all 1000ms ease 300ms;
}
.featured-block-five .overlay-box .text {
opacity: 0;
transform: translateY(50px);
-webkit-transition: all 1000ms ease 500ms;
-moz-transition: all 1000ms ease 500ms;
-ms-transition: all 1000ms ease 500ms;
-o-transition: all 1000ms ease 500ms;
transition: all 1000ms ease 500ms;
}
.featured-block-five .inner-box:hover .overlay-box h3, .featured-block-five .inner-box:hover .overlay-box .text {
opacity: 1;
transform: translate(0);
}
.about-section-three .lower-row {
position: relative;
padding: 80px 0px 80px;
}
.about-section-three .lower-row:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 350px;
background: url("../images/mntop.jpg") no-repeat center center;
background-size: cover;
}
.about-section-three .lower-row .text-column {
position: relative;
margin-bottom: 30px;
order: 12;
}
.about-section-three .lower-row .image-column {
position: relative;
margin-bottom: 30px;
order: 0;
}
.about-section-three .lower-row .image-box {
position: relative;
}
/*.about-section-three .lower-row .image-box:before{
content: '';
position: absolute;
right: -20px;
top: -20px;
width: 140px;
height: 140px;
border:20px solid #ffffff;
}*/
.about-section-three .lower-row .image-column img {
display: block;
width: 100%;
}
.about-section-three .lower-row .text-column .inner {
position: relative;
display: block;
padding-left: 30px;
}
.about-section-three .lower-row .sec-title {
position: relative;
margin-bottom: 85px;
padding-bottom: 0;
}
.about-section-three .lower-row .sec-title h2 {
text-transform: none;
}
.about-section-three .lower-row .signature {
position: relative;
font-size: 18px;
padding-top: 40px;
font-family: 'Signature', cursive;
line-height: 1.5em;
color: #222222;
font-weight: 700;
}
/***
====================================================================
Services Section Five
====================================================================
***/
.services-section-five {
position: relative;
padding: 110px 0px;
overflow: hidden;
}
.services-section-five .title-box {
position: relative;
padding-bottom: 20px;
}
.services-section-five .title-box .sec-title {
position: relative;
float: left;
margin-bottom: 30px;
}
.services-section-five .title-box .link-box {
position: relative;
float: right;
padding-top: 30px;
}
.services-section-five .title-box .link-box a {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 16px;
color: #0a394d;
text-transform: capitalize;
}
.services-section-five .title-box .link-box a .txt {
position: relative;
display: inline-block;
border-bottom: 1px solid #0a394d;
}
.services-section-five .title-box .link-box a .icon {
position: relative;
top: 1px;
font-size: 16px;
padding-left: 7px;
font-weight: 600;
color: #023567;
}
.services-section-five .title-box .link-box a:hover {
color: #023567;
}
.services-section-five .title-box .link-box a:hover .txt {
border-bottom-color: inherit;
}
.services-section-five .title-box .link-box a:hover .icon {
color: #023567;
}
.services-section-five .carousel-box .owl-stage-outer {
overflow: visible;
}
.service-block-six {
position: relative;
margin-bottom: 30px;
}
.owl-theme .service-block-six {
margin: 0px 0px;
opacity: 0;
visibility: hidden;
-moz-transition: all 0.3s ease 0ms;
-webkit-transition: all 0.3s ease 0ms;
-ms-transition: all 0.3s ease 0ms;
-o-transition: all 0.3s ease 0ms;
transition: all 0.3s ease 0ms;
}
.owl-theme .active .service-block-six {
opacity: 1;
visibility: visible;
}
.service-block-three .inner-box {
position: relative;
display: block;
}
.service-block-six .image-box, .service-block-six .image, .service-block-six .image img {
position: relative;
display: block;
width: 100%;
margin: 0;
}
.service-block-six .inner-box .lower-box:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background: #0a394d;
opacity: 0;
transition: all 700ms ease;
-moz-transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
}
.service-block-six .lower-box {
position: relative;
padding: 45px 35px 50px;
background: none;
margin: 0px;
z-index: 0;
overflow: hidden;
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
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;
}
.service-block-six .inner-box:hover .lower-box {
color: #ffffff;
box-shadow: none;
}
.service-block-six .inner-box:hover .lower-box:before {
height: 100%;
opacity: 1;
}
.service-block-six .lower-box h3 {
position: relative;
font-weight: 600;
text-transform: capitalize;
margin-bottom: 20px;
color: #222222;
font-family: 'Roboto', sans-serif;
}
.service-block-six .lower-box h3 a {
color: #222222;
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;
}
.service-block-six .inner-box:hover .lower-box h3 a {
color: #ffffff;
}
.service-block-six .lower-box .text {
position: relative;
line-height: 1.5em;
margin-bottom: 30px;
}
.service-block-thsixree .link-box {
position: relative;
}
.service-block-six .link-box a {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 16px;
color: #0a394d;
text-transform: capitalize;
}
.service-block-six .link-box a .txt {
position: relative;
display: inline-block;
border-bottom: 1px solid #0a394d;
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;
}
.service-block-six .link-box a .icon {
position: relative;
top: 3px;
font-size: 16px;
padding-left: 7px;
font-weight: 600;
color: #023567;
}
.service-block-six .link-box a:hover {
color: #023567;
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;
}
.service-block-six .inner-box:hover .link-box a .txt {
border-bottom-color: inherit;
color: #ffffff;
}
.service-block-six .inner-box:hover .link-box a .icon {
color: #023567;
}
.services-section-five .owl-theme .owl-dots {
display: none;
}
.services-section-five .owl-theme .owl-nav {
position: relative;
width: 100%;
text-align: center;
padding-top: 60px;
}
.services-section-five .owl-theme .owl-nav .owl-prev, .services-section-five .owl-theme .owl-nav .owl-next {
position: relative;
display: inline-block;
margin: 0px 5px;
width: 50px;
height: 50px;
line-height: 48px;
text-align: center;
font-size: 20px;
color: #cccccc;
border: 1px solid #e0e0e0;
border-radius: 50%;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.services-section-five .owl-theme .owl-nav .owl-prev:hover, .services-section-five .owl-theme .owl-nav .owl-next:hover {
color: #ffffff;
background: #023567;
border-color: #023567;
}
/***
====================================================================
Fluid Section
====================================================================
***/
.fluid-section-two {
position: relative;
padding: 0px 0px;
z-index: 1;
}
.fluid-section-two .outer-container {
position: relative;
min-height: 100px;
}
.fluid-section-two .image-column {
position: absolute;
float: left;
width: 50%;
height: 100%;
}
.fluid-section-two .image-column:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 100px;
height: 100%;
background: #023567;
background: -webkit-linear-gradient(left, #0a394d, #023567);
opacity: 0.80;
z-index: 1;
}
.fluid-section-two .image-column .image-layer {
position: absolute;
left: 0;
top: 0;
right: 100px;
height: 100%;
opacity: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.fluid-section-two .image-column .image {
width: 100%;
display: none;
}
.fluid-section-two .image-column .image img {
width: 100%;
}
.fluid-section-two .image-column .video-link {
position: absolute;
left: 0;
top: 0;
right: 100px;
height: 100%;
opacity: 1;
color: #ffffff;
text-align: center;
z-index: 2;
}
.fluid-section-two .image-column .video-link .link-content {
position: absolute;
left: 50%;
margin-left: -120px;
top: 50%;
margin-top: -70px;
width: 240px;
}
.fluid-section-two .image-column .video-link .icon {
display: block;
line-height: 1em;
font-size: 64px;
margin-bottom: 30px;
padding-left: 10px;
}
.fluid-section-two .image-column .video-link .link-text {
position: relative;
display: block;
line-height: 1.5em;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
padding-bottom: 20px;
}
.fluid-section-two .image-column .video-link .link-text:before {
content: '';
position: absolute;
left: 50%;
bottom: 0px;
margin-left: -15px;
width: 30px;
border-bottom: 3px solid #ffffff;
}
.fluid-section-two .text-column {
position: relative;
float: right;
width: 50%;
background: #eef6f9;
z-index: 5;
}
.fluid-section-two .text-column .floated-image {
position: absolute;
right: 0;
bottom: 0;
width: 460px;
}
.fluid-section-two .text-column .inner {
position: relative;
display: block;
width: 100%;
max-width: 700px;
margin-left: -100px;
padding-right: 20px;
background: #eef6f9;
}
.fluid-section-two .text-column .inner-content {
position: relative;
display: block;
padding: 100px 0px 100px 90px;
z-index: 1;
}
.fluid-section-two .text-column .sec-title {
position: relative;
margin-bottom: 25px;
padding-bottom: 0;
}
.fluid-section-two .text-column .text {
position: relative;
margin: 0 0 35px;
}
.fluid-section-two .text-column .features {
position: relative;
}
.fluid-section-two .text-column .features li {
position: relative;
float: left;
width: 110px;
height: 110px;
padding: 10px;
line-height: 90px;
font-size: 42px;
color: #0a394d;
text-align: center;
border: 2px dashed #023567;
margin-right: 40px;
margin-bottom: 50px;
border-radius: 50%;
}
.fluid-section-two .text-column .features-list {
position: relative;
}
.fluid-section-two .text-column .features-list li {
position: relative;
display: block;
font-size: 18px;
padding-left: 25px;
margin-bottom: 5px;
line-height: 1.5em;
font-weight: 500;
}
.fluid-section-two .text-column .features-list li:before {
font-family: 'Font Awesome 5 Free';
content: "\f00c";
position: absolute;
left: 0px;
top: 0px;
font-size: 16px;
line-height: 24px;
font-weight: 800;
color: #023567;
}
/***
====================================================================
Dedicated Projects
====================================================================
***/
.dedicated-projects {
position: relative;
padding: 100px 0px 70px;
}
.project-block-three {
position: relative;
margin-bottom: 30px;
}
.masonry-gallery {
position: relative;
}
.project-block-three .inner-box {
position: relative;
display: block;
text-align: center;
}
.project-block-three .image-box {
position: relative;
display: block;
overflow: hidden;
}
.project-block-three .image {
position: relative;
display: block;
margin: 0;
}
.project-block-three .image img {
display: block;
width: 100%;
}
.project-block-three .image-box .overlay {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 90%;
color: #ffffff;
background: rgba(0,0,0,0.70);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.95), rgba(0,0,0,0.80), rgba(0,0,0,0.0));
background: -ms-linear-gradient(bottom, rgba(0,0,0,0.95), rgba(0,0,0,0.80), rgba(0,0,0,0.0));
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.95), rgba(0,0,0,0.80), rgba(0,0,0,0.0));
opacity: 0;
visibility: hidden;
transform: translateY(-100%);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.project-block-three .inner-box:hover .image-box .overlay {
opacity: 1;
visibility: visible;
transform: translateY(0%);
}
.project-block-three .image-box .overlay a {
color: #ffffff;
}
.project-block-three .image-box .overlay .zoom-btn {
font-size: 24px;
margin-bottom: 15px;
}
.project-block-three .image-box .overlay .more-link a {
text-decoration: underline;
font-weight: 600;
}
.project-block-three .image-box .overlay .over-inner {
position: absolute;
left: 0;
bottom: 30px;
width: 100%;
padding: 0px 20px;
}
.project-block-three .image-box .overlay .title {
position: relative;
}
.project-block-three .image-box .overlay .title h3 {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 5px;
}
.project-block-three .image-box .overlay .cat, .project-block-three .image-box .overlay .cat a {
position: relative;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
color: #023567;
}
.default-theme .project-block-three .image-box .overlay .cat, .default-theme .project-block-three .image-box .overlay .cat a {
color: #b14756;
}
.project-block-three .image-box .overlay .title h3 a:hover {
color: #023567;
}
.default-theme .project-block-three .image-box .overlay .title h3 a:hover {
color: #b14756;
}
.recent-projects-three .view-more {
position: relative;
padding-top: 40px;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section {
position: relative;
background: #eef6f9;
padding: 70px 0px 30px;
}
.team-section.default-theme {
background: none;
}
.team-section .title-box {
position: relative;
padding-bottom: 20px;
}
.team-section .title-box .sec-title {
position: relative;
float: left;
margin-bottom: 30px;
}
.team-section .title-box .link-box {
position: relative;
float: right;
padding-top: 30px;
}
.team-section .title-box .link-box a {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 16px;
color: #0a394d;
text-transform: capitalize;
}
.team-section .title-box .link-box a .txt {
position: relative;
display: inline-block;
border-bottom: 1px solid #0a394d;
}
.team-section .title-box .link-box a .icon {
position: relative;
top: 1px;
font-size: 16px;
padding-left: 7px;
font-weight: 600;
color: #023567;
}
.team-section .title-box .link-box a:hover {
color: #023567;
}
.team-section .title-box .link-box a:hover .txt {
border-bottom-color: inherit;
}
.team-section .title-box .link-box a:hover .icon {
color: #023567;
}
.team-block {
position: relative;
text-align: center;
margin-bottom: 40px;
}
.owl-theme .team-block {
margin: 0px 0px;
}
.team-block .inner-box {
position: relative;
display: block;
overflow: hidden;
}
.team-block .image-box, .team-block .image, .team-block .image img {
position: relative;
display: block;
width: 100%;
margin: 0;
}
.team-block .social-links {
position: absolute;
right: -50px;
top: 20px;
width: 42px;
padding: 7px 0px;
background: #023567;
opacity: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.team-section.default-theme .social-links {
background: #b14756;
}
.team-block:hover .social-links {
right: 20px;
opacity: 1;
}
.team-block .social-links li {
position: relative;
display: block;
margin: 0;
}
.team-block .social-links li a {
position: relative;
display: block;
width: 100%;
height: 42px;
line-height: 42px;
font-size: 14px;
color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.team-block .social-links li a:hover {
color: rgba(255,255,255,0.70);
}
.team-block .lower-box {
position: relative;
padding: 35px 10px 0px;
}
.team-block .lower-box h3 {
position: relative;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 5px;
color: #222222;
}
.team-block .lower-box h3 a {
color: #222222;
}
.team-block .lower-box h3 a:hover {
color: #023567;
}
.team-block .lower-box .info {
position: relative;
color: #666666;
line-height: 1.5em;
}
/***
====================================================================
Page Banner Style
====================================================================
***/
.page-banner {
position: relative;
color: #ffffff;
text-align: left;
padding: 200px 0px 200px;
background-color: #25283a;
z-index: 2;
}
.page-banner .image-layer {
position: absolute;
left: 0px;
top: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.page-banner .image-layer:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000000;
opacity: 0.15;
}
.page-banner .auto-container {
position: relative;
z-index: 1;
}
.page-banner h1 {
position: relative;
font-size: 3.75rem;
line-height: 3.75rem;
margin-bottom: 15px;
color: #ffffff;
text-transform: capitalize;
}
.page-banner .breadcrumb-box {
position: relative;
left: 0;
bottom: 0;
width: 100%;
text-align: left;
margin: 0 0 20px;
}
.page-banner .bread-crumb {
position: relative;
display: inline-block;
}
.page-banner .bread-crumb li {
position: relative;
display: inline-block;
line-height: 30px;
margin-left: 40px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.02em;
font-size: 14px;
font-weight: 500;
}
.page-banner .bread-crumb li:before {
font-family: 'Flaticon';
content: '\f196';
position: absolute;
right: -40px;
width: 40px;
top: 0px;
text-align: center;
line-height: 34px;
font-size: 16px;
font-weight: 700;
color: #fff;
}
.page-banner .bread-crumb li:first-child {
margin-left: 0px;
}
.page-banner .bread-crumb li:last-child:before {
display: none;
}
.page-banner .bread-crumb li a {
position: relative;
color: #ffffff;
display: block;
line-height: 30px;
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;
opacity: 0.7;
text-transform: uppercase;
}
.page-banner .bread-crumb li a:hover {
text-decoration: underline;
}
/***
====================================================================
About SectionFour
====================================================================
***/
.about-section-four {
position: relative;
padding: 80px 0px 100px;
}
.about-section-four .pattern-image-left {
position: absolute;
left: 0;
bottom: 50px;
width: auto;
height: auto;
}
.about-section-four .pattern-image-right {
position: absolute;
right: 0;
bottom: 30px;
width: auto;
height: auto;
}
.about-section-four .title-column {
position: relative;
}
.about-section-four .title-column .inner {
position: relative;
display: block;
padding-right: 0px;
}
.about-section-four .text-column {
position: relative;
margin-bottom: 0px;
}
.about-section-four .text-column .inner {
position: relative;
display: block;
padding-left: 30px;
padding-top: 30px;
}
.about-section-four .text-column .text-content {
position: relative;
}
.about-section-four .text-column .text-content p {
margin-bottom: 25px;
}
.about-section-four .text-column .signature {
position: relative;
float: left;
font-size: 18px;
padding-top: 30px;
font-family: 'Signature', cursive;
line-height: 1.5em;
font-weight: 700;
}
.about-section-four .lower-content {
position: relative;
}
.about-section-four .default-block {
position: relative;
text-align: left;
margin-bottom: 50px;
z-index: 100;
}
.about-section-four .default-block .image-box, .about-section-four .default-block .image-box img {
position: relative;
display: block;
width: 100%;
}
.about-section-four .default-block .lower-box {
position: relative;
display: block;
padding: 35px 0px 0px;
}
.about-section-four .default-block h3 {
font-size: 24px;
font-weight: 700;
text-transform: capitalize;
}
.about-section-four .default-block h3 a {
font-size: 24px;
color: #222222;
}
.about-section-four .default-block .count {
position: absolute;
right: -7px;
bottom: 0;
font-size: 150px;
color: #023567;
opacity: 0.08;
font-weight: 500;
line-height: 0.40em;
}
/***
====================================================================
Projects Section Three
====================================================================
***/
.projects-section-three {
position: relative;
padding: 0px 0px;
}
.projects-section-three .outer-container {
position: relative;
overflow: hidden;
}
.projects-section-three .image-column {
position: absolute;
right: 0;
top: 0;
float: left;
width: 50%;
height: 100%;
}
.projects-section-three .text-column {
position: relative;
float: left;
width: 50%;
}
.projects-section-three .text-column .bg-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
background: #023567;
}
.projects-section-three .text-column .inner {
position: relative;
float: right;
width: 100%;
max-width: 680px;
padding: 110px 20px;
}
.projects-section-three .content {
position: relative;
max-width: 530px;
color: #ffffff;
}
.projects-section-three .content .title {
position: relative;
margin-bottom: 20px;
}
.projects-section-three .content .title .sub-title {
font-size: 16px;
line-height: 24px;
margin-bottom: 15px;
}
.projects-section-three .content .title .sub-title .icon {
position: relative;
top: 2px;
font-size: 18px;
line-height: 24px;
padding-right: 5px;
}
.projects-section-three .content .title h2 {
position: relative;
font-weight: 600;
line-height: 1.2em;
text-transform: capitalize;
margin: 0;
}
.projects-section-three .content .text {
position: relative;
margin: 0 0 25px;
}
.projects-section-three .content .features {
position: relative;
margin-bottom: 40px;
}
.projects-section-three .content .features li {
position: relative;
font-size: 18px;
line-height: 30px;
margin-bottom: 7px;
}
.projects-section-three .content .features li .gap-icon {
position: relative;
font-size: 20px;
padding-right: 5px;
}
.projects-section-three .image-column .inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.projects-section-three .image-column .text-over-block {
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
}
.projects-section-three .image-column .text-over-block:nth-child(2) {
left: 50%;
}
.projects-section-three .text-over-block .inner-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
color: #ffffff;
}
.projects-section-three .text-over-block .block-image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center top;
}
.projects-section-three .text-over-block .title {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 0px 20px 30px;
font-size: 24px;
line-height: 32px;
text-transform: uppercase;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.projects-section-three .text-over-block:hover .title {
opacity: 0;
visibility: hidden;
}
.projects-section-three .text-over-block .block-image-layer:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 30%;
background: rgba(0,0,0,0.70);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.95), rgba(0,0,0,0.80), rgba(0,0,0,0.0));
background: -ms-linear-gradient(bottom, rgba(0,0,0,0.95), rgba(0,0,0,0.80), rgba(0,0,0,0.0));
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.95), rgba(0,0,0,0.80), rgba(0,0,0,0.0));
}
.projects-section-three .text-over-block .title .icon {
position: relative;
display: inline-block;
vertical-align: middle;
padding-right: 10px;
font-size: 48px;
line-height: 32px;
}
.projects-section-three .text-over-block .title .txt {
position: relative;
}
.projects-section-three .text-over-block:hover .over-link {
opacity: 1;
}
.projects-section-three .text-over-block .over-link .icon {
position: absolute;
left: 50%;
top: 50%;
margin: -12px 0 0 -15px;
font-size: 30px;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
}
.text-over-block .inner-box .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
color: #ffffff;
background: rgba(64,111,230,0.90);
opacity: 0.5;
visibility: hidden;
transform: translateY(-100%);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.text-over-block .inner-box:hover .overlay {
opacity: 1;
visibility: visible;
transform: translateY(0%);
-webkit-transition: all 1200ms ease;
-moz-transition: all 1200ms ease;
-ms-transition: all 1200ms ease;
-o-transition: all 1200ms ease;
transition: all 1200ms ease;
}
.text-over-block .inner-box .overlay a {
color: #ffffff;
}
.text-over-block .inner-box .overlay .icon-box {
position: relative;
font-size: 54px;
margin-bottom: 20px;
line-height: 1em;
}
.text-over-block .inner-box .overlay .over-inner {
position: relative;
width: 100%;
display: table-cell;
vertical-align: middle;
padding: 20px 50px;
}
.text-over-block .inner-box .overlay h3 {
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 20px;
}
.text-over-block .inner-box .overlay .cat, .text-over-block .inner-box .overlay .cat a {
position: relative;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
}
.text-over-block .inner-box .overlay h3 a:hover {
text-decoration: underline;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container {
position: relative;
padding: 70px 0px 0px;
}
.sidebar-page-container .content-side {
position: relative;
margin-bottom: 30px;
}
.service-details {
position: relative;
}
.service-details .service-title {
margin-bottom: 40px;
}
.service-details .details-inner {
position: relative;
}
.service-details .main-image {
position: relative;
margin-bottom: 40px;
}
.service-details .main-image img {
width: 100%;
}
.service-details .text-content, .service-details .text-block {
position: relative;
}
.service-details .text-block p, .service-details .text-content p {
margin-bottom: 25px;
}
.service-details .text-block h3, .service-details .text-content h3 {
font-size: 30px;
font-weight: 500;
margin-bottom: 15px;
}
.service-details .featured-list {
position: relative;
text-align: center;
max-width: 600px;
padding: 10px 0px 0px;
margin: 0 auto;
}
.service-details .featured-list ul {
position: relative;
margin: 0px -15px;
}
.service-details .featured-list ul li {
position: relative;
float: left;
width: 30%;
padding: 0px 15px;
font-weight: 700;
font-size: 14px;
color: #222222;
text-transform: uppercase;
line-height: 1.4em;
margin-bottom: 50px;
}
.service-details .featured-list ul li:nth-child(2) {
width: 40%;
}
.service-details .featured-list ul li:nth-child(2):before {
content: '';
position: absolute;
left: 15px;
top: 0;
width: 1px;
height: 100%;
border-left: 1px dashed #cccccc;
}
.service-details .featured-list ul li:nth-child(2):after {
content: '';
position: absolute;
right: 15px;
top: 0;
width: 1px;
height: 100%;
border-left: 1px dashed #cccccc;
}
.service-details .featured-list ul li .icon {
position: relative;
display: block;
font-weight: 400;
font-size: 64px;
line-height: 1em;
color: #023567;
vertical-align: bottom;
margin: 0 0 20px;
}
.service-details .featured-list ul li:nth-child(2) .icon {
color: #b14756;
}
.service-details .featured-list-two {
position: relative;
max-width: 600px;
padding: 10px 0px;
}
.service-details .featured-list-two ul {
position: relative;
}
.service-details .featured-list-two ul li {
position: relative;
padding: 20px 25px;
font-weight: 600;
font-size: 14px;
color: #222222;
text-transform: uppercase;
line-height: 30px;
border: 1px solid #f0f0f0;
margin-bottom: 15px;
}
.service-details .featured-list-two ul li .icon {
position: relative;
display: inline-block;
font-weight: 400;
font-size: 30px;
line-height: 24px;
vertical-align: middle;
margin: 0 20px 0 0;
color: #023567;
}
.service-details .featured-link-block {
position: relative;
margin-bottom: 50px;
text-align: center;
}
.service-details .featured-link-block .inner {
position: relative;
display: block;
padding-bottom: 30px;
}
.service-details .featured-link-block .image, .service-details .featured-link-block img {
position: relative;
display: block;
width: 100%;
}
.service-details .featured-link-block .caption-box {
position: absolute;
left: 0;
bottom: 0px;
padding: 0px 20px;
z-index: 1;
width: 100%;
}
.service-details .featured-link-block .caption-box .title {
position: relative;
display: block;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
}
.service-details .featured-link-block .caption-box .title a {
position: relative;
display: block;
padding: 16px 15px 14px;
line-height: 30px;
background: #ffffff;
border-left: 4px solid #023567;
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.10);
color: #222222;
display: block;
}
.service-details .featured-link-block .caption-box .title a:hover {
color: #023567;
}
/* Sidebar */
.sidebar-page-container .sidebar-side {
position: relative;
margin-bottom: 30px;
}
.sidebar-page-container .sidebarr {
position: relative;
}
.sidebar-page-container .service-sidebar {
padding-right: 20px;
}
.sidebar-page-container .blog-sidebar {
padding-left: 30px;
}
.sidebarr .sidebar-widget {
position: relative;
display: block;
margin-bottom: 50px;
}
.sidebarr .sidebar-widget .widget-inner {
position: relative;
display: block;
}
.sidebarr .services-widget ul {
position: relative;
display: block;
}
.sidebarr .services-widget ul li {
position: relative;
display: block;
background: url(../image/bg-pattern-1.png) center center repeat;
margin-bottom: 1px;
}
.sidebarr .services-widget ul li:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 0%;
height: 100%;
border-left: 3px solid #856130;
background: #023567;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.sidebarr .services-widget ul li:hover:before, .sidebarr .services-widget ul li.active:before {
width: 100%;
}
.sidebarr .services-widget ul li a {
position: relative;
display: block;
border-bottom: 1px solid rgba(82,195,6,0.20);
padding: 15px 20px;
line-height: 36px;
color: #222222;
font-size: 16px;
text-transform: capitalize;
z-index: 1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
font-family: 'Roboto', sans-serif;
}
.sidebarr .services-widget ul li:hover a, .sidebarr .services-widget ul li.active a, .sidebarr .services-widget ul li:hover .icon, .sidebarr .services-widget ul li.active .icon {
color: #ffffff;
}
.sidebarr .services-widget ul li .icon {
position: absolute;
right: 20px;
top: 15px;
font-size: 36px;
line-height: 36px;
color: #cfcfe2;
font-weight: 400;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.sidebarr .info-widget {
text-align: center;
}
.sidebarr .info-widget .widget-inner {
background: #023567;
color: #ffffff;
}
.sidebarr .info-widget .lower {
display: block;
padding: 30px 20px;
}
.sidebarr .info-widget .image {
position: relative;
display: block;
margin: 0;
}
.sidebarr .info-widget .image img {
position: relative;
display: block;
width: 100%;
}
.sidebarr .info-widget .subtitle {
position: relative;
display: block;
font-size: 20px;
line-height: 1.5em;
margin-bottom: 30px;
}
.sidebarr .info-widget .icon-box {
position: relative;
display: block;
font-size: 54px;
line-height: 1em;
margin-bottom: 30px;
}
.sidebarr .info-widget .phone {
position: relative;
display: block;
font-size: 30px;
line-height: 1.2em;
font-weight: 700;
margin-bottom: 5px;
}
.sidebarr .info-widget .phone a {
display: inline-block;
color: #ffffff;/*border-bottom: 1px solid rgba(255,255,255,0.50);*/
}
.sidebarr .info-widget .email {
position: relative;
display: block;
font-size: 16px;
line-height: 1.5em;
}
.sidebarr .info-widget .email a {
color: #ffffff;
}
.downloads-widget {
position: relative;
}
.downloads-widget h3 {
font-size: 22px;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 15px;
}
.downloads-widget .widget-inner {
background: transparent;
padding: 30px;
}
.downloads-widget li {
position: relative;
border: 1px solid rgba(2,53,103,0.30);
width: 49%;
margin: 1px 1px;
display: inline-block;
}
.downloads-widget li:last-child {
/*border-bottom: none;*/
}
.downloads-widget li a {
position: relative;
display: block;
padding: 15px 10px;
line-height: 30px;
font-weight: 400;
color: #222222;
text-transform: uppercase;
font-size: 14px;
}
.downloads-widget li .fa, .downloads-widget li .far {
position: relative;
padding-right: 10px;
font-size: 20px;
top: 2px;
color: #023567;
}
.downloads-widget li a:hover {
color: #023567;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.pagination-box {
position: relative;
padding-top: 30px;
}
.styled-pagination {
position: relative;
}
.styled-pagination li {
position: relative;
display: inline-block;
margin-right: 7px;
margin-bottom: 7px;
}
.styled-pagination li:last-child {
margin-right: 0;
}
.styled-pagination li a {
position: relative;
display: block;
line-height: 30px;
font-size: 16px;
height: 44px;
min-width: 44px;
padding: 6px 5px;
text-align: center;
color: #333333;
font-weight: 400;
text-align: center;
background: #ffffff;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.10);
text-transform: capitalize;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.styled-pagination li a:hover, .styled-pagination li a.active {
color: #ffffff;
background: #444444;
border-color: #444444;
}
.styled-pagination li .next, .styled-pagination li .prev {
border: none;
color: #333333 !important;
background: none !important;
text-decoration: underline;
text-transform: uppercase;
}
/***
====================================================================
FAQs Section
====================================================================
***/
.faq-section {
position: relative;
padding: 110px 0px;
}
.faq-section .title-box {
position: relative;
max-width: 800px;
text-align: center;
margin: 0 auto 80px;
}
.faq-section .title-box .title {
padding: 20px 20px;
line-height: 30px;
background: #f6f8ff;
margin: 0 auto 30px;
font-size: 18px;
color: #222222;
font-weight: 700;
text-transform: uppercase;
}
.faq-section .title-box .send-email a {
color: #023567;
font-weight: 700;
}
.faq-section .faq-container {
position: relative;
max-width: 950px;
margin: 0 auto;
}
.accordion-box {
position: relative;
}
.accordion-box .block {
position: relative;
}
.accordion-box .block:last-child {
margin-bottom: 0;
}
.accordion-box .block .acc-btn {
position: relative;
font-size: 20px;
line-height: 30px;
font-weight: 400;
cursor: pointer;
padding: 18px 18px;
padding-right: 50px;
color: #222222;
background-color: #ffffff;
border-bottom: 1px solid rgba(0,0,0,0.10);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.accordion-box .block .icon {
position: absolute;
right: 15px;
top: 18px;
font-size: 16px;
font-weight: 700;
color: #222222;
height: 30px;
line-height: 30px;
}
.accordion-box .block .acc-btn.active .icon:before {
content: "\f135";
font-family: "Flaticon";
}
.accordion-box .block .acc-btn.active {
background-color: #ffffff;
color: #856130;
}
.accordion-box .block.active-block {
}
.accordion-box .block .acc-content {
position: relative;
display: none;
border-top: 2px solid transparent;
}
.accordion-box .block .content {
position: relative;
padding: 30px;
float: left;
}
.accordion-box .block .content p {
text-align: left;
}
.accordion-box .block.current .acc-content {
display: block;
}
.accordion-box .block.active-block .acc-content {
border-top-color: #023567;
}
.accordion-box .block .content .text {
position: relative;
display: block;
font-size: 16px;
letter-spacing: 0.01em;
line-height: 1.6em;
}
/***
====================================================================
Blog Sidebar Section
====================================================================
***/
.sidebar-page-container .pagination-box {
padding-top: 0;
}
.news-block-four {
position: relative;
margin-bottom: 70px;
}
.news-block-four .inner-box {
position: relative;
display: block;
padding: 0px 30px 0px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block-four .inner-box:before {
content: '';
position: absolute;
display: block;
left: 0;
right: 0;
top: 80px;
bottom: 0;
background: #f6f8ff;
}
.news-block-four .image-box, .news-block-four .image, .news-block-four .image img {
position: relative;
display: block;
width: 100%;
margin: 0;
}
.news-block-four .inner-box .post-date {
position: absolute;
right: 25px;
bottom: -30px;
width: 72px;
height: 72px;
line-height: 24px;
text-align: center;
padding: 12px 5px;
background: #ffffff;
border-radius: 50%;
z-index: 1;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.07);
}
.news-block-four .inner-box .post-date .day {
display: block;
font-size: 32px;
color: #b14756;
font-weight: 700;
line-height: 1.1em;
}
.news-block-four .inner-box .post-date .month {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 1.1em;
text-transform: uppercase;
}
.news-block-four .lower-box {
position: relative;
padding: 40px 25px 50px;
}
.news-block-four .lower-box h3 {
position: relative;
font-weight: 700;
text-transform: capitalize;
font-size: 28px;
margin-bottom: 15px;
color: #222222;
}
.news-block-four .lower-box h3 a {
color: #222222;
}
.news-block-four .lower-box h3 a:hover, .news-block-four .meta-info a:hover {
color: #b14756;
}
.news-block-four .lower-box .text {
position: relative;
margin-bottom: 25px;
}
.news-block-four .lower-row {
position: relative;
}
.news-block-four .meta-info {
position: relative;
float: left;
color: #777777;
padding-top: 15px;
}
.news-block-four .meta-info:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 40px;
border-bottom: 3px solid #b14756;
}
.news-block-four .meta-info a {
position: relative;
color: #777777;
}
.news-block-four .link-box {
position: relative;
float: right;
padding-top: 10px;
}
.news-block-four .link-box a {
position: relative;
display: inline-block;
font-weight: 600;
font-size: 16px;
color: #023567;
text-transform: capitalize;
}
.news-block-four .link-box a .txt {
position: relative;
display: inline-block;
border-bottom: 1px solid;
}
.news-block-four .link-box a .icon {
position: relative;
top: 2px;
font-size: 16px;
padding-left: 7px;
color: #b14756;
}
.news-block-four .link-box a:hover {
color: #b14756;
}
.sidebar-title {
position: relative;
margin-bottom: 25px;
padding-bottom: 15px;
}
.sidebar-title h3 {
position: relative;
display: block;
font-size: 22px;
line-height: 1.15em;
color: #222222;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 0px;
}
.sidebar-title h2 {
position: relative;
display: block;
font-size: 36px;
line-height: 1.2em;
color: #222222;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 0px;
}
.sidebar-title .bottom-dots {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.sidebar-title .bottom-dots .dot {
position: relative;
display: block;
float: left;
width: 3px;
height: 3px;
border-right: 3px solid #023567;
margin-right: 3px;
}
.sidebar-title .bottom-dots .line-dot {
border-right: 40px solid #023567;
}
.sidebarr .search-box .form-group {
position: relative;
margin: 0px;
}
.sidebarr .search-box .form-group input[type="text"], .sidebarr .search-box .form-group input[type="search"] {
position: relative;
line-height: 30px;
padding: 14px 50px 14px 30px;
border: 1px solid #f0f0f0;
background: #ffffff;
color: #222222;
display: block;
font-size: 16px;
width: 100%;
height: 60px;
border-radius: 30px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sidebarr .search-box .form-group input:focus {
border-color: #b14756;
}
.sidebarr .search-box .form-group button {
position: absolute;
right: 3px;
top: 3px;
height: 54px;
width: 54px;
line-height: 56px;
display: block;
font-size: 16px;
color: #ffffff;
background: #b14756;
font-weight: normal;
border-radius: 30px;
}
.sidebarr .search-box .form-group input:focus + button, .sidebarr .search-box .form-group button:hover {
background: #222222;
}
.sidebarr .recent-posts .post {
position: relative;
font-size: 14px;
color: #777777;
padding: 0px 0px 25px 115px;
min-height: 121px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 25px;
}
.sidebarr .recent-posts .post:last-child {
margin-bottom: 0px;
}
.sidebarr .recent-posts .post-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 95px;
height: 95px;
border-radius: 0;
}
.sidebarr .recent-posts .post-thumb img {
position: relative;
display: block;
width: 100%;
}
.sidebarr .recent-posts .text {
font-size: 18px;
line-height: 1.4em;
color: #222222;
font-weight: 500;
margin-bottom: 5px;
}
.sidebarr .recent-posts .text a {
color: #333333;
}
.sidebarr .recent-posts .text a:hover {
color: #023567;
}
.sidebarr .recent-posts .post .date {
position: relative;
display: block;
line-height: 24px;
font-size: 14px;
color: #777777;
}
.sidebarr .popular-tags .tags-list li {
position: relative;
display: inline-block;
margin: 0px 5px 7px 0px;
}
.sidebarr .popular-tags .tags-list li a {
position: relative;
display: block;
line-height: 24px;
padding: 8px 20px;
background: #ffffff;
border: 1px solid #f0f0f0;
text-align: center;
font-size: 16px;
color: #222222;
text-transform: capitalize;
border-radius: 2px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.sidebarr .popular-tags .tags-list li a:hover {
background-color: #b14756;
border-color: #b14756;
color: #ffffff;
}
.sidebarr .archives ul {
position: relative;
}
.sidebarr .archives ul li {
position: relative;
line-height: 30px;
font-size: 17px;
padding: 12px 0px;
border-bottom: 1px solid rgba(0,0,0,0.10);
}
.sidebarr .archives ul li:last-child {
padding-bottom: 0;
border: none;
}
.sidebarr .archives ul li:first-child {
padding-top: 0;
}
.sidebarr .archives ul li a {
position: relative;
color: #222222;
display: block;
font-weight: 500;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.sidebarr .archives ul li a:before {
font-family: 'Flaticon';
content: "\f196";
position: absolute;
left: 0px;
top: 0px;
display: block;
font-size: 15px;
font-weight: 700;
color: #b14756;
z-index: 5;
opacity: 0;
}
.sidebarr .archives ul li a:hover:before, .sidebarr .archives ul li.active a:before {
opacity: 1;
transition: all 300ms ease 200ms;
-webkit-transition: all 300ms ease 200ms;
-ms-transition: all 300ms ease 200ms;
-o-transition: all 300ms ease 200ms;
-moz-transition: all 300ms ease 200ms;
}
.sidebarr .archives ul li a:hover, .sidebarr .archives ul li.active a {
color: #023567;
padding-left: 25px;
}
.post-details {
position: relative;
display: block;
background: #f6f8ff;
margin-bottom: 70px;
}
.post-details .image-box, .post-details .image, .post-details .image img {
position: relative;
display: block;
width: 100%;
margin: 0;
}
.post-details .image-box .post-date {
position: absolute;
right: 25px;
bottom: -30px;
width: 72px;
height: 72px;
line-height: 24px;
text-align: center;
padding: 12px 5px;
background: #ffffff;
border-radius: 50%;
z-index: 1;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.07);
}
.post-details .image-box .post-date .day {
display: block;
font-size: 32px;
color: #b14756;
font-weight: 700;
line-height: 1.1em;
}
.post-details .image-box .post-date .month {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 1.1em;
text-transform: uppercase;
}
.post-details .lower-box {
position: relative;
padding: 40px 40px 50px;
}
.post-details .lower-box h2 {
position: relative;
font-weight: 700;
text-transform: capitalize;
font-size: 30px;
margin-bottom: 15px;
color: #222222;
}
.post-details .lower-box h3 {
position: relative;
font-weight: 700;
text-transform: capitalize;
font-size: 24px;
margin-bottom: 5px;
color: #222222;
}
.post-details .lower-box .text {
position: relative;
margin-bottom: 25px;
}
.post-details .meta-info {
position: relative;
color: #777777;
padding-bottom: 20px;
margin-bottom: 35px;
border-bottom: 1px solid #e0e0e0;
padding-top: 15px;
}
.post-details .meta-info:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 40px;
border-bottom: 3px solid #b14756;
}
.post-details .meta-info a {
position: relative;
color: #777777;
}
.post-details .meta-info a:hover {
color: #b14756;
}
blockquote {
position: relative;
display: block;
padding: 50px;
background: #023567;
color: #ffffff;
margin: 15px 0px;
}
blockquote .text {
position: relative;
display: block;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-bottom: 20px;
}
blockquote .info {
position: relative;
display: block;
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
color: #023567;
}
blockquote .icon {
position: absolute;
right: 30px;
bottom: 20px;
color: #856130;
font-size: 64px;
line-height: 1em;
font-weight: 700;
opacity: 1;
}
blockquote .icon.spjmk {
position: relative;
right: 0px;
transform: rotate(180deg) translatex(475px);
}
blockquote .icon span {
position: relative;
display: block;
font-weight: 700;
text-shadow: 0px 0px 1px #856130;
}
.post-details .image-column {
margin-bottom: 40px;
}
.post-details .text-column {
margin-bottom: 20px;
}
.post-details .text-column .sub-text {
color: #777777;
}
.post-details .lower-row {
position: relative;
padding-top: 20px;
}
.post-details .lower-row .tags {
position: relative;
float: left;
line-height: 24px;
padding-top: 6px;
}
.post-details .lower-row .tags strong {
font-weight: 700;
text-transform: uppercase;
padding-right: 10px;
}
.post-details .lower-row .tags a {
color: #222222;
}
.post-details .lower-row .tags a:hover {
text-decoration-line: underline;
}
.post-details .lower-row .social {
position: relative;
float: right;
}
.post-details .lower-row .social li {
position: relative;
float: left;
margin-right: 7px;
}
.post-details .lower-row .social li:last-child {
margin-right: 0;
}
.post-details .lower-row .social li a {
position: relative;
display: block;
line-height: 36px;
width: 36px;
height: 36px;
font-size: 14px;
background: #ffffff;
color: #777777;
text-align: center;
vertical-align: middle;
border-radius: 50%;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.post-details .lower-row .social li a .fab {
vertical-align: middle;
}
.post-details .lower-row .social li a:hover {
background: #023567;
color: #ffffff;
}
.content-side .sidebar-title {
margin-bottom: 40px;
}
/***
====================================================================
Comment Area
====================================================================
***/
.comments-area {
position: relative;
margin-bottom: 80px;
}
.comments-area .comment-box {
position: relative;
margin-bottom: 40px;
padding-bottom: 35px;
border-bottom: 1px solid #e0e0e0;
}
.comments-area .comment {
position: relative;
min-height: 70px;
padding-left: 95px;
}
.comments-area .comment-box .author-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 70px;
border-radius: 50%;
margin-bottom: 20px;
overflow: hidden;
}
.comments-area .comment-box .author-thumb img {
width: 100%;
display: block;
border-radius: 50%;
}
.comments-area .comment-box .info {
position: relative;
margin-bottom: 15px;
}
.comments-area .comment-box .info .name {
position: relative;
display: block;
font-size: 20px;
line-height: 1.3em;
font-weight: 500;
color: #222222;
text-transform: capitalize;
margin-bottom: 3px;
}
.comments-area .comment-box .info .date {
position: relative;
display: block;
font-size: 14px;
line-height: 1.4em;
font-weight: 500;
color: #222222;
}
.comments-area .comment-box .text {
font-size: 16px;
line-height: 1.5em;
font-weight: 400;
}
.comments-area .comment-box .reply-btn {
position: absolute;
right: 0;
top: 27px;
}
.comments-area .comment-box .reply-btn a {
font-size: 16px;
line-height: 1.5em;
color: #023567;
font-weight: 700;
text-decoration: underline;
}
.comments-area .comment-box .reply-btn a:hover {
text-decoration: none;
}
/***
====================================================================
Leave Comments Form
====================================================================
***/
.leave-comments {
position: relative;
}
.leave-comments .instruction {
color: #777777;
opacity: 0.50;
text-transform: capitalize;
font-style: italic;
margin-bottom: 30px;
}
.service-block .text-column .inner.span11 {
padding-top: 20px;
border-bottom: 1px solid #023567;
padding-bottom: 20px;
}
.spanhjuk {
padding-bottom: 1px;
margin-bottom: 25px !important;
}
.spanhjuk h3 {
font-weight: 500;
}
.image-boxxx {
width: 100%;
display: block;
text-align: center;
margin-top: 0px;
}
ul.spanlist li {
background: url("../image/list.jpg") no-repeat 0 7px;
padding-left: 25px;
margin-bottom: 5px;
text-align: left;
}
.spnbo {
border-left: 1px solid #023567;
border-right: 1px solid #023567;
}
.lower-box h4 {
margin: 0px;
}
.lower-box h4 a {
font-size: 18px;
font-weight: 400;
color: #023567;
}
.sphsty {
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
}
.spantext {
position: relative;
display: block;
margin-bottom: 30px;
color: #fff;
font-size: 26px;
line-height: 28px;
text-align: left;
font-weight: 300;
}
.video-wrap svg {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.video-wrap svg rect {
fill: white;
}
.video-wrap svg text {
font-weight: 900;
text-transform: uppercase;
font-size: 53px;
letter-spacing: -6px;
}
.video-wrap .big-text {
font-size: 60px;
}
.video-wrap svg > rect {
-webkit-mask: url(#mask);
mask: url(#mask);
}
.h-100 {
height: 100% !important;
}
.align-items-center {
align-items: center !important;
}
.video-wrap {
position: relative;
height: 100%;
}
.video-wrap video {
width: 100%;
height: 100%;
object-fit: cover;
}
.innerpage {
background: rgb(255,255,255)!important;
background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.6978992280505952) 100%)!important;
}
.bann-inn {
width: 100%;
margin-bottom: 35px;
}
.titled {
font-size: 22px;
text-align: center;
margin-top: 10px;
color: #856130;
}
.sphjkui {
background: #f9f9f9;
padding: 100px;
}
.gray-line {
margin: 30px 0px;
}
.gray-line {
background: #e8e8e8;
height: 1px;
display: block;
width: 100%;
margin: 20px 0px;
}
.ss .iconss {
display: inline-block;
margin-right: 15px;
font-size: 14px;
font-family: 'Roboto', sans-serif;
line-height: 26px;
font-weight: 500;
}
.ss .iconss svg {
float: left;
fill: #00325f;
height: 26px;
margin-right: 10px;
}
svg:not(:root) {
overflow: hidden;
}
.faq-container {
background: rgba(255, 255, 255, 0.9);
padding: 0px;
height: auto;
margin-bottom: 0px;
}
.sphjkkk .col-lg-3 {
padding-right: 5px;
padding-left: 5px;
}
.sphjkkk {
margin-top: -70px;
}
.video-wrap {
position: relative;
height: 100%;
}
.video-wrap video {
width: 100%;
height: 100%;
object-fit: cover;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
width: 100%;
}
.sphj1 {
text-align: left;
background: #fafafa;
padding: 70px;
margin-top: -330px;
position: relative;
z-index: 9999;
}
.sphj11 {
text-align: left;
background: #f4faff;
padding: 15px;
margin-top: -330px;
position: relative;
z-index: 9999;
}
ul.sphnbuton {
margin-bottom: 80px;
margin-top: 80px;
}
ul.sphnbuton li {
display: inline-block;
}
ul.sphnbuton li a {
background: #023567;
padding: 15px;
float: left;
text-transform: uppercase;
color: #fff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
ul.sphnbuton li a:hover {
background: #856130;
}
.spanback {
background: transparent;
color: #333;
padding: 80px 0;
}
.spanback p {
position: relative;
display: block;
font-size: 18px;
margin-bottom: 20px;
}
.spjil span {
width: 100%;
float: left;
font-size: 22px;
color: #856130;
margin-top: 15px;
}
.spjil {
height: 200px;
border-bottom: 1px solid #999;
margin-bottom: 25px;
}
.spabackawrd {
background: #fff;
padding: 50px;
}
.spnhjjacontact {
margin-top: -150px;
padding: 50px;
background: #fafafa;
}
.buttonss {
align-items: center;
background-color: transparent;
border: none;
color: #000;
cursor: pointer;
display: inline-flex;
font-family: Myriad Pro Semi Bold, sans-serif;
font-size: 16px;
height: 50px;
justify-content: center;
line-height: 1.4em;
outline: none;
padding: 0px;
position: relative;
text-decoration: none;
transition: color .3s ease-in-out;
}
.button__icon {
transition: transform .2s ease-in-out;
}
.buttonss:hover .button__icon.hover--block-end {
transform: translateY(15px);
}
.span50 {
width: 50%;
float: left;
overflow: hidden;
}
.span50 iframe {
width: 100%;
height: 320px;
margin-left: 30px;
float: left;
}
.span100 {
width: 100%;
float: left;
margin-bottom: 0px;
}
blockquote p {
text-align: left;
}
.spnsersecv {
background: #023567;
padding: 80px 100px 100px 100px;
margin-top: -300px;
}
.highd {
width: 200px;
height: 6px;
background: #856130;
margin-bottom: 35px;
}
.spnsersecv p {
color: #fff;
}
ul.spanlistr li {
background: url("../image/listt.jpg") no-repeat 0 7px;
padding-left: 25px;
line-height: 1.5;
margin-bottom: 5px;
font-size: 16px;
color: #fff;
}
.news-block-two h1 {
opacity: 0.5;
font-size: 300px;
position: absolute;
top: 63%;
left: 30px;
z-index: 99;
/*font-family: 'Barlow', sans-serif;*/
color: #856130;
}
.card--project {
-webkit-padding-after: 1.875rem;
display: flex;
flex-direction: column;
overflow-y: visible;
padding-block-end: 1.875rem;
position: relative;
width: min(100%, 22.5rem)
}
.card--project .card__img {
height: 15.625rem;
-o-object-fit: cover;
object-fit: cover;
width: min(100%, 22.5rem)
}
.card--project .card__heading {
-webkit-margin-before: 1.875rem;
margin-block-start: 1.875rem
}
.card--project .card__p {
-webkit-margin-before: .875rem;
-webkit-margin-after: 1.25rem;
margin-block-end: 1.25rem;
margin-block-start: .875rem;
opacity: .6
}
.card--project .card__arrow {
-webkit-margin-before: auto;
display: flex;
margin-block-start: auto
}
.card--project {
-webkit-padding-after: 3.125rem;
display: flex;
flex-direction: column;
height: 30.625rem;
padding-block-end: 3.125rem;
position: relative;
margin-bottom: 35px;
}
.card--project:hover .card__heading {
transform: translateY(0)
}
.card--project:hover .card__p {
opacity: .6;
transform: translateY(0)
}
.card--project:hover .card__img {
opacity: .1;
transform: scale(.88)
}
.card--project .card__img {
height: 30.625rem;
inset-block-start: 0;
inset-inline-end: 0;
position: absolute;
transition: opacity .2s ease-in-out, transform .4s ease-in-out;
width: 21.875rem;
z-index: -1
}
.card--project .card__heading {
-webkit-margin-before: auto;
margin-block-start: auto;
max-width: 15rem;
position: relative;
transform: translateY(4rem);
transition: transform .2s ease-in-out;
font-size: 26px;
margin-left: 0px;
font-weight: 100;
color: #023567;
}
.card--project .card__heading:after {
content: url(../image/arrow-right.svg);
height: 10px;
inset-block-end: 34px;
inset-inline-end: -46px;
position: absolute;
width: 26px
}
.card--project .card__p {
-webkit-margin-before: 1.25rem;
-webkit-margin-after: 0;
margin-block-end: 0;
margin-block-start: 1.25rem;
opacity: 0;
transform: translateY(8rem);
transition: opacity .2s ease-in-out, transform .4s ease-in-out
}
.card--project .card__arrow {
display: none
}
@media only screen and (min-width:1200px) {
/*.card--project {
width: 26.25rem
}*/
.card--project .card__img {
width: 24.375rem
}
}
@keyframes openBox {
0% {
width: 0px;
left: 15%;
}
100% {
width: 900px;
left: 15%;
}
}
@keyframes fadeImg {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes upVideo {
0% {
opacity: 0;
bottom: -20px;
}
100% {
opacity: 1;
bottom: 0px;
}
}
@keyframes showDisc {
0% {
width: 0px;
left: 450px;
}
100% {
width: 500px;
left: 450px;
}
}
@keyframes fadeContent {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeWish {
0% {
opacity: 0;
bottom: -25px;
}
100% {
opacity: 1;
bottom: 0;
}
}
@keyframes fadeBuy {
0% {
opacity: 0;
bottom: -25px;
}
100% {
opacity: 1;
bottom: 0;
}
}
#map_wrapper {
height: 400px;
}
#map_canvas {
width: 100%;
height: 100%;
}
.signature {
position: relative;
float: left;
font-size: 26px;
padding-top: 30px;
font-family: 'Roboto', sans-serif;
line-height: 1.5em;
font-weight: 500;
}
.show-more {
float: left;
width: 100%;
color: #856130!important;
}
.spjksize {
font-size: 24px;
margin-top: 15px;
margin-bottom: 15px;
}
.spaniso {
margin-top: 20px;
width: 80%;
}
span.big {
font-weight: 700;
font-size: 110%;
}
.project-read-more {
padding: 15px 0;
display:block;
}
.slick-prev:before{
background-image:url(../image/left.png);
}
.slick-next:before{
background-image:url(../image/right.png);
}
.display-desktop {
display: block;
}
.display-mobile {
display: none;
}
.the-project-category{
height: 58px;
overflow: hidden;
}
.project-list-item .slick-arrow {
display: none !important;
}
/***************************************************
* Generated by SVG Artista on 5/27/2023, 4:42:22 PM
* MIT license (https://opensource.org/licenses/MIT)
* W. https://svgartista.net
**************************************************/
@-webkit-keyframes animate-svg-stroke-1 {
0% {
stroke-dashoffset: 810.9407348632812px;
stroke-dasharray: 810.9407348632812px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 810.9407348632812px;
}
}
@keyframes animate-svg-stroke-1 {
0% {
stroke-dashoffset: 810.9407348632812px;
stroke-dasharray: 810.9407348632812px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 810.9407348632812px;
}
}
@-webkit-keyframes animate-svg-fill-1 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-1 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-1 {
-webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.77, 0, 0.175, 1) 2s both, animate-svg-fill-1 0.9s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s both;
animation: animate-svg-stroke-1 1s cubic-bezier(0.77, 0, 0.175, 1) 2s both, animate-svg-fill-1 0.9s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s both;
}
@-webkit-keyframes animate-svg-stroke-2 {
0% {
stroke-dashoffset: 372.7950744628906px;
stroke-dasharray: 372.7950744628906px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 372.7950744628906px;
}
}
@keyframes animate-svg-stroke-2 {
0% {
stroke-dashoffset: 372.7950744628906px;
stroke-dasharray: 372.7950744628906px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 372.7950744628906px;
}
}
@-webkit-keyframes animate-svg-fill-2 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-2 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-2 {
-webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.77, 0, 0.175, 1) 2.12s both, animate-svg-fill-2 0.9s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1s both;
animation: animate-svg-stroke-2 1s cubic-bezier(0.77, 0, 0.175, 1) 2.12s both, animate-svg-fill-2 0.9s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1s both;
}
@-webkit-keyframes animate-svg-stroke-3 {
0% {
stroke-dashoffset: 264.9736022949219px;
stroke-dasharray: 264.9736022949219px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 264.9736022949219px;
}
}
@keyframes animate-svg-stroke-3 {
0% {
stroke-dashoffset: 264.9736022949219px;
stroke-dasharray: 264.9736022949219px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 264.9736022949219px;
}
}
@-webkit-keyframes animate-svg-fill-3 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-3 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-3 {
-webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.77, 0, 0.175, 1) 2.24s both, animate-svg-fill-3 0.9s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.5s both;
animation: animate-svg-stroke-3 1s cubic-bezier(0.77, 0, 0.175, 1) 2.24s both, animate-svg-fill-3 0.9s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.5s both;
}
@-webkit-keyframes animate-svg-stroke-4 {
0% {
stroke-dashoffset: 399.3577575683594px;
stroke-dasharray: 399.3577575683594px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 399.3577575683594px;
}
}
@keyframes animate-svg-stroke-4 {
0% {
stroke-dashoffset: 399.3577575683594px;
stroke-dasharray: 399.3577575683594px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 399.3577575683594px;
}
}
@-webkit-keyframes animate-svg-fill-4 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-4 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-4 {
-webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.77, 0, 0.175, 1) 2.36s both, animate-svg-fill-4 0.9s cubic-bezier(0.6, -0.28, 0.735, 0.045) 2s both;
animation: animate-svg-stroke-4 1s cubic-bezier(0.77, 0, 0.175, 1) 2.36s both, animate-svg-fill-4 0.9s cubic-bezier(0.6, -0.28, 0.735, 0.045) 2s both;
}
@-webkit-keyframes animate-svg-stroke-5 {
0% {
stroke-dashoffset: 285.0108947753906px;
stroke-dasharray: 285.0108947753906px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 285.0108947753906px;
}
}
@keyframes animate-svg-stroke-5 {
0% {
stroke-dashoffset: 285.0108947753906px;
stroke-dasharray: 285.0108947753906px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 285.0108947753906px;
}
}
@-webkit-keyframes animate-svg-fill-5 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-5 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-5 {
-webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.77, 0, 0.175, 1) 2.48s both, animate-svg-fill-5 0.9s cubic-bezier(0.6, -0.28, 0.735, 0.045) 2.5s both;
animation: animate-svg-stroke-5 1s cubic-bezier(0.77, 0, 0.175, 1) 2.48s both, animate-svg-fill-5 0.9s cubic-bezier(0.6, -0.28, 0.735, 0.045) 2.5s both;
}
@-webkit-keyframes animate-svg-stroke-6 {
0% {
stroke-dashoffset: 1409.4335088082273px;
stroke-dasharray: 1409.4335088082273px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 1409.4335088082273px;
}
}
@keyframes animate-svg-stroke-6 {
0% {
stroke-dashoffset: 1409.4335088082273px;
stroke-dasharray: 1409.4335088082273px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 1409.4335088082273px;
}
}
.svg-elem-6 {
-webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.77, 0, 0.175, 1) 2.6s both, animate-svg-fill-6 0.9s cubic-bezier(0.6, -0.28, 0.735, 0.045) 3s both;
animation: animate-svg-stroke-6 1s cubic-bezier(0.77, 0, 0.175, 1) 2.6s both, animate-svg-fill-6 0.9s cubic-bezier(0.6, -0.28, 0.735, 0.045) 3s both;
}
@-webkit-keyframes animate-svg-stroke-7 {
0% {
stroke-dashoffset: 1409.4335088082273px;
stroke-dasharray: 1409.4335088082273px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 1409.4335088082273px;
}
}
@keyframes animate-svg-stroke-7 {
0% {
stroke-dashoffset: 1409.4335088082273px;
stroke-dasharray: 1409.4335088082273px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 1409.4335088082273px;
}
}
.svg-elem-7 {
-webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.77, 0, 0.175, 1) 2.7199999999999998s both, animate-svg-fill-7 0.9s cubic-bezier(0.6, -0.28, 0.735, 0.045) 3.5s both;
animation: animate-svg-stroke-7 1s cubic-bezier(0.77, 0, 0.175, 1) 2.7199999999999998s both, animate-svg-fill-7 0.9s cubic-bezier(0.6, -0.28, 0.735, 0.045) 3.5s both;
}