/*Jaunpur HTML5 Template - RTL Version*/
/************ TABLE OF CONTENTS ***************
1. Google Fonts
2. Reset
3. Global
4. Scroll To Top
5. Preloader
6. Header Top
**********************************************/
/***
====================================================================
Google Fonts
====================================================================
***/
@import url('https://fonts.googleapis.com/css?family=Cairo:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Cairo:400,400i,700');
/***
====================================================================
Reset
====================================================================
***/
@import url('font-awesome.min.css');
@import url('flaticon.css');
@import url('animate.min.css');
@import url('polyglot-language-switcher.css');
@import url('owl.css');
@import url('bootstrap.min.css');
@import url('jquery.bxslider.css');
@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);
@import url('jquery.fancybox.css');
@import url('hover.css');
@media (min-width:1200px) {
.container {
padding: 0px;
}
}
* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
}
/***
====================================================================
Global style
====================================================================
***/
body {
font-size: 15px;
color: #777777;
line-height: 1.8em;
font-weight: 400;
background: #ffffff;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
-webkit-font-smoothing: antialiased;
font-family: 'Cairo', sans-serif;
direction: rtl;
}
.page-wrapper {
overflow: hidden;
}
a {
text-decoration: none;
cursor: pointer;
}
a:hover,
a:focus,
a:visited {
text-decoration: none;
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0px;
font-family: 'Cairo', sans-serif;
}
input,
button,
select,
textarea {
font-size: 14px;
font-weight: 400;
color: #848484;
line-height: 26px;
font-family: 'Cairo', sans-serif;
}
p {
position: relative;
font-size: 14px;
line-height: 26px;
font-weight: 400;
color: #848484;
font-family: 'Cairo', sans-serif;
}
.strike-through {
text-decoration: line-through;
}
.auto-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
.small-container {
max-width: 680px;
margin: 0 auto;
}
.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
}
ul,
li {
list-style: none;
padding: 0px;
margin: 0px;
}
.section-title h6 {
font-size: 18px;
line-height: 42px;
font-weight: 400;
font-style: italic;
color: #777777;
}
.section-title h3 {
position: relative;
font-size: 36px;
line-height: 42px;
font-weight: 700;
color: #222222;
text-transform: uppercase;
padding-bottom: 15px;
margin-bottom: 25px;
}
.section-title h3:before {
position: absolute;
bottom: 0px;
right: 0px;
background: #e0e0e0;
height: 3px;
width: 58px;
content: "";
}
.text-center h3:before {
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -29px;
background: #e0e0e0;
height: 3px;
width: 58px;
content: "";
}
.section-title h3:after {
position: absolute;
bottom: 40px;
right: 0;
content: "";
width: 90px;
height: 88px;
z-index: -1;
opacity: .04;
background: url(..//images/icons/1.png);
}
.text-center h3:after {
position: absolute;
bottom: 40px;
left: 50%;
content: "";
width: 90px;
height: 88px;
z-index: -1;
opacity: .04;
margin-left: -45px;
background: url(..//images/icons/1.png);
}
.section-title h3 span {
color: #fe9900;
}
.sec-title h3 {
position: relative;
font-size: 36px;
line-height: 42px;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
padding-bottom: 15px;
margin-bottom: 25px;
}
.sec-title h3:before {
position: absolute;
bottom: 0px;
right: 0px;
background: #fe9900;
height: 3px;
width: 58px;
content: "";
}
.sec-title.text-center h3:before {
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -29px;
background: #fe9900;
height: 3px;
width: 58px;
content: "";
}
.sec-title h3 span {
color: #fe9900;
}
.sec-title h6 {
position: relative;
font-size: 18px;
line-height: 26px;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
padding-bottom: 15px;
margin-bottom: 25px;
}
.sec-title h6:before {
position: absolute;
bottom: 0px;
right: 0px;
background: #fe9900;
height: 3px;
width: 58px;
content: "";
}
.anim-3,
.anim-3-all * {
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;
}
.anim-5,
.anim-5-all * {
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;
}
.anim-7,
.anim-7-all * {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
.btn-style-one {
font-size: 14px;
color: #ffffff;
line-height: 26px;
font-weight: 600;
padding: 10px 33px;
background: #fe9900;
border: 1px solid #fe9900;
display: inline-block;
text-transform: uppercase;
font-family: 'Cairo', sans-serif;
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;
}
.btn-style-one:hover {
color: #fe9900;
border-color: #fe9900;
background: transparent;
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;
}
.btn-style-two {
font-size: 14px;
color: #fe9900;
line-height: 26px;
font-weight: 600;
padding: 10px 30px;
background: #ffffff;
border: 1px solid #fe9900;
display: inline-block;
text-transform: uppercase;
font-family: 'Cairo', sans-serif;
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;
}
.btn-style-two:hover {
color: #ffffff;
border-color: #fe9900;
background: #fe9900;
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;
}
/***
====================================================================
Preloader style
====================================================================
***/
.preloader {
position: fixed;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 99999;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../images/icons/preloader.gif);
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top {
position: fixed;
bottom: 90px;
left: 30px;
color: #ffffff;
font-size: 24px;
line-height: 40px;
width: 45px;
height: 45px;
border: 1px solid #fe9900;
background: #fe9900;
text-align: center;
z-index: 99;
cursor: pointer;
display: none;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.scroll-to-top:hover {
background: #ffffff;
color: #72c02c;
border-color: #72c02c;
transition: all 500ms ease;
}
/*** ===================================Home Page One======================================***/
/***
====================================================================
Main Header
====================================================================
***/
.header-top {
position: relative;
padding: 42px 0px;
}
.header-top .right-side .item {
position: relative;
display: inline-block;
margin-right: 40px;
padding-right: 50px;
overflow: hidden;
}
.header-top .right-side .item:last-child {
padding-right: 0px;
}
.header-top .right-side .item h6 {
font-size: 15px;
color: #222222;
line-height: 24px;
font-weight: 400;
}
.header-top .right-side .item .icon-box {
position: absolute;
top: 5px;
right: 0px;
width: 39px;
height: 39px;
line-height: 39px;
text-align: center;
border-radius: 50%;
display: inline-block;
border: 1px solid #fe9900;
}
.header-top .right-side .item .icon-box i:before {
color: #fe9900;
}
.header-top .right-side .item form {
position: relative;
width: 215px;
display: inline-block;
}
.header-top .right-side .item input {
height: 49px;
display: inline-block;
}
.header-top .right-side .item input:focus {
border-color: #fe9900;
}
.header-top .right-side .item button {
position: absolute;
right: 0px;
top: 0px;
font-size: 15px;
background: transparent;
width: 49px;
height: 49px;
line-height: 49px;
}
.header-top .right-side .item button i:before {
font-size: 15px;
}
/***
====================================================================
Main Header
====================================================================
***/
@-webkit-keyframes menu_sticky {
0% {
margin-top: -150px;
}
50% {
margin-top: -130px;
}
100% {
margin-top: 0;
}
}
@keyframes menu_sticky {
0% {
margin-top: -150px;
}
50% {
margin-top: -130px;
}
100% {
margin-top: 0;
}
}
.main-header {
position: relative;
width: 100%;
z-index: 9999;
margin-bottom: -60px;
background: #012f5d;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.fixed-header {
position: fixed;
top: 0px;
left: 0px;
z-index: 9999;
background: #012f5d;
transition: all 500ms ease;
-webkit-animation-name: menu_sticky;
animation-name: menu_sticky;
-webkit-animation-duration: 0.60s;
animation-duration: 0.60s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.11);
}
.main-header .main-menu {
float: right;
}
.main-header .link-btn {
float: left;
}
.main-header .link-btn .btn-style-one {
padding: 16px 35px;
}
.main-menu .navbar-collapse {
padding: 0px;
}
.main-menu .navigation {
position: relative;
margin: 0px;
}
.main-menu .navigation>li {
position: relative;
text-align: right;
padding-right: 10px;
margin-right: 36px;
display: inline-block;
}
.main-menu .navigation>li:before {
position: absolute;
width: 100%;
height: 3px;
background: #ffae4e;
content: "";
bottom: 0px;
right: 0px;
display: none;
}
.main-menu .navigation>li.current:before {
display: block;
}
.main-menu .navigation>li>a {
position: relative;
display: block;
font-size: 14px;
color: #ffffff;
line-height: 24px;
font-weight: 400;
opacity: 1;
padding: 18px 0px;
font-family: 'Cairo', sans-serif;
text-transform: uppercase;
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 {
position: absolute;
right: 0px;
top: 100%;
width: 220px;
padding: 0px;
z-index: 1;
display: none;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation>li>ul>li {
position: relative;
width: 100%;
text-align: right;
border-bottom: 1px solid #ffffff;
}
.main-menu .navigation>li>ul>li>a {
position: relative;
display: block;
line-height: 24px;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
color: #ffffff;
background: #fe9900;
padding: 12px 20px;
transition: all 500ms ease;
font-family: 'Cairo', sans-serif;
-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>a:hover {
color: #fe9900;
background: #ffffff;
transition: all 500ms ease;
}
.main-menu .navigation>li.dropdown:hover>ul {
visibility: visible;
opacity: 1;
top: 100%;
transition: all 500ms ease;
}
.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
display: none;
position: absolute;
left: -8px;
top: 12px;
color: #222222;
font-size: 20px;
}
/***
=============================================
Rev Slider Wrapper
=============================================
***/
.rev_slider_wrapper .slide-content-box {
opacity: 1 !important;
}
.rev_slider_wrapper .slide-content-box h1 {
font-size: 38px;
line-height: 55px;
font-weight: 800;
color: #ffffff;
text-transform: uppercase;
}
.rev_slider_wrapper .slide-content-box span {
color: #fe9900;
}
.rev_slider_wrapper .slide-content-box a {
font-size: 16px;
border-width: 2px;
}
.rev_slider_wrapper .slide-content-box .btn-style-two {
background: transparent;
}
.rev_slider_wrapper .slide-content-box .btn-style-two:hover {
background: #fe9900;
}
.rev_slider_wrapper .slide-content-box p {
font-size: 17px;
color: #ffffff;
line-height: 30px;
}
.tp-bannertimer {
display: none;
}
.rev_slider_wrapper .tparrows {
background: rgba(255, 255, 255, 0.14);
width: 55px;
height: 55px;
border-radius: 50%;
}
.rev_slider_wrapper .tparrows:before {
font-family: "FontAwesome";
font-size: 18px;
color: #ffffff;
display: block;
text-align: center;
line-height: 55px;
transform: scaleX(-1);
}
/***
=============================================
About Section
=============================================
***/
.about-section {
padding: 150px 0px 110px;
}
.about-section .image-side {
margin-right: 45px;
}
.about-section .image-side img {
width: 100%;
}
.about-section .content-text {
margin-left: -15px;
}
.about-section .content-text p {
font-size: 16px;
line-height: 30px;
}
.about-section .icon-holder {
position: relative;
padding-right: 85px;
margin-top: 60px;
margin-bottom: 40px;
}
.about-section .icon-holder h6 {
font-size: 18px;
font-weight: 700;
color: #222222;
line-height: 30px;
margin-bottom: 10px;
}
.about-section .icon-holder p {
font-size: 16px;
font-weight: 400;
color: #777777;
line-height: 27px;
}
.about-section .icon-holder .icon-box {
position: absolute;
top: 12px;
right: 20px;
}
.about-section .icon-holder .icon-box i {
position: relative;
}
.about-section .icon-holder .icon-box i:after {
position: absolute;
bottom: -50px;
right: -10px;
background: #f7f7f7;
width: 60px;
height: 60px;
content: "";
z-index: -1;
border-radius: 50%;
}
.about-section .icon-holder .icon-box i:before {
font-size: 40px;
color: #fe9900;
}
/***
=============================================
Service Section
=============================================
***/
.service-section {
position: relative;
padding: 150px 0px 110px;
z-index: 1;
}
.service-section:before {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
content: "";
z-index: -1;
background: rgba(244, 244, 244, 0.93);
}
.service-section .item-holder {
position: relative;
margin-right: 50px;
background: #ffffff;
margin-bottom: 40px;
padding: 30px 45px 30px 80px;
}
.service-section .item-holder .icon-box {
position: absolute;
top: 30px;
right: -50px;
width: 98px;
height: 98px;
text-align: center;
line-height: 98px;
background: #012f5d;
}
.service-section .item-holder .icon-box i:before {
font-size: 40px;
color: #fe9900;
}
.service-section .item-holder h6 {
position: relative;
font-size: 16px;
color: #222222;
font-weight: 600;
line-height: 24px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.service-section .item-holder h6:before {
position: absolute;
bottom: 0px;
right: 0px;
width: 60px;
height: 1px;
content: "";
background: #ececec;
}
.service-section .item-holder p {
margin-bottom: 0px;
font-size: 16px;
}
/***
=============================================
Gellary Section
=============================================
***/
.gallery-section {
padding: 150px 0px 110px;
}
.gallery-section .filters {
position: relative;
margin-top: 35px;
margin-bottom: 50px;
}
.gallery-section .filters .link-btn {
position: absolute;
top: 0px;
left: 0px;
}
.gallery-section .filters .link-btn a {
color: #222222;
border-radius: 6px;
border-color: #e5e5e5;
}
.gallery-section .filters li {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #777777;
font-weight: 300;
cursor: pointer;
padding: 10px 0px;
margin-right: 45px;
font-family: 'Cairo', sans-serif;
text-transform: capitalize;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.gallery-section .filters li:hover,
.gallery-section .filters li.active {
color: #fe9900;
}
.gallery-section .filters li:hover:before,
.gallery-section .filters li.active:before {
position: absolute;
top: 0px;
right: 0px;
background: #fe9900;
width: 100%;
height: 1px;
content: "";
}
.gallery-section .filters li:hover:after,
.gallery-section .filters li.active:after {
position: absolute;
bottom: 0px;
right: 0px;
background: #fe9900;
width: 100%;
height: 1px;
content: "";
}
.gallery-section .image-box {
position: relative;
}
.gallery-section .title-text {
margin-top: 10px;
margin-bottom: 30px;
}
.gallery-section .title-text h6 {
font-size: 15px;
line-height: 26px;
font-weight: 600;
color: #222222;
text-transform: uppercase;
}
.gallery-section .title-text span {
font-size: 15px;
line-height: 26px;
font-weight: 400;
color: #aeaeae;
}
.gallery-section .image-box img {
width: 100%;
}
.gallery-section .image-box:hover .overlay-box {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transition: all 500ms ease;
}
.gallery-section .overlay-box {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
content: '';
display: flex;
align-items: center;
justify-content: center;
transform: scale(0, 0);
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transition: all 500ms ease;
background: rgba(1, 47, 93, 0.84);
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
-moz-transform: scale(0, 0);
transform: scale(0, 0);
}
93,
0.84);
}
.gallery-section .overlay-box i {
position: relative;
font-size: 14px;
width: 38px;
height: 38px;
color: #012f5d;
text-align: center;
line-height: 30px;
border-radius: 50%;
margin: 5px;
background: #ffffff;
border: 5px solid rgba(38, 65, 122, 0.76);
}
/***
=============================================
Call Back Section
=============================================
***/
.call-back {
position: relative;
z-index: 1;
}
.call-back .sec-title {
margin-bottom: 40px;
}
.call-back .contact-area {
position: relative;
margin-left: -15px;
padding: 100px 100px 100px 0px;
}
.call-back .contact-area:before {
position: absolute;
top: 0px;
left: 0px;
content: "";
width: 200%;
height: 100%;
z-index: -1;
background-repeat: no-repeat!important;
background-size: cover!important;
background-color: #012f5d;
}
.call-back .contact-area .form-group {
margin: 0px -7px;
margin-bottom: 17px;
}
.call-back .contact-area input {
position: relative;
width: 100%;
height: 44px;
padding: 5px 15px;
display: inline-block;
background: rgba(255, 255, 255, 0.12);
}
.call-back .contact-area button {
margin-top: 25px;
}
.call-back .contact-area button.btn-style-one {
padding: 15px 40px;
border-radius: 6px;
}
.call-back .content-area {
position: relative;
margin-right: -15px;
padding: 100px 0px 135px 85px;
}
.call-back .content-area:after {
position: absolute;
top: 0px;
right: 0px;
content: "";
width: 200%;
height: 100%;
z-index: -1;
background-repeat: no-repeat!important;
background-size: cover!important;
background-color: white;
}
.call-back .content-area .sec-title h3 {
color: #222222;
}
.call-back .content-area p {
font-size: 16px;
line-height: 30px;
color: #666666;
}
.call-back .content-area p a {
font-size: 16px;
color: #222222;
}
.call-back .content-area .link-btn {
margin-top: 40px;
}
.call-back .link-btn .btn-style-two {
padding: 15px 45px;
}
/***
=============================================
Call Back Section
=============================================
***/
.team-section {
padding: 140px 0px 60px;
}
.team-section p.text-center {
font-size: 16px;
line-height: 30px;
margin-bottom: 85px;
}
.team-section .item-holder {
margin-bottom: 80px;
}
.team-section .image-box {
position: relative;
background: #f4f4f4;
text-align: center;
}
.team-section .image-box img {
margin-top: -45px;
}
.team-section .content-text {
padding: 35px 50px;
box-shadow: 0px 0px 20px 6px #f1f1f1;
}
.team-section .title-text h6 {
font-size: 15px;
line-height: 26px;
font-weight: 600;
color: #222222;
padding-bottom: 15px;
text-transform: uppercase;
}
.team-section .title-text span {
font-size: 14px;
line-height: 26px;
font-weight: 400;
color: #aeaeae;
}
.team-section .social-links li {
display: inline-block;
font-size: 16px;
margin-right: 18px;
}
.team-section .social-links li a {
color: #b6b2b1;
}
.team-section .social-links li:hover a {
color: #fe9900;
}
/***
=============================================
Testimonials Section
=============================================
***/
.testimonials-section .fact-counter {
margin: 0px -15px;
padding: 119px 0px;
background-size: cover!important;
background-repeat: no-repeat!important;
}
.testimonials-section .counter-outer {
padding-right: 38%;
}
.testimonials-section .counter-column {
margin-bottom: 70px;
}
.testimonials-section .counter-column:last-child {
margin-bottom: 0px;
}
.testimonials-section .counter-outer li {
display: inline-block;
vertical-align: middle;
}
.testimonials-section .counter-outer li i {
width: 57px;
height: 57px;
text-align: center;
line-height: 57px;
border-radius: 50%;
display: inline-block;
border: 2px solid #ffffff;
}
.testimonials-section .counter-outer li i:before {
font-size: 28px;
color: #ffffff;
}
.testimonials-section .counter-outer .count-outer {
font-size: 32px;
color: #fe9900;
font-weight: 700;
margin-right: 35px;
font-family: 'Cairo', sans-serif;
}
.testimonials-section .counter-title {
font-size: 16px;
color: #ffffff;
font-weight: 700;
margin-right: 35px;
line-height: 30px;
font-family: 'Cairo', sans-serif;
}
.testimonials-section .testimonials-carousel {
padding: 130px 155px;
background: #f4f4f4;
margin: 0px -15px;
}
.testimonials-section .testimonials-carousel p {
font-size: 16px;
line-height: 30px;
color: #777777;
margin-bottom: 40px;
}
.testimonials-section .testimonials-carousel img {
display: inline-block;
}
.testimonials-section .title-text h6 {
font-size: 16px;
color: #222222;
margin-top: 35px;
line-height: 26px;
text-transform: uppercase;
font-family: 'Cairo', sans-serif;
}
.testimonials-section .title-text span {
font-size: 14px;
margin-right: 5px;
text-transform: capitalize;
font-family: 'Cairo', sans-serif;
}
.testimonials-section .testimonials-carousel .owl-dots {
display: none!important;
}
.testimonials-section .owl-theme .owl-controls .owl-nav [class*="owl-"] {
background: none repeat scroll 0 0 rgba(214, 214, 214, 0);
color: #b4b4b4;
font-size: 22px;
}
.testimonials-section .owl-theme .owl-controls {
margin-top: 0px;
}
.testimonials-section .owl-theme .owl-controls .owl-prev {
position: absolute;
bottom: 80px;
right: 150px;
}
.testimonials-section .owl-theme .owl-controls .owl-next {
position: absolute;
bottom: 80px;
left: 150px;
}
/***
=============================================
Testimonials Section
=============================================
***/
.blog-section {
padding: 150px 0px 70px;
}
.blog-section .text {
position: relative;
margin-bottom: 40px;
}
.blog-section .text p {
font-size: 16px;
line-height: 30px;
}
.blog-section .text .link-btn {
position: absolute;
left: 0px;
bottom: 0px;
}
.blog-section .item-holder {
margin-bottom: 25px;
}
.blog-section .image-box img {
width: 100%;
}
.blog-section .images-text {
padding: 35px;
box-shadow: 0 0 20px 6px #f7f7f7;
}
.blog-section .images-text h6 {
font-size: 18px;
font-weight: 400;
color: #222222;
line-height: 28px;
}
.blog-section .images-text p {
margin-top: 12px;
margin-bottom: 0px;
}
.blog-section .images-text p span {
color: #fe9900;
margin: 0px 5px;
}
.blog-section .images-text p a {
color: #222222;
}
/***
=============================================
Main Footer
=============================================
***/
.main-footer {
position: relative;
background: #012f5d;
}
.sponsors-slider {
padding: 70px 0px;
}
.sponsors-slider .sponsors-logo img {
opacity: .2;
transition: all 500ms ease;
}
.sponsors-slider .sponsors-logo:hover img {
opacity: .64;
transition: all 500ms ease;
}
.sponsors-slider .owl-controls {
display: none;
}
.footer-top {
margin: 0px -100px;
padding: 80px 100px;
background: #0c3661;
}
.footer-top .footer-title h6 {
font-size: 16px;
color: #ffffff;
font-weight: 600;
line-height: 30px;
padding-bottom: 30px;
text-transform: uppercase;
}
.footer-top .about-widget {
margin-right: 65px;
}
.footer-top .about-widget p {
font-size: 15px;
color: #6a99c9;
}
.footer-top .contact-links li {
position: relative;
font-size: 15px;
color: #6a99c9;
line-height: 28px;
padding-right: 30px;
margin-top: 15px;
font-family: 'Cairo', sans-serif;
}
.footer-top .contact-links li i {
position: absolute;
right: 0px;
color: #ffffff;
font-size: 16px;
}
.footer-top .contact-links li:nth-child(1) i {
top: 5px;
}
.footer-top .contact-links li:nth-child(2) i {
font-size: 25px;
}
.footer-top .contact-links li:nth-child(3) i {
font-size: 25px;
}
.footer-top .feed-widget a {
color: #ffffff;
}
.footer-top .feed-widget p {
font-size: 15px;
color: #6a99c9;
}
.footer-top .feed-widget .text {
padding-top: 20px;
}
.footer-top .service-widget {
margin-left: 65px;
margin-top: -5px;
}
.footer-top .service-widget li {
font-size: 15px;
line-height: 40px;
font-family: 'Cairo', sans-serif;
}
.footer-top .service-widget li i {
margin-right: 15px;
}
.footer-top .service-widget li a {
color: #6a99c9;
}
.footer-top .image {
position: relative;
display: inline-block;
margin: 0px 2px 7px;
}
.footer-top .lightbox-image {
position: absolute;
width: 100%;
height: 100%;
content: '';
top: 0px;
left: 0px;
display: flex;
z-index: 99;
align-items: center;
justify-content: center;
background: rgba(1, 47, 93, 0.84);
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
-moz-transform: scale(0, 0);
transform: scale(0, 0);
}
.footer-top .image:hover .lightbox-image {
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-moz-transform: scale(1, 1);
transform: scale(1, 1);
}
.footer-top .image i {
color: #ffffff;
font-size: 12px;
font-weight: 400;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
border-radius: 50%;
border: 1px solid #ffffff;
}
93,
0.84);
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-transform: scale(0,
0);
-ms-transform: scale(0,
0);
-o-transform: scale(0,
0);
-moz-transform: scale(0,
0);
transform: scale(0,
0);
}