/* The Metron - Industry and Factory HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Slider
6. Services Section
7. Score Section
8. Features Section
9. Marketing Section
10. Case Section
11. Testimonial Section
12. Pricing Section
13. Partners Section
14. Main Footer
15. Page Title
16. Accordian Section
17. Sidebar Widgets
18. Quote Form Section
19. About Section
20. Team Section
21. Clients Section
22. Seo Section
23. Error Section
24. Comming Soon Section
25. Pricing Section
26. Contact Form Section
**********************************************/
.home-con3 h2 {
font-size: 48px;
color: #133d87;
width: 100%;
text-align: center;
margin: 25px 0;
display: inline-block;
font-weight: 100;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
font-family: "myriad-pro",Trebuchet MS,sans-serif;
}
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url("https://fonts.googleapis.com/css2?family=Urbanist: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&display=swap");
:root {
--color-primary: #525FE1;
--color-secondary: #F86F03;
--color-secondary-alt: #FFF6F4;
--color-tertiary: #FFA41B;
--color-tertiary-2: #7152E9;
--color-dark: #231F40;
--color-body: #6F6B80;
--color-heading: #231F40;
--color-white: #ffffff;
--color-shape: #EEEEEE;
--color-shade: #F5F5F5;
--color-border: #EEEEEE;
--color-black: #000000;
--color-blackest: #0f0f11;
--color-extra01: #666666;
--color-extra02: #606770;
--color-extra03: #FBFBFD;
--color-extra04: #1A1A1A;
--color-extra05: #242424;
--color-extra06: #DBF1C0;
--color-extra07: #C6ECE8;
--color-extra08: #C3ECCE;
--color-success: #3EB75E;
--color-danger: #FF0003;
--color-warning: #FF8F3C;
--color-info: #1BA2DB;
--color-facebook: #3B5997;
--color-twitter: #1BA1F2;
--color-youtube: #ED4141;
--color-linkedin: #0077B5;
--color-pinterest: #E60022;
--color-instagram: #C231A1;
--color-vimeo: #00ADEF;
--color-twitch: #6441A3;
--color-discord: #7289da;
--border-width: 2px;
--radius-small: 5px;
--radius: 10px;
--radius-big: 16px;
--p-light: 300;
--p-regular: 400;
--p-medium: 500;
--p-semi-bold: 600;
--p-bold: 700;
--p-extra-bold: 800;
--p-black: 900;
--shadow-primary: 0px 8px 30px rgba(0, 0, 0, 0.04);
--shadow-light: 1px 1px 6px rgba(0, 0, 0, 0.25);
--shadow-lighter: 4px 4px 20px 20px rgba(0, 0, 0, 0.01);
--transition: 0.3s;
--transition-2: 0.7s;
--transition-transform: transform .65s cubic-bezier(.23, 1, .32, 1);
--font-primary: 'Urbanist', sans-serif;
--font-secondary: 'Urbanist', sans-serif;
--font-awesome: 'Font Awesome 5 Pro';
--font-size-b1: 18px;
--font-size-b2: 16px;
--font-size-b3: 14px;
--font-size-b4: 12px;
--line-height-b1: 1.67;
--line-height-b2: 1.63;
--line-height-b3: 1.6;
--line-height-b4: 1.3;
--h1: 40px;
--h2: 30px;
--h3: 25px;
--h4: 20px;
--h5: 20px;
--h6: 20px;
--h1-lineHeight: 1.25;
--h2-lineHeight: 1.24;
--h3-lineHeight: 1.4;
--h4-lineHeight: 1.38;
--h5-lineHeight: 1.5;
--h6-lineHeight: 1.6;
}
/*font-family: 'Rubik', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Hind', sans-serif;*/
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('hover.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
text-decoration: none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-size:15px;
color:#777777;
line-height:1.8em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-family: 'Rubik', sans-serif;
}
a{
text-decoration:none;
cursor:pointer;
color:#2c7ac5;
}
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
font-family: 'Poppins', sans-serif;
}
input,button,select,textarea{
font-family: 'Rubik', sans-serif;
}
textarea{
overflow:hidden;
}
.theme_color{
color:#2c7ac5;
}
p,.text{
position:relative;
line-height:1.8em;
font-family: 'Rubik', sans-serif;
}
.page-wrapper section{
position:relative;
z-index:5;
}
.strike-through{
text-decoration:line-through;
}
.auto-container{
position:static;
max-width:1200px;
padding:0px 15px;
margin:0 auto;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
}
.grey-bg{
background-color:#f8f8f8;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
.theme-btn{
display:inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.centered{
text-align:center;
}
/*List Style One*/
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
padding-left:48px;
margin-bottom:22px;
color:#848484;
font-size:16px;
font-weight:400;
}
.list-style-one li strong{
position:relative;
display:block;
color:#020e28;
font-size:18px;
font-weight:500;
}
.list-style-one li:before{
position:absolute;
content: "\f12a";
left:0px;
top:14px;
color:#2c7ac5;
font-size:22px;
font-family: "Flaticon";
}
/*List Style Two*/
.list-style-two{
position:relative;
}
.list-style-two li{
position:relative;
padding-left:50px;
color:#c4c4c4;
font-size:16px;
margin-bottom:25px;
}
.list-style-two li .icon{
position:absolute;
left:0px;
top:7px;
line-height:1em;
font-size:40px;
font-weight:400;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
color:rgba(255,255,255,0.40);
}
.list-style-two li a{
position:relative;
font-weight:500;
display:block;
color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Poppins', sans-serif;
}
.list-style-two li:hover a{
color:#2c7ac5;
text-decoration:underline;
}
.list-style-two li:hover .icon{
color:#2c7ac5;
}
/*List Style Three*/
.list-style-three{
position:relative;
}
.list-style-three li{
position:relative;
margin-bottom:15px;
color:#848484;
font-size:15px;
font-weight:400;
padding-left:46px;
padding-bottom:12px;
border-bottom:1px solid #e6e6e6;
font-family: 'Rubik', sans-serif;
}
.list-style-three li:last-child{
margin-bottom:0px;
padding-bottom:0px;
border:none;
}
.list-style-three li .icon{
position:absolute;
left:0px;
top:12px;
color:#2c7ac5;
line-height:1em;
font-size:24px;
}
.list-style-three li strong{
position:relative;
color:#020e28;
font-size:16px;
font-weight:600;
display:block;
font-family: 'Poppins', sans-serif;
}
/*List Style Four*/
.list-style-four{
position:relative;
}
.list-style-four li{
position:relative;
margin-bottom:6px;
color:#ffffff;
font-size:18px;
font-weight:500;
padding-left:30px;
}
.list-style-four li:before{
position:absolute;
content:'\f178';
left:0px;
top:3px;
color:#ffffff;
line-height:1em;
font-size:16px;
font-family: 'FontAwesome';
}
/*List Style Five*/
.list-style-five{
position:relative;
}
.list-style-five li{
position:relative;
margin-bottom:15px;
color:#848484;
font-size:16px;
font-weight:400;
padding-left:30px;
}
.list-style-five li:before{
position:absolute;
content:'\f178';
left:0px;
top:3px;
color:#2c7ac5;
line-height:1em;
font-size:16px;
font-family: 'FontAwesome';
}
/*Btn Style One*/
.btn-style-one{
position:relative;
line-height:24px;
color:#ffffff;
font-size:14px;
font-weight:600;
background:#2c7ac5;
display:inline-block;
padding:13px 22px;
border-radius:50px;
letter-spacing:1px;
text-transform:uppercase;
border:2px solid #2c7ac5;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Poppins', sans-serif;
}
.btn-style-one .icon{
position:relative;
top:2px;
font-size:18px;
margin-right:4px;
margin-left:5px;
}
.btn-style-one:hover{
color:#2c7ac5;
border-color:#2c7ac5;
background:none;
}
.gray-bg {
background: #ebebeb;
}
.gray-bg2 {
background: #ededed;
}
.gray-bg3 {
background: #f6f7f9;
}
.gray-bg4 {
background: #f6f6f6;
}
.gray-bg5 {
background: #f9f9f9;
}
.black-bg {
background: #15161a;
}
/*Btn Style Two*/
.btn-style-two{
position:relative;
line-height:24px;
color:#ffffff;
font-size:14px;
font-weight:700;
background:#020e28;
display:inline-block;
padding:12px 49px;
border-radius:50px;
text-transform:uppercase;
border:2px solid #020e28;
font-family: 'Poppins', sans-serif;
}
.btn-style-two:hover{
color:#ffffff;
background:#2c7ac5;
border-color:#2c7ac5;
}
/*Btn Style Three*/
.btn-style-three{
position:relative;
line-height:24px;
color:#ffffff;
font-size:14px;
font-weight:700;
background:#2c7ac5;
display:inline-block;
padding:12px 49px;
border-radius:50px;
text-transform:uppercase;
border:2px solid #2c7ac5;
font-family: 'Poppins', sans-serif;
}
.btn-style-three:hover{
color:#ffffff;
background:#020e28;
border-color:#020e28;
}
.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg);}
img{
display:inline-block;
max-width:100%;
height:auto;
}
/***
====================================================================
Fancy Box
====================================================================
***/
.fancybox-next span,
.fancybox-prev span{
background-image:none !important;
width:44px !important;
height:44px !important;
line-height:44px !important;
text-align:center;
}
.fancybox-next span:before,
.fancybox-prev span:before{
content:'';
position:absolute;
font-family: 'FontAwesome';
left:0px;
top:0px;
font-size:12px;
width:44px !important;
height:44px !important;
line-height:44px !important;
background-color:rgba(28,28,28,0.40) !important;
color:#ffffff;
visibility:visible;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.fancybox-next span:before{
content:'\f178';
}
.fancybox-prev span:before{
content:'\f177';
}
.fancybox-next:hover span:before,
.fancybox-prev:hover span:before{
background-color:#ffffff !important;
color:#000000;
}
.fancybox-type-image .fancybox-close{
right:0px;
top:0px;
width:45px;
height:45px;
background:url(../images/icons/icon-cross.png) center center no-repeat;
background-color:rgba(17,17,17,0.50) !important;
}
.fancybox-type-image .fancybox-close:hover{
background-color:#000000 !important;
}
.fancybox-type-image .fancybox-skin{
padding:0px !important;
}
/***
====================================================================
Social Icon One
====================================================================
***/
.social-icon-one{
position:relative;
}
.social-icon-one li{
position:relative;
margin-left:20px;
display:inline-block;
}
.social-icon-one li a{
position:relative;
font-size:16px;
color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-one li a:hover{
color:#2c7ac5;
}
/***
====================================================================
Social Icon Two
====================================================================
***/
.social-icon-two{
position:relative;
}
.social-icon-two li{
position:relative;
margin:0px 5px;
display:inline-block;
}
.social-icon-two li a{
position:relative;
width:40px;
height:40px;
font-size:14px;
color:#848484;
line-height:40px;
border-radius:50%;
text-align:center;
display:inline-block;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-two li a:hover{
color:#ffffff;
background-color:#2c7ac5;
}
/***
====================================================================
Social Icon Three
====================================================================
***/
.social-icon-three{
position:relative;
}
.social-icon-three li{
position:relative;
margin-right:15px;
display:inline-block;
}
.social-icon-three li a{
position:relative;
font-size:14px;
color:#9b9b9b;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-three li a:hover{
color:#2c7ac5;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:15px;
right:15px;
width:40px;
height:70px;
color:#ffffff;
font-size:24px;
text-transform:uppercase;
line-height:65px;
text-align:center;
z-index:99999;
cursor:pointer;
border-radius:50px;
background:#2c7ac5;
display:none;
border:2px solid #2c7ac5;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.scroll-to-top:hover{
color:#2c7ac5;
background:none;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:relative;
left:0px;
top:0px;
z-index:999;
width:100%;
background-color:#041332;
}
.main-header .header-top{
position:relative;
background:#f4f4f4;
}
.main-header .header-top .top-left{
position:relative;
float:left;
padding:16px 0px 15px;
}
.main-header .links{
position:relative;
float:right;
padding-top: 30px;
}
.main-header .links li{
position:relative;
float:left;
margin-right:18px;
line-height:1em;
color:#ababab;
padding-right:18px;
}
.main-header .links li:after{
content:'';
position:absolute;
right:0px;
top:50%;
margin-top:-7px;
height:15px;
border-right:1px solid #c3c3c3;
}
.header-style-two .links li:after{
border-color:rgba(255,255,255,0.15);
}
.main-header ul li:last-child{
margin-right:0px;
padding-right:0px;
}
.main-header .links li:last-child:after{
display:none;
}
.main-header .links li .icon{
position:relative;
top:0px;
color:#2c7ac5;
font-size:18px;
line-height:24px;
margin-right:10px;
}
.main-header .links li a{
position:relative;
line-height:22px;
color:#020e28;
font-size:18px;
font-weight:400;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.header-style-two .links li a{
color:#020e28;
}
.main-header .links li a:hover{
color:#2c7ac5;
}
.main-header .header-top .top-right{
position:relative;
float:right;
padding:16px 0px;
}
.main-header .header-top .top-right ul li{
position:relative;
color:#808080;
font-size:14px;
float:left;
line-height:1.6em;
margin-right:20px;
}
.main-header .header-top .top-right ul li span{
position:relative;
margin:0px 5px;
}
.main-header .header-top .top-right ul li a{
position:relative;
color:#020e28;
font-size:16px;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.header-style-two .header-top .top-right ul li a,
.header-style-three .header-upper-two .header-upper-left .language a{
color:#ffffff;
}
.header-style-three .header-upper-two .header-upper-left .info-box{
position:relative;
padding-left:20px;
margin-left:20px;
display:inline-block;
border-left:2px solid rgba(255,255,255,0.20);
}
.header-style-three .header-upper-two .info-box ul li{
position:relative;
color:#ffffff;
font-size:16px;
}
.header-style-three .header-upper-two .info-box ul li span{
display:block;
color:#2c7ac5;
}
.main-header .header-top .top-right ul li a .icon{
position:relative;
margin-right:12px;
color:#2c7ac5;
}
.main-header .header-top .top-right > ul > li > a:hover{
color:#2c7ac5;
text-decoration:underline;
}
.main-header .header-top .top-right > ul{
position:relative;
float:left;
}
.main-header .header-top .top-right > ul > li:last-child{
margin-right:0px;
padding-left:12px;
}
.main-header .header-top .top-right > ul > li:last-child::before{
position:absolute;
content:'';
left:0px;
top:3px;
width:1px;
height:15px;
background-color:#d0d0d0;
}
.header-style-two{
background-color:#ffffff;
}
.header-style-two .header-top .top-right > ul > li:last-child::before{
background-color:rgba(255,255,255,0.20);
}
.main-menu .navigation > li:last-child > ul{
left:auto;
right:0px;
}
.main-header .header-lower{
position:relative;
padding-top:30px;
overflow:hidden;
}
.main-header .header-lower .lower-left{
position:relative;
margin-bottom:10px;
}
.main-header .header-lower .info-box{
position: relative;
float: left;
min-height: 45px;
margin-right: 28px;
font-size: 14px;
color: #5c657a;
text-align: left;
font-weight:500;
line-height:1.8em;
margin-bottom:20px;
padding: 0px 28px 0px 50px;
border-right:2px solid #e6e6e6;
}
.main-header .header-lower .info-box:last-child{
margin-right:0px;
padding-right:0px;
border:none;
}
.main-header .header-lower .info-box .icon-box{
position:absolute;
left:0px;
top:4px;
color:#c1c1c1;
font-size:42px;
line-height:1em;
}
.main-header .header-lower .info-box strong{
text-transform:uppercase;
font-weight:600;
color:#5c657a;
display:block;
font-family: 'Poppins', sans-serif;
}
.main-header .header-lower .lower-right{
position:relative;
margin-top:20px;
padding-left:10px;
}
.main-header .header-lower .lower-right:before{
position:absolute;
content:'';
left:0%;
bottom:0px;
width:2000px;
height:100%;
background-color:#020e28;
-ms-transform: skewX(-25deg);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.main-header .header-lower .search-box{
position:relative;
float:left;
}
.main-header .header-lower .search-box .form-group{
position:relative;
margin:0px;
}
.main-header .header-lower .search-box .form-group input[type="text"],
.main-header .header-lower .search-box .form-group input[type="search"]{
position:relative;
line-height:25px;
padding:10px 50px 10px 20px;
background:rgba(255,255,255,0);
display:block;
font-size:14px;
height:60px;
width:330px;
float:right;
color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .header-lower .search-box .form-group input::-webkit-input-placeholder{
color:rgba(255,255,255,1);
}
.main-header .header-lower .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:60px;
width:45px;
display:block;
font-size:14px;
color:#2c7ac5;
line-height:100%;
font-weight:normal;
background:none;
text-align:right;
}
.header-style-three .header-upper-two .header-upper-left{
position:relative;
padding-left:300px;
padding-top:18px;
padding-bottom:17px;
}
.header-style-three .header-upper-two .header-upper-left .language{
position:relative;
float:left;
padding:14px 0px;
}
.header-style-three .header-upper-two .header-upper-right .social-icon-one{
margin-top:32px;
}
.header-style-three .header-lower-two{
position:relative;
background-color:#ffffff;
}
.header-style-three .header-lower-two .outer-container{
position:relative;
padding-left:284px;
}
.header-style-three .header-lower-two .logo-box{
position:absolute;
left:0px;
top:-90px;
}
.header-style-three .header-lower-two .nav-outer{
width:100%;
padding-left:18px;
}
.header-style-three .header-lower-two .main-menu .navigation > li{
padding:0px;
margin-left:0px;
margin-right:35px;
}
.header-style-three .header-lower-two .main-menu .navigation > li > a{
color:#020e28;
}
.header-style-four{
position:absolute;
left:0px;
top:0px;
background:none;
}
.header-style-four .header-top{
background-color:#020e28;
}
.header-style-four .header-top .top-left{
padding:12px 0px 12px;
}
.header-style-four .header-top .top-left ul > li.language{
padding-right:0px;
}
.header-style-four .header-top .top-left ul > li.language > a{
padding:4px 17px;
background-color:#2c7ac5 !important;
}
.header-style-four .header-top .top-left ul > li.language > a:hover{
color:#ffffff;
}
.header-style-four .header-top .top-left .links li a,
.header-style-four .header-top .top-right ul li a{
color:#ffffff;
}
.header-style-four .header-top .top-left .links li:after{
display:none;
}
.header-style-four .header-top .top-right > ul > .language{
padding-left:0px;
padding-right:12px;
margin-right:2px;
border-right:1px solid rgba(255,255,255,0.20);
}
.header-style-four .header-top .top-right > ul > .language > a > .fa{
color:#2c7ac5;
}
.header-style-four .header-top .top-right > ul > li:last-child::before{
display:none;
}
.header-style-four .header-top .top-right > .social-icon-one{
float:left;
}
.header-style-four .header-top .top-right > .social-icon-one > li{
margin-right:0px;
margin-left:12px;
}
.header-style-four .header-top .top-right > .social-icon-one > li:last-child{
padding-left:0px;
}
/*Language Dropdown*/
.main-header .language .flag-img{
position:relative;
margin-right:10px;
top:-2px;
}
.main-header .language .dropdown-menu{
top:100%;
left:0px;
width:180px;
border-radius:0px;
margin-top:18px;
background-color:#222222;
border:none;
padding:0px;
border-top:3px solid #2c7ac5;
}
.main-header .language > a{
padding:0px 0px;
background:none !important;
border:0px;
border-radius:0px;
}
.main-header language a:hover{
background:none;
}
.main-header .language .dropdown-menu > li{
padding-right:0px !important;
margin:0px !important;
float:none;
width:100%;
display:block !important;
border-bottom: 1px solid rgba(255,255,255,0.20);
}
.main-header .language .dropdown-menu > li:last-child{
border-bottom:none;
}
.main-header .language .dropdown-menu > li > a{
padding:10px 20px !important;
color:#ffffff !important;
text-align:left;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .language .dropdown-menu > li > a:hover{
color:#ffffff !important;
background-color:#2c7ac5;
}
/*Main Box*/
.main-header .main-box{
position:relative;
padding:0px 0px;
left:0px;
top:0px;
width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .main-box .outer-container{
position:relative;
}
.main-header .main-box .outer-container:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:2px;
background-color:rgba(255,255,255,0.15);
}
.header-style-two .main-box .outer-container:before{
background-color:rgba(230,230,230,1)
}
.header-style-four .main-box .outer-container:before{
display:none;
}
.main-header .main-box .logo-box{
position:relative;
float:left;
left:0px;
z-index:10;
padding:15px 0px;
}
.main-header.fixed-header .main-box .logo-box{
padding:5px 0px;
}
.main-header .main-box .logo-box .logo img{
display:inline-block;
max-width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header.fixed-header .nav-outer .search-box-outer{
margin-top:-10px;
}
.main-header.fixed-header .main-box .logo-box .logo img{
height:60px;
}
.main-header .nav-toggler{
position:relative;
right:0px;
width:44px;
height:46px;
top:50%;
margin-top:0px;
display: block;
border-radius:4px;
text-align:center;
border:1px solid #dddddd;
}
.main-header .nav-toggler button{
position:relative;
left:12px;
display:block;
color:#444444;
text-align:center;
font-size:20px;
line-height:44px;
background:none;
font-weight:600;
}
.main-header .nav-outer{
position:static;
float:right;
}
.main-header .nav-outer .outer-box{
position:relative;
float:right;
margin-left:28px;
margin-top:26px;
}
.header-style-three .nav-outer .outer-box{
margin-top:20px;
margin-left:0px;
}
.header-style-three .nav-outer .outer-box .quote-btn{
padding:3px 22px 3px !important;
color:#020e28 !important;
border-color:#e6e6e6 !important;
}
.header-style-three .nav-outer .outer-box .quote-btn:after{
background-color:#e6e6e6 !important;
bottom:0px !important;
}
.main-header .nav-outer .outer-box .quote-btn{
position:relative;
font-size:14px;
font-weight:700;
color:#ffffff;
float:left;
letter-spacing:1px;
text-transform:uppercase;
padding:12px 22px 14px;
border-left:2px solid rgba(255,255,255,0.20);
border-right:2px solid rgba(255,255,255,0.20);
font-family: 'Poppins', sans-serif;
}
.header-style-four .nav-outer .outer-box .quote-btn{
padding-right:0px;
border-right:0px;
}
.main-header .nav-outer .outer-box .quote-btn:after{
position:absolute;
content:'';
left:22px;
right:22px;
bottom:16px;
height:1px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
background-color:#ffffff;
}
.header-style-four .nav-outer .outer-box .quote-btn:after{
right:0px;
}
.main-header .nav-outer .outer-box .quote-btn:hover{
color:#2c7ac5;
border-color:#2c7ac5;
}
.main-header .nav-outer .outer-box .quote-btn:hover::after{
background-color:#2c7ac5;
}
.main-header .nav-outer .outer-box .quote-btn .icon{
position:relative;
width:20px;
height:13px;
margin-left:2px;
display:inline-block;
background:url(../images/icons/msg-icon.png) no-repeat;
}
.main-header .nav-outer .outer-box .quote-btn .icon.icon-two{
background:url(../images/icons/msg-icon-1.png) no-repeat;
}
.main-header .nav-outer .outer-box .social-icon-one{
float:left;
margin-left:6px;
margin-top:14px;
}
.header-style-two .nav-outer .outer-box .social-icon-one li a{
color:#848484;
}
.main-header .nav-outer .outer-box .talk{
position:relative;
color:#2c7ac5;
font-weight:700;
font-size:14px;
float:left;
margin-top:-10px;
margin-left:35px;
display:inline-block;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
.main-header .nav-outer .outer-box .talk .icon{
position:relative;
display:inline-block;
margin-right:10px;
}
.main-header .nav-outer .search-box-outer{
position: relative;
right:0px;
float:left;
color:#2c7ac5;
margin-left:20px;
margin-top:3px;
}
.main-header .search-box-btn{
position:relative;
display:block;
color:#2c7ac5;
padding:0px;
margin:0px;
font-size:14px;
cursor:pointer;
background:none;
text-align:right;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .search-box-outer .dropdown-menu{
top:45px;
right:0px;
padding:0px;
width:280px;
border-radius:0px;
border-top:3px solid #2c7ac5;
}
.main-header .search-box-outer .dropdown-menu > li{
padding:0px;
border:none;
background:none;
}
.main-header .search-panel .form-container{
padding:25px 20px;
}
.main-header .search-panel .form-group{
position:relative;
margin:0px;
}
.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
display:block;
width:100%;
height:40px;
color:#000000;
line-height:24px;
background:#ffffff;
border:1px solid #e0e0e0;
padding:7px 40px 7px 15px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
border-color:#2c7ac5;
}
.main-header .search-panel .search-btn{
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
text-align:center;
color:#555555;
font-size:12px;
background:none;
cursor:pointer;
}
.header-style-two .header-top{
background-color:#020e28;
}
.main-menu{
position:static;
float:left;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .navbar-collapse{
padding:0px;
}
.main-menu .navigation{
position:static;
margin:0px;
}
.main-menu .navigation > li{
position:relative;
float:left;
padding:17px 0px;
margin-left:32px;
}
.main-menu .navigation > li.has-mega-menu{
position:static;
}
.main-menu .navigation > li.has-mega-menu:before,
.main-menu .navigation > li.has-mega-menu:after{
display:none;
}
.header-style-four .navigation > li{
padding-bottom:0px;
}
.main-menu .navigation > li:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:2px;
opacity:0;
background-color:#2c7ac5;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .navigation > li:before{
position:absolute;
content:'';
left:50%;
bottom:2px;
width:25px;
height:4px;
opacity:0;
margin-left:-13px;
background-color:#2c7ac5;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .navigation > li.current::before,
.main-menu .navigation > li.current::after{
opacity:1;
}
.main-menu .navigation > li:hover::before,
.main-menu .navigation > li:hover::after{
opacity:1;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
padding:20px 0px;
color:#ffffff;
text-align:center;
line-height:30px;
letter-spacing:0px;
font-weight:600;
font-size:16px;
text-transform:capitalize;
opacity:1;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.header-style-two .main-menu .navigation > li > a{
color:#020e28;
}
.header-style-two .nav-outer .outer-box .quote-btn{
color:#020e28;
border-color:#e6e6e6;
}
.header-style-two .nav-outer .outer-box .quote-btn:after{
background-color:#e6e6e6;
}
.sticky-header .main-menu .navigation > li > a{
padding:5px 0px;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
color:#2c7ac5;
opacity:1;
}
.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before{
width:100%;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:100%;
width:270px;
z-index:100;
display:none;
padding:5px 20px;
background:#ffffff;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
font-family:'Poppins',sans-serif;
border-bottom:2px solid #2c7ac5;
}
.main-menu .navigation > li > ul:before{
position:absolute;
content:'';
left:0px;
top:-12px;
width:100%;
height:12px;
}
.main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid #f2f2f2;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > .mega-menu{
position:absolute;
left:0px;
width:100%;
background-color: #ffffff;
padding: 45px 40px 30px 45px;
top: 100%;
z-index:10;
margin-top:10px;
display:none;
background-position:right bottom;
background-repeat:no-repeat;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > .mega-menu:before{
position:absolute;
content:'';
left:0px;
top:-10px;
width:100%;
height:10px;
}
.main-menu .navigation > li:hover > .mega-menu{
opacity:1;
visibility:visible;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > .mega-menu .mega-menu-bar{
position: relative;
}
.main-menu .navigation > li .mega-menu-bar h3{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
padding-bottom:10px;
border-bottom:2px solid #f2f2f2;
}
.main-menu .navigation > li .mega-menu-bar > ul{
position:relative;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li{
position:relative;
width:100%;
border-bottom:1px solid #f2f2f2;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li .mega-menu-bar .column{
position:relative;
margin-bottom:10px;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{
border:none;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
position:relative;
display:block;
padding:13px 0px;
line-height:24px;
font-weight:400;
font-size:16px;
color:#848484;
text-align:left;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Rubik', sans-serif;
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:13px 0px;
line-height:24px;
font-weight:400;
font-size:16px;
color:#848484;
text-align:left;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Rubik', sans-serif;
}
.main-menu .navigation > li > ul > li:hover{
border-color:#2c7ac5;
}
.main-menu .navigation > li > ul > li:hover > a,
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{
color:#2c7ac5;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:0px;
top:15px;
width:10px;
height:20px;
display:block;
line-height:21px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
color:#2c7ac5;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:109%;
top:0px;
width:270px;
z-index:100;
display:none;
padding:5px 20px;
background:#ffffff;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
font-family:'Poppins',sans-serif;
border-bottom:2px solid #2c7ac5;
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid #f2f2f2;
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:hover{
border-color:#2c7ac5;
}
.main-menu .navigation > li > ul > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > ul > li > a{
position: relative;
display: block;
padding: 13px 0px;
line-height: 24px;
font-weight: 400;
font-size: 16px;
color: #848484;
text-align: left;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
font-family: 'Rubik', sans-serif;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover{
color:#2c7ac5;
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:100%;
margin-top:10px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:34px;
height:30px;
border:1px solid #ffffff;
text-align:center;
font-size:16px;
line-height:26px;
color:#ffffff;
cursor:pointer;
z-index:5;
display:none;
}
.main-header .header-upper{
position:relative;
background:#ffffff;
z-index:5;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .header-upper .logo img{
position:relative;
display:inline-block;
max-width:100%;
}
.main-header .header-upper .logo-outer{
position:relative;
z-index:25;
padding:18px 0px;
}
/*Sticky Header*/
.sticky-header{
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
background:#ffffff;
z-index:0;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.sticky-header .logo{
padding:14px 0px 15px;
}
.fixed-header .sticky-header{
z-index:999;
opacity:1;
visibility:visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.10);
box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.10);
}
.main-header .sticky-header .main-menu .navigation > li{
margin-right:0px;
margin-left:10px;
padding:20px 0px 10px;
}
.main-header .sticky-header .main-menu .navigation > li > a{
color:#333333;
font-weight: normal;
font-size: 15px;
}
.main-header .sticky-header .main-menu .navigation > li:before,
.main-header .sticky-header .main-menu .navigation > li:after{
display:none;
}
.main-header .sticky-header .right-col{
position:relative;
}
/***
====================================================================
Main Slider style
====================================================================
***/
.main-slider{
position:relative;
z-index:10;
}
.main-slider .tp-caption{
z-index:5 !important;
}
.main-slider .tp-dottedoverlay{
background:rgba(0,0,0,0.40) !important;
}
.main-slider .tparrows.gyges{
width:60px;
height:60px;
line-height:60px;
border-radius:50%;
background-color:rgba(255,255,255,0.20);
}
.main-slider .tparrows.gyges:before{
line-height:60px;
}
.main-slider .tparrows.gyges:hover{
color:#2c7ac5;
background-color:#2c7ac5;
}
.main-slider h2{
position:relative;
color:#ffffff;
font-size:50px;
font-weight:600;
line-height:1.2em;
display:inline-block;
}
.main-slider h2.dark{
color:#020e28;
}
.main-slider h2.alternate{
padding-bottom:25px;
border-bottom:1px solid rgba(255,255,255,0.20);
}
.main-slider h2.style-two{
padding-bottom:25px;
border-bottom:1px solid rgba(0,0,0,0.10);
}
.main-slider .text{
position:relative;
color:#d8d8d8;
font-size:18px;
line-height:1.7em;
}
.main-slider .text.style-two{
color:#848484;
}
.main-slider .text.alternate{
color:#ffffff;
font-size:20px;
}
.main-slider .text.style-three{
color:#020e28;
font-size:20px;
}
.main-slider .know_more{
position:relative;
color:#2c7ac5;
font-weight:600;
font-size:14px;
padding-bottom:2px;
text-transform:uppercase;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
border-bottom:1px solid #2c7ac5;
font-family: 'Poppins', sans-serif;
}
.main-slider .know_more .icon{
margin-right:4px;
}
.main-slider .know_more:hover{
color:#ffffff;
}
.main-slider .btns-box .theme-btn{
margin-right:20px;
}
.main-slider .tp-bannertimer,
.main-slider .tp-bullets{
display:none !important;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:50px;
}
.sec-title h2{
position:relative;
font-size:30px;
font-weight:600;
color:#020e28;
line-height:1.2em;
padding:0px 0px 24px;
display:inline-block;
text-transform:uppercase;
}
.sec-title.light h2{
color:#ffffff;
}
.sec-title .separator{
position:relative;
width:75px;
}
.sec-title .separator:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:75px;
height:2px;
background-color:#2c7ac5;
}
.sec-title .separator:after{
position:absolute;
content:'';
left:0px;
bottom:2px;
width:25px;
height:4px;
background-color:#2c7ac5;
}
.sec-title .separator.centered::after{
margin-left:25px;
}
.sec-title.centered .separator{
margin:0 auto;
}
.sec-title.centered .separator::after{
left:50%;
margin-left:-12px;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section{
position:relative;
padding-bottom:50px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.services-section .inner-container{
position:relative;
margin-top:65px;
display:inline-block;
}
.services-block{
position:relative;
margin-bottom:40px;
}
.services-block .inner-box{
position:relative;
max-width: 420px;
margin: 0 auto;
display: block;
}
.services-block .inner-box .image{
position:relative;
}
.services-block .inner-box .image:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:30%;
z-index:1;
background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(2,14,40,0.9));
background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(2,14,40,0.9));
background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(2,14,40,0.9));
background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(2,14,40,0.9));
}
.services-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.services-block .inner-box .lower-content{
position:relative;
text-align:center;
padding:32px 0px 25px;
}
.services-block .inner-box .lower-content .icon-box{
position:relative;
color:#c4c4c4;
font-size:60px;
line-height:1em;
margin-bottom:20px;
}
.services-block .inner-box .lower-content h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
}
.services-block .inner-box .lower-content:after{
position:absolute;
content:'';
left:50%;
bottom:0px;
width:90px;
height:3px;
margin-left:-45px;
background-color:#e0e0e0;
}
.services-block .inner-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
z-index:2;
opacity:0;
padding:55px 20px 50px;
background-color:#2c7ac5;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.services-block .inner-box .overlay-box:after{
position:absolute;
content:'';
left:50%;
bottom:0px;
width:90px;
height:3px;
margin-left:-45px;
background-color:rgba(0,0,0,0.20);
}
.services-block .inner-box:hover .overlay-box{
opacity:1;
}
.services-block .inner-box .overlay-box .overlay-inner{
position:relative;
text-align:center;
height:100%;
}
.services-block .inner-box .overlay-box .overlay-inner .overlay-lower-inner{
position:absolute;
bottom:0px;
width:100%;
text-align:center;
}
.services-block .inner-box .overlay-box .overlay-inner .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.9em;
font-weight:400;
margin-bottom:20px;
font-family: 'Rubik', sans-serif;
}
.services-block .inner-box .overlay-box .overlay-inner .know-more{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.services-block .inner-box .overlay-box .overlay-inner .know-more:hover{
color:#041332;
}
.services-block .inner-box .overlay-box .overlay-inner .overlay-icon{
position:relative;
color:#ffffff;
font-size:60px;
line-height:1em;
margin-top:0px;
margin-bottom:20px;
}
.services-block .inner-box .overlay-box .overlay-inner h4{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
}
.services-block .inner-box .overlay-box .overlay-inner h4 a{
position:relative;
color:#ffffff;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.services-block .inner-box .overlay-box .overlay-inner h4 a:hover{
color:#041332;
}
/***
====================================================================
Market Section
====================================================================
***/
.market-section{
position:relative;
padding:80px 0px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.market-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(2,14,40,0.96);
}
.market-section .title-column{
position:relative;
}
.market-section .title-column .sec-title{
margin-bottom:40px;
}
.market-section .title-column .inner-column{
position:relative;
padding-bottom:40px;
border-bottom:1px solid rgba(255,255,255,0.20);
}
.market-section .title-column .inner-column .text{
position:relative;
color:#c4c4c4;
font-size:16px;
font-weight:400;
line-height:1.8em;
margin-bottom:27px;
}
.market-section .title-column .inner-column .view_all{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:600;
line-height:1.2em;
letter-spacing:1px;
text-transform:uppercase;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.market-section .title-column .inner-column .view_all .icon{
position:relative;
margin-right:4px;
}
.market-section .title-column .inner-column .view_all:hover{
color:#2c7ac5;
}
.market-section .row{
margin:0px -30px;
}
.market-section .row .m-block{
padding:0px 30px;
}
.market-section .row .m-block:nth-child(2) .inner-box:after,
.market-section .row .m-block:nth-child(3) .inner-box:after,
.market-section .row .m-block:nth-child(5) .inner-box:after,
.market-section .row .m-block:nth-child(6) .inner-box:after{
content:'';
position:absolute;
left:-30px;
bottom:30px;
top:0px;
border-left:1px solid rgba(255,255,255,0.20);
}
.market-block{
position:relative;
margin-bottom:30px;
}
.market-block .inner-box{
position:relative;
padding:30px 0px;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
border-bottom:1px solid rgba(255,255,255,0.20);
}
.market-section .row .m-block:nth-child(4) .inner-box,
.market-section .row .m-block:nth-child(5) .inner-box,
.market-section .row .m-block:nth-child(6) .inner-box{
border-bottom:none;
}
.market-section .market-block .inner-box:before{
content:'';
position:absolute;
left:-30px;
right:-30px;
top:0px;
bottom:-1px;
opacity:0;
visibility:hidden;
background-color:#2c7ac5;
}
.market-section .market-block .inner-box:hover:before{
opacity:1;
visibility:visible;
}
.market-block .inner-box:hover{
border-color:#2c7ac5;
}
.market-block .inner-box h3{
position:relative;
font-size:20px;
font-weight:500;
line-height:1.5em;
margin-bottom:15px;
}
.market-block .inner-box h3 a{
position:relative;
color:#ffffff;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.market-block .inner-box h3 a:hover{
color:#020e28;
}
.market-block .inner-box .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
font-weight:400;
margin-bottom:35px;
opacity:0;
visibility:hidden;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.market-block .inner-box:hover .text{
opacity:1;
visibility:visible;
}
.market-block .inner-box .icon-box{
position:relative;
font-size:50px;
line-height:1em;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
color:rgba(255,255,255,0.40);
}
.market-block .inner-box:hover .icon-box{
opacity:0;
visibility:hidden;
}
.market-block .inner-box .view_all{
position:absolute;
left:0px;
bottom:30px;
font-size:14px;
font-weight:600;
color:#ffffff;
letter-spacing:1px;
opacity:0;
visibility:hidden;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
.market-block .inner-box .view_all:hover{
color:#020e28;
}
.market-block .inner-box:hover .view_all{
opacity:1;
visibility:visible;
}
/***
====================================================================
Projects Section
====================================================================
***/
.projects-section{
position:relative;
padding:80px 0px;
}
.projects-section .sec-title .text{
position:relative;
color:#848484;
font-size:18px;
line-height:1.7em;
font-weight:400;
}
.projects-section .sec-title .view_all{
position: relative;
color: #2c7ac5;
font-weight: 600;
font-size: 14px;
float:right;
padding-bottom: 2px;
text-transform: uppercase;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
border-bottom: 1px solid #2c7ac5;
font-family: 'Poppins', sans-serif;
}
.projects-section .sec-title .view_all .icon{
position:relative;
margin-left:5px;
}
.projects-section .sec-title .view_all:hover{
color:#020e28;
}
.projects-section .project-block{
position:relative;
padding:0px;
}
.project-block .inner-box{
position:relative;
overflow:hidden;
}
.project-block .inner-box .image{
position:relative;
}
.project-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.project-block .inner-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-block .inner-box .image .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
background-color:rgba(74,74,74,0.70);
}
.project-block .inner-box:hover .image .overlay-box:before{
opacity:1;
}
.project-block .inner-box .image .overlay-box .content{
position:absolute;
content:'';
left:0px;
bottom:-38px;
max-width:190px;
width:100%;
padding:15px 30px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
background-color:#eaedef;
}
.project-block .inner-box .image .overlay-box .content h3{
position:relative;
font-weight:500;
font-size:18px;
}
.project-block .inner-box .image .overlay-box .content h3 a{
position:relative;
color:#020e28;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-block .inner-box:hover .image .overlay-box .content h3 a{
color:#ffffff;
}
.project-block .inner-box .image .overlay-box .content .text{
position:relative;
color:#ffffff;
font-size:16px;
margin-top:8px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-block .inner-box .image .overlay-box .content .text .icon{
margin-left:5px;
}
.project-block .inner-box:hover .image .overlay-box .content{
background-color:#e95715;
bottom:0px;
}
.project-block .inner-box:hover .image .overlay-box .content .text{
margin-top:0px;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section{
position:relative;
padding:70px 0px 50px;
background-color:#f4f4f4;
}
.news-section .three-item-carousel .owl-stage-outer{
padding:10px 20px;
margin:0px -20px;
}
.news-section .three-item-carousel{
}
.news-block{
position:relative;
margin-bottom:40px;
}
.news-section .three-item-carousel .news-block{
padding:0px 0px;
}
.news-block .inner-box{
position:relative;
padding:44px 30px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
background-color:#ffffff;
}
.news-block .inner-box h2{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
line-height:1.5em;
margin-bottom:14px;
}
.news-block .inner-box h2 a{
position:relative;
color:#020e28;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.news-block .inner-box h2 a:hover{
color:#2c7ac5;
}
.news-block .inner-box .title{
position:relative;
color:#2c7ac5;
font-size:14px;
font-weight:700;
}
.news-block .inner-box .post-date{
position:relative;
color:#848484;
font-size:14px;
font-weight:500;
margin-bottom:17px;
}
.news-block .inner-box .text{
position:relative;
line-height:1.8em;
color:#848484;
font-size:16px;
margin-bottom:28px;
}
.news-block .inner-box .read-more{
position:relative;
color:#020e28;
font-size:14px;
font-weight:600;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.news-block .inner-box .read-more .icon{
position:relative;
margin-left:5px;
}
.news-block .inner-box .read-more:hover{
color:#2c7ac5;
}
.news-block .inner-box:hover{
-webkit-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
}
.news-section .owl-dots{
display:none;
}
.news-section .owl-nav{
position:absolute;
right:0px;
top:-100px;
}
.news-section .owl-nav .owl-prev .fa,
.news-section .owl-nav .owl-next .fa{
display:none;
}
.news-section .owl-nav .owl-prev{
position:relative;
width:35px;
height:35px;
margin-right:14px;
display:inline-block;
background:url(../images/icons/arrow-left.png) no-repeat;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.news-section .owl-nav .owl-next{
position:relative;
width:35px;
height:35px;
display:inline-block;
background:url(../images/icons/arrow-right.png) no-repeat;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.news-section .owl-nav .owl-prev:hover,
.news-section .owl-nav .owl-next:hover{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/***
====================================================================
Career Section
====================================================================
***/
.career-section{
position:relative;
padding:90px 0px 50px;
}
.career-section .video-column{
position:relative;
margin-bottom:40px;
}
.career-section .video-column .inner-column{
position:relative;
padding-right:35px;
}
.career-section .video-column .inner-column .image{
position:relative;
}
.career-section .video-column .inner-column .image img{
position:relative;
width:100%;
display:block;
}
.career-section .video-column .inner-column .play-btn{
position:absolute;
right:0px;
bottom:0px;
padding-left:90px;
color:#ffffff;
padding-top:25px;
margin-left:50px;
font-size:18px;
font-weight:600;
padding-right:20px;
padding-bottom:22px;
display:inline-block;
background-color:#2c7ac5;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
.career-section .video-column .inner-column .play-btn .icon{
position:absolute;
left:20px;
top:12px;
color:#ffffff;
font-size:50px;
line-height:1em;
font-weight:400;
}
.career-section .content-column{
position:relative;
}
.career-section .content-column .inner-column{
position:relative;
}
.career-section .content-column .inner-column .sec-title{
margin-bottom:30px;
}
.career-section .content-column .inner-column .text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.8em;
margin-bottom:22px;
}
.career-section .content-column .inner-column .see_all{
position:relative;
color:#020e28;
font-size:14px;
font-weight:600;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.career-section .content-column .inner-column .see_all:hover{
color:#2c7ac5;
}
/***
====================================================================
Informations Section
====================================================================
***/
.informations-section{
position:relative;
padding:45px 0px 55px;
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
}
.informations-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
display:block;
height:100%;
background-color:rgba(245,91,20,0.95);
}
.info-block{
position:relative;
margin-bottom:40px;
}
.info-block:after{
position:absolute;
content:'';
left:100%;
top:25px;
width:92px;
height:34px;
margin-left:-40px;
display:inline-block;
background:url(../images/icons/arrow-1.png) right top no-repeat;
}
.info-block:last-child::after{
display:none;
}
.info-block:nth-child(2)::after{
background:url(../images/icons/arrow-2.png) right top no-repeat;
}
.info-block .inner-box{
position:relative;
text-align:center;
}
.info-block .inner-box{
position:relative;
}
.info-block .inner-box .icon-box{
position:relative;
width:100px;
height:100px;
line-height:100px;
text-align:center;
font-size:52px;
color:#ffffff;
margin:0 auto;
margin-bottom:15px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:2px solid rgba(255,255,255,0.20);
}
.info-block .inner-box:hover .icon-box{
border:2px solid rgba(255,255,255,0.60);
}
.info-block .inner-box .icon-box:after{
position:absolute;
content:'';
left:12px;
bottom:-40px;
height:50px;
width:1px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:rgba(255,255,255,0.20);
}
.info-block .inner-box:hover .icon-box:after{
background-color:rgba(255,255,255,0.60);
}
.info-block .inner-box h3{
position:relative;
font-size:18px;
font-weight:500;
text-align:left;
margin-left:120px;
}
.info-block .inner-box h3 a{
position:relative;
color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.info-block .inner-box h3 a:hover{
color:#020e28;
}
/***
====================================================================
Achivements Section
====================================================================
***/
.achivements-section{
position:relative;
padding:80px 0px 50px;
background-repeat:no-repeat;
background-size:cover;
}
.achivements-block{
position:relative;
margin-bottom:40px;
}
.achivements-block .inner-box{
position:relative;
border:1px solid #e6e6e6;
}
.achivements-block .inner-box .image{
position:relative;
text-align:center;
}
.achivements-block .inner-box .upper-box{
position:relative;
border-bottom:1px solid #e6e6e6;
}
.achivements-block .inner-box .lower-content{
position:relative;
padding:24px 25px;
text-align:center;
}
.achivements-block .inner-box .lower-content h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
line-height:1.6em;
margin-bottom:15px;
}
.achivements-block .inner-box .lower-content .text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.8em;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section{
position:relative;
padding:80px 0px 90px;
}
.testimonial-section .owl-stage-outer{
border-bottom:1px solid #f2f2f2;
}
.testimonial-section .owl-stage-outer:before{
position:absolute;
content:'';
left:50%;
top:0px;
width:1px;
height:100%;
background-color:#f2f2f2;
}
.testimonial-block{
position:relative;
}
.testimonial-block .inner-box{
position:relative;
padding-left:210px;
}
.testimonial-block .inner-box .author-img{
position:absolute;
left:0px;
top:0px;
}
.testimonial-block .inner-box .quote-icon{
position:relative;
font-size:36px;
line-height:1em;
color:#d0d0d0;
margin-bottom:15px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.testimonial-block .inner-box h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:600;
margin-bottom:1px;
font-family: 'Poppins', sans-serif;
}
.testimonial-block .inner-box:hover .quote-icon{
color:#2c7ac5;
}
.testimonial-block .inner-box .location{
position:relative;
color:#2c7ac5;
font-size:16px;
font-weight:400;
margin-bottom:15px;
}
.testimonial-block .inner-box .text{
position:relative;
color:#848484;
font-size:18px;
line-height:1.6em;
margin-bottom:20px;
}
.testimonial-block .inner-box .read{
position:relative;
color:#020e28;
font-size:14px;
font-weight:600;
margin-bottom:30px;
display:inline-block;
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;
font-family: 'Poppins', sans-serif;
}
.testimonial-block .inner-box:hover .read{
color:#2c7ac5;
}
.testimonial-block .inner-box .read .icon{
margin-left:5px;
font-weight:700;
}
.testimonial-block.style-two .inner-box{
padding-left:0px;
padding-right:210px;
}
.testimonial-block.style-two .inner-box .author-img{
right:0px;
left:auto;
}
.testimonial-section .owl-nav{
display:none;
}
.testimonial-section .owl-dots{
position:relative;
text-align:center;
margin-top:30px;
}
.testimonial-section .owl-dots .owl-dot{
position:relative;
width:9px;
height:9px;
margin:0px 5px;
display:inline-block;
border-radius:50%;
background-color:#dedede;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.testimonial-section .owl-dots .owl-dot:hover,
.testimonial-section .owl-dots .owl-dot.active{
position:relative;
width:22px;
height:8px;
border-radius:10px;
background-color:#ff4800;
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section{
position:relative;
padding:50px 0px 50px;
background-color:#f4f4f4;
}
.clients-section .sponsors-outer{
position:relative;
}
.clients-section .sponsors-outer:after{
position:absolute;
content:'';
right:0px;
top:0px;
width:2px;
height:100%;
z-index:1;
background-color:#f4f4f4;
}
.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav{
position:relative;
display:none;
}
.clients-section .sponsors-outer .image-box{
position:relative;
text-align:center;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section .sponsors-outer .image-box{
border-right:1px solid #e6e6e6;
}
.clients-section .sponsors-outer .image-box img{
max-width:100%;
width:auto;
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section .sponsors-outer .image-box img:hover{
opacity:0.7;
}
/***
====================================================================
Call To Action Section
====================================================================
***/
.call-to-action-section{
position:relative;
padding:45px 0px;
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
background-position:center bottom;
}
.call-to-action-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(245,91,20,0.95);
}
.call-to-action-section h2{
position:relative;
color:#ffffff;
font-size:24px;
font-weight:500;
line-height:1.4em;
}
.call-to-action-section .link-column{
position:relative;
text-align:right;
}
.call-to-action-section .apointment{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:600;
text-transform:uppercase;
border-bottom:2px solid #ffffff;
font-family: 'Poppins', sans-serif;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer{
position:relative;
background-color:#020e28;
z-index:10;
}
.main-footer .widgets-section{
position:relative;
padding:80px 0px 40px;
}
.main-footer .footer-widget{
position:relative;
margin-bottom:30px;
}
.main-footer .footer-title{
position:relative;
margin-bottom:30px;
}
.main-footer .footer-title h2{
position:relative;
font-size:20px;
font-weight:500;
color:#ffffff;
padding-bottom:18px;
text-transform:capitalize;
}
.main-footer .footer-title h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:35px;
height:4px;
background-color:#2c7ac5;
}
.main-footer .logo-widget{
position:relative;
}
.main-footer .logo-widget .widget-content{
position:relative;
}
.main-footer .logo-widget .logo{
position:relative;
margin-bottom:25px;
}
.main-footer .logo-widget .widget-content .text{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
margin-bottom:12px;
}
.main-footer .logo-widget .widget-content .list{
position:relative;
margin-bottom:20px;
}
.main-footer .logo-widget .widget-content > .list > li{
position:relative;
color:#c4c4c4;
font-size:16px;
padding-right:12px;
margin-right:12px;
line-height:1.2em;
display:inline-block;
border-right:1px solid #414a5e;
}
.main-footer .logo-widget .widget-content > .list > li:last-child{
border-right:0px;
margin-right:0px;
padding-right:0px;
}
.main-footer .logo-widget .widget-content .timing{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
padding-bottom:28px;
margin-bottom:25px;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-footer .logo-widget .widget-content .timing span{
font-weight:500;
display:block;
}
.main-footer .logo-widget .widget-content .social-icon-one li{
margin-left:0px;
margin-right:22px;
}
.main-footer .links{
position:relative;
}
.main-footer .links li{
position:relative;
margin-bottom:16px;
}
.main-footer .links li a{
position:relative;
color:#c4c4c4;
font-size:16px;
padding-bottom:5px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .links li a:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:20px;
height:2px;
opacity:0;
background-color:#2c7ac5;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .links li a:hover::after{
opacity:1;
}
.main-footer .links li a:hover{
color:#ffffff;
}
.main-footer .footer-bottom{
position:relative;
padding-top:0px;
background-color:#041332;
}
.main-footer .footer-bottom.style-two{
padding-top:0px;
}
.main-footer .footer-bottom.style-two .copyright{
border-top:0px;
margin-top:10px;
}
.main-footer .footer-bottom .title-column{
position:relative;
}
.main-footer .footer-bottom .title-column .text{
position:relative;
padding-left:80px;
color:#ffffff;
font-size:16px;
font-weight:500;
font-family: 'Poppins', sans-serif;
}
.main-footer .footer-bottom .title-column .text .icon{
position:absolute;
left:0px;
top:10px;
color:#2c7ac5;
font-size:40px;
line-height:1em;
}
.main-footer .footer-bottom .subscribe-form{
margin-bottom:20px;
}
.main-footer .footer-bottom .subscribe-form .form-group{
position:relative;
display:block;
margin-bottom:10px;
}
.main-footer .footer-bottom .subscribe-form .form-group input[type="text"],
.main-footer .footer-bottom .subscribe-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 0px;
height:48px;
font-size:15px;
color:#ffffff;
background:none;
font-weight:400;
border-bottom:4px solid rgba(255,255,255,0.20);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .footer-bottom .subscribe-form .form-group button{
position:absolute;
right:0px;
top:10px;
font-size:14px;
color:#2c7ac5;
font-weight:600;
background:none;
letter-spacing:1px;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
.main-footer .footer-bottom .copyright{
position:relative;
text-align:center;
color:#ffffff;
padding:20px 0px;
margin-top:30px;
border-top:1px solid rgba(255,255,255,0.10);
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two{
position:relative;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.services-block-two{
position:relative;
padding:0px;
}
.services-block-two .inner-box{
position:relative;
text-align:center;
padding:80px 15px 60px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.services-block-two .inner-box:hover{
background-color:#2c7ac5;
}
.services-block-two .inner-box .upper-box{
position:relative;
}
.services-block-two .inner-box .upper-box .icon-box{
position: relative;
color: #c4c4c4;
font-size: 60px;
line-height: 1em;
margin-bottom: 20px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.services-block-two .inner-box:hover .upper-box .icon-box,
.services-block-two .inner-box:hover .upper-box h3 a,
.services-block-two .inner-box:hover .lower-content .text{
color:#ffffff;
}
.services-block-two .inner-box .upper-box h3{
position: relative;
font-size: 18px;
font-weight: 500;
padding-bottom:18px;
margin-bottom:20px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.services-block-two .inner-box .upper-box h3 a{
position:relative;
color: #020e28;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.services-block-two .inner-box .upper-box h3:after{
position: absolute;
content: '';
left: 50%;
bottom: 0px;
width: 90px;
height: 3px;
margin-left: -45px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
background-color: #e0e0e0;
}
.services-block-two .inner-box:hover .upper-box h3:after{
background-color:rgba(255,255,255,0.40);
}
.services-block-two .inner-box .lower-content{
position:relative;
}
.services-block-two .inner-box .lower-content .text{
position:relative;
color:#848484;
font-size:16px;
font-weight:400;
line-height:1.8em;
margin-bottom:20px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.services-block-two .inner-box .lower-content .know-more{
position: relative;
color: #ffffff;
font-size: 14px;
opacity:0;
visibility:hidden;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
font-family: 'Poppins', sans-serif;
}
/***
====================================================================
Market Section Two
====================================================================
***/
.market-section-two{
position:relative;
padding:90px 0px;
}
.market-section-two .view-all{
position:relative;
color:#2c7ac5;
font-size:14px;
font-weight:600;
display:inline-block;
margin-top:10px;
text-transform:uppercase;
border-bottom:1px solid #2c7ac5;
font-family: 'Poppins', sans-serif;
}
.market-section-two .view-all .icon{
margin-left:5px;
}
.market-section-two .title-box{
position:relative;
margin-bottom:45px;
}
.market-section-two .title-box h2{
position:relative;
color:#020e28;
font-weight:600;
font-size:30px;
margin-right:28px;
line-height:1.8em;
float:left;
text-transform:uppercase;
}
.market-section-two .title-box .text{
position:relative;
color:#848484;
font-size:16px;
font-weight:400;
line-height:1.8em;
display:inline-block;
max-width:660px;
padding-left:28px;
border-left:4px solid #2c7ac5;
}
.market-block-two{
position:relative;
margin-bottom:30px;
}
.market-block-two .inner-box{
position:relative;
overflow:hidden;
}
.market-block-two .inner-box .image{
position:relative;
}
.market-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.market-block-two .inner-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
padding:35px 35px;
}
.market-block-two .inner-box .image .overlay-box h2{
position:relative;
font-size:20px;
font-weight:500;
color:#ffffff;
}
.market-block-two .inner-box .content-overlay{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
color: #ffffff;
text-align: center;
background: #2c7ac5;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transform: translate(-100%,0%);
-ms-transform: translate(-100%,0%);
-o-transform: translate(-100%,0%);
-moz-transform: translate(-100%,0%);
transform: translate(-100%,0%);
}
.market-block-two .inner-box .content-overlay .content-inner{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
padding: 10px 0px;
}
.market-block-two .inner-box .content-overlay .content-inner .content{
position: relative;
display: table-cell;
vertical-align: middle;
}
.market-block-two .inner-box .content-overlay .content-inner .content .text{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
line-height:1.4em;
margin-bottom:15px;
}
.market-block-two .inner-box .content-overlay .content-inner .content .go{
position:relative;
font-weight:600;
color:#ffffff;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
.market-block-two .inner-box .content-overlay .content-inner .content .go .icon{
position:relative;
margin-left:5px;
}
.market-block-two .inner-box:hover .content-overlay{
opacity: 1;
-webkit-transform: translate(0%);
-ms-transform: translate(0%);
-o-transform: translate(0%);
-moz-transform: translate(0%);
transform: translate(0%);
}
/***
====================================================================
Testimonial Section Two
====================================================================
***/
.testimonial-section-two{
position:relative;
background-color:#f4f4f4;
}
.testimonial-section-two .testimonial-column{
position:relative;
}
.testimonial-section-two .testimonial-column .inner-column{
position:relative;
margin-right:30px;
padding:50px 50px 85px;
background:#020e28 url(../images/resource/pattern.png) left bottom no-repeat;
}
.testimonial-section-two .testimonial-column .inner-column .quote-icon{
position:absolute;
right:35px;
top:40px;
font-size:80px;
line-height:1em;
color:rgba(255,255,255,0.20);
}
.testimonial-block-two{
position:relative;
}
.testimonial-block-two .inner-box{
position:relative;
}
.testimonial-block-two .inner-box .author{
position:relative;
width:75px;
height:75px;
overflow:hidden;
margin-bottom:22px;
border-radius:50%;
}
.testimonial-block-two .inner-box h3{
position:relative;
color:#ffffff;
font-size:18px;
font-weight:600;
}
.testimonial-block-two .inner-box .designation{
position:relative;
color:#2c7ac5;
font-size:16px;
font-weight:400;
margin-bottom:15px;
}
.testimonial-block-two .inner-box .text{
position:relative;
color:#c4c4c4;
font-size:18px;
font-weight:400;
line-height:1.7em;
margin-bottom:20px;
}
.testimonial-block-two .inner-box .read{
position:relative;
color:#2c7ac5;
font-size:14px;
font-weight:600;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.testimonial-block-two .inner-box .read .icon{
margin-left:5px;
}
.testimonial-block-two .inner-box .read:hover{
color:#ffffff;
}
.testimonial-section-two .owl-nav{
display:none;
}
.testimonial-section-two .owl-dots{
position:relative;
text-align:right;
margin-top:-10px;
}
.testimonial-section-two .owl-dots .owl-dot{
position:relative;
width:9px;
height:9px;
margin:0px 5px;
display:inline-block;
border-radius:50%;
background-color: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;
}
.testimonial-section-two .owl-dots .owl-dot:hover,
.testimonial-section-two .owl-dots .owl-dot.active{
position:relative;
width:22px;
height:8px;
border-radius:10px;
background-color:#ff4800;
}
.testimonial-section-two .content-column{
position:relative;
}
.testimonial-section-two .content-column .inner-column{
position:relative;
padding:80px 0px;
}
.testimonial-section-two .content-column .inner-column .sec-title{
margin-bottom:30px;
}
.testimonial-section-two .content-column .inner-column .bold-text{
position:relative;
color:#2c7ac5;
font-weight:400;
margin-bottom:30px;
}
.testimonial-section-two .content-column .inner-column .achived-list{
position:relative;
}
.testimonial-section-two .content-column .inner-column .achived-list li{
position:relative;
display:inline-block;
margin-right:20px;
}
.testimonial-section-two .content-column .inner-column .achived-list li.icon{
font-size:60px;
color:#2c7ac5;
line-height:1em;
}
.testimonial-section-two .content-column .inner-column .achived-list li.number{
color:#020e28;
font-size:60px;
font-weight:600;
line-height:1em;
font-family: 'Poppins', sans-serif;
}
.testimonial-section-two .content-column .inner-column .achived-list li a{
position:relative;
top:-15px;
color:#ffffff;
font-size:18px;
font-weight:400;
padding:7px 12px;
display:inline-block;
background-color:#2c7ac5;
border:2px solid #2c7ac5;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.testimonial-section-two .content-column .inner-column .achived-list li a:hover{
background:none;
color:#2c7ac5;
}
.testimonial-section-two .content-column .inner-column .text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.7em;
font-weight:400;
margin-top:28px;
}
/***
====================================================================
Project Section
====================================================================
***/
.project-section{
position:relative;
padding:80px 0px 50px;
}
.project-section .filters{
position:relative;
text-align:center;
}
.project-section .filters .filter-tabs{
position:relative;
margin-bottom:40px;
text-align:center;
display:inline-block;
border-top:3px solid #f2f2f2;
}
.project-section .filters .filter-tabs .filter{
position:relative;
color:#020e28;
font-size:16px;
cursor:pointer;
font-weight:400;
margin-right:35px;
padding:20px 0px 18px;
text-transform:capitalize;
display:inline-block;
line-height:1em;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Rubik', sans-serif;
}
.project-section .filters .filter-tabs .filter:last-child{
margin-right:0px;
}
.project-section .filters .filter-tabs .filter:after{
position:absolute;
content:'';
left:0px;
top:-3px;
width:100%;
height:3px;
opacity:0;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
background-color:#2c7ac5;
}
.project-section .filters .filter-tabs .filter:hover::after,
.project-section .filters .filter-tabs .filter.active::after{
opacity:1;
}
.project-section .filters .filter-tabs .filter.active,
.project-section .filters .filter-tabs .filter:hover{
color:#2c7ac5;
}
.project-section .project-block-two{
padding:10px;
}
.project-block-two.mix{
display:none;
}
.project-block-two{
position:relative;
margin-bottom:30px;
}
.project-block-two .inner-box{
position:relative;
overflow:hidden;
}
.project-block-two .inner-box .image{
position:relative;
}
.project-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.project-block-two .inner-box .lower-box{
position:relative;
padding:18px 28px 0px;
border-left:1px solid #e6e6e6;
}
.project-block-two .inner-box .lower-box h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
margin-bottom:5px;
text-transform:capitalize;
}
.project-block-two .inner-box .lower-box .title{
position:relative;
color:#2c7ac5;
font-size:16px;
font-weight:400;
margin-bottom:20px;
}
.project-block-two .inner-box .lower-box .go-title{
position:relative;
color:#020e28;
font-weight:600;
font-size:14px;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
.project-block-two .inner-box .lower-box .go-title .icon{
margin-left:5px;
}
.project-block-two .inner-box .overlay-content{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
padding:0px 28px 18px;
background-size:cover;
background-repeat:no-repeat;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transform: translate(-100%,0%);
-ms-transform: translate(-100%,0%);
-o-transform: translate(-100%,0%);
-moz-transform: translate(-100%,0%);
transform: translate(-100%,0%);
background-color:rgba(245,91,20,0.90);
}
.project-block-two .inner-box .overlay-content:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(245,91,20,0.90);
}
.project-block-two .inner-box .overlay-content .overlay-inner{
position:absolute;
left:28px;
bottom:16px;
}
.project-block-two .inner-box .overlay-content .overlay-inner h4{
position:relative;
color:#ffffff;
font-size:18px;
font-weight:500;
margin-bottom:3px;
text-transform:capitalize;
}
.project-block-two .inner-box .overlay-content .overlay-inner h4 a{
position:relative;
color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.project-block-two .inner-box .overlay-content .overlay-inner h4 a:hover{
color:#333333;
}
.project-block-two .inner-box .overlay-content .overlay-inner .title{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
margin-bottom:18px;
}
.project-block-two .inner-box .overlay-content .overlay-inner .go{
position:relative;
color:#ffffff;
font-weight:600;
font-size:14px;
text-transform:uppercase;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Poppins', sans-serif;
}
.project-block-two .inner-box .overlay-content .overlay-inner .go .icon{
margin-left:5px;
}
.project-block-two .inner-box .overlay-content .overlay-inner .go:hover{
color:#333333;
}
.project-block-two .inner-box:hover .overlay-content{
opacity: 1;
-webkit-transform: translate(0%);
-ms-transform: translate(0%);
-o-transform: translate(0%);
-moz-transform: translate(0%);
transform: translate(0%);
}
/***
====================================================================
Call To Action Section Two
====================================================================
***/
.call-to-action-section-two{
position:relative;
text-align:center;
padding:90px 0px 90px;
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
}
.call-to-action-section-two:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(2,14,40,0.92);
}
.call-to-action-section-two h2{
position:relative;
color:#ffffff;
font-size:30px;
font-weight:700;
line-height:1.5em;
max-width:1100px;
margin:0 auto;
margin-bottom:15px;
}
.call-to-action-section-two .text{
position:relative;
color:#c4c4c4;
font-size:16px;
line-height:1.9em;
max-width:880px;
margin:0 auto;
margin-bottom:25px;
}
/***
====================================================================
News Section Two
====================================================================
***/
.news-section-two{
position:relative;
padding:85px 0px 60px;
}
.news-block-two{
position:relative;
margin-bottom:40px;
}
.news-block-two .inner-box{
position:relative;
background-color:#ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-block-two .inner-box:hover{
-webkit-box-shadow: 0px 0px 30px 0px rgba(234,234,234,1);
-moz-box-shadow: 0px 0px 30px 0px rgba(234,234,234,1);
box-shadow: 0px 0px 30px 0px rgba(234,234,234,1);
}
.news-block-two .inner-box .image{
position:relative;
background-color: #0b0b0b;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-block-two .inner-box:hover .image img{
opacity:0.5;
}
.news-block-two .inner-box .lower-content{
position:relative;
padding:24px 28px;
border:1px solid #f2f2f2;
}
.news-block-two .inner-box .lower-content h3{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
line-height:1.5em;
padding-bottom:15px;
}
.news-block-two .inner-box .lower-content h3 a{
position:relative;
color:#020e28;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-block-two .inner-box .lower-content h3 a:hover{
color:#2c7ac5;
}
.blog-classic .news-block-two .inner-box .lower-content h3{
font-size:24px;
}
.blog-classic .styled-pagination li{
margin-right:0px;
margin-left:10px;
}
.news-block-two .inner-box .lower-content .title{
position:relative;
color:#2c7ac5;
font-size:14px;
font-weight:700;
margin-bottom:3px;
text-transform:capitalize;
font-family: 'Rubik', sans-serif;
}
.news-block-two .inner-box .lower-content .post-date{
position:relative;
color:#848484;
font-size:14px;
font-weight:500;
margin-bottom:12px;
}
.news-block-two .inner-box .lower-content .text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.8em;
margin-bottom:18px;
}
.news-block-two .inner-box .lower-content .read-more{
position:relative;
color:#020e28;
font-size:14px;
font-weight:600;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-block-two .inner-box .lower-content .read-more .icon{
position:relative;
margin-left:5px;
}
.news-block-two .inner-box .lower-content .read-more:hover{
color:#2c7ac5;
}
/*Custom Select*/
.form-group .ui-selectmenu-button.ui-button{
width:100%;
font-size:16px;
font-style:normal;
line-height:25px;
color:#797979;
float:left;
border-radius:0px;
border:0px;
padding:14px 20px;
background:#ffffff;
}
.form-group .ui-button .ui-icon{
background: none;
position: relative;
top: -1px;
text-indent: 0px;
color: #333333;
font-size: 20px;
}
.form-group .ui-button .ui-icon:before{
font-family: 'FontAwesome';
content: "\f0d7";
position:absolute;
right:0px;
top:2px !important;
top:13px;
width:10px;
height:30px;
display:block;
color:#2c7ac5;
line-height:23px;
font-size:18px;
font-weight:normal;
text-align:center;
z-index:5;
}
.ui-widget.ui-widget-content{
border:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item{
font-size:14px;
border-bottom:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item:last-child{
border:none;
}
.ui-state-active, .ui-widget-content .ui-state-active{
background-color:#2c7ac5;
border-color:#2c7ac5;
}
.ui-menu .ui-menu-item-wrapper{
position:relative;
display:block;
padding:8px 20px ;
font-size:14px;
line-height:24px;
}
.ui-menu-item:hover{
}
/***
====================================================================
Quote Section
====================================================================
***/
.quote-section{
position:relative;
padding:90px 0px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.quote-box{
position:relative;
}
.quote-box .inner-box{
position:relative;
padding:45px 45px 30px;
max-width:670px;
background-color:#17233c;
}
.quote-form{
position:relative;
}
.quote-form .row{
position:relative;
}
.quote-form .form-group{
position:relative;
margin-bottom:30px;
}
.quote-form .form-group input[type="text"],
.quote-form .form-group input[type="password"],
.quote-form .form-group input[type="tel"],
.quote-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:32px;
padding:10px 20px;
height:52px;
font-size:16px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.quote-form .form-group input[type="text"]:focus,
.quote-form .form-group input[type="password"]:focus,
.quote-form .form-group input[type="tel"]:focus,
.quote-form .form-group input[type="email"]:focus,
.quote-form .form-group select:focus,
.quote-form .form-group textarea:focus{
border-color:#ffb200;
}
.quote-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:32px;
padding:10px 20px;
height:110px;
font-size:16px;
resize:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.quote-form button{
padding:10px 33px;
margin-top:15px;
}
.quote-form .text{
position:relative;
top:17px;
display:inline-block;
color:#c4c4c4;
font-size:18px;
line-height:1.7em;
margin-left:25px;
}
.quote-form.style-two button{
border-radius:0px;
margin-top:10px;
}
/***
====================================================================
About Section
====================================================================
***/
.about-section{
position:relative;
padding:90px 0px 90px;
}
.about-section .content-column{
position:relative;
}
.about-section .content-column .inner-column{
position:relative;
padding-right:30px;
}
.about-section .content-column .inner-column .sec-title{
margin-bottom:35px;
}
.about-section .content-column .inner-column .bold-text{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
line-height:1.6em;
margin-bottom:20px;
}
.about-section .content-column .inner-column .text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.7em;
margin-bottom:38px;
}
.about-section .content-column .inner-column .about-block{
position:relative;
}
.about-section .content-column .inner-column .about-block li{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
padding-right:45px;
margin-right:40px;
float:left;
margin-bottom:25px;
border-right:1px solid #f2f2f2;
font-family: 'Poppins', sans-serif;
}
.about-section .content-column .inner-column .about-block li:last-child{
padding-right:0px;
margin-right:0px;
border-right:0px;
}
.about-section .content-column .inner-column .about-block li .icon{
position:relative;
display:block;
margin-bottom:15px;
}
.about-section .content-column .inner-column .about-block li .icon{
position:relative;
/*opacity:0.20;*/
}
.about-section .carousel-column{
position:relative;
}
.about-section .carousel-column .inner-column{
position:relative;
padding:45px 25px 50px;
border:1px solid #f2f2f2;
background:url(../images/resource/pattern-1.png);
background-repeat:repeat-x;
background-position:left bottom;
-webkit-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
}
.about-section .carousel-column .inner-column2{
position:relative;
padding:15px 25px 10px;
border:1px solid #f2f2f2;
background:url(../images/resource/pattern-1.png);
background-repeat:repeat-x;
background-position:left bottom;
-webkit-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);
}
.testimonial-block-three{
position:relative;
}
.testimonial-block-three .inner-box{
position:relative;
}
.testimonial-block-three .inner-box .upper-box{
position:relative;
padding-left:60px;
padding-top:8px;
padding-bottom:25px;
margin-bottom:25px;
border-bottom:1px solid #f2f2f2;
}
.testimonial-block-three .inner-box .upper-box .icon{
position:absolute;
left:0px;
top:0px;
color:#2c7ac5;
font-size:40px;
line-height:1em;
}
.testimonial-block-three .inner-box .upper-box h2{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
text-transform:uppercase;
}
.testimonial-block-three .inner-box .text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.7em;
margin-bottom:75px;
}
.about-section .carousel-column .owl-nav{
display:none;
}
.about-section .carousel-column .owl-dots{
position:relative;
}
.about-section .carousel-column .owl-dots .owl-dot{
position:relative;
width:9px;
height:9px;
margin:0px 5px;
display:inline-block;
border-radius:50%;
background-color:#c4c4c4;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.about-section .carousel-column .owl-dots .owl-dot:hover,
.about-section .carousel-column .owl-dots .owl-dot.active{
position:relative;
width:22px;
height:8px;
border-radius:10px;
background-color:#ff4800;
}
/***
====================================================================
Market Section Three
====================================================================
***/
.market-section-three{
position:relative;
padding:80px 0px 90px;
}
.market-block-three{
position:relative;
margin-bottom:30px;
}
.market-block-three .inner-box{
position:relative;
}
.market-block-three .inner-box .upper-box{
position:relative;
padding:25px 25px;
border:1px solid #f2f2f2;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.market-block-three .inner-box .upper-box h3{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
line-height:1.5em;
padding-bottom:20px;
margin-bottom:25px;
}
.market-block-three .inner-box .upper-box h3 a{
position:relative;
color:#020e28;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.market-block-three .inner-box .upper-box h3:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:3px;
width:90px;
background-color:#f2f2f2;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.market-block-three .inner-box .upper-box h3 a:hover{
color:#2c7ac5;
}
.market-block-three .inner-box:hover .upper-box h3 a{
color:#ffffff;
}
.market-block-three .inner-box:hover .upper-box h3:after{
background-color:rgba(255,255,255,0.20);
}
.market-block-three .inner-box .upper-box .icon-box{
position:relative;
font-size:60px;
line-height:1em;
color:#f7793f;
margin-bottom:15px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.market-block-three .inner-box .upper-box .text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.7em;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.market-block-three .inner-box:hover .upper-box{
background-color:#020e28;
border-color:#020e28;
}
.market-section-three .owl-nav{
display:none;
}
.market-section-three .owl-dots{
position:relative;
text-align:center;
}
.market-section-three .owl-dots .owl-dot{
position:relative;
width:9px;
height:9px;
margin:0px 5px;
display:inline-block;
border-radius:50%;
background-color:#c4c4c4;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.market-section-three .owl-dots .owl-dot:hover,
.market-section-three .owl-dots .owl-dot.active{
position:relative;
width:22px;
height:8px;
border-radius:10px;
background-color:#ff4800;
}
/***
====================================================================
Testimonial Section Three
====================================================================
***/
.testimonial-section-three{
position:relative;
padding:85px 0px;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
.testimonial-section-three:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(244,244,244,0.95);
}
.testimonial-block-four{
position:relative;
}
.testimonial-block-four .inner-box{
position:relative;
}
.testimonial-block-four .inner-box .content-outer{
position:relative;
}
.testimonial-block-four .inner-box .content-box{
position:relative;
padding:28px 50px;
z-index:10;
background-color:#ffffff;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.testimonial-block-four .inner-box .content-box .content{
position:relative;
padding-left:150px;
}
.testimonial-block-four .inner-box .content-box .content .quote-icon{
position:absolute;
left:0px;
top:2px;
color:#f2f2f2;
line-height:1em;
font-size:98px;
}
.testimonial-block-four .inner-box .content-box .content .text{
position:relative;
color:#848484;
font-size:18px;
font-weight:400;
}
.testimonial-block-four .inner-box .content-outer .layers{
position:relative;
z-index:5;
}
.testimonial-block-four .inner-box .content-outer .layer-one{
position:absolute;
left:50px;
bottom:-8px;
height:12px;
right:50px;
background-color:#ffffff;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.testimonial-block-four .inner-box .content-outer .layer-two{
position:absolute;
left:100px;
bottom:-15px;
height:12px;
right:100px;
z-index:-1;
background-color:#ffffff;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.testimonial-block-four .inner-box .author-info{
position:relative;
text-align:center;
}
.testimonial-block-four .inner-box .author-info .image{
position:relative;
width:75px;
height:75px;
overflow:hidden;
border-radius:50%;
margin:0 auto;
margin-top:50px;
margin-bottom:15px;
}
.testimonial-block-four .inner-box .author-info h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:600;
text-transform:capitalize;
}
.testimonial-block-four .inner-box .author-info .location{
position:relative;
color:#2c7ac5;
font-size:16px;
font-weight:400;
}
.testimonial-section-three .owl-dots{
display:none;
}
.testimonial-section-three .owl-nav{
position:absolute;
width:100%;
max-width:530px;
left:50%;
bottom:90px;
margin-left:-265px;
}
.testimonial-section-three .owl-nav .owl-prev .fa,
.testimonial-section-three .owl-nav .owl-next .fa{
display:none;
}
.testimonial-section-three .owl-nav .owl-prev{
position:absolute;
left:0px;
top:0px;
width:45px;
height:45px;
margin-right:14px;
display:inline-block;
background:url(../images/icons/arrow-left-1.png) no-repeat;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.testimonial-section-three .owl-nav .owl-next{
position:absolute;
right:0px;
top:0px;
width:45px;
height:45px;
display:inline-block;
background:url(../images/icons/arrow-right-1.png) no-repeat;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.testimonial-section-three .owl-nav .owl-prev:hover,
.testimonial-section-three .owl-nav .owl-next:hover{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/***
====================================================================
Project Section Two
====================================================================
***/
.project-section-two{
position:relative;
padding:90px 0px;
}
.project-section-two .title-column{
position:relative;
padding:0px;
}
.project-section-two .title-column .inner-column{
position:relative;
}
.project-section-two .title-column .inner-column .sec-title{
margin-bottom:25px;
}
.project-section-two .title-column .inner-column .text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.7em;
margin-bottom:15px;
}
.project-section-two .title-column .inner-column .projects{
position:relative;
color:#020e28;
font-size:14px;
font-weight:600;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.project-section-two .title-column .inner-column .projects .icon{
position:relative;
margin-left:4px;
top:1px;
}
.project-section-two .title-column .inner-column .projects:hover{
color:#2c7ac5;
}
.project-section-two .project-block-three{
padding:0px;
}
.project-block-three{
position:relative;
}
.project-block-three .inner-box{
position:relative;
}
.project-block-three .inner-box .image{
position:relative;
}
.project-block-three .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.project-block-three .inner-box .image .overlay-box{
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:30%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));
background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));
background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));
background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));
}
.project-block-three .inner-box:hover .image .overlay-box{
opacity:0;
}
.project-block-three .inner-box .image .overlay-box .content{
position:absolute;
left:20px;
bottom:22px;
}
.project-block-three .inner-box .image .overlay-box .content h2{
position:relative;
font-weight:600;
font-size:18px;
color:#ffffff;
}
.project-block-three .inner-box .image .overlay-box .content .title{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
}
.project-block-three .inner-box .image .overlay-content-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
padding:25px 22px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
background-color:rgba(245,91,20,0.90);
}
.project-block-three .inner-box:hover .image .overlay-content-box{
opacity:1;
}
.project-block-three .inner-box .image .overlay-content-box h4{
position:relative;
font-weight:600;
font-size:18px;
color:#ffffff;
}
.project-block-three .inner-box .image .overlay-content-box h4 a{
position:relative;
color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.project-block-three .inner-box .image .overlay-content-box h4 a:hover{
color:#020e28;
}
.project-block-three .inner-box .image .overlay-content-box .designation{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
}
.project-block-three .inner-box .image .overlay-content-box .go{
position:absolute;
bottom:20px;
font-size:14px;
font-weight:600;
color:#ffffff;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.project-block-three .inner-box .image .overlay-content-box .go .icon{
margin-left:4px;
}
.project-block-three .inner-box .image .overlay-content-box .go:hover{
color:#020e28;
}
/***
====================================================================
Clients Section Two
====================================================================
***/
.clients-section-two{
position:relative;
padding:90px 0px 90px;
}
.clients-section-two h2{
position:relative;
color:#020e28;
font-size:26px;
font-weight:500;
text-align:center;
margin-bottom:35px;
}
.clients-section-two .sponsors-outer{
position:relative;
}
.clients-section-two .sponsors-outer .owl-dots,
.clients-section-two .sponsors-outer .owl-nav{
position:relative;
display:none;
}
.clients-section-two .sponsors-outer .image-box{
position:relative;
text-align:center;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section-two .sponsors-outer .image-box{
border:1px solid #f2f2f2;
}
.clients-section-two .sponsors-outer .image-box img{
max-width:100%;
width:auto;
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section-two .sponsors-outer .image-box img:hover{
opacity:0.7;
}
/***
====================================================================
Map Section Style
====================================================================
***/
.map-section{
position:relative;
}
.map-data{
text-align:center;
font-size:14px;
font-weight:400;
line-height:1.8em;
}
.map-data h6{
font-size:16px;
font-weight:700;
text-align:center;
margin-bottom:5px;
color:#121212;
}
.map-canvas{
height:425px;
}
/***
====================================================================
Call To Action Section Three
====================================================================
***/
.call-to-action-section-three{
position:relative;
padding:45px 0px 45px;
}
.call-to-action-section-three h2{
position:relative;
color:#ffffff;
font-size:24px;
font-weight:600;
font-family: 'Poppins', sans-serif;
}
.call-to-action-section-three .btn-column{
position:relative;
text-align:right;
}
.call-to-action-section-three .btn-column .theme-btn{
padding:10px 30px;
margin-top:15px;
}
/***
====================================================================
Market Section Four
====================================================================
***/
.market-section-four{
position:relative;
padding:85px 0px;
}
.market-section-four .more{
position:relative;
font-size:14px;
font-weight:600;
color:#020e28;
text-transform:uppercase;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.market-section-four .more .icon{
margin-left:5px;
}
.market-section-four .more:hover{
color:#2c7ac5;
}
.market-block-four{
position:relative;
margin-bottom:45px;
}
.market-block-four .inner-box{
position:relative;
}
.market-block-four .inner-box .image{
position:relative;
}
.market-block-four .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.market-block-four .inner-box .lower-content{
position:relative;
padding:28px 26px;
border:1px solid #f2f2f2;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.market-block-four .inner-box:hover .lower-content{
background-color:#2c7ac5;
border-color:#2c7ac5;
}
.market-block-four .inner-box .lower-content .icon-box{
position:absolute;
bottom:35px;
color:#2c7ac5;
font-size:58px;
font-weight:500;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.market-block-four .inner-box:hover .lower-content .icon-box{
opacity:0;
visibility:hidden;
}
.market-block-four .inner-box .lower-content h3{
position:relative;
font-size:20px;
font-weight:500;
line-height:1.4em;
padding-bottom:25px;
margin-bottom:24px;
}
.market-block-four .inner-box .lower-content h3:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:90px;
height:3px;
background-color:#f2f2f2;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.market-block-four .inner-box:hover .lower-content h3:after{
background-color:rgba(255,255,255,0.20);
}
.market-block-four .inner-box .lower-content h3 a{
position:relative;
color:#020e28;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.market-block-four .inner-box:hover .lower-content h3 a{
color:#ffffff;
}
.market-block-four .inner-box .lower-content .text{
position:relative;
color:#fceee7;
font-size:16px;
line-height:1.7em;
font-weight:400;
opacity:0;
visibility:hidden;
margin-bottom:20px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.market-block-four .inner-box .lower-content .link-box{
position:relative;
font-size:14px;
font-weight:600;
color:#ffffff;
opacity:0;
visibility:hidden;
text-transform:uppercase;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.market-block-four .inner-box:hover .lower-content .text,
.market-block-four .inner-box:hover .lower-content .link-box{
opacity:1;
visibility:visible;
}
/***
====================================================================
About Section
====================================================================
***/
.about-section-two{
position:relative;
padding:85px 0px 55px;
background-color:#f4f4f4;
}
.about-section-two .content-column{
position:relative;
margin-bottom:30px;
}
.about-section-two .content-column .inner-column{
position:relative;
}
.about-section-two .content-column .sec-title{
position:relative;
margin-bottom:35px;
}
.about-section-two .content-column .bold-text{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
line-height:1.6em;
margin-bottom:22px;
}
.about-section-two .content-column .text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.7em;
margin-bottom:32px;
font-family: 'Rubik', sans-serif;
}
.about-section-two .content-column .inner-column .theme-btn{
padding:12px 45px;
}
.about-section-two .image-column{
position:relative;
}
.about-section-two .image-column .image{
position:relative;
}
.about-section-two .image-column .image img{
position:relative;
width:100%;
display:block;
}
/***
====================================================================
Choose Section
====================================================================
***/
.choose-section{
position:relative;
padding:85px 0px 55px;
}
.choose-block{
position:relative;
margin-bottom:30px;
}
.choose-block .inner-box{
position:relative;
text-align:center;
}
.choose-block .inner-box .icon-box{
position:relative;
color:#c4c4c4;
font-size:56px;
line-height:1em;
margin-bottom:20px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.choose-block .inner-box:hover .icon-box{
color:#2c7ac5;
}
.choose-block .inner-box h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
padding-bottom:25px;
text-transform:capitalize;
}
.choose-block .inner-box h3 a{
position:relative;
color:#020e28;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.choose-block .inner-box h3:after{
position:absolute;
content:'';
left:50%;
bottom:0px;
width:90px;
height:3px;
margin-left:-45px;
background-color:#f2f2f2;
}
.choose-block .inner-box:hover h3 a{
color:#2c7ac5;
}
.choose-block .inner-box .text{
position:relative;
margin-top:25px;
color:#848484;
font-size:16px;
font-weight:400;
}
/***
====================================================================
Project Section Three
====================================================================
***/
.project-section-three{
position:relative;
padding:80px 0px 50px;
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.project-section-three:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(2,14,40,0.96);
}
.project-block-four{
position:relative;
margin-bottom:40px;
}
.project-block-four .inner-box{
position:relative;
}
.project-block-four .inner-box .image{
position:relative;
background-color:#2D2828;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.project-block-four .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.project-block-four .inner-box:hover .image img{
opacity:0.6;
}
.project-block-four .inner-box .lower-content{
position:relative;
padding:25px 20px;
background-color:#ffffff;
}
.project-block-four .inner-box .lower-content h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
margin-bottom:10px;
}
.project-block-four .inner-box .lower-content h3 a{
position:relative;
color:#020e28;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.project-block-four .inner-box .lower-content h3 a:hover{
color:#2c7ac5;
}
.project-block-four .inner-box .lower-content .text{
position:relative;
color:#848484;
font-size:16px;
font-weight:400;
margin-bottom:15px;
}
.project-block-four .inner-box .lower-content .read-more{
position:relative;
color:#020e28;
font-size:14px;
font-weight:600;
text-transform:uppercase;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.project-block-four .inner-box .lower-content .read-more .icon{
margin-left:5px;
}
.project-block-four .inner-box .lower-content .read-more:hover{
color:#2c7ac5;
}
.project-block-four.style-two .inner-box .lower-content{
border:1px solid #f2f2f2;
}
.project-section-three .owl-dots{
display:none;
}
.project-section-three .owl-nav{
position:absolute;
right:0px;
top:-90px;
}
.project-section-three .owl-nav .owl-prev .fa,
.project-section-three .owl-nav .owl-next .fa{
display:none;
}
.project-section-three .owl-nav .owl-prev{
position:relative;
width:35px;
height:35px;
margin-right:14px;
display:inline-block;
background:url(../images/icons/arrow-left.png) no-repeat;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.project-section-three .owl-nav .owl-next{
position:relative;
width:35px;
height:35px;
display:inline-block;
background:url(../images/icons/arrow-right.png) no-repeat;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.project-section-three .owl-nav .owl-prev:hover,
.project-section-three .owl-nav .owl-next:hover{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section-four{
position:relative;
padding:90px 0px;
}
.testimonial-block-five{
position:relative;
}
.testimonial-block-five .inner-box{
position:relative;
}
.testimonial-block-five .inner-box .text{
position:relative;
color:#848484;
font-size:20px;
font-weight:400;
line-height:1.7em;
text-align:center;
margin-bottom:35px;
}
.testimonial-block-five .inner-box .author-info{
position:relative;
text-align:center;
}
.testimonial-block-five .inner-box .author-info .author-inner{
position:relative;
display:inline-block;
}
.testimonial-block-five .inner-box .author-info .image{
position:relative;
width:100px;
height:100px;
overflow:hidden;
border-radius:50%;
margin:0 auto;
margin-bottom:15px;
}
.testimonial-block-five .inner-box .author-info .quote-icon{
position:absolute;
right:0px;
top:0px;
width:30px;
height:30px;
color:#2c7ac5;
line-height:30px;
font-size:12px;
text-align:center;
border-radius:50%;
background-color:#ffffff;
border:1px solid #2c7ac5;
}
.testimonial-block-five .inner-box .author-info h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
font-family: 'Poppins', sans-serif;
}
.testimonial-block-five .inner-box .author-info .location{
position:relative;
color:#2c7ac5;
font-size:16px;
}
.testimonial-section-four .owl-nav{
display:none;
}
.testimonial-section-four .owl-dots{
position:relative;
text-align:center;
margin-top:25px;
}
.testimonial-section-four .owl-dots .owl-dot{
position:relative;
width:9px;
height:9px;
margin:0px 5px;
display:inline-block;
border-radius:50%;
background-color:#c4c4c4;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.testimonial-section-four .owl-dots .owl-dot:hover,
.testimonial-section-four .owl-dots .owl-dot.active{
position:relative;
width:22px;
height:8px;
border-radius:10px;
background-color:#ff4800;
}
/***
====================================================================
News Section Three
====================================================================
***/
.news-section-three{
position:relative;
padding:85px 0px 50px;
background-color:#f4f4f4;
}
.news-section-three .sec-title .theme-btn{
padding:12px 42px;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title{
position:relative;
padding:25px 0px 120px;
background-repeat:no-repeat;
background-size:cover;
background-position:center top;
}
.page-title:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(2,14,40,0.92);
}
.page-title.shop-title:before{
display:none;
}
.page-title h1{
position:relative;
color:#ffffff;
font-size:48px;
font-weight:600;
line-height:1.2em;
margin-top:75px;
text-align:center;
text-transform:capitalize;
}
.page-breadcrumb{
position:relative;
}
.page-breadcrumb li{
position:relative;
display:inline-block;
margin-right:10px;
padding-right:20px;
color:#2c7ac5;
font-size:16px;
font-weight:400;
}
.page-breadcrumb li:after{
position:absolute;
content:'\f1a6';
right:-4px;
top:0px;
color:#2c7ac5;
font-family: "Flaticon";
}
.page-breadcrumb li:last-child::after{
display:none;
}
.page-breadcrumb li:last-child{
padding-right:0px;
margin-right:0px;
}
.page-breadcrumb li a{
color:#ffffff;
font-weight:600;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.page-breadcrumb li a:hover{
color:#2c7ac5;
}
/***
====================================================================
Company Section
====================================================================
***/
.company-section{
position:relative;
padding:85px 0px 50px;
}
.company-section .content-column{
position:relative;
margin-bottom:40px;
}
.company-section .content-column .inner-column{
position:relative;
}
.company-section .content-column .inner-column .sec-title{
position:relative;
margin-bottom:25px;
}
.company-section .content-column .inner-column .bold-text{
position:relative;
color:#848484;
font-size:18px;
font-weight:500;
line-height:1.6em;
margin-bottom:20px;
}
.company-section .content-column .inner-column .text{
position:relative;
margin-bottom:25px;
}
.company-section .content-column .inner-column .text p{
position:relative;
color:#848484;
font-size:16px;
line-height:1.7em;
margin-bottom:18px;
}
.company-section .content-column .inner-column .text p:last-child{
margin-bottom:0px;
}
.company-section .image-column{
position:relative;
}
.company-section .image-column .inner-column{
position:relative;
}
.company-section .image-column .inner-column .image{
position:relative;
}
.company-section .image-column .inner-column .image img{
position:relative;
width:100%;
display:block;
}
.company-section .image-column .inner-column .carousel-box{
position:relative;
padding:32px 28px 35px;
background-color:#2c7ac5;
}
.company-section .image-column .inner-column .carousel-box .owl-dots,
.company-section .image-column .inner-column .carousel-box .owl-nav{
display:none;
}
.testimonial-block-six{
position:relative;
}
.testimonial-block-six .inner{
position:relative;
}
.testimonial-block-six .inner .quote-icon{
position:absolute;
top:-10px;
font-size:90px;
line-height:1em;
color:rgba(255,255,255,0.10);
}
.testimonial-block-six .inner .text{
position:relative;
color:#ffffff;
font-size:20px;
font-weight:500;
font-style:italic;
line-height:1.5em;
margin-bottom:30px;
}
.testimonial-block-six .inner .author-box{
position:relative;
margin-bottom:0px;
}
.testimonial-block-six .inner .author-box .author-inner{
position:relative;
padding-left:90px;
padding-top:10px;
min-height:70px;
}
.testimonial-block-six .inner .author-box .author-inner .image{
position:absolute;
left:0px;
top:0px;
width:70px;
height:70px;
overflow:hidden;
border-radius:50%;
}
.testimonial-block-six .inner .author-box .author-inner h3{
position:relative;
color:#ffffff;
font-size:18px;
font-weight:600;
text-transform:capitalize;
font-family: 'Poppins', sans-serif;
}
.testimonial-block-six .inner .author-box .author-inner .designation{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
}
/***
====================================================================
Highlights Section
====================================================================
***/
.highlights-section{
position:relative;
padding:85px 0px 55px;
background-color:#f4f4f4;
}
.highlights-section .image-layer{
position:absolute;
right:0px;
top:0px;
width:50%;
height:100%;
background-position:right top;
background-repeat:no-repeat;
background-size:cover;
}
.highlights-section .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
border-top: 625px solid #f4f4f4;
border-right: 200px solid transparent;
}
.highlights-section .content-column{
position:relative;
}
.highlights-section .content-column .inner-column{
position:relative;
}
.hightlight-block{
position:relative;
margin-bottom:30px;
}
.hightlight-block .hightlight-inner{
position:relative;
padding:32px 0px 28px;
text-align:center;
background-color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.hightlight-block .hightlight-inner .icon-box{
position:relative;
line-height:1em;
color:#cbcbcb;
font-size:50px;
margin-bottom:12px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.hightlight-block .hightlight-inner h3{
position:relative;
font-size:18px;
font-weight:600;
color:#0f1341;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.hightlight-block .hightlight-inner .overlay-link{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
}
.hightlight-block .hightlight-inner:hover{
background-color:#2c7ac5;
}
.hightlight-block .hightlight-inner:hover h3,
.hightlight-block .hightlight-inner:hover .icon-box{
color:#ffffff;
}
.highlights-section .services-column{
position:relative;
}
.highlights-section .services-column .inner-column{
position:relative;
margin-left:100px;
margin-right:100px;
padding: 45px 30px 50px;
border: 1px solid #f2f2f2;
background:#ffffff url(../images/resource/pattern-1.png);
background-position: left bottom;
background-repeat:repeat-x;
}
.highlights-section .services-column .inner-column .upper-box{
position:relative;
padding-left:60px;
padding-top:8px;
padding-bottom:25px;
margin-bottom:25px;
border-bottom:1px solid #f2f2f2;
}
.highlights-section .services-column .inner-column .upper-box .icon{
position:absolute;
left:0px;
top:0px;
color:#2c7ac5;
font-size:40px;
line-height:1em;
}
.highlights-section .services-column .inner-column .upper-box h2{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
text-transform:uppercase;
}
.highlights-section .services-column .inner-column .text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.7em;
margin-bottom:50px;
}
.highlights-section .services-column .inner-column .services{
position:relative;
color:#020e28;
font-size:14px;
font-weight:600;
text-transform:uppercase;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Poppins', sans-serif;
}
.highlights-section .services-column .inner-column .services .icon{
margin-left:4px;
}
.highlights-section .services-column .inner-column .services:hover{
color:#2c7ac5;
}
/***
====================================================================
History Section
====================================================================
***/
.history-section{
position:relative;
padding:90px 0px;
}
.history-section .sec-title{
margin-bottom:70px;
}
.history-section .history-carousel{
position:relative;
}
.history-section .carousel-outer{
position:relative;
}
.history-section .carousel-outer .thumbs-outer{
position:relative;
overflow:hidden;
}
.history-section .carousel-outer:before{
position:absolute;
content:'';
left:0px;
top:32px;
width:100%;
height:1px;
background-color:#e6e6e6;
}
.history-section .history-carousel .thumbs-carousel{
position:static;
max-width:180px;
margin:0 auto;
margin-bottom:40px;
}
.history-section .history-carousel .thumbs-carousel .owl-stage-outer{
overflow:visible;
}
.history-section .history-carousel .thumbs-carousel .owl-item.active li{
position:relative;
color:#020e28;
-webkit-transform:scale(1.8);
-moz-transform:scale(1.8);
-o-transform:scale(1.8);
-ms-transform:scale(1.8);
transform:scale(1.8);
}
.history-section .history-carousel .thumbs-carousel .owl-item.active li:before{
display:none;
}
.history-section .history-carousel .thumbs-carousel li{
position:relative;
color:#e6e6e6;
font-size:36px;
font-weight:400;
cursor:pointer;
line-height:1em;
text-align:center;
padding:15px 20px;
transition:all 0.3s ease;
display:inline-block;
background-color:#ffffff;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Rubik', sans-serif;
}
.history-section .history-carousel .thumbs-carousel .owl-nav{
position:absolute;
left:0px;
top:0px;
width:100%;
height:0px;
}
.history-section .history-carousel .thumbs-carousel .owl-nav .owl-prev{
position:absolute;
left:0px;
top:20px;
font-size:22px;
color:#c4c4c4;
font-weight:700;
width:40px;
display:inline-block;
background-color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.history-section .history-carousel .thumbs-carousel .owl-nav .owl-next{
position:absolute;
top:20px;
right:0px;
left:auto;
width:40px;
text-align:right;
font-size:22px;
color:#c4c4c4;
font-weight:700;
display:inline-block;
background-color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.history-section .history-carousel .thumbs-carousel .owl-nav .owl-prev:hover,
.history-section .history-carousel .thumbs-carousel .owl-nav .owl-next:hover{
color:#2c7ac5;
}
.history-section .carousel-outer .content-slide{
position:relative;
}
.history-section .carousel-outer .content-carousel .owl-stage-outer{
padding-top:60px;
}
.history-section .carousel-outer .content-slide .content-inner{
position:relative;
text-align:center;
padding:45px 20px 45px;
background-color:#f4f4f4;
}
.history-section .carousel-outer .content-slide .content-inner:before{
position:absolute;
content:'';
left:50%;
top:-60px;
margin-left:-150px;
border-bottom: 100px solid #f4f4f4;
border-left: 90px solid transparent;
}
.history-section .carousel-outer .content-slide .content-inner h3{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
line-height:1.4em;
margin-bottom:5px;
}
.history-section .carousel-outer .content-slide .content-inner .date{
position:relative;
color:#2c7ac5;
font-size:16px;
margin-bottom:20px;
}
.history-section .carousel-outer .content-slide .content-inner .text{
position:relative;
color:#848484;
font-size:18px;
line-height:1.7em;
font-weight:400;
max-width:980px;
margin:0 auto;
}
.history-section .carousel-outer .content-carousel .owl-nav{
position:absolute;
left:0px;
top:50%;;
width:100%;
}
.history-section .carousel-outer .content-carousel .owl-nav .owl-prev{
position:absolute;
left:-20px;
width:42px;
height:42px;
color:#2c7ac5;
line-height:42px;
text-align:center;
border-radius:50%;
font-weight:700;
background-color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-webkit-box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
-moz-box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
}
.history-section .carousel-outer .content-carousel .owl-nav .owl-next{
position:absolute;
right:-20px;
width:42px;
height:42px;
color:#2c7ac5;
line-height:42px;
text-align:center;
border-radius:50%;
font-weight:700;
background-color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-webkit-box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
-moz-box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
}
.history-section .carousel-outer .content-carousel .owl-nav .owl-next:hover,
.history-section .carousel-outer .content-carousel .owl-nav .owl-prev:hover{
color:#ffffff;
background-color:#2c7ac5;
}
/***
====================================================================
Achived Section
====================================================================
***/
.achived-section{
position:relative;
padding:85px 0px 45px;
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center bottom;
}
.achived-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(2,14,40,0.90);
}
.achived-section .title-column{
position:relative;
margin-bottom:40px;
}
.achived-section .title-column .sec-title{
margin-bottom:40px;
}
.achived-section .title-column .inner-column{
position:relative;
}
.achived-section .title-column .inner-column .title{
position:relative;
color:#2c7ac5;
font-size:18px;
margin-bottom:40px;
}
.achived-section .title-column .achived-list{
position:relative;
}
.achived-section .title-column .achived-list li{
position:relative;
display:inline-block;
margin-right:20px;
}
.achived-section .title-column .achived-list li.icon{
font-size:60px;
color:#2c7ac5;
line-height:1em;
}
.achived-section .title-column .achived-list li.number{
color:#ffffff;
font-size:60px;
font-weight:600;
line-height:1em;
font-family: 'Poppins', sans-serif;
}
.achived-section .title-column .achived-list li a{
position:relative;
top:-15px;
color:#ffffff;
font-size:18px;
font-weight:400;
padding:7px 12px;
display:inline-block;
background-color:#2c7ac5;
border:2px solid #2c7ac5;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.achived-section .title-column .achived-list li a:hover{
background:none;
color:#2c7ac5;
}
.achived-section .title-column .inner-column .text{
position:relative;
color:#c4c4c4;
font-size:16px;
line-height:1.8em;
margin-top:22px;
}
.achived-section .graph-column{
position:relative;
}
.achived-section .graph-column .inner-column{
position:relative;
padding-left:15px;
}
/*Progress Level*/
.progress-levels{
position:relative;
margin-bottom:30px;
}
.progress-levels .progress-box{
position:relative;
overflow:hidden;
margin-bottom:30px;
width:20%;
float:left;
}
.progress-levels .progress-box .inner{
position:relative;
text-align:center;
}
.progress-levels .progress-box .inner .count-text{
position:relative;
font-size:14px;
font-weight:600;
color:#2c7ac5;
display:inline-block;
margin-bottom:10px;
font-family: 'Poppins', sans-serif;
}
.progress-levels .progress-box .inner .percent{
position:relative;
font-size:14px;
font-weight:600;
color:#2c7ac5;
display:inline-block;
margin-bottom:10px;
font-family: 'Poppins', sans-serif;
}
.progress-levels .progress-box .bar{
position:relative;
height:350px;
}
.progress-levels .progress-box .bar .bar-innner{
position:relative;
width:60px;
height:350px;
margin:0 auto;
border:1px solid rgba(255,255,255,0.15);
}
.progress-levels .progress-box .bar .bar-innner .skill-percent{
top: -33px;
position: absolute;
width: 100%;
text-align: center;
}
.progress-levels .progress-box .bar .bar-fill{
position:absolute;
left:0%;
bottom:0px;
width:60px;
height:0px;
background-size:cover;
background:url(../images/resource/graph-layer.php) repeat;
background-position:center bottom;
-moz-transition:all 2000ms ease 300ms;
-webkit-transition:all 2000ms ease 300ms;
-ms-transition:all 2000ms ease 300ms;
-o-transition:all 2000ms ease 300ms;
transition:all 2000ms ease 300ms;
}
.progress-levels .progress-box .inner .text{
position: absolute;
color: #ffffff;
font-size: 14px;
font-weight: 600;
line-height: 1.3em;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
left: 10px;
bottom: 0px;
width: 10px;
word-wrap: break-word;
text-align: center;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position:relative;
padding:80px 0px 50px;
}
.team-block{
position:relative;
margin-bottom:40px;
}
.team-block .inner-box{
position:relative;
}
.team-block .inner-box .image{
position:relative;
}
.team-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.team-block .inner-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
text-align:center;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
background-color:rgba(2,14,40,0.75);
}
.team-block .inner-box .image .overlay-box .social-icon-two{
top:50%;
margin-top:-20px;
}
.team-block .inner-box:hover .image .overlay-box{
opacity:1;
}
.team-block .inner-box .lower-content{
position:relative;
padding:25px 25px 22px;
border:1px solid #f2f2f2;
}
.team-block .inner-box .lower-content h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
margin-bottom:18px;
}
.team-block .inner-box .lower-content h3 a{
position:relative;
color:#020e28;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-block .inner-box:hover .lower-content h3 a{
color:#2c7ac5;
}
.team-block .inner-box .lower-content .designation{
position:relative;
color:#ffffff;
font-size:16px;
padding:2px 10px;
display:inline-block;
margin-bottom:18px;
background-color:#2c7ac5;
}
.team-block .inner-box .lower-content .text{
position:relative;
color:#808080;
font-size:16px;
line-height:1.7em;
}
/***
====================================================================
Location Section
====================================================================
***/
.location-section{
position:relative;
padding:22px 0px 90px;
background-color:#020e28;
background-position:center center;
background-repeat:no-repeat;
}
.location-section .page-breadcrumb{
margin-bottom:80px;
}
/***
====================================================================
Contact Section
====================================================================
***/
.contact-section{
position:relative;
padding:75px 0px 90px;
}
.contact-section .sec-title .text{
position:relative;
color:#848484;
font-size:18px;
line-height:1.7em;
margin-left:50px;
display:inline-block;
}
.contact-section .inner-container{
position:relative;
border:1px solid #f4f4f4;
}
.contact-section .info-column{
position:relative;
padding:0px;
}
.contact-section .info-column .inner-column{
position:relative;
border-right:1px solid #f4f4f4;
}
.contact-section .info-column .inner-column .upper-box{
position:relative;
padding:32px 55px 25px 28px;
background-color:#f4f4f4;
}
.contact-section .info-column .lower-box{
position:relative;
padding:28px 30px;
}
.contact-section .info-column .lower-box .lower-inner{
position:relative;
padding-left:100px;
min-height:80px;
}
.contact-section .info-column .lower-box .lower-inner .image{
position:absolute;
left:0px;
top:0px;
width:80px;
height:80px;
}
.contact-section .info-column .lower-box .lower-inner h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
font-family: 'Poppins', sans-serif;
}
.contact-section .info-column .lower-box .lower-inner .designation{
position:relative;
color:#2c7ac5;
font-size:16px;
font-weight:400;
line-height:1.4em;
}
.contact-section .info-column .lower-box .lower-inner .emailed{
position:relative;
color:#848484;
font-size:16px;
font-weight:400;
padding-left:26px;
margin-top:4px;
}
.contact-section .info-column .lower-box .lower-inner .emailed:before{
position:absolute;
content: "\f1ca";
left:0px;
top:4px;
color:#2c7ac5;
font-size:16px;
line-height:1em;
font-family: "Flaticon";
}
.contact-section .form-column{
position:relative;
}
.contact-section .form-column .inner-column{
position:relative;
padding:20px 25px;
}
/***
====================================================================
Contact Form
====================================================================
***/
.contact-form{
position:relative;
}
.contact-form .form-group{
position:relative;
margin-bottom:25px;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 0px;
height:50px;
color:#848484;
font-size:16px;
border-bottom:1px solid #f2f2f2;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: 'Rubik', sans-serif;
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
border-color:#2c7ac5;
}
.contact-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:10px 0px;
color:#848484;
height:120px;
font-size:16px;
resize:none;
font-family: 'Rubik', sans-serif;
border-bottom:1px solid #f2f2f2;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-form .submit-btn{
margin-top:15px;
font-size:14px;
font-weight:600;
color:#020e28;
background:none;
letter-spacing:1px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
text-transform:uppercase;
}
.contact-form .submit-btn .icon{
margin-left:5px;
}
.contact-form .submit-btn:hover{
color:#2c7ac5;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
/***
====================================================================
Error Section
====================================================================
***/
.error-section{
position:relative;
width:100%;
text-align:center;
padding:90px 0px 90px;
background-repeat:no-repeat;
background-size:cover;
}
.error-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
background-color:rgba(4,19,50,0.90);
}
.error-section .inner-section{
position:relative;
text-align:center;
display:inline-block;
border-radius:50%;
padding:100px 30px 100px;
background-color:#2c7ac5;
}
.error-section .inner-section h1{
position:relative;
color:#020e28;
font-size:200px;
line-height:1em;
font-weight:700;
font-family: 'Hind', sans-serif;
}
.error-section .inner-section h2{
position:relative;
font-size:18px;
color:#020e28;
font-weight:500;
margin-top:-10px;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
.error-section .inner-section .text{
position:relative;
color:#ffffff;
font-size:18px;
margin-top:12px;
margin-bottom:40px;
}
.error-section .go-back{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:500;
text-align:center;
margin-top:18px;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Rubik', sans-serif;
}
.error-section .go-back:hover{
color:#020e28;
}
/*Error Form*/
.error-search-form .form-group{
position:relative;
max-width:430px;
margin:0 auto;
width:100%;
}
.error-search-form .form-group input[type="text"],
.error-search-form .form-group input[type="search"]{
position:relative;
line-height:30px;
background:none;
display:block;
font-size:16px;
width:100%;
height:52px;
border:1px solid transparent;
background-color:#ffffff;
padding:10px 50px 10px 20px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.error-search-form .form-group input:focus{
border-color:#ff6600;
}
.error-search-form .form-group button{
position:absolute;
right:0px;
top:0px;
height:52px;
width:50px;
display:block;
font-size:16px;
color:#ffffff;
line-height:100%;
background:#020e28;
font-weight:normal;
}
/***
====================================================================
Faq Section
====================================================================
***/
.faq-section{
position:relative;
padding:90px 0px 90px;
}
.faq-section .prod-tabs{
position:relative;
}
.faq-section .prod-tabs .tab-btns{
position:relative;
margin-bottom:40px;
padding:0px 20px;
border:1px solid #f2f2f2;
border-top-color:#2c7ac5;
}
.faq-section .prod-tabs .tab-btns .tab-btn{
position:relative;
display:block;
font-size:16px;
color:#222222;
font-weight:400;
cursor:pointer;
line-height:1.6em;
padding:10px 0px 10px 0px;
transition:all 500ms ease;
text-transform:capitalize;
border-bottom:1px solid #f2f2f2;
}
.faq-section .prod-tabs .tab-btns .tab-btn:last-child{
border:none;
}
.faq-section .prod-tabs .tab-btns .tab-btn span{
position:relative;
display:block;
font-size:16px;
color:#020e28;
font-weight:400;
cursor:pointer;
line-height:1.6em;
padding:5px 15px 5px 30px;
transition:all 500ms ease;
text-transform:capitalize;
font-family: 'Poppins', sans-serif;
}
.faq-section .prod-tabs .tab-btns .tab-btn:before{
position:absolute;
content:'';
left:11px;
top:23px;
width:8px;
height:8px;
background-color:#e6e6e6;
border:1px solid #f2f2f2;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.faq-section .prod-tabs .tab-btns .tab-btn:hover:before,
.faq-section .prod-tabs .tab-btns .tab-btn.active-btn:before{
z-index:1;
background-color:#2c7ac5;
border-color:rgba(245,91,20,0.20);
}
.faq-section .prod-tabs .tab-btns .tab-btn.active-btn span,
.faq-section .prod-tabs .tab-btns .tab-btn:hover span{
color:#2c7ac5;
}
.faq-section .prod-tabs .tabs-content{
position:relative;
}
.faq-section .prod-tabs .tabs-content .tab{
position:relative;
display:none;
}
.faq-section .prod-tabs .tabs-content .tab.active-tab{
display:block;
}
/***
====================================================================
Accordion Style
====================================================================
***/
.accordion-box{
position:relative;
padding:10px 30px 10px;
background-color:#f4f4f4;
}
.accordion-box .block{
position: relative;
}
.accordion-box .block:last-child .acc-btn{
border-bottom:0px;
padding-bottom:10px;
}
.accordion-box .block .acc-btn{
position:relative;
font-size:18px;
cursor:pointer;
line-height:30px;
color:#020e28;
font-weight:500;
padding:17px 30px 17px 0px;
border-bottom:1px solid #e1e1e1;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
font-family: 'Poppins', sans-serif;
}
.accordion-box .block .icon-outer{
position:absolute;
right:28px;
top:20px;
color: #929292;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.accordion-box .block .icon-outer .icon{
position: absolute;
width: 22px;
height: 22px;
font-size: 12px;
font-weight: 300;
text-align: center;
border-radius:50%;
line-height:22px;
border:1px solid #898989;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
color:#2c7ac5;
border-color:#2c7ac5;
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .acc-content:before{
position:absolute;
content:'';
left:-30px;
top:0px;
width:1px;
height:100%;
display:block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
background-color:#2c7ac5;
}
.accordion-box .block .acc-content .content-text{
padding-bottom:6px;
}
.accordion-box .block .acc-content.current{
display:block;
}
.accordion-box .block .content{
position:relative;
font-size:14px;
padding:20px 0px 15px 0px;
border-bottom:1px solid #e9e9e9;
}
.accordion-box .block .content .text{
margin-bottom:0px;
line-height:1.9em;
font-size:16px;
color:#848484;
}
.accordion-box .block .content p:last-child{
margin-bottom:0px;
}
.accordion-box.style-two{
padding:0px;
background-color:#ffffff;
}
.accordion-box.style-two .block{
margin-bottom: 10px;
padding:17px 20px;
border: 1px solid #f2f2f2;
background-color: #ffffff;
}
.accordion-box.style-two .block .acc-btn{
border:none;
padding:0px 0px 0px 62px;
}
.accordion-box.style-two .block .icon-outer{
left:0px;
top:2px;
right:auto;
}
.accordion-box.style-two .block .acc-content:before{
display:none;
}
.accordion-box.style-two .block .content{
padding:15px 30px 0px 62px;
border:none;
}
.accordion-box.style-two .block:before{
position: absolute;
content: '';
left: 59px;
top: 18px;
bottom: 18px;
width: 1px;
background-color: #f2f2f2;
}
.accordion-box.style-two .block .icon-outer .icon{
border:none;
font-size:20px;
font-weight:600;
}
.accordion-box.style-two .block.active-block::before{
background-color:#f66e2f;
}
.accordion-box.style-two .block .acc-btn.active .icon-outer .icon-plus{
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/***
====================================================================
Maintenance Section
====================================================================
***/
.maintenance-section{
position:relative;
padding:130px 0px 120px;
background-color:#020e28;
background-position:right bottom;
background-repeat:no-repeat;
}
.maintenance-box{
position:relative;
}
.maintenance-box .inner-box{
position:relative;
max-width:570px;
width:100%;
padding:40px 30px;
display:inline-block;
border:2px solid rgba(255,255,255,0.20);
}
.maintenance-box .inner-box h2{
position:relative;
color:#ffffff;
font-size:60px;
font-weight:600;
line-height:1.1em;
padding-bottom:25px;
margin-bottom:22px;
display:inline-block;
text-transform:uppercase;
border-bottom:2px solid #2c7ac5;
}
.maintenance-box .inner-box h3{
position:relative;
color:#ffffff;
font-size:30px;
font-weight:500;
line-height:1.4em;
text-transform:uppercase;
}
.maintenance-box .inner-box .text{
position:relative;
color:#2c7ac5;
font-size:16px;
}
/***
====================================================================
Testimonial Page Section
====================================================================
***/
.testimonial-page-section{
position:relative;
padding:90px 0px 50px;
}
.testimonial-page-section .testimonials-outer{
position:relative;
margin-bottom:40px;
border-bottom:1px solid #f2f2f2;
}
.testimonial-page-section .testimonials-outer:last-child{
border:0px;
padding-bottom:0px;
}
.testimonial-block-seven{
position:relative;
margin-bottom:40px;
border-right:1px solid #f2f2f2;
}
.testimonial-block-seven:nth-child(2n + 0){
border:0px;
}
.testimonial-block-seven .inner-box{
position:relative;
text-align:center;
padding:0px 60px;
}
.testimonial-block-seven .inner-box .author-image{
position:relative;
width:80px;
height:80px;
margin:0 auto;
border-radius:50%;
overflow:hidden;
margin-bottom:15px;
}
.testimonial-block-seven .inner-box h3{
position:relative;
color:#020e28;
font-weight:500;
font-size:20px;
line-height:1.2em;
margin-bottom:8px;
}
.testimonial-block-seven .inner-box .designation{
position:relative;
color:#2c7ac5;
font-size:16px;
font-weight:400;
margin-bottom:18px;
}
.testimonial-block-seven .inner-box .text{
position:relative;
font-size:18px;
line-height:1.7em;
margin-bottom:20px;
color:#848484;
}
.testimonial-block-seven .inner-box .client-icon{
position:relative;
text-align:center;
}
.testimonial-block-seven .inner-box .client-icon img{
position:relative;
width:auto;
margin:0 auto;
}
.quote-page-section{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(2,14,40,0.94);
}
/***
====================================================================
Appointment Modal Style
====================================================================
***/
.modal-open {
overflow: hidden !important;
}
.popup-container{
max-width:1170px;
width:100%;
padding:0px;
margin-top:100px;
margin-bottom:80px;
}
#schedule-box .modal-content {
max-width:1170px;
box-shadow: none;
border-radius: 0;
padding: 1px;
border:0px;
margin:auto 0;
background:none;
}
#schedule-box .modal-content form h3{
color:#7bca33;
text-transform: uppercase;
font-size:20px;
position: relative;
font-weight:500;
}
#schedule-box .modal-content form label {
line-height: 30px;
}
#schedule-box .modal-content .appointment-form h3 {
font-size:20px;
margin-bottom: 20px;
color:#7bca33;
font-weight:600;
}
#schedule-box .close {
display: block;
float:none;
opacity: 1;
text-shadow:none;
width:40px;
line-height: 40px;
color:#999999;
font-size: 16px;
text-align: center;
position: absolute;
top:10px;
right:10px;
z-index:10;
}
.modal-backdrop{
opacity:1 !important;
background-color:rgba(2,14,40,0.94);
}
.get-quote-form{
position:relative;
background-size:cover;
}
.get-quote-form .inner-box{
position:relative;
max-width:870px;
padding:80px 0px 70px 100px;
}
.get-quote-form .inner-box .sec-title{
margin-bottom:40px;
}
.get-quote-form .inner-box .sec-title .text{
position:relative;
color:#848484;
font-size:18px;
line-height:1.7em;
max-width:495px;
margin-left:40px;
}
#schedule-box .backhome{
position:relative;
left:0px;
bottom:0px;
width:100%;
color:#ffffff;
display:block;
text-align:center;
padding:15px 0px;
font-weight:600;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
text-transform:uppercase;
background-color:rgba(255,255,255,0.10);
font-family: 'Poppins', sans-serif;
}
#schedule-box .backhome .icon{
margin-left:5px;
}
#schedule-box .backhome:hover{
color:#2c7ac5;
}
.market-page-section{
position:relative;
padding:90px 0px 60px;
}
/***
====================================================================
Services Section Three
====================================================================
***/
.services-section-three{
position:relative;
padding:80px 0px 40px;
background-color:#f4f4f4;
}
.services-block-three{
position:relative;
margin-bottom:40px;
}
.services-block-three .inner-box{
position:relative;
}
.services-block-three .inner-box h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:700;
padding-bottom:15px;
margin-bottom:18px;
text-transform:uppercase;
border-bottom:1px solid #e6e6e6;
}
.services-block-three .inner-box h3 span{
font-weight:500;
display:block;
}
.services-block-three .inner-box h3 a{
position:relative;
color:#020e28;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-block-three .inner-box .text{
position:relative;
color:#848484;
font-size:16px;
font-weight:400;
margin-bottom:15px;
}
.services-block-three .inner-box .read-more{
position:relative;
color:#020e28;
font-size:14px;
font-weight:600;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-block-three .inner-box .read-more .icon{
margin-left:5px;
}
.services-block-three .inner-box:hover h3 a,
.services-block-three .inner-box:hover .read-more{
color:#2c7ac5;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
overflow:hidden;
padding:90px 0px 40px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
.sidebar-page-container .sidebar-side .with-border{
padding-left:30px;
}
.sidebar-page-container .sidebar-side .with-border:before{
position:absolute;
content:'';
left:15px;
top:-200px;
width:1px;
height:5000px;
background-color:#f0f0f0;
}
.sidebar-widget{
position: relative;
margin-bottom: 45px;
}
.market-sidebar{
position:relative;
padding:25px 20px 30px;
margin-left:30px;
background-color:#f4f4f4;
}
/*Sidebar Title*/
.sidebar-title{
position: relative;
margin-bottom:18px;
}
.sidebar-title h2{
font-size: 20px;
color: #020e28;
font-weight: 600;
line-height: 1.2em;
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
}
.sidebar-title.style-two{
margin-bottom:25px;
}
.sidebar-title.style-two h2{
font-weight:500;
}
/*Blog Category*/
.blog-cat{
position:relative;
padding:0px 18px 0px;
border:1px solid #f2f2f2;
background-color:#ffffff;
-webkit-box-shadow: -2px 2px 12px 0px rgba(233,233,233,1);
-moz-box-shadow: -2px 2px 12px 0px rgba(233,233,233,1);
box-shadow: -2px 2px 12px 0px rgba(233,233,233,1);
}
.blog-cat li{
position:relative;
padding:8px 0px;
border-bottom:1px solid #eeeeee;
}
.blog-cat li a{
position:relative;
font-size:16px;
font-weight:400;
display:block;
color:#848484;
padding:4px 0px;
padding-left:25px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Rubik', sans-serif;
}
.blog-cat li:last-child{
margin-bottom:0px;
border:none;
}
.blog-cat li a:before{
position:absolute;
content:'\f178';
left:0px;
top:5px;
font-family: 'FontAwesome';
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.blog-cat li.active a,
.blog-cat li a:hover{
color:#ffffff;
padding-left:35px;
background-color:#2c7ac5;
}
.blog-cat li.active a:before,
.blog-cat li a:hover::before{
left:10px;
border-color:rgba(255,255,255,0.50);
}
/*Blog Category Two*/
.blog-cat-two{
position:relative;
padding:0px 20px 20px;
border:1px solid #f2f2f2;
background-color:#ffffff;
}
.blog-cat-two li{
position:relative;
padding:8px 0px;
}
.blog-cat-two li:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:90px;
height:1px;
background-color:#f2f2f2;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-cat-two li:hover a::before{
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.blog-cat-two li:hover::after{
width:100%;
background-color:#2c7ac5;
}
.blog-cat-two li a{
position:relative;
font-size:16px;
font-weight:400;
display:block;
color:#848484;
padding:4px 0px;
padding-left:25px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Rubik', sans-serif;
}
.blog-cat-two li a span{
position:absolute;
right:0px;
}
.blog-cat-two li:last-child{
border:none;
}
.blog-cat-two li a:before{
position:absolute;
content:'\f175';
left:0px;
top:5px;
color:#c5c5c5;
font-family: 'FontAwesome';
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.blog-cat-two li.active a,
.blog-cat-two li a:hover{
color:#2c7ac5;
}
.blog-cat-two li a:hover::before{
color:#2c7ac5;
}
/*Broucher Widget*/
.sidebar-brochure .brochure{
position:relative;
color:#0f1341;
font-weight:400;
font-size:16px;
padding:5px 20px;
display:block;
padding-left:70px;
background-color:#ffffff;
border:1px solid #f2f2f2;
border-bottom:none;
transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.sidebar-brochure .brochure span{
display:block;
font-weight:400;
color:#808080;
transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.sidebar-brochure .brochure .icon{
position:absolute;
width:54px;
left:0px;
top:0px;
height:65px;
font-size:18px;
margin-right:8px;
text-align:center;
font-weight:400;
line-height:65px;
color:#0f1341;
border-right:1px solid #f2f2f2;
transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.sidebar-brochure .brochure:hover{
background-color:#ff4800;
color:#ffffff;
}
.sidebar-brochure .brochure:hover span,
.sidebar-brochure .brochure:hover .icon{
color:#ffffff;
}
/*Testimonial Widget*/
.testimonial-widget{
position:relative;
}
.testimonial-widget .inner-widget{
position:relative;
margin-right:2px;
padding:25px 18px 55px;
background-color:#ffffff;
}
.testimonial-widget .inner-widget .upper-box{
position:relative;
}
.testimonial-widget .inner-widget .upper-box .upper-inner{
position:relative;
padding-left:70px;
min-height:78px;
margin-bottom:20px;
border-bottom:1px solid #f2f2f2;
}
.testimonial-widget .inner-widget .upper-box .upper-inner .image{
position:absolute;
left:0px;
top:0px;
width:56px;
height:56px;
overflow:hidden;
border-radius:50%;
}
.testimonial-widget .inner-widget .upper-box .upper-inner h3{
position:relative;
color:#020e28;
font-size:18px;
font-weight:500;
line-height:1.4em;
text-transform:capitalize;
}
.testimonial-widget .inner-widget .upper-box .upper-inner .location{
position:relative;
color:#2c7ac5;
font-size:16px;
}
.testimonial-widget .inner-widget .text{
position:relative;
color:#848484;
font-size:18px;
line-height:1.7em;
font-style:italic;
}
.testimonial-widget .owl-nav{
display:none;
}
.testimonial-widget .owl-dots{
position:absolute;
left:20px;
bottom:20px;
}
.testimonial-widget .owl-dots .owl-dot{
position:relative;
width:25px;
height:5px;
margin-right:8px;
display:inline-block;
background-color:#e6e6e6;
transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.testimonial-widget .owl-dots .owl-dot:hover,
.testimonial-widget .owl-dots .owl-dot.active{
background-color:#2c7ac5;
}
.request-quote{
position:relative;
margin-top:-10px;
}
.request-quote a{
position:relative;
font-size:14px;
color:#ffffff;
text-align:center;
padding:12px 0px;
display:block;
font-weight:600;
border:2px solid #2c7ac5;
background-color:#2c7ac5;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.request-quote a:hover{
color:#2c7ac5;
background:none;
}
/***
====================================================================
Market Single
====================================================================
***/
.market-single{
position:relative;
}
.market-single .inner-box{
position:relative;
}
.market-single .inner-box .image{
position:relative;
margin-bottom:20px;
}
.market-single .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.market-single .inner-box .lower-content{
position:relative;
}
.market-single .inner-box .lower-content h2{
position:relative;
color:#020e28;
font-weight:600;
padding-bottom:12px;
margin-bottom:32px;
text-transform:capitalize;
}
.market-single .inner-box .lower-content h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:50px;
height:4px;
background-color:#2c7ac5;
}
.market-single .inner-box .lower-content .text p{
position:relative;
color:#848484;
font-size:16px;
line-height:1.8em;
margin-bottom:30px;
}
.market-single .inner-box .lower-content .market-blocks{
position:relative;
margin-bottom:55px;
}
.market-single .inner-box .lower-content .market-blocks .blocks-inner{
position:relative;
-webkit-box-shadow: 0px 0px 19px 0px rgba(241,241,241,1);
-moz-box-shadow: 0px 0px 19px 0px rgba(241,241,241,1);
box-shadow: 0px 0px 19px 0px rgba(241,241,241,1);
}
.market-single .inner-box .lower-content .market-blocks .blocks-inner:after{
position:absolute;
content:'';
left:50%;
top:0px;
width:1px;
height:100%;
background-color:#f2f2f2;
}
.market-block-five{
position:relative;
padding:0px;
}
.market-block-five:nth-child(3),
.market-block-five:nth-child(4){
margin-bottom:0px;
}
.market-block-five:nth-child(3) .inner-box,
.market-block-five:nth-child(4) .inner-box{
border-bottom:0px;
}
.market-block-five .block-inner{
position:relative;
padding:55px 30px 40px;
border-bottom:1px solid #f2f2f2;
}
.market-block-five .block-inner .icon-box{
position:absolute;
left:30px;
top:35px;
color:#f0f0f0;
font-size:70px;
line-height:1em;
}
.market-block-five .block-inner h3{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
margin-bottom:15px;
z-index:1;
}
.market-block-five .block-inner .block-text{
position:relative;
color:#848484;
font-size:16px;
font-weight:400;
margin-bottom:20px;
}
.market-block-five .block-inner .plus-icon{
position:relative;
width:30px;
height:30px;
color:#c4c4c4;
text-align:center;
line-height:26px;
font-weight:700;
font-size:14px;
border-radius:50%;
border:2px solid #c4c4c4;
}
.market-block-five .block-inner .block-overlay{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
z-index:2;
opacity:0;
background-color:#2c7ac5;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.market-block-five .block-inner:hover .block-overlay{
opacity:1;
}
.market-block-five .block-inner .block-overlay .overlay-inner{
position:relative;
padding:30px 28px;
}
.market-block-five .block-inner .block-overlay .overlay-inner h4{
position:relative;
color:#ffffff;
font-size:20px;
font-weight:500;
margin-bottom:20px;
font-family: 'Poppins', sans-serif;
}
.stats-box{
position:relative;
margin-bottom:40px;
}
.stats-box .stats-inner{
position:relative;
padding-bottom:30px;
border-bottom:1px solid #f2f2f2;
}
.stats-box .stats-inner h3{
position:relative;
color:#020e28;
font-size:24px;
font-weight:600;
margin-bottom:12px;
}
.stats-box .stats-inner .text{
position:relative;
color:#848484;
font-size:16px;
margin-bottom:18px;
}
.market-single .inner-box .lower-content .accordian-boxed{
position:relative;
}
.market-single .inner-box .lower-content .accordian-boxed h3{
position:relative;
color:#020e28;
font-size:24px;
font-weight:600;
margin-bottom:25px;
}
.market-single .inner-box .lower-content .market-steps{
position:relative;
margin-top:60px;
}
.market-single .inner-box .lower-content .market-steps h3{
position:relative;
color:#020e28;
font-size:24px;
font-weight:600;
margin-bottom:20px;
}
.market-single .inner-box .lower-content .market-steps .steps-inner{
position:relative;
padding:25px 0px;
border-top:1px solid #f2f2f2;
border-bottom:1px solid #f2f2f2;
}
.market-single .inner-box .lower-content .market-steps .steps-inner:before{
position:absolute;
content:'';
left:50%;
top:32px;
bottom:32px;
width:1px;
right:auto;
background-color:#f2f2f2;
}
.step-block{
position:relative;
padding-right:30px;
}
.step-block:last-child{
padding-right:0px;
}
.step-block:last-child .inner{
margin-left:30px;
}
.step-block .inner{
position:relative;
padding-left:60px;
}
.step-block .inner .icon-box{
position:absolute;
left:0px;
top:20px;
color:#c4c4c4;
font-size:38px;
line-height:1em;
}
.step-block .inner .step-text{
position:relative;
color:#848484;
font-size:16px;
line-height:1.8em;
}
.step-block .inner .step-text a{
font-weight:500;
}
/***
====================================================================
Blog Page Section
====================================================================
***/
.blog-page-section{
position:relative;
padding:90px 0px;
}
.blog-page-section .styled-pagination{
margin-top:10px;
}
.styled-pagination{
position:relative;
}
.styled-pagination li{
position:relative;
display:inline-block;
margin:0px 6px 0px 0px;
}
.styled-pagination li.prev a,
.styled-pagination li.next a{
color:#848484;
}
.styled-pagination li a{
position:relative;
display:inline-block;
line-height:50px;
height:50px;
font-size:18px;
min-width:50px;
color:#020e28;
font-weight:600;
text-align:center;
background:#ffffff;
border:1px solid #f2f2f2;
text-transform:capitalize;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
font-family: 'Poppins', sans-serif;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:#ffffff;
border-color:#2c7ac5;
background-color:#2c7ac5;
}
/*Search Box Widget*/
.sidebar .search-box .form-group{
position:relative;
margin:0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
position:relative;
line-height:28px;
padding:10px 50px 10px 20px;
border:1px solid #f2f2f2;
background:none;
display:block;
font-size:14px;
width:100%;
height:50px;
color:#808080;
font-weight:400;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group button{
position:absolute;
right:14px;
top:10px;
height:28px;
width:30px;
font-size:14px;
color:#222222;
line-height:100%;
background:none;
display:inline-block;
font-weight:normal;
text-align:right;
border-left:1px solid #f2f2f2;
}
.sidebar .search-box.style-two .form-group button{
background-color: #2c7ac5;
right: 0px;
top: 0px;
width: 50px;
height: 50px;
color: #ffffff;
text-align: center;
}
.recent-comments .sidebar-title{
margin-bottom:40px;
}
/*Comment Block*/
.comment-block{
position:relative;
margin-bottom:40px;
}
.comment-block .inner{
position:relative;
padding:36px 20px 20px;
border:1px solid #f2f2f2;
}
.comment-block .inner .date{
position:absolute;
left:22px;
top:-15px;
font-size:14px;
color:#848484;
padding:1px 12px;
font-weight:400;
background-color:#f6f6f6;
}
.comment-block .inner .content{
position:relative;
padding-left:70px;
}
.comment-block .inner .content .image{
position:absolute;
left:0px;
top:0px;
width:50px;
height:50px;
}
.comment-block .inner .content h3{
position:relative;
color:#0f1341;
font-size:16px;
font-weight:400;
line-height:1.2em;
margin-bottom:3px;
font-family: 'Rubik', sans-serif;
}
.comment-block .inner .content h3 a{
color:#020e28;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.comment-block .inner .content h3 a:hover{
color:#2c7ac5;
}
.comment-block .inner .content .text{
position:relative;
color:#848484;
font-size:16px;
}
.comment-block .inner .content .reply-btn{
position:absolute;
right:0px;
top:10px;
color:#0f1341;
font-size:18px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.comment-block .inner .content .reply-btn:hover{
color:#2c7ac5;
}
/*Post Widget*/
.sidebar .popular-posts .post{
position:relative;
font-size:14px;
color:#666666;
padding:0px 0px;
padding-left:108px;
min-height:110px;
margin-bottom:20px;
border-bottom:1px solid #f0f0f0;
}
.sidebar .popular-posts .post:last-child{
margin-bottom:0px;
min-height:90px;
border:0px;
}
.sidebar .popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:90px;
}
.sidebar .popular-posts .post:hover .post-thumb img{
opacity:0.70;
}
.sidebar .popular-posts .post .post-thumb img{
display:block;
width:100%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post .post-thumb .overlay{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
background-color:rgba(2,14,40,0.90);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post:hover .post-thumb .overlay{
opacity:1;
}
.sidebar .popular-posts .post .text{
position:relative;
top:-4px;
font-size:16px;
margin:0px 0px 0px;
font-weight:500;
color:#020e28;
line-height:1.6em;
text-transform:capitalize;
font-family: 'Poppins', sans-serif;
}
.sidebar .popular-posts .post .text a{
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover{
color:#ff4800;
}
.sidebar .popular-posts .post-info{
position:relative;
font-size:16px;
color:#848484;
padding-left:22px;
font-weight:400;
}
.sidebar .popular-posts .post-info:before{
position:absolute;
content:'\f073';
left:0px;
top:0px;
color:#ff4800;
font-size:14px;
font-family: 'FontAwesome';
}
/*Popular Tags*/
.sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
padding:2px 12px 2px;
margin:0px 6px 10px 0px;
color:#848484;
text-align:center;
font-size:16px;
text-transform:capitalize;
background:none;
font-weight:400;
border:1px solid #f0f0f0;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.sidebar .popular-tags a:hover{
color:#ffffff;
border-color:#2c7ac5;
background-color:#2c7ac5;
}
.sidebar .popular-tags.style-two a{
margin-right:3px;
margin-bottom:7px;
font-size:15px;
}
.sidebar .popular-tags.style-two a:hover{
border-color:#0f1341;
background-color:#0f1341;
}
/*Blog Single*/
.blog-single{
position:relative;
}
.blog-single .inner-box{
position:relative;
margin-bottom:70px;
}
.blog-single .inner-box .image{
position:relative;
}
.blog-single .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.blog-single .inner-box .lower-content{
position:relative;
padding:25px 25px;
border:1px solid #f2f2f2;
}
.blog-single .inner-box .lower-content .title{
position: relative;
color: #2c7ac5;
font-size: 14px;
font-weight: 700;
margin-bottom: 3px;
text-transform: capitalize;
font-family: 'Rubik', sans-serif;
}
.blog-single .inner-box .lower-content .post-date{
position: relative;
color: #848484;
font-size: 14px;
font-weight: 500;
margin-bottom: 12px;
}
.blog-single .inner-box .lower-content h3{
position:relative;
color:#020e28;
font-size:24px;
line-height:1.5em;
font-weight:500;
margin-top:5px;
margin-bottom:20px;
}
.blog-single .inner-box .lower-content .text{
position:relative;
}
.blog-single .inner-box .lower-content .text p{
position:relative;
color:#848484;
font-size:16px;
line-height:1.6em;
margin-bottom:18px;
}
.blog-single .inner-box .lower-content .text blockquote{
position:relative;
border:none;
text-align:center;
padding:35px 30px;
margin-bottom:40px;
margin-top:30px;
background-color:#f4f4f4;
}
.blog-single .inner-box .lower-content .text blockquote .blockquote-text{
position:relative;
z-index:1;
font-size:18px;
color:#848484;
line-height:1.8em;
font-weight:400;
}
.blog-single .inner-box .lower-content .text blockquote .quote-icon{
position:absolute;
left:50%;
top:20px;
line-height:1em;
color:#ffffff;
font-size:120px;
text-align:center;
margin-left:-45px;
}
.blog-single .inner-box .lower-content .text blockquote .quote-info{
position:relative;
display:inline-block;
padding:12px 70px 0px;
margin-top:20px;
border-top:1px solid #e8e8e8;
}
.blog-single .inner-box .lower-content .text blockquote .quote-info h4{
position:relative;
color:#020e28;
font-size:18px;
font-weight:600;
}
.blog-single .inner-box .lower-content .text blockquote .quote-info .quote-desination{
position:relative;
color:#2c7ac5;
font-size:16px;
}
/*post share options*/
.blog-single .post-share-options{
position:relative;
margin-top:20px;
padding:0px 0px 0px;
}
.blog-single .post-share-options .post-share-inner{
border-top:1px solid #f2f2f2;
padding-top:20px;
}
.blog-single .post-share-options .info-links{
position:relative;
}
.blog-single .post-share-options .info-links li{
position:relative;
color:#848484;
font-size:16px;
margin-right:20px;
display:inline-block;
}
.blog-single .post-share-options .info-links li a{
position:relative;
width:35px;
height:35px;
color:#2c7ac5;
font-size:14px;
text-align:center;
display:inline-block;
border-radius:50%;
line-height:34px;
margin-right:10px;
background-color:#f2f2f2;
}
.blog-single .post-share-options .tags span{
font-size:16px;
color:#020e28;
font-weight:500;
margin-right:8px;
font-family: 'Poppins', sans-serif;
}
.blog-single .post-share-options .tags a{
position:relative;
color:#2c7ac5;
font-size:16px;
font-weight:400;
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;
}
.blog-single .post-share-options .tags{
position:relative;
color:#ff4800;
font-size:16px;
font-weight:400;
margin-top:3px;
}
.blog-single .post-share-options .tags a:hover{
color:#020e28;
}
/*Group Title*/
.sidebar-page-container .group-title{
position:relative;
margin-bottom:18px;
}
.sidebar-page-container .group-title h2{
position:relative;
font-size:24px;
color:#020e28;
font-weight:600;
text-transform:capitalize;
}
/*Author Box*/
.author-box{
position:relative;
margin-bottom:50px;
}
.author-box .author-comment{
position:relative;
padding:30px 0px 25px;
border-top:1px solid #f2f2f2;
border-bottom:1px solid #f2f2f2;
}
.author-box .author-comment .inner{
position:relative;
padding-left:110px;
}
.author-box .author-comment .inner .image{
position:absolute;
left:0px;
top:0px;
width:85px;
margin-bottom:20px;
}
.author-box .author-comment .inner h3{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
margin-bottom:10px;
}
.author-box .author-comment .inner .text{
position:relative;
color:#848484;
font-size:16px;
font-weight:400;
line-height:1.7em;
margin-bottom:10px;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area{
position:relative;
margin-top:0px;
margin-bottom:50px;
}
.sidebar-page-container .comments-area .comment-box{
position:relative;
margin-bottom:35px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.sidebar-page-container .comments-area .comment-box:nth-child(1){
padding-top:0px;
}
.sidebar-page-container .comments-area .comment-box:hover{
border-color:#eb5310;
}
.sidebar-page-container .comments-area .comment-box.reply-comment{
margin-left:30px;
}
.sidebar-page-container .comments-area .comment{
position:relative;
font-size:14px;
padding:0px 0px 0px 80px;
}
.sidebar-page-container .comments-area .comment .comment-inner{
position:relative;
padding:15px 20px;
border:1px solid #f4f4f4;
}
.sidebar-page-container .comments-area .comment .comment-inner .rating{
position:absolute;
right:15px;
top:15px;
}
.sidebar-page-container .comments-area .comment .comment-inner .rating .fa{
display:inline-block;
color:#2c7ac5;
font-size:14px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
margin-bottom:20px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img{
width:60px;
display:block;
}
.sidebar-page-container .comments-area .comment-info{
position:relative;
color:#020e28;
line-height:24px;
font-size:16px;
font-weight:500;
font-family: 'Poppins', sans-serif;
}
.sidebar-page-container .comments-area .comment-box .text{
color:#848484;
font-size:16px;
margin-top:12px;
font-weight:400;
line-height: 1.6em;
margin-bottom:0px;
}
/*Comment Form*/
.comment-form{
position:relative;
}
.comment-form .group-title{
margin-bottom:20px;
}
.comment-form .rating-box{
position:relative;
margin-bottom:20px;
}
.comment-form .rating-box .text{
position:relative;
font-size:16px;
color:#848484;
margin-bottom:10px;
margin-top:-5px;
}
.comment-form .rating-box .rating{
position:relative;
display:inline-block;
margin-right:15px;
padding-right:15px;
border-right:1px solid #ebebeb;
}
.comment-form .rating-box .rating:last-child{
border:0px;
}
.comment-form .rating-box .rating .fa{
position:relative;
margin-right:4px;
display:inline-block;
}
.comment-form .rating-box .rating a{
position:relative;
color:#d6d6d6;
font-size:12px;
display:inline-block;
}
.comment-form .rating-box .rating a:hover{
color:#2c7ac5;
}
.comment-form .form-group{
position:relative;
margin-bottom:15px;
}
.comment-form .form-group label{
position:relative;
color:#848484;
font-size:16px;
font-weight:400;
}
.comment-form .form-group:last-child{
margin-bottom:0px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 15px;
border:1px solid #efefef;
height:50px;
color:#848484;
font-weight:300;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
border-color:#ff4800;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 15px;
color:#d6d6d6;
border:1px solid #efefef;
height:105px;
font-weight:300;
background:#ffffff;
resize:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form button{
position:relative;
margin-top:20px;
padding:11px 34px;
border-radius:0px;
font-weight:600;
text-transform:uppercase;
}
.comment-form input:focus,
.comment-form select:focus,
.comment-form textarea:focus{
border-color:#2c7ac5;
}
/***
====================================================================
Project Page Section
====================================================================
***/
.project-page-section{
position:relative;
padding:90px 0px 85px;
}
.project-page-section .outer-section{
position:relative;
}
.project-page-section .outer-section .row{
position:relative;
margin:0px -30px;
}
.project-page-section .outer-section .project-block-five{
padding:0px 30px;
}
.project-page-section .outer-section .load-more{
position:relative;
color:#2c7ac5;
font-size:14px;
font-weight:600;
text-decoration:underline;
text-transform:uppercase;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.project-page-section .outer-section .load-more:hover{
color:#444444;
}
.project-block-five{
position:relative;
margin-bottom:60px;
}
.project-block-five .inner-box{
position:relative;
}
.project-block-five .inner-box .image{
position:relative;
}
.project-block-five .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.project-block-five .inner-box .image .overlay-box{
position:absolute;
left:0px;
bottom:0px;
width:100%;
display:block;
opacity:0;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-block-five .inner-box:hover .image .overlay-box{
opacity:1;
}
.project-block-five .inner-box .image .overlay-box .content{
position:relative;
left:0px;
padding:15px 50px 15px 30px;
display:inline-block;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
background-color:rgba(245,91,20,0.95);
}
.project-block-five .inner-box .image .overlay-box .content h3{
position:relative;
font-weight:500;
font-size:18px;
}
.project-block-five .inner-box .image .overlay-box .content h3 a{
position:relative;
color:#ffffff;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-block-five .inner-box .image .overlay-box .content h3 a:hover{
color:#333333;
}
.project-block-five .inner-box .image .overlay-box .content .location{
position:relative;
color:#ffffff;
font-size:16px;
margin-top:5px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-block-five .inner-box .image .overlay-box .content .location .icon{
margin-left:5px;
}
/***
====================================================================
Project Modern Section
====================================================================
***/
.project-modern-section{
position:relative;
padding:90px 0px;
}
.project-single-section{
position:relative;
padding:90px 0px;
}
.project-single-section .inner-box{
position:relative;
}
.project-single-section .inner-box .image{
position:relative;
margin-bottom:40px;
}
.project-single-section .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.project-single-section .inner-box h2{
position:relative;
color:#020e28;
font-size:30px;
font-weight:600;
line-height:1.4em;
margin-bottom:18px;
}
.project-single-section .inner-box .content-column{
position:relative;
margin-bottom:40px;
}
.project-single-section .inner-box .content-column .inner-column{
position:relative;
}
.project-single-section .inner-box .content-column .text{
position:relative;
margin-bottom:40px;
}
.project-single-section .inner-box .content-column .text p{
position:relative;
color:#848484;
font-size:16px;
line-height:1.7em;
margin-bottom:18px;
}
.project-single-section .inner-box .content-column .text p:last-child{
margin-bottom:0px;
}
.project-single-section .inner-box .content-column .inner-column .social-icon-one li{
margin-left:0px;
margin-right:20px;
}
.project-single-section .inner-box .content-column .inner-column .social-icon-one li a{
position:relative;
color:#848484;
}
.project-single-section .inner-box .info-column{
position:relative;
margin-bottom:40px;
}
.project-single-section .inner-box .info-column .inner-column{
position:relative;
padding-left:25px;
border-left:1px solid #f2f2f2;
}
.project-single-section .inner-box .info-column .inner-column ul{
position:relative;
}
.project-single-section .inner-box .info-column .inner-column ul li{
position:relative;
margin-bottom:15px;
color:#848484;
font-size:16px;
}
.project-single-section .inner-box .info-column .inner-column ul li strong{
color:#020e28;
font-size:16px;
font-weight:500;
margin-right:12px;
font-family: 'Poppins', sans-serif;
}
.project-single-section .inner-box .info-column .inner-column ul li .fa{
color:#2c7ac5;
font-size:14px;
margin-right:2px;
}
/*Post Options*/
.post-options{
position:relative;
}
.post-options .inner-box{
position:relative;
padding:22px 0px;
border-top:1px solid #eaeaea;
border-bottom:1px solid #eaeaea;
}
.post-options .inner-box ul{
position:relative;
}
.post-options .inner-box ul li.prev{
position:relative;
float:left;
}
.post-options .inner-box ul li.next{
position:relative;
float:right;
}
.post-options .inner-box ul li.prev a,
.post-options .inner-box ul li.next a{
position:relative;
color:#020e28;
font-size:18px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.post-options .inner-box ul li.grid{
position:absolute;
left:50%;
color:#333333;
font-size:26px;
margin-left:-15px;
}
.post-options .inner-box ul li.grid a{
color:#333333;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.post-options .inner-box ul li a:hover{
color:#2c7ac5;
}
/*Blog Cat Three*/
.blog-cat-three{
position:relative;
}
.blog-cat-three li{
position:relative;
margin-bottom:15px;
}
.blog-cat-three li a{
position:relative;
color:#727272;
font-size:16px;
font-weight:400;
padding-bottom:15px;
padding-left:25px;
display:block;
border-bottom:1px solid #f0f0f0;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.blog-cat-three li a:before{
position:absolute;
content:'\f114';
left:0px;
top:0px;
font-size:16px;
color:#848484;
font-family: 'FontAwesome';
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.blog-cat-three li a:hover:before,
.blog-cat-three li a:hover{
color:#2c7ac5;
}
/*Sidebar Range slider */
.range-slider-one{
position:relative;
min-height:48px;
}
.range-slider-one .title{
position:relative;
float:left;
color:#848484;
font-size:16px;
font-weight:400;
margin-top:4px;
}
.range-slider-one .title:before{
position:absolute;
content:'$';
right:-14px;
top:0px;
color:#848484;
font-size:16px;
font-weight:300;
}
.range-slider-one .input{
float:right;
left: 8px;
max-width:75px;
padding-left:8px;
margin-top:4px;
position: relative;
}
.range-slider-one .input input{
background:none;
color:#848484;
font-size:16px;
font-weight:400;
width:auto;
text-align:left;
}
.range-slider-one .ui-widget.ui-widget-content{
height:3px;
border:none;
margin-bottom:35px;
background:#e6e6e6;
}
.range-slider-one .ui-slider .ui-slider-range{
top:0px;
height:3px;
background:#020e28;
}
.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default{
top:-3px;
width:10px;
height:10px;
border:1px solid #020e28;
background:#020e28;
border-radius:50%;
cursor:pointer;
}
.range-slider-one .theme-btn{
padding:4px 18px;
color:#ffffff;
border-radius:0px;
border-color:#2c7ac5;
background-color:#2c7ac5;
}
.range-slider-one .theme-btn:hover{
color:#ffffff;
}
/*Sidebar Realated Posts */
.sidebar .related-posts .post{
position:relative;
padding:0px 0px;
padding-left:90px;
min-height:98px;
margin-bottom:25px;
border-bottom:1px solid #eeeeee;
}
.sidebar .related-posts .post:last-child{
margin-bottom:0px;
border:0px;
min-height:inherit;
}
.sidebar .related-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:70px;
}
.sidebar .related-posts .post .post-thumb img{
display:block;
width:100%;
}
.sidebar .related-posts .post h4{
top:-2px;
font-size:16px;
font-weight:500;
color:#020e28;
text-transform:capitalize;
font-family: 'Poppins', sans-serif;
}
.sidebar .related-posts .post h4 a{
color:#020e28;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.sidebar .related-posts .post a,
.sidebar .related-posts .post a:hover{
color:#ff6600;
}
.sidebar .related-posts .post .price{
font-size:16px;
letter-spacing:1px;
font-weight:400;
color:#848484;
}
.sidebar .related-posts .post .rating{
margin-bottom:1px;
}
.sidebar .related-posts .post .rating .fa{
position:relative;
display:inline-block;
margin-right:2px;
font-size:12px;
line-height:26px;
color:#2c7ac5;
}
.sidebar .related-posts .post .rating .fa-star.light{
}
/*Item Sorting*/
.shop-section .items-sorting{
position:relative;
margin-bottom:10px;
}
.shop-section .items-sorting .results-column,
.shop-section .items-sorting .select-column{
margin-bottom:20px;
}
.shop-section .items-sorting .results-column h4{
font-size:16px;
font-weight:400;
color:#2c7ac5;
line-height:24px;
padding:13px 0px;
}
.shop-section .items-sorting .form-group{
margin-bottom:0px;
}
.shop-section .items-sorting select{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:9px 15px 9px;
height:50px;
font-size:16px;
border:1px solid #eeeeee;
cursor:pointer;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
background:url(../images/icons/icon-select.png) right center no-repeat;
color:#999999;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.shop-section .items-sorting select option{
text-indent:15px;
}
.shop-section .styled-pagination{
margin-top:10px;
}
/*Shop Item*/
.shop-item{
position:relative;
margin-bottom:30px;
}
.shop-item .inner-box{
position:relative;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
border:1px solid #f4f4f4;
}
.shop-item .inner-box:hover{
-webkit-box-shadow: 0px 0px 15px 0px rgba(244,244,244,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(244,244,244,1);
box-shadow: 0px 0px 15px 0px rgba(244,244,244,1);
}
.shop-item .inner-box:hover .image .overlay-box{
opacity:1;
}
.shop-item .inner-box .image-box{
position:relative;
z-index:11;
padding:40px 0px;
text-align:center;
}
.shop-item .inner-box .image-box .image{
position:relative;
display:inline-block;
}
.shop-item .inner-box .image-box .overlay-box{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
text-align:center;
background-color:rgba(15,19,65,0.90);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box .image-box .overlay-box .cart-option{
position:relative;
top:50%;
margin-top:-14px;
}
.shop-item .inner-box .image-box .overlay-box .cart-option li{
position:relative;
margin:0px 3px;
display:inline-block;
}
.shop-item .inner-box .image-box .overlay-box .cart-option li a{
position:relative;
font-size:18px;
color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box .image-box .overlay-box .cart-option li a:hover{
color:#2c7ac5;
}
.shop-item .inner-box .image-box img{
max-width:100%;
display:inline-block;
}
.shop-item .inner-box .lower-content{
position:relative;
}
.shop-item .inner-box .lower-content .price-box{
position:relative;
padding:15px 28px;
background-color:#f4f4f4;
}
.shop-item .inner-box .lower-content .price-box h3{
position:relative;
font-size:16px;
font-weight:500;
margin-bottom:2px;
}
.shop-item .inner-box .lower-content .price-box h3 a{
color:#020e28;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box:hover .lower-content h3 a{
color:#2c7ac5;
}
.shop-item .inner-box .lower-content .price-box .price{
position:relative;
color:#848484;
font-size:16px;
font-weight:400;
}
.shop-item .inner-box .lower-content .rating{
position:relative;
padding:15px 30px;
}
.shop-item .inner-box .lower-content .rating .fa{
position:relative;
display:inline-block;
font-size:12px;
color:#2c7ac5;
}
.product-details .basic-details{
position:relative;
margin-bottom:30px;
}
.product-details .image-column,
.product-details .info-column{
margin-bottom:20px;
}
.product-details .image-column .image-box img{
position:relative;
display:block;
width:100%;
background-color:#f7f7f7;
}
.product-details .basic-details .details-header{
position:relative;
margin-bottom:16px;
}
.product-details .basic-details .details-header h4{
font-size:24px;
font-weight:500;
margin:-5px 0px 15px;
line-height:1.4em;
color:#020e28;
}
.product-details .basic-details .details-header h4 a{
color:#333333;
}
.product-details .basic-details .details-header .rating{
font-size:14px;
color:#2c7ac5;
margin-bottom:15px;
}
.product-details .basic-details .details-header .rating .fa{
display:inline-block;
margin-right:2px;
}
.product-details .basic-details .details-header .rating .txt{
font-size:14px;
padding-left:10px;
color:#777777;
}
.product-details .basic-details .details-header .item-price{
font-size:22px;
font-weight:400;
color:#848484;
line-height:22px;
letter-spacing:1px;
margin-bottom:6px;
}
.product-details .basic-details .prod-info{
margin-bottom:15px;
line-height:1.6em;
font-size:13px;
}
.product-details .basic-details .prod-info strong{
font-weight:700;
color:#111111;
}
.product-details .basic-details .text{
margin-bottom:25px;
color:#848484;
font-size:16px;
font-weight:400;
line-height:1.8em;
}
.product-details .basic-details .location{
position:relative;
color:#020e28;
font-size:16px;
font-weight:400;
margin-bottom:10px;
}
.product-details .basic-details .item-quantity .field-label{
float:left;
font-weight:700;
font-size:14px;
line-height:32px;
display:inline-block;
padding-right:20px;
}
.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner{
line-height:24px;
padding:10px 15px !important;
height:46px !important;
box-shadow:none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{
padding:11px 10px;
background:#f4f5f6;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
top:6px;
}
.product-details .basic-details .item-quantity{
position:relative;
float:left;
width:85px;
margin-bottom:25px;
margin-right:20px;
}
.product-details .basic-details .item-quantity .field-label{
float:left;
font-weight:700;
font-size:14px;
line-height:32px;
display:inline-block;
padding-right:20px;
}
.product-details .basic-details .quantity-spinner,
.cart-table input.quantity-spinner{
font-size:18px;
line-height:24px;
padding:10px 15px !important;
height:50px !important;
box-shadow:none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{
padding:12px 10px;
background:#f4f5f6;
border-radius:0px;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-table .bootstrap-touchspin .input-group-btn-vertical i{
top:8px;
}
.product-details .basic-details .add-to-cart{
padding:11px 32px;
border-radius:0px;
text-transform:uppercase;
}
.product-details .basic-details .expired{
position:relative;
color:#2c7ac5;
font-size:16px;
margin-bottom:40px;
}
/*Pincode Form*/
.pincode-form{
position:relative;
margin-bottom:15px;
}
.pincode-form .form-group{
margin-bottom:10px;
}
.pincode-form .form-group input[type="text"]{
position:relative;
line-height:14px;
padding:4px 10px 4px 15px;
border:1px solid #f7f7f7;
background:none;
font-size:16px;
width:170px;
height:40px;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.pincode-form .form-group button{
position:relative;
height:40px;
width:100px;
font-size:15px;
color:#020e28;
font-weight:600;
line-height:100%;
background:#f7f7f7;
margin-left:8px;
display:inline-block;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.shop-single .product-details .prod-tabs{
position:relative;
margin-bottom:60px;
}
.shop-single .product-details .prod-tabs .tab-btns{
position:relative;
z-index:1;
border-bottom:1px solid #eeeeee;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn{
position:relative;
top:1px;
display:block;
float:left;
margin-right:5px;
font-size:16px;
background:#f4f4f4;
color:#222222;
border:1px solid #f4f4f4;
text-transform:capitalize;
font-weight:500;
line-height:24px;
cursor:pointer;
padding:12px 18px 10px;
transition:all 500ms ease;
font-family: 'Poppins', sans-serif;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn:after{
position:absolute;
content:'';
left:0px;
bottom:-1px;
width:100%;
height:1px;
background-color:#ffffff;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn{
color:#2c7ac5;
background:#ffffff;
}
.shop-single .product-details .prod-tabs .tabs-content{
position:relative;
padding:30px 30px 40px;
border:1px solid #f0f0f0;
border-top:0px;
}
.shop-single .product-details .prod-tabs .tabs-content .tab{
position:relative;
display:none;
border-top:0px;
}
.shop-single .product-details .prod-tabs .tabs-content .tab.active-tab{
display:block;
}
.prod-tabs .tabs-content .tab .title{
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
margin-top:10px;
margin-bottom:25px;
}
/*Comment Form*/
.shop-comment-form{
position:relative;
}
.shop-comment-form h2{
position:relative;
color:#020e28;
font-size:26px;
font-weight:600;
margin-bottom:15px;
}
.shop-comment-form .group-title{
margin-bottom:20px;
}
.shop-comment-form .rating-box{
position:relative;
margin-bottom:30px;
}
.shop-comment-form .rating-box .text{
position:relative;
font-size:16px;
color:#848484;
margin-bottom:10px;
}
.shop-comment-form .rating-box .rating{
position:relative;
display:inline-block;
margin-right:10px;
padding-right:10px;
border-right:1px solid #ebebeb;
}
.shop-comment-form .rating-box .rating:last-child{
border-right:0px;
}
.shop-comment-form .rating-box .rating .fa{
position:relative;
margin-right:2px;
display:inline-block;
}
.shop-comment-form .rating-box .rating a{
position:relative;
color:#d6d6d6;
font-size:12px;
display:inline-block;
}
.shop-comment-form .rating-box .rating a:hover{
color:#fc7837;
}
.shop-comment-form .form-group{
position:relative;
margin-bottom:15px;
}
.shop-comment-form .form-group label{
position:relative;
color:#848484;
font-size:16px;
font-weight:400;
}
.shop-comment-form .form-group:last-child{
margin-bottom:0px;
}
.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 15px;
border:1px solid #efefef;
height:50px;
color:#848484;
font-weight:300;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus{
border-color:#2c7ac5;
}
.shop-comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 15px;
color:#848484;
border:1px solid #efefef;
height:105px;
font-weight:300;
background:#ffffff;
resize:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.shop-comment-form button{
position:relative;
margin-top:20px;
border-radius:0px;
padding:11px 33px;
}
.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus{
border-color:#f06529;
}
/*Related Products*/
.related-products{
position:relative;
}
.related-products h2{
position:relative;
color:#020e28;
font-size:24px;
font-weight:600;
margin-bottom:25px;
font-family: 'Poppins', sans-serif;
}
/***
====================================================================
Cart Section style
====================================================================
***/
.cart-section{
position:relative;
padding:80px 0px;
}
.cart-section .cart-outer{
position:relative;
}
.cart-section .table-outer{
position:relative;
width:100%;
overflow-x: auto;
}
.cart-section .cart-table{
width:100%;
min-width:900px;
}
.cart-table .cart-header{
position:relative;
width:100%;
text-transform:uppercase;
font-size:16px;
border-radius:0px;
background:#020e28;
color:#1f1f1f;
}
.cart-table thead tr th{
line-height:24px;
padding:16px 15px;
min-width:120px;
font-weight:500;
color:#ffffff;
font-size:16px;
text-transform:capitalize;
font-family: 'Poppins', sans-serif;
}
.cart-table thead tr th.prod-column{
text-align:left;
padding-left:30px;
}
.cart-table tbody tr{
border-bottom:1px solid #e6e6e6;
}
.cart-table tbody tr td{
line-height:24px;
padding:30px 10px 20px;
min-width:100px;
}
.cart-table tbody tr .qty{
width:90px;
padding-right:40px;
}
.cart-table tbody tr .qty .quantity-spinner{
background:#f5f5f5;
}
.column.default-column .cart-table tbody tr .qty{
width:110px;
padding-right:20px;
}
.cart-table tbody tr .prod-column .column-box h3{
font-size:16px;
color:#020e28;
font-weight:600;
margin-bottom:5px;
}
.cart-table tbody tr .sub-total{
font-weight:400;
color:#2c7ac5;
font-size:20px;
}
.cart-table tbody tr .remove-btn{
position:relative;
font-size:18px;
color:#ececec;
width:34px;
height:34px;
text-align:center;
line-height:30px;
display:inline-block;
border:2px solid #ececec;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.cart-table tbody tr .remove-btn .fa{
position:relative;
top:2px;
font-size:10px;
line-height:14px;
width:14px;
height:14px;
margin-right:8px;
background:#f0f0f0;
color:#ffffff;
text-align:center;
overflow:hidden;
text-indent:100px;
}
.cart-table tbody tr .remove{
text-align:center;
}
.cart-table tbody tr .remove-btn:hover{
color:#2c7ac5;
border-color:#2c7ac5;
}
.cart-table tbody tr .remove-btn:hover .fa{
text-indent:0px;
background:#fa9928;
}
.cart-table tbody tr td{
vertical-align:middle;
}
.cart-table tbody tr td.price{
font-size:20px;
font-weight:400;
color:#848484;
}
.cart-table tbody tr td .quantity-spinner{
padding:5px 0px 5px 20px;
line-height:24px;
height:34px;
display:block;
width:100%;
position:relative;
}
.cart-table tbody .available-info{
position:relative;
padding-left:50px;
color: #848484;
font-size: 16px;
}
.cart-table tbody .available-info .icon{
position:absolute;
left:0px;
top:5px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
font-size:18px;
color:#ffffff;
background:#2c7ac5;
border-radius:50%;
}
.cart-section .coupon-outer{
position:relative;
margin:30px 30px 70px ;
}
.cart-section .coupon-outer .cart-btn{
color:#222222;
font-size:15px;
padding:11px 33px;
font-weight:600;
text-transform:uppercase;
background-color:#f6f6f6;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
font-family: 'Poppins', sans-serif;
}
.cart-section .coupon-outer .cart-btn:hover{
color:#ffffff;
background-color:#2c7ac5;
}
.cart-section .apply-coupon{
position:relative;
}
.cart-section .apply-coupon .form-group{
position:relative;
float:left;
margin-right:15px;
}
.cart-section .apply-coupon .form-group .coupon-btn{
padding:8px 30px;
line-height:30px;
border-radius:0px;
}
.cart-section .apply-coupon .form-group input[type="text"]{
display:block;
line-height:26px;
padding:12px 20px;
border:2px solid #f7f7f7;
height:50px;
width:230px;
background:none;
}
.cart-section .estimate-form{
position:relative;
}
.cart-section .sec-title{
margin-bottom:25px;
}
.cart-section .sec-title h2{
font-size:24px;
color:#020e28;
padding-bottom:0px;
text-transform:capitalize;
}
.cart-section .estimate-form .row{
margin-left:-7px;
margin-right:-7px;
}
.cart-section .estimate-form .row .form-group{
padding:0px 7px !important;
margin-bottom:30px;
}
.cart-section .totals-table{
position:relative;
border:2px solid #f0f0f0;
border-radius:2px;
margin-bottom:30px;
}
.cart-section .totals-table .col{
position:relative;
display:block;
float:left;
padding:15px 15px;
line-height:24px;
width:50%;
font-weight:400;
font-size:16px;
color:#848484;
}
.cart-section .totals-table .col-title{
font-size:16px;
color:#020e28;
font-weight:600;
border-right:2px solid #f0f0f0;
font-family: 'Poppins', sans-serif;
}
.cart-section .totals-table li{
position:relative;
border-bottom:1px solid #f0f0f0;
}
.cart-section .totals-table li:last-child{
border-bottom:none;
}
.cart-section .cart-note{
position:relative;
margin-bottom:50px;
padding:16px 20px;
text-align:center;
border:1px dashed #b2dd4c;
background:#f4f4f4;
line-height:1.7em;
}
.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"]{
position:relative;
line-height:46px;
height:46px;
background:#ffffff;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn{
height:24px;
background:#e9e9e9;
}
.bootstrap-touchspin .input-group-btn-vertical i{
left:6px;
top:6px;
}
/*Shipping Form*/
.shipping-form .form-group{
position:relative;
margin-bottom:30px;
padding:0px 15px;
}
.shipping-form .form-group .ui-selectmenu-button.ui-button{
background-color:#ffffff;
height:45px;
line-height:16px;
z-index:10;
border:2px solid #f2f2f2;
background-position:right top;
background-repeat:no-repeat;
background-image:url(../images/icons/arrow-right.jpg);
}
.shipping-form .form-group .ui-button .ui-icon{
opacity:0;
}
.shipping-form .form-group input,
.shipping-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:33px;
padding:10px 20px;
height:45px;
color:#848484;
font-size:14px;
background:#ffffff;
border:2px solid #f4f4f4;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.shipping-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:30px;
padding:10px 20px;
height:120px;
resize:none;
font-size:16px;
font-weight:300;
background:#f7f7f7;
border:1px solid #f4f4f4;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.shipping-form .form-group input:focus,
.shipping-form .form-group textarea:focus{
border-color:#2c7ac5;
}
.shipping-form .form-group .total-btn{
color: #222222;
font-size: 15px;
padding: 11px 33px;
font-weight: 600;
background-color:#f6f6f6;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.shipping-form .form-group .total-btn:hover{
background-color:#2c7ac5;
color:#ffffff;
}
.cart-section .cart-outer .checkout-btn{
padding:11px 28px;
border-radius:0px;
}
/***
====================================================================
CheckOut Sectioon
====================================================================
***/
.checkout-page{
position:relative;
padding:80px 0px 0px;
}
.checkout-page .default-links{
position:relative;
margin-bottom:50px;
}
.checkout-page .default-links li{
margin-bottom:15px;
line-height:24px;
padding:18px 30px;
background:#f4f4f4;
color:#020e28;
font-size:16px;
font-weight:500;
border-left:2px solid #2c7ac5;
font-family: 'Poppins', sans-serif;
}
.checkout-page .default-links li a{
color:#2c7ac5;
}
.checkout-form{
position:relative;
}
.checkout-form .checkout-title{
position:relative;
margin-bottom:20px;
}
.checkout-form .checkout-title h2{
position:relative;
color:#020e28;
font-size:24px;
font-weight:600;
}
.checkout-form .form-group{
position:relative;
margin-bottom:25px;
}
.checkout-form .form-group .field-label{
display:block;
line-height:24px;
margin-bottom:6px;
text-transform:capitalize;
color:#020e28;
font-size:16px;
font-weight:400;
font-family: 'Poppins', sans-serif;
}
.checkout-form .form-group .field-label sup{
top:-1px;
font-size:16px;
}
.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea{
position:relative;
display:block;
width:100%;
background:#ffffff;
line-height:22px;
padding:12px 15px;
height:48px;
border:2px solid #f4f4f4;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.checkout-form textarea{
resize:none;
height:120px !important;
}
.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus{
border-color:#2c7ac5;
}
.checkout-page .check-box{
line-height:24px;
font-size:14px;
font-weight:normal;
padding-top:5px;
}
.checkout-page .check-box label{
position:relative;
top:-1px;
font-weight:500;
padding:0px;
font-size:16px;
cursor:pointer;
color:#46c3e8;
}
.checkout-page .lower-content{
position:relative;
margin-top:60px;
padding:80px 0px;
background-color:#f4f4f4;
}
.checkout-page .lower-content .order-column{
margin-bottom:40px;
}
.checkout-page .lower-content .column h2{
position:relative;
color:#020e28;
font-size:24px;
font-weight:600;
}
.checkout-page .lower-content .checkout-title{
margin-bottom:25px;
}
/*cart outer*/
.cart-outer{
position:relative;
}
.cart-outer .table-outer{
position:relative;
width:100%;
overflow-x: auto;
}
.checkout-page .lower-content .order-column .cart-outer{
overflow-x:auto;
}
.checkout-page .lower-content .order-column .cart-table{
width:100%;
}
.cart-table .cart-header{
position:relative;
width:100%;
text-transform:capitalize;
font-size:18px;
background:#020e28;
color:#222222;
}
.cart-table thead tr th{
line-height:24px;
padding:13px 30px;
font-weight:500;
}
.cart-table thead tr th .fa{
font-size:18px;
}
.cart-table thead tr th.prod-column{
text-align:left;
}
.cart-table tbody tr td{
line-height:24px;
padding:30px 0px 30px 30px;
}
.cart-table tbody tr .qty input{
width:45px;
height:50px;
color:#222222;
font-size:18px;
line-height:50px;
background:#f7f7f7;
text-align:center;
}
.cart-table tbody tr .prod-column .column-box{
position:relative;
min-height:70px;
padding-left:100px;
padding-top:20px;
text-align:left;
min-width:230px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb{
position:absolute;
width:80px;
left:0px;
top:0px;
border:1px solid #f0f0f0;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img{
display:block;
width:100%;
}
.cart-table tbody tr .prod-column .column-box h4{
font-size:16px;
color:#222222;
font-weight:500;
margin-bottom:5px;
text-transform:capitalize;
}
.cart-table tbody tr .price{
font-weight:700;
font-size:14px;
color:#777777;
}
/*Total Table*/
.checkout-page .lower-content .totals-table{
position:relative;
margin-bottom:40px;
border:1px solid #e6e6e6;
}
.checkout-page .lower-content .totals-table li .col{
padding:12px 20px;
}
.checkout-page .lower-content .totals-table li{
line-height:24px;
border-bottom:1px solid #e6e6e6;
}
.checkout-page .lower-content .totals-table li .col.title{
font-weight:500;
color:#222222;
font-size:16px;
border-right:1px solid #e6e6e6;
font-family: 'Poppins', sans-serif;
}
.checkout-page .lower-content .totals-table li:last-child{
border-bottom:none;
margin-bottom:0px;
}
.checkout-page .lower-content .totals-table .col{
position:relative;
display:block;
float:left;
line-height:24px;
width:50%;
color: #848484;
font-weight: 400;
font-size:16px;
}
/*Payment Option*/
.checkout-page .payment-options{
position:relative;
padding:30px 20px 40px;
background-color:#ffffff;
border:1px solid #e6e6e6;
}
.checkout-page .payment-options li{
position:relative;
margin-bottom:15px;
}
.checkout-page .payment-options li .radio-option{
position:relative;
}
.checkout-page .payment-options li .radio-option label{
position:relative;
display:inline-block;
padding-left:30px;
font-weight:500 !important;
text-transform:capitalize;
letter-spacing:1px;
color:#333333;
cursor:pointer;
}
.checkout-page .payment-options li .radio-option label strong{
font-weight:500;
color:#020e28;
font-size:16px;
font-family: 'Poppins', sans-serif;
}
.checkout-page .payment-options li .radio-option label strong a{
font-size:16px;
color:#020e28;
margin-left:30px;
text-decoration:underline;
}
.checkout-page .payment-options li .radio-option input[type="radio"]{
position:absolute;
left:0px;
top:3px;
}
.checkout-page .payment-options li .radio-option label .small-text{
display:block;
padding-top:5px;
letter-spacing:0px;
text-transform:none;
font-size:16px;
color:#848484;
font-weight:400;
line-height:1.7em;
}
.checkout-page .payment-options li .radio-option label img{
position:relative;
top:-3px;
display:inline-block;
max-width:100%;
padding-left:30px;
}
.checkout-page .payment-options .theme-btn{
padding:11px 32px;
margin-top:10px;
margin-left:32px;
border-radius:0px;
}
/***
====================================================================
Login / Register Section
====================================================================
***/
.register-section{
position:relative;
padding:80px 0px 40px;
}
.register-section .form-column{
margin-bottom:40px;
}
.register-section .form-column .sec-title{
position:relative;
margin-bottom:30px;
}
.register-section .form-column .sec-title h2{
text-transform:capitalize;
padding-bottom:0px;
}
.styled-form{
position:relative;
}
.styled-form .submit-text{
font-size:15px;
color:#9e9e9e;
font-weight:400;
margin-top:10px;
}
.styled-form .form-group{
position:relative;
margin-bottom:30px;
font-size:16px;
color:#848484;
}
.checkout-section .styled-form .form-group{
position:relative;
margin-bottom:20px;
}
.styled-form .form-group .check-box{
line-height:24px;
font-size:15px;
font-weight:normal;
padding-top:5px;
color:#272727;
}
.styled-form .form-group .check-box label{
position:relative;
top:-1px;
font-weight:normal;
padding:0px;
font-size:15px;
cursor:pointer;
}
.styled-form .pull-left label,
.styled-form .pull-right label{
cursor:pointer;
}
.styled-form .form-group .adon-icon{
position:absolute;
top:50%;
margin-top:-10px;
right:10px;
width:20px;
height:20px;
line-height:20px;
font-size:15px;
color:#999999;
z-index:2;
}
.styled-form .form-group .field-label{
display:block;
color:#272727;
text-transform:capitalize;
font-size:16px;
margin-bottom:7px;
font-weight:400;
}
.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea{
position:relative;
display:block;
width:100%;
background:#ffffff;
line-height:30px;
padding:8px 20px;
height:50px;
border:1px solid #f4f4f4;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.checkout-section .styled-form input[type="text"],
.checkout-section .styled-form input[type="email"],
.checkout-section .styled-form input[type="password"],
.checkout-section .styled-form select{
line-height:26px;
height:44px;
}
.styled-form select{
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
cursor:pointer;
}
.styled-form select option{
text-indent:20px;
}
.styled-form textarea{
resize:none;
height:110px;
}
.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus{
border-color:#2c7ac5;
}
.styled-form .form-group .theme-btn{
min-width:150px;
text-align:center;
padding:11px 34px;
border-radius:0px;
}
.styled-form .remember-me{
position:relative;
color:#222222;
font-size:16px;
font-weight:500;
}
.social-links-two a{
position:relative;
display:inline-block;
font-size:14px;
width:42px;
height:42px;
line-height:42px;
text-align:center;
color:#ffffff;
background:#fc721e;
margin:0px 0px 0px 15px;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.social-links-two a:hover{
opacity:0.80;
}
.social-links-two .facebook{
background:#3b5998;
}
.social-links-two .twitter{
background:#33ccfe;
}
.social-links-two .google-plus{
background:#dd4b39;
}
#customers {
border-collapse: collapse;
width: 100%;
}
#customers td, #customers th {
border: 1px solid #ddd;
padding: 8px;
}
#customers tr:nth-child(even){background-color: #f2f2f2;}
#customers tr:hover {background-color: #ddd;}
#customers th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #003768;
color: white;
}
.services-section {background-image:url(../images/background/1.jpg);}
.call-to-action-section-two {background-image:url(../images/bg1.php);}
.labbg {background-image:url(../images/lab.jpg);}
.librarybg {background-image:url(../images/library.jpg)}
.artbg {background-image:url(../images/art-craft.jpg)}
.musicbg {background-image:url(../images/music.php)}
.sportbg {background-image:url(../images/sports.php)}
.transbg {background-image:url(../images/transport.php)}
.complabbg {background-image:url(../images/computer.php)}
.tourbg {background-image:url(../images/tour.php)}
.mobNavigation { visibility:hidden; display:none;}
@media only screen and (max-width: 991px){
.mobNavigation { visibility:visible; display:block;}
.mainmenu {display: none;}
}
.mainmenu { background-color: #003768;}
.submenu{text-decoration:none;color:#fff;font-size:14px;background-image:url('../img/bullet.gif');background-repeat:no-repeat;background-position:9px 9px;text-align:left;}
.submenu:hover{background-color:#2b6149;color:#fff;background-image:url('../img/bullet1.gif');background-repeat:no-repeat;background-position:10px 7px;}
.subMenubg a{text-decoration:none;color:#5b5b5b;display:block;margin:0;border-bottom:1px dotted #CCCCCC;padding:10px 5px 10px 18px;background-image:url('../img/bullet.gif');background-repeat:no-repeat;background-position:5px 16px;line-height:20px;}
.subMenubg a:hover{background-color:#024477;color:#FFFFFF !important;background-image:url('../img/bullet1.gif');background-repeat:no-repeat;background-position:5px 16px;}
.subMenubg1 a{text-decoration:none;color:#FFFFFF !important;background-color:#024477;display:block;margin:0;border-bottom:1px solid #9F9F9F;padding:10px 0px 10px 30px;background-image:url('../img/bullet1.gif');background-repeat:no-repeat;background-position:15px 15px;line-height:20px;}
.subMenubg1 a:hover{background-image:url('../img/bullet1.gif');display:block;background-repeat:no-repeat;margin:0;color:#FFFFFF;background-position:15px 15px;background-color:#0574c5;}
.subMenubg2 a{text-decoration:none;color:#fff;display:block;margin:0;border-bottom:1px dotted #9F9F9F;padding:7px 0px 7px 35px;background-image:url('img/bullet1.php');background-repeat:no-repeat;background-position:22px 12px;background-color:#7c4199;}
.subMenubg2 a:hover{background-image:url('../img/bullet.gif');display:block;background-repeat:no-repeat;margin:0;color:#000;background-position:22px 12px;background-color:#eee;}
.ttitle{color:#000000;font-weight:bold;}
.news-month{line-height:14px;width:38px;height:15px;background:#012f5d;color:#FFFFFF;font-size:12px;font-weight:600;}
.news-day{width:38px;height:25px;line-height:20px;background:#FFF;border:1px solid #E7E6E6;font-size:16px;margin-bottom:20px;font-weight:600;}
.news-width{float:right;width:75%;text-align:left;min-height:60px;line-height:17px;}
.marqueeV1{text-decoration:none;color:#242424;text-transform:none !important;}
.marqueeV1:hover{text-decoration:none;color:#FF0000;}
.news1 li{margin-bottom:20px;}
.marqueeVA{text-decoration:none;color:#FFFFFF;text-transform:none;}
.marqueeVA:hover{text-decoration:none;color:#FF0000;}
.events1 li{padding-bottom:10px;padding-top:10px;border-bottom:1px dotted #3d3d3d;}
.marqueeH{text-decoration:none;color:#000000;text-transform:none;}
.marqueeH:hover{text-decoration:underline;color:#FFCC33;}
.link{text-decoration:none;color:#3d3d3d;}
.link:hover{color:#FF0000;border-bottom:1px dotted;}
.link1{text-decoration:none;color:#ffffff;}
.link1:hover{color:#fff200;border-bottom:1px dotted;}
.link2{text-decoration:none;color:#ffffff !important;}
.link2:hover{color:#fff200;border-bottom:1px dotted;}
.download{font-weight:bold;color:#000000;}
.download:hover{font-weight:bold;color:#000000;}
.downloads{text-decoration:none;color:#C40000;font-size:12px;}
.downloads:hover{color:#363636;border-bottom:1px dotted;}
.trbg{background-color:#DDDDDD;}
.tgallery{font-size:20px;font-weight:bold;color:#000000;}
.tgallery:hover{font-size:20px;font-weight:bold;color:#000000;}
.fdetail{font-size:20px;font-weight:bold;color:#000000;}
.fdetail:hover{font-size:20px;font-weight:bold;color:#000000;}
.padding td{padding:5px;}
.link3{color:#000;font-weight:bold;}
.link3:hover{font-weight:bold;}
.deptlink{text-decoration:none;color:#000;font-weight:bold;}
.deptlink:hover{color:#FF0000;font-weight:bold;}
.tblhead{background-color:#EEE;font-weight:bold;}
.tblmidhead{background-color:#EEE;font-weight:bold;}
.wtblhead{border:none;}
.data th{background-color:gray;color:#ffffff}
.pagingDiv{height:20px}
.pNo{float:left;margin-left:18px;margin-right:0px;border:0px solid gray;}
.pNo1{float:left;margin-right:3px;border:0px solid gray;}
.pNo2{float:left;margin-right:3px;border:0px solid gray;}
.pNo a{color:#ff0000;}
.pNo a:hover{text-decoration:none;color:#000000;}
.rpp{background-color:#F0FFF0;padding:5px;color:#000000;border:1px solid #828282;height:30px;}
.rpp a{color:#ff0000;}
.rpp a:hover{text-decoration:none;color:#000000;}
#flashIMG img{width:100%;}
#pagedata h1{font-size:30px;color:#024477 !important;font-weight:normal;padding:0px 0px 5px 0px;margin:0;margin-bottom:10px;}
#pagedata ul{list-style:disc !important;padding-left:30px !important;margin-bottom:20px;font-family:Arial, Helvetica, sans-serif;}
#pagedata ul li{list-style:disc !important;color:#242424;font-family:Arial, Helvetica, sans-serif;}
#pagedata ol{padding-left:30px !important;color:#242424;margin-bottom:20px;list-style:decimal;font-family:Arial, Helvetica, sans-serif;}
#pagedata ol li{color:#242424;font-size:14px;list-style:decimal;font-family:Arial, Helvetica, sans-serif;}
#pagedata p{line-height:20px ;color:#242424;font-family:Arial, Helvetica, sans-serif;}
#pagedata div{line-height:20px;color:#242424;font-family:Arial, Helvetica, sans-serif;}
#pagedata table{border:1px solid #d3d3d3;}
#pagedata td{border:1px solid #d3d3d3;padding:8px;line-height:20px !important;}
.mrgb20{margin-bottom:20px;}
#newsArea li{margin-bottom:10px;list-style:disc;}
#newsArea ul{list-style:disc;padding-left:20px;}
#newsArea2 ul li{margin-bottom:15px; list-style: none !important; background-color: #eee; padding: 10px 10px 10px 20px;}
#newsArea2 ul li:before {
content: "\f006"; /* FontAwesome Unicode */
font-family: FontAwesome;
display: inline-block;
margin-left: -0.5em; /* same as padding-left set on li */
width: 2.3em; /* same as padding-left set on li */
}
#newsArea2 ul{list-style:none !important;padding-left:0px !important;}
#newsArea2 ul li a {font-weight: bold; font-size: 20px;}
.pagingDiv{height:20px}
.pNo{float:left;margin-left:18px;margin-right:0px;border:0px solid gray;}
.pNo1{float:left;margin-right:3px;border:0px solid gray;}
.pNo2{float:left;margin-right:3px;border:0px solid gray;}
.pNo a{color:#ff0000;}
.pNo a:hover{text-decoration:none;color:#000000;}
@media (min-width:990px) and (max-width:1200px){
ul.dropdowni li a{text-decoration:none;display:block;padding:10px 19px 10px 19px !important;color:#FFFFFF;font-size:17px;}
}
#slideshow{height:400px;text-align:center;}
#slideshow img{height:400px;width:100% !important;}
#flashIMG img{height:400px;}
@media (min-width:980px) and (max-width:1200px){#slideshow{height:400px;}
#slideshow img{height:400px;}
#flashIMG img{height:400px;}
ul.dropdowni > li > a{padding:10px 10px 10px 10px !important;}
}
@media (min-width:767px) and (max-width:980px){#slideshow{height:250px !important;}
#slideshow img{height:250px !important;}
#flashIMG img{height:250px;}
}
@media (min-width:560px) and (max-width:767px){#slideshow{height:200px !important;}
#slideshow img{height:200px;}
#flashIMG img{height:200px;}
}
@media (min-width:480px) and (max-width:560px){#slideshow{height:150px !important;}
#slideshow img{height:150px;}
#flashIMG img{height:150px;}
}
@media (min-width:320px) and (max-width:480px){#slideshow{height:100px !important;}
#slideshow img{height:100px;}
#flashIMG img{height:100px;}
}
/*** FORM BLOCK ELEMENTS ***/
.form label.error
{
color: #c00;
font-size: 100%;
font-weight: bold;
font-variant:small-caps;
width:100%;
display: none;
margin:4px 0px 0px 10px;
padding:2px 0px 0px 5px;
border-top:1px dotted #ccc;
clear:both;
}
/*** SUPPORTING CLASSES ***/
.form label.required{ }
.form span.required
{
padding-left:10px;
background:url('iAdmin/i/star.php') no-repeat;
background-position:top left;
}
.form span.norequired
{
padding-left:10px;
}
.form .highlight
{
background-color:#F2F2F2;
}
.off
{
display:none !important;
}
.clear
{
clear:both;
}
.socialSide { position:fixed; right:0; top:35%; z-index:9999;}
.socialSide a:hover { opacity:0.7;}
@media (min-width: 320px) and (max-width: 767px) {
.main-header .links li{
padding-top: 20px;
text-align: center;
padding-left: 70px;
}
}
/*---------------------
Feature Styles
-------------------------*/
.feature-list-wrapper {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.feature-list-wrapper .feature-list {
flex-basis: 50%;
padding: 15px;
}
@media only screen and (max-width: 575px) {
.feature-list-wrapper .feature-list {
flex-basis: 100%;
}
}
.feature-list .icon {
margin-bottom: 25px;
}
.feature-list .icon i {
font-size: 50px;
color: var(--color-secondary);
}
.feature-list .content .title {
font-weight: 700;
font-size: 20px;
line-height: 32px;
margin-bottom: 10px;
}
.feature-list .content p {
margin-bottom: 0;
}
.feature-thumbnail {
position: relative;
z-index: 2;
right: -60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature-thumbnail {
right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature-thumbnail {
right: 0;
}
}
@media only screen and (max-width: 767px) {
.feature-thumbnail {
right: 0;
}
}
.feature-thumbnail .circle-image {
position: absolute;
top: -11px;
right: 7px;
z-index: -1;
width: 97%;
}
@media only screen and (max-width: 767px) {
.feature-thumbnail .circle-image {
display: none;
}
}
.radius-round {
border-radius: 100%;
}
/*----------------------
Feature Style Two
-------------------------*/
.feature-style-2 {
display: flex;
flex-wrap: wrap;
}
.feature-style-2 .single-feature {
flex-basis: 50%;
display: flex;
align-items: center;
margin-top: 25px;
flex-wrap: wrap;
}
.feature-style-2 .single-feature .icon {
width: 40px;
min-width: 40px;
height: 40px;
background: rgba(251, 124, 86, 0.15);
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
}
.feature-style-2 .single-feature .icon i {
color: var(--color-secondary);
}
.feature-style-2 .single-feature .content .feature-title {
font-size: 18px;
line-height: 28px;
font-weight: 700;
margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature-style-2 .single-feature .content .feature-title {
font-size: 16px;
}
}
/*----------------------
Feature Style Three
-------------------------*/
.feature-style-3 .feature-content .feature-title {
font-weight: 700;
font-size: 32px;
line-height: 44px;
color: var(--color-secondary);
margin-bottom: 5px;
}
.feature-style-3 .feature-content .feature-description {
margin-bottom: 0;
}
/*----------------------
Feature Style Four
-------------------------*/
.feature-style-4 .edu-feature-list {
display: flex;
}
.feature-style-4 .edu-feature-list .icon {
min-width: 60px;
width: 60px;
height: 60px;
border-radius: 100%;
background: rgba(251, 124, 86, 0.1);
display: flex;
align-items: center;
justify-content: center;
margin-right: 25px;
}
.feature-style-4 .edu-feature-list .icon i {
color: var(--color-secondary);
font-size: 26px;
}
.feature-style-4 .edu-feature-list .content .title {
margin-bottom: 5px;
}
.feature-style-4 .edu-feature-list .content p {
margin-bottom: 30px;
}
.feature-style-4 .edu-feature-list.color-var-2 .icon {
background: rgba(82, 95, 225, 0.1);
}
.feature-style-4 .edu-feature-list.color-var-2 .icon i {
color: var(--color-primary);
}
/*----------------------
Feature Style 5
-------------------------*/
.feature-style-5 .edu-feature-list {
display: flex;
}
.feature-style-5 .edu-feature-list .icon {
min-width: 60px;
width: 60px;
height: 60px;
border-radius: 100%;
background: var(--color-secondary);
display: flex;
align-items: center;
justify-content: center;
margin-right: 20px;
}
.feature-style-5 .edu-feature-list .icon i {
color: var(--color-white);
font-size: 30px;
}
.feature-style-5 .edu-feature-list .content .title {
margin-bottom: 5px;
}
.feature-style-5 .edu-feature-list .content p {
margin-bottom: 0;
}
.feature-style-5 .edu-feature-list.color-var-2 .icon {
background: #FFA41B;
}
.feature-style-5 .edu-feature-list.color-var-2 .icon i {
color: var(--color-white);
}
/*----------------------
Feature Style 6
-------------------------*/
.feature-style-6 .edu-feature-list {
display: flex;
}
.feature-style-6 .edu-feature-list .icon {
min-width: 60px;
width: 60px;
height: 60px;
border-radius: 100%;
background: rgba(251, 124, 86, 0.1);
display: flex;
align-items: center;
justify-content: center;
margin-right: 25px;
}
.feature-style-6 .edu-feature-list .icon i {
color: var(--color-secondary);
font-size: 30px;
}
.feature-style-6 .edu-feature-list .content .title {
margin-bottom: 5px;
}
.feature-style-6 .edu-feature-list .content p {
margin-bottom: 30px;
}
.feature-style-6 .edu-feature-list.color-var-2 .icon {
background: rgba(82, 95, 225, 0.1);
}
.feature-style-6 .edu-feature-list.color-var-2 .icon i {
color: var(--color-primary);
}
.feature-style-6 .edu-feature-list.color-variation-1 .icon {
background: rgba(255, 164, 27, 0.1);
}
.feature-style-6 .edu-feature-list.color-variation-2 .icon {
background: rgba(82, 95, 225, 0.1);
}
.feature-style-6 .edu-feature-list.color-variation-3 .icon {
background: rgba(251, 124, 86, 0.1);
}
/* Animation */
.eduvibe-animated-shape {
position: relative;
z-index: 9;
}
@-webkit-keyframes eduvibe-vsm-y-move {
0% {
-webkit-transform: translate(0, -30%);
transform: translate(0, -30%);
}
100% {
-webkit-transform: translate(0, 30%);
transform: translate(0, 30%);
}
}
@keyframes eduvibe-vsm-y-move {
0% {
-webkit-transform: translate(0, -30%);
transform: translate(0, -30%);
}
100% {
-webkit-transform: translate(0, 30%);
transform: translate(0, 30%);
}
}
@-webkit-keyframes eduvibe-vsm-y-reverse-move {
0% {
-webkit-transform: translate(0, 30%);
transform: translate(0, 30%);
}
100% {
-webkit-transform: translate(0, -30%);
transform: translate(0, -30%);
}
}
@keyframes eduvibe-vsm-y-reverse-move {
0% {
-webkit-transform: translate(0, 30%);
transform: translate(0, 30%);
}
100% {
-webkit-transform: translate(0, -30%);
transform: translate(0, -30%);
}
}
@-webkit-keyframes eduvibe-sm-x-move {
0% {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
100% {
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
}
}
@keyframes eduvibe-sm-x-move {
0% {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
100% {
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
}
}
@-webkit-keyframes eduvibe-sm-x-reverse-move {
0% {
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
}
100% {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@keyframes eduvibe-sm-x-reverse-move {
0% {
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
}
100% {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@-webkit-keyframes eduvibe-rotate-y {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes eduvibe-rotate-x {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes eduvibe-rotate-x {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes eduvibe-rotate-y {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes eduvibe-zoom1 {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@keyframes eduvibe-zoom2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@-webkit-keyframes eduvibe-zoom1 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.25);
transform: scale(1.25);
}
}
@keyframes eduvibe-zoom1 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.25);
transform: scale(1.25);
}
}
/*------------------------
Service Style
--------------------------*/
.service-wrapper-1 {
position: relative;
}
.service-wrapper-1 .shape-image {
position: absolute;
z-index: -1;
}
.service-wrapper-1 .shape-image.shape-image-1 {
top: -28px;
left: -206px;
}
.service-wrapper-1 .shape-image.shape-image-2 {
top: -51px;
right: -257px;
}
.service-wrapper-1 .shape-image.shape-image-3 {
bottom: 80px;
right: -37px;
}
.service-wrapper-1 .shape-image.shape-image-4 {
bottom: -25px;
left: -201px;
}
.home-one-cat {
background-image: url(../images/home-one-service.jpg);
}
.service-card-1 {
background: var(--color-white);
overflow: hidden;
text-align: center;
position: relative;
transition: 0.4s;
}
.service-card-1::after {
position: absolute;
content: "";
left: 0;
width: 0;
height: 2px;
background: var(--color-primary);
transition: 0.4s;
bottom: 0;
}
.service-card-1 .inner .thumbnail a img {
width: 100%;
}
.service-card-1 .inner .content {
padding: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service-card-1 .inner .content {
padding: 25px 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service-card-1 .inner .content {
padding: 25px 20px;
}
}
@media only screen and (max-width: 767px) {
.service-card-1 .inner .content {
padding: 25px 20px;
}
}
.service-card-1 .inner .content .course-total {
font-weight: 500;
font-size: 16px;
line-height: 26px;
display: inline-block;
margin-bottom: 5px;
color: var(--color-primary);
}
.service-card-1 .inner .content .title {
margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service-card-1 .inner .content .title {
margin-bottom: 6px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service-card-1 .inner .content .title {
margin-bottom: 6px;
}
}
@media only screen and (max-width: 767px) {
.service-card-1 .inner .content .title {
margin-bottom: 6px;
}
}
.service-card-1 .inner .content .description {
margin-bottom: 0;
}
.service-card-1:hover {
transform: translateY(-15px);
}
.service-card-1:hover::after {
width: 100%;
}
/*----------------------
Service Style Two
-----------------------*/
.service-card-2 {
padding: 40px 30px;
background: #EAF8F6;
border-radius: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service-card-2 {
padding: 40px 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service-card-2 {
padding: 40px 20px;
}
}
@media only screen and (max-width: 767px) {
.service-card-2 {
padding: 40px 20px;
}
}
.service-card-2 .inner {
text-align: center;
}
.service-card-2 .inner .icon {
position: relative;
display: inline-block;
}
.service-card-2 .inner .icon a {
width: 80px;
height: 80px;
background: var(--color-white);
line-height: 80px;
text-align: center;
border-radius: 100%;
margin: 0 auto;
display: block;
}
.service-card-2 .inner .icon .shape-list .shape {
position: absolute;
z-index: 2;
}
.service-card-2 .inner .icon .shape-list .shape.shape-1 {
bottom: 0;
right: 0;
transition: 0.4s;
opacity: 0;
}
.service-card-2 .inner .icon .shape-list .shape.shape-2 {
left: 0;
top: 50%;
transition: 0.4s;
opacity: 0;
}
.service-card-2 .inner .icon .shape-list .shape.shape-3 {
top: 0;
right: 0;
transition: 0.4s;
opacity: 0;
}
.service-card-2 .inner .content .title {
font-size: 20px;
line-height: 32px;
margin-bottom: 15px;
margin-top: 25px;
}
.service-card-2 .inner .content .description {
margin-bottom: 0;
}
.service-card-2.card-bg-2 {
background: #FFF3EE;
}
.service-card-2.card-bg-3 {
background: #EFF4FC;
}
.service-card-2.card-bg-4 {
background: #FFF1F1;
}
.service-card-2:hover .inner .icon .shape-list .shape.shape-1 {
bottom: -8px;
right: 3px;
opacity: 1;
}
.service-card-2:hover .inner .icon .shape-list .shape.shape-2 {
left: -20px;
top: 50%;
opacity: 1;
}
.service-card-2:hover .inner .icon .shape-list .shape.shape-3 {
top: -5px;
right: -1px;
opacity: 1;
}
*----------------------
Service Style Three
-----------------------*/
.video-section-overlayto-another {
position: relative;
margin-bottom: -281px;
z-index: 1;
}
.service-wrapper-3 {
position: relative;
z-index: 1;
padding-bottom: 281px;
}
.service-wrapper-3 .about-us-two-service-wrapper {
background-image: url(../images/about-us-two-service.jpg);
}
.service-card-3 {
padding: 30px 28px;
background: white;
border-radius: 5px;
transition: 0.4s;
position: relative;
z-index: 2;
min-height: 350px;
}
.service-card-3 .inner {
text-align: center;
}
.service-card-3 .inner .icon {
position: relative;
display: inline-block;
margin-bottom: 25px;
}
.service-card-3 .inner .icon a {
width: 70px;
height: 70px;
background: var(--color-primary);
text-align: center;
margin: 0 auto;
border-radius: 35px 35px 3px 3px;
display: flex;
justify-content: center;
align-items: center;
}
.service-card-3 .inner .icon a i {
font-size: 32px;
color: var(--color-white);
}
.service-card-3 .inner .content .title {
font-size: 20px;
line-height: 32px;
margin-bottom: 15px;
}
.service-card-3 .inner .content .description {
margin-bottom: 20px;
}
.service-card-3.shape-bg-1 .inner .icon a {
background: rgba(113, 82, 233, 0.15);
}
.service-card-3.shape-bg-1 .inner .icon a i {
color: var(--color-tertiary-2);
}
.service-card-3.shape-bg-1:hover .inner .icon a {
background: var(--color-tertiary-2);
}
.service-card-3.shape-bg-2 .inner .icon a {
background: rgba(255, 164, 27, 0.15);
}
.service-card-3.shape-bg-2 .inner .icon a i {
color: var(--color-tertiary);
}
.service-card-3.shape-bg-2:hover .inner .icon a {
background: var(--color-tertiary);
}
.service-card-3.shape-bg-3 .inner .icon a {
background: rgba(82, 95, 225, 0.15);
}
.service-card-3.shape-bg-3 .inner .icon a i {
color: var(--color-primary);
}
.service-card-3.shape-bg-3:hover .inner .icon a {
background: var(--color-primary);
}
.service-card-3.shape-bg-4 .inner .icon a {
background: rgba(248, 111, 3, 0.15);
}
.service-card-3.shape-bg-4 .inner .icon a i {
color: var(--color-secondary);
}
.service-card-3.shape-bg-4:hover .inner .icon a {
background: var(--color-secondary);
}
.service-card-3.text-left .inner {
text-align: left;
}
.service-card-3.bg-grey {
background: #F5F5F5;
height: 100%;
}
.service-card-3.bg-grey:hover {
background: var(--color-white);
box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
}
.service-card-3:hover {
transform: translateY(-20px);
box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
}
.service-card-3:hover .inner .icon a i {
color: #ffffff;
}
*------------------------
Error Styles
-------------------------*/
.edu-error-style {
padding-bottom: 130px;
}
.edu-error-style .content .title {
margin-bottom: 20px;
}
.edu-error-style .content .description {
margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
.edu-error-style {
padding-bottom: 80px;
}
}
.circle-image {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
top: 0;
left: 0;
}
.circle-image span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px solid var(--color-secondary);
pointer-events: none;
animation: eduvibe-rotate-animate 13s linear infinite;
}
.circle-image span:nth-child(1) {
border-radius: 38% 62% 64% 36% / 43% 35% 65% 57%;
}
.circle-image span:nth-child(2) {
animation-direction: reverse;
border-radius: 41% 59% 40% 60% / 65% 66% 34% 35%;
}
.circle-image span:nth-child(3) {
animation-duration: 3s;
border-radius: 73% 27% 56% 44% / 57% 74% 26% 43%;
}
@keyframes eduvibe-rotate-animate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*--------------------------
Video Popup Styles
----------------------------*/
.video-gallery-1 {
padding: 8px;
background: var(--color-white);
box-shadow: 0px 10px 45px rgba(0, 0, 0, 0.07);
border-radius: 10px;
}
.video-popup-wrapper {
position: relative;
}
.video-popup-wrapper.video-popup-two img {
-webkit-mask: url("../images/shapes/mask-shape-1.svg");
mask: url("../images/shapes/mask-shape-1.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center center;
mask-position: center center;
}
.video-popup-wrapper .position-to-top {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.video-popup-wrapper img {
border-radius: 5px;
}
.video-play-btn {
border: 0;
width: 50px;
height: 50px;
margin-left: -30px;
margin-top: -30px;
transition: all 1s cubic-bezier(0, 0, 0.2, 1);
position: relative;
border-radius: 100%;
background: var(--color-white);
margin: 0 auto;
display: inline-block;
}
.video-play-btn.with-animation::after,
.video-play-btn.with-animation::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
z-index: -1;
bottom: 0;
left: 0;
-webkit-transition: var(--transition);
transition: var(--transition);
border-radius: 50%;
border: 1.2px solid var(--color-white);
}
.video-play-btn.with-animation::before {
-webkit-animation: ripple 2s linear infinite;
animation: ripple 2s linear infinite;
}
.video-play-btn.with-animation::after {
-webkit-animation: ripple 2s linear 1s infinite;
animation: ripple 2s linear 1s infinite;
}
.video-play-btn.size-60 {
width: 60px;
height: 60px;
font-size: 20px;
}
@media only screen and (max-width: 767px) {
.video-play-btn.size-60 {
width: 50px;
height: 50px;
font-size: inherit;
}
}
@media only screen and (max-width: 575px) {
.video-play-btn.size-60 {
width: 45px;
height: 45px;
}
}
.video-play-btn.size-80 {
width: 80px;
height: 80px;
font-size: 24px;
}
@media only screen and (max-width: 1199px) {
.video-play-btn.size-80 {
width: 60px;
height: 60px;
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.video-play-btn.size-80 {
width: 50px;
height: 50px;
font-size: inherit;
}
}
@media only screen and (max-width: 575px) {
.video-play-btn.size-80 {
width: 45px;
height: 45px;
}
}
.video-play-btn.size-80 .play-icon::before {
transform: translate(-6px, -12px);
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 21px solid var(--color-white);
}
.video-play-btn.size-80.btn-secondary-color .play-icon::before {
border-left: 21px solid var(--color-white);
}
.video-play-btn .play-icon {
position: absolute;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.video-play-btn .play-icon::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
transform: translate(-5px, -8px);
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 17px solid var(--color-primary);
}
.video-play-btn .play-icon.course-details-video-popup::before {
border-left: 15px solid var(--color-primary);
}
.video-play-btn.color-secondary .play-icon::before {
border-left: 17px solid var(--color-secondary);
}
.video-play-btn.color-secondary.size-80 .play-icon::before {
border-left: 21px solid var(--color-secondary);
}
.video-play-btn.btn-large {
width: 60px;
height: 60px;
margin-left: 0;
margin-top: 0;
}
.video-play-btn.btn-theme-color {
color: #ffffff;
background: var(--color-primary);
}
.video-play-btn.btn-theme-color::after {
border-color: var(--color-primary);
}
.video-play-btn.btn-theme-color::before {
border-color: var(--color-primary);
}
.video-play-btn.btn-secondary-color {
color: #ffffff;
background: var(--color-secondary);
}
.video-play-btn.btn-secondary-color::after {
border-color: var(--color-secondary);
}
.video-play-btn.btn-secondary-color::before {
border-color: var(--color-secondary);
}
.video-play-btn.btn-secondary-color .play-icon::before {
border-left: 15px solid var(--color-white);
}
.video-style-2 {
position: relative;
z-index: 1;
}
.video-style-2::after {
position: absolute;
content: "";
background: var(--color-white);
top: 0;
right: 0;
height: 100%;
width: calc( 50% + 250px);
z-index: -1;
border-radius: 10px 0px 0px 10px;
}
@media only screen and (max-width: 991px) {
.video-style-2::after {
display: none;
}
}
.video-style-2 .side-shape-image {
position: absolute;
right: 0%;
top: 50%;
transform: translateY(-50%) translateX(50%);
}
.video-style-2 .side-shape-image img {
animation: eduvibe-rotate-x 30s infinite linear;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.video-style-2 .side-shape-image {
display: none;
}
}
/* -----------------------
03. Header Section CSS
--------------------------*/
.full-width-header {
position: relative;
}
.full-width-header .rs-header {
position: relative;
}
.full-width-header .rs-header .topbar-area2.style1 {
background: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.full-width-header .rs-header .topbar-area2.style1 .topbar-contact ul {padding: 0px; margin: 0;}
.full-width-header .rs-header .topbar-area2.style1 .topbar-contact li {
display: inline-block;
color: #ffffff;
font-size: 13px;
line-height: 20px;
font-weight: 500;
border-right: 1px solid rgba(255, 255, 255, 0.2);
margin-right: 20px;
padding-right: 20px;
}
.full-width-header .rs-header .topbar-area2.style1 .topbar-contact li i {
margin-right: 5px;
}
.full-width-header .rs-header .topbar-area2.style1 .topbar-contact li i:before {
font-size: 16px;
font-weight: 400;
color: #ffffff;
}
.full-width-header .rs-header .topbar-area2.style1 .topbar-contact li a {
color: #ffffff;
font-size: 14px;
}
.full-width-header .rs-header .topbar-area2.style1 .topbar-contact li a:hover {
color: #FCD970;
}
.full-width-header .rs-header .topbar-area2.style1 .topbar-contact li:last-child {
margin: 0;
border: none;
}
.full-width-header .rs-header .topbar-area2.style1 .toolbar-sl-share ul .opening {
color: #ffffff;
border-right: 1px solid rgba(255, 255, 255, 0.2);
margin-right: 15px;
padding-right: 20px;
}
.full-width-header .rs-header .topbar-area2.style1 .toolbar-sl-share ul .opening em {
font-size: 13px;
font-style: normal;
}
.full-width-header .rs-header .topbar-area2.style1 .toolbar-sl-share ul .opening em i {
margin-right: 8px;
}
.full-width-header .rs-header .topbar-area2.style1 .toolbar-sl-share ul .opening em i:before {
font-size: 13px;
color: #ffffff;
}
.full-width-header .rs-header .topbar-area2.style1 .toolbar-sl-share ul li {
display: inline-block;
font-size: 14px;
line-height: 30px;
margin-right: 12px;
}
.full-width-header .rs-header .topbar-area2.style1 .toolbar-sl-share ul li a {
font-size: 14px;
color: #ffffff;
}
.full-width-header .rs-header .topbar-area2.style1 .toolbar-sl-share ul li a:hover {
color: #FCD970;
}
.full-width-header .rs-header .topbar-area2.style1 .toolbar-sl-share ul li:last-child {
margin: 0;
}
.full-width-header .rs-header .topbar-area.style2 {
background-color: unset !important;
padding-bottom: 15px;
padding-top: 10px;
}
.full-width-header .rs-header .topbar-area.style2 .row-table {
display: flex;
width: 100%;
position: relative;
align-items: center;
justify-content: space-between;
}
.full-width-header .rs-header .topbar-area.style2 .row-table .header-logo {
display: flex;
flex: 1;
}
.full-width-header .rs-header .topbar-area.style2 .row-table .header-logo .logo-area a .normal-logo {
display: block;
max-height: 80px;
}
.full-width-header .rs-header .topbar-area.style2 .row-table .header-logo .logo-area a .sticky-logo {
display: none;
max-height: 80px;
}
.full-width-header .rs-header .topbar-area.style2 .row-table .header-quote {
display: flex;
align-items: center;
justify-content: space-between;
}
.full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list {
display: inline-block;
padding-right: 25px;
padding-left: 25px;
border-right: 1px solid #eee;
font-size: 14px;
}
.full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-icon {
float: left;
margin-right: 15px;
line-height: 35px;
}
.full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-icon i:before {
font-size: 26px;
color: #007138;
}
.full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-content {
float: left;
text-align: left;
display: block;
}
.full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-content .info-title {
font-size: 15px;
line-height: 18px;
font-weight: 600;
}
.full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-content .info-title a {
color: #0a0a0a;
}
.full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-content .info-title a:hover {
color: #007138;
}
.full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-content .info-des {
font-size: 14px;
color: #595858;
}
.full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-content .info-des a {
color: #595858;
}
.full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list .info-content .info-des a:hover {
color: #007138;
}
.full-width-header .rs-header .topbar-area.style2 .row-table .header-quote .rs-address-area .address-list:last-child {
border: none;
}
.full-width-header .rs-header .menu-area {
transition: all 0.3s ease 0s;
background: #005E2F;
}
.full-width-header .rs-header .menu-area .row-table {
display: flex;
width: 100%;
position: relative;
align-items: center;
justify-content: space-between;
}
.full-width-header .rs-header .menu-area .row-table .col-cell {
display: flex;
align-items: center;
justify-content: space-between;
}
.full-width-header .rs-header .menu-area .row-table .col-cell.header-logo {
display: flex;
flex: 1;
}
.full-width-header .rs-header .menu-area .logo-area a .sticky-logo {
display: none;
}
.full-width-header .rs-header .menu-area .logo-area img {
transition: 0.4s;
-webkit-transition: 0.4s;
max-height: 70px;
}
.full-width-header .rs-header .menu-area .logo-area .dark {
display: none;
}
.full-width-header .rs-header .menu-area .logo-area .light {
display: inherit;
}
.full-width-header .rs-header .menu-area .rs-menu-area {
display: flex;
align-items: center;
margin-right: 0px;
}
.full-width-header .rs-header .menu-area .main-menu {
position: unset;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li {
display: inline-block;
margin-right: 32px;
padding: 0;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a {
transition: all 0.3s ease;
font-size: 15px;
font-weight: 600;
margin-right: 20px;
height: 95px;
line-height: 95px;
padding: 0;
color: #ffffff;
position: relative;
font-family: Poppins;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a:hover {
color: #007138;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children > a {
padding-right: 17px;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children > a:before {
content: "+";
position: absolute;
left: auto;
right: 0;
top: 50%;
text-align: center;
z-index: 9999;
font-size: 16px;
display: block;
cursor: pointer;
transform: translateY(-50%);
font-weight: 400;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children:hover > a:before {
content: "-";
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {
color: #007138;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu {
background: #ffffff;
margin: 0;
padding: 20px 0;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li {
margin: 0 !important;
border: none;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
margin: 0;
font-family: Poppins;
font-size: 14px;
color: #101010;
font-weight: 500;
height: unset;
line-height: 25px;
text-transform: capitalize;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a:hover {
color: #007138;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li.menu-item-has-children a:before {
display: none;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li:last-child {
margin: 0;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu.right {
left: auto;
right: 100%;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.onepage-menu li.current-menu-item > a {
color: #007138;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li a:hover,
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.active a,
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a,
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before {
color: #bb0b0b !important;
}
.full-width-header .rs-header .menu-area.sticky {
background: #005E2F !important;
}
.full-width-header .rs-header .menu-area.sticky .logo-area a .sticky-logo {
display: block;
max-height: 50px;
}
.full-width-header .rs-header .menu-area.sticky .logo-area a .normal-logo {
display: none;
}
.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a {
color: #101010;
}
.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a:hover {
color: #007138;
}
.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li.current-menu-item > a {
color: #007138;
}
.full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .rsphone a {
color: #101010;
}
.full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .rsphone a:hover {
color: #007138;
}
.full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .icon-bar .cart-icon i {
color: #0a0a0a;
}
.full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .search-parent a i {
color: #101010;
}
.full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .search-parent a i:hover {
color: #007138;
}
.full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .nav-link .nav-expander .bar span {
background: #101010;
}
.full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .nav-link .nav-expander:hover .bar span {
background: #007138;
}
.full-width-header .rs-header .expand-btn-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.full-width-header .rs-header .expand-btn-inner ul {
display: flex;
align-items: center;
}
.full-width-header .rs-header .expand-btn-inner ul li {
display: inline-block;
margin-right: 22px;
}
.full-width-header .rs-header .expand-btn-inner ul li > a {
color: #ffffff;
display: inline-block;
cursor: pointer;
}
.full-width-header .rs-header .expand-btn-inner ul li > a i:before {
font-size: 18px;
font-weight: 600;
}
.full-width-header .rs-header .expand-btn-inner ul li > a i.flaticon-shopping-bag-1:before {
font-weight: normal;
}
.full-width-header .rs-header .expand-btn-inner ul li > a:hover {
color: #007138;
}
.full-width-header .rs-header .expand-btn-inner ul li:last-child {
margin-right: 0;
}
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar {
padding: 16px 13px 16px;
background: transparent;
max-width: 50px;
display: flex;
flex-wrap: wrap;
border-radius: 2px;
padding-right: 0;
margin-right: -4px;
}
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span {
height: 5px;
width: 5px;
display: block;
background: #fff;
border-radius: 50%;
transition: none;
list-style: none;
transition: all 0.3s ease;
margin: 2px 3px;
}
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot2,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot3,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot4,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot5,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot6,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot7,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot8 {
background: #fff;
}
.full-width-header .rs-header.header-transparent {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.full-width-header .rs-header.style2 {
position: static;
}
.full-width-header .rs-header.style3 .topbar-area2 {
background-color: #007138;
margin-bottom: 5px;
margin-top: 0px;
}
.full-width-header .rs-header.style2 .menu-area .main-menu .rs-menu ul.nav-menu li a {
color: #0a0a0a;
}
.full-width-header .rs-header.style2 .menu-area .main-menu .rs-menu ul.sub-menu li {
margin: 0 !important;
border: none;
}
.full-width-header .rs-header.style2 .menu-area .main-menu .rs-menu ul.sub-menu li a:hover {
color: #007138;
}
.full-width-header .rs-header.style2 .menu-area .main-menu .rs-menu ul li a:hover,
.full-width-header .rs-header.style2 .menu-area .main-menu .rs-menu ul li.active a,
.full-width-header .rs-header.style2 .menu-area .main-menu .rs-menu ul li.current-menu-item > a {
color: #007138;
}
.full-width-header .rs-header.style2 .expand-btn-inner ul li > a {
color: #0a0a0a;
}
.full-width-header .rs-header.style2 .expand-btn-inner ul li > a:hover {
color: #007138;
}
.full-width-header .rs-header.style2 .expand-btn-inner ul li:last-child {
margin-right: 0;
}
.full-width-header .rs-header.style2.header-home4-style .menu-area .main-menu .rs-menu ul.nav-menu li a {
color: #0a0a0a;
height: 116px;
line-height: 116px;
}
.full-width-header .rs-header.style2.header-home4-style .menu-area .main-menu .rs-menu ul.sub-menu li {
margin: 0 !important;
border: none;
}
.full-width-header .rs-header.style2.header-home4-style .menu-area .main-menu .rs-menu ul.sub-menu li a {
height: unset;
line-height: unset;
}
.full-width-header .rs-header.style2.header-home4-style .menu-area .main-menu .rs-menu ul.sub-menu li a:hover {
color: #007138;
}
.full-width-header .rs-header.style2.header-home4-style .menu-area .main-menu .rs-menu ul li a:hover,
.full-width-header .rs-header.style2.header-home4-style .menu-area .main-menu .rs-menu ul li.active a,
.full-width-header .rs-header.style2.header-home4-style .menu-area .main-menu .rs-menu ul li.current-menu-item > a {
color: #007138;
}
.full-width-header .rs-header.style2.header-home4-style .expand-btn-inner ul li > a {
color: #0a0a0a;
}
.full-width-header .rs-header.style2.header-home4-style .expand-btn-inner ul li > a:hover {
color: #007138;
}
.full-width-header .rs-header.style2.header-home4-style .expand-btn-inner ul li:last-child {
margin-right: 0;
}
.full-width-header .rs-header.style2.header-home4-style .expand-btn-inner ul .humburger {
display: none;
}
.full-width-header .rs-header.style3 {
bottom: 0px;
}
.full-width-header .rs-header.style3 .box-layout {
position: relative;
z-index: 10;
margin: 0 auto;
border-radius: 1px;
background: #005E2F;
padding: 0 20px;
}
.full-width-header .rs-header.style3 .box-layout .row-table .header-logo {
display: none;
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu li a {
color: #ffffff;
height: 65px;
line-height: 65px;
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu li a:hover {
color: #FBFC35 !important;
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu.menu-item-has-children > a {
padding-right: 17px;
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu.menu-item-has-children > a:before {
content: "+";
position: absolute;
left: auto;
right: 0;
top: 50%;
text-align: center;
z-index: 9999;
font-size: 16px;
display: block;
cursor: pointer;
transform: translateY(-50%);
font-weight: 400;
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu.menu-item-has-children:hover > a:before {
content: "-";
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu.current-menu-item > a {
color: #FBFC35 !important;
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.sub-menu li a {
color: #101010;
line-height: 25px;
height: unset;
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.sub-menu li a:hover {
color: #007138 !important;
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul li a:hover,
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul li.active a,
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .main-menu .rs-menu ul li.current-menu-item > a {
color: #FBFC35 !important;
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .sticky {
background: transparent;
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .sticky .box-layout {
background: unset !important;
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .sticky .logo-area a .sticky-logo {
display: block;
max-height: 50px;
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .sticky .logo-area a .normal-logo {
display: none;
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .sticky .main-menu .rs-menu ul.nav-menu > li > a {
color: #101010 !important;
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .sticky .main-menu .rs-menu ul.nav-menu > li > a:hover {
color: #000 !important;
}
.full-width-header .rs-header.style3 .box-layout .row-table .menu-responsive .sticky .main-menu .rs-menu ul.nav-menu > li.current-menu-item > a {
color: #005E2F !important;
}
.full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu {
align-items: center;
min-height: 60px;
}
.full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .search-parent {
margin-right: 24px;
}
.full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .search-parent a i:before {
color: #ffffff;
}
.full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .humburger {
display: none;
}
.full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .toolbar-sl-share {
border-left: 1px solid rgba(255, 255, 255, 0.42);
padding-left: 22px;
border-color: #fff;
}
.full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .toolbar-sl-share li {
display: inline-block;
margin-right: 22px;
}
.full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .toolbar-sl-share li a i {
color: #ffffff;
}
.full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .toolbar-sl-share li a i:before {
font-size: 14px;
}
.full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .toolbar-sl-share li a i:hover {
color: #ccc;
}
.full-width-header .rs-header.style3 .box-layout .row-table .rightbar-menu .expand-btn-inner .toolbar-sl-share li:last-child {
margin-right: 0;
}
.full-width-header .rs-header.style3 .sticky {
background: transparent;
}
.full-width-header .rs-header.style3 .sticky .box-layout {
background: #005E2F;
}
.full-width-header .rs-header.style3 .sticky .box-layout .row-table .header-logo {
display: block;
}
.full-width-header .rs-header.style3 .sticky .box-layout .row-table .header-logo .logo-area a img {
max-height: 40px;
}
.full-width-header .rs-header.style3 .sticky .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu > li > a {
color: #fff;
}
.full-width-header .rs-header.style3 .sticky .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu > li > a:hover {
color: #FFF113 !important;
}
.full-width-header .rs-header.style3 .sticky .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu.menu-item-has-children > a {
padding-right: 17px;
}
.full-width-header .rs-header.style3 .sticky .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu.menu-item-has-children:hover > a:before {
content: "-";
}
.full-width-header .rs-header.style3 .sticky .box-layout .row-table .menu-responsive .main-menu .rs-menu ul.nav-menu.current-menu-item > a {
color: #005E2F !important;
}
.full-width-header .rs-header.style3 .sticky .box-layout .row-table .rightbar-menu {
display: flex;
align-items: center;
}
.full-width-header .rs-header.style3 .sticky .box-layout .row-table .rightbar-menu .expand-btn-inner .search-parent {
margin-right: 24px;
}
.full-width-header .rs-header.style3 .sticky .box-layout .row-table .rightbar-menu .expand-btn-inner .search-parent a i:before {
color: #0a0a0a;
}
.full-width-header .rs-header.style3 .sticky .box-layout .row-table .rightbar-menu .expand-btn-inner .search-parent a i:hover {
color: #007138;
}
.full-width-header .rs-header.style3 .sticky .box-layout .row-table .rightbar-menu .expand-btn-inner .toolbar-sl-share {
display: none;
}
.full-width-header .mobile-menu {
display: none;
}
.full-width-header .mobile-menu .mobile-logo {
float: left;
}
.full-width-header .mobile-menu .mobile-logo img {
max-height: 30px;
}
.full-width-header .mobile-menu .rs-menu-toggle {
color: #ffffff;
float: right;
}
.full-width-header .mobile-menu .rs-menu-toggle.primary {
color: #007138;
}
.full-width-header .mobile-menu .rs-menu-toggle.secondary {
color: #191821;
}
.full-width-header .mobile-menu .rs-menu-toggle .nav-dots {
position: absolute;
right: 0;
width: 25px;
height: 2px;
background: #fff;
z-index: 11;
top: 23px;
}
.full-width-header .mobile-menu .rs-menu-toggle .dot1,
.full-width-header .mobile-menu .rs-menu-toggle .dot3 {
width: 15px;
}
.full-width-header .mobile-menu .rs-menu-toggle .dot2 {
top: 28px;
}
.full-width-header .mobile-menu .rs-menu-toggle .dot3 {
top: 34px;
}
.full-width-header .mobile-menu .rs-menu-toggle .dot4 {
top: 40px;
}
.full-width-header .right_menu_togle {
background: #000000;
box-shadow: 0 0 70px #eee;
padding: 46px 40px 50px 50px;
font-size: 1.15em;
max-width: 480px;
width: 100%;
right: -500px;
z-index: 999999;
transition: all 0.3s ease;
position: fixed;
overflow-y: auto;
}
.full-width-header .right_menu_togle .close-btn {
overflow: visible;
}
.full-width-header .right_menu_togle .close-btn .nav-close {
position: absolute;
top: 25px;
display: block;
z-index: 99;
right: 35px;
cursor: pointer;
transition: all .3s ease;
}
.full-width-header .right_menu_togle .close-btn .nav-close .line {
width: 40px;
height: 40px;
line-height: 40px;
}
.full-width-header .right_menu_togle .close-btn .nav-close .line span {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
width: 2px !important;
height: 25px !important;
background: #ffffff;
border: none !important;
transition: all 0.3s ease;
}
.full-width-header .right_menu_togle .close-btn .nav-close .line span.line2 {
transform: translate(-50%, -50%) rotate(-45deg);
}
.full-width-header .right_menu_togle .close-btn:hover .nav-close .line span {
background: #007138;
}
.full-width-header .right_menu_togle .canvas-logo {
padding-left: 0;
padding-bottom: 25px;
}
.full-width-header .right_menu_togle .canvas-logo img {
max-height: 28px;
}
.full-width-header .right_menu_togle .offcanvas-text p {
font-size: 16px;
line-height: 30px;
color: #ffffff;
margin: 5px 0 45px;
}
.full-width-header .right_menu_togle .canvas-contact {
padding: 30px 0 0;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list {
display: flex;
margin-top: 18px;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i:before {
margin: 0 20px 0 0;
font-size: 25px;
color: #fff;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content .title {
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: #ffffff;
margin-bottom: 5px;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em {
display: block;
font-style: normal;
line-height: 22px;
font-size: 15px;
color: #ffffff;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a {
color: #ffffff;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover {
color: #007138;
}
.full-width-header .right_menu_togle .canvas-contact .social {
margin: 40px 0 0;
}
.full-width-header .right_menu_togle .canvas-contact .social li {
display: inline-block;
}
.full-width-header .right_menu_togle .canvas-contact .social li a i {
font-size: 15px;
color: #fff;
margin: 0 8px 0 0;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.1);
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 0px;
}
.full-width-header .right_menu_togle .canvas-contact .social li a i:hover {
background: #007138;
color: #ffffff;
}
.full-width-header .right_menu_togle .canvas-contact .social li:last-child {
margin: 0;
}
.full-width-header .mobile-navbar-menu .sub-menu {
display: none;
position: relative;
left: 0;
width: 100%;
margin: 0;
text-align: left;
}
.full-width-header .mobile-navbar-menu .nav-menu li {
position: relative;
}
.full-width-header .mobile-navbar-menu .nav-menu li a {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
display: block;
color: #fff;
padding: 10px 0;
line-height: 30px;
width: 100%;
}
.full-width-header .mobile-navbar-menu .nav-menu li li a {
padding-left: 25px;
}
.full-width-header .mobile-navbar-menu .nav-menu li li li a {
padding-left: 50px;
}
.full-width-header .mobile-navbar-menu span.submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 5px;
display: block;
height: 40px;
width: 40px;
cursor: pointer;
}
.full-width-header .mobile-navbar-menu span.submenu-button:before,
.full-width-header .mobile-navbar-menu span.submenu-button:after {
position: absolute;
top: 24px;
right: 10px;
width: 20px;
height: 1px;
display: block;
background: #fff;
z-index: 2;
content: '';
right: 12px;
width: 12px;
}
.full-width-header .mobile-navbar-menu span.submenu-button:before {
width: 1px;
height: 12px;
right: 17px;
top: 18px;
}
.full-width-header .mobile-navbar-menu span.submenu-button em {
display: block;
position: absolute;
right: 0;
border-radius: 4px;
top: 50%;
transform: translateY(-50%);
}
.full-width-header .mobile-navbar-menu .hash-has-sub span.submenu-button {
width: 100%;
cursor: pointer;
top: 0;
height: 50px;
}
.full-width-header .mobile-navbar-menu .submenu-button.submenu-opened:before {
display: none;
}
.full-width-header .mobile-navbar-menu ul ul li,
.full-width-header .mobile-navbar-menu li:hover > ul > li {
height: auto;
}
.full-width-header .mobile-navbar-menu ul.nav-menu > li:first-child > span.submenu-button:after {
top: 19px;
}
.full-width-header .mobile-navbar-menu ul.nav-menu > li:first-child > span.submenu-button:before {
top: 13px;
}
.full-width-header .mobile-navbar-menu .nav-menu li.active-menu a,
.full-width-header .mobile-navbar-menu .nav-menu li a:hover {
color: #007138;
}
@media only screen and (max-width: 767px) {
.sticky-container {position:fixed;top:93% !important;left:0px !important;width:100% !important;z-index:99;background-color:#005e2f;}
.stickyside li {width: 33.1% !important;float:left; border-right: 1px solid #005e2f; padding-top: 7px !important;}
.stickyside li.call {list-style-type:none;background-color:#005e2f !important;}
.stickyside li.whatsapp {list-style-type:none;background-color:#005e2f !important;}
.stickyside li:hover{margin-left:0px !important;}
.stickyside li a{color:#fff}
.stickyside li a:hover{color:#fff}
.stickyside li img{float:left;margin:5px;margin-right:5px; width: 20px;}
.stickyside li p {padding:0;margin:0;font-size: 14px !important;text-transform:none !important;line-height:30px !important;}
.stickyside li.applynow {display: block !important;}
}
.sticky-container{padding:0;margin:0;position:fixed;right:0px;top:250px;width:150px;z-index:99}
.stickyside li{list-style-type:none;color:#fff;height:43px;padding:0;margin:0 0 10px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;cursor:pointer;}
.stickyside li.call {list-style-type:none;background-color:#0E85E7;}
.stickyside li.whatsapp {list-style-type:none;background-color:#32D34F;}
.stickyside li:hover{margin-left:-30px;}
.stickyside li a{color:#fff;font-size: 13px;}
.stickyside li a:hover{color:#fff}
.stickyside li img{float:left;margin:5px;margin-right: 3px;}
.stickyside li p{padding:0;margin:0;text-transform:uppercase;line-height:43px}
.stickyside li.applynow {list-style-type:none;background-color:#005e2f;}
/* ------------------------------------
05. About Section CSS
---------------------------------------*/
.rs-about.style1 .about-img {
position: relative;
}
.rs-about.style1 .about-img .working-experiance {
position: absolute;
width: 200px;
max-width: 200px;
bottom: 0;
left: 2px;
z-index: 1;
padding: 50px 30px 30px 30px;
background-color: #007138;
border-radius: 0px 0px 0px 15px;
}
.rs-about.style1 .about-img .working-experiance .count-year .sub-text {
font-size: 73px;
font-weight: 800;
color: #ffffff;
}
.rs-about.style1 .about-img .working-experiance .title {
font-size: 15px;
font-weight: 700;
color: #ffffff;
}
.rs-about.style2 {
position: relative;
}
.rs-about.style2 .rs-animation .animate-style {
position: absolute;
right: 21%;
bottom: 19%;
}
.rs-about.style2 .rs-animation .animate-style img {
width: 130px;
}
.rs-about.style3 .accordion {
border-width: 12px;
}
.rs-about.style3 .accordion .card {
margin-bottom: 3px;
border: none;
}
.rs-about.style3 .accordion .card:last-child {
margin-bottom: 0;
}
.rs-about.style3 .accordion .card .card-header {
padding: 0 !important;
border: none;
background: #fff;
padding: 16px 2px 16px 2px !important;
}
.rs-about.style3 .accordion .card .card-header .card-link {
color: #1273EB;
font-weight: 700;
}
.rs-about.style3 .accordion .card .card-body {
background: #f9f9f9;
font-weight: 400;
color: #454545;
padding: 17px 65px 40px 22px !important;
border: none;
}
.rs-about.style3 .accordion .card .card-header .card-link {
position: relative;
padding-left: 44px !important;
}
.rs-about.style3 .accordion .card .card-header .card-link:after {
content: "\f078";
font-family: FontAwesome;
position: absolute;
left: 20px;
color: #007138;
font-size: 15px;
font-weight: 200;
top: 50%;
transform: translateY(-50%);
}
.rs-about.style3 .accordion .card .card-header .card-link.collapsed.card-link {
color: #0a0a0a !important;
}
.rs-about.style3 .accordion .card .card-header .card-link.collapsed:after {
content: "\f054";
font-family: FontAwesome;
color: #454545;
}
.rs-about.style3 .about-content {
position: relative;
z-index: 111;
}
.rs-about.style3 .about-content .rs-animations .spinner {
position: absolute;
bottom: 0;
z-index: -11;
}
.rs-about.style3 .about-content .rs-animations .spinner.dot {
top: -45px;
left: -40px;
}
.rs-about.style3 .about-content .rs-animations .spinner.ball {
bottom: -66px;
left: -73px;
}
.rs-about.style4 .about-img {
position: relative;
z-index: 11;
}
.rs-about.style4 .about-img .animations {
position: absolute;
bottom: 0;
z-index: -11;
}
.rs-about.style4 .about-img .animations.one {
left: 16%;
bottom: -77px;
}
.rs-about.style4 .about-img .animations.two {
left: 26%;
top: -6%;
}
/* ------------------------------------
06. Appointment Section CSS
---------------------------------------*/
.rs-appointment.style1 .border-section {
border-style: solid;
border-width: 2px 0px 0px 0px;
border-color: #02010108;
padding: 50px 0px 100px 0px;
}
.rs-appointment.style1 .appoint-schedule .appoint-img {
background: url(assets/images/appointment/1.php);
background-repeat: no-repeat;
background-position: center left;
background-size: cover;
}
.rs-appointment.style1 .appoint-schedule .contact-wrap {
padding: 110px 100px 100px 70px;
background: #13171c;
}
.rs-appointment.style1 .appoint-schedule .contact-wrap .from-control {
padding: 17px 17px 17px 17px;
color: #FFFFFF;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #0D0D0D;
background-color: #0D0D0D;
width: 100%;
max-width: 100%;
opacity: 1;
}
.rs-appointment.style1 .appoint-schedule .contact-wrap .wpcf7-form-control:not(.wpcf7-submit) {
width: 100%;
padding: 17px 17px 17px 17px;
color: #FFFFFF;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #0D0D0D;
background-color: #0d0d0d;
}
.rs-appointment.style1 .appoint-schedule .contact-wrap textarea {
height: 120px;
}
.rs-appointment.style1 .appoint-schedule .contact-wrap ::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #fff;
opacity: 1;
}
.rs-appointment.style1 .appoint-schedule .contact-wrap ::-moz-placeholder {
/* Firefox 19+ */
color: #fff;
opacity: 1;
}
.rs-appointment.style1 .appoint-schedule .contact-wrap :-ms-input-placeholder {
/* IE 10+ */
color: #fff;
opacity: 1;
}
.rs-appointment.style1 .appoint-schedule .contact-wrap :-moz-placeholder {
/* Firefox 18- */
color: #fff;
opacity: 1;
}
.rs-appointment.style1 .appoint-schedule .contact-wrap input[type=submit]:hover {
opacity: .9;
}
.rs-appointment.style1.apply-career .appoint-schedule .appoint-img {
background: url(assets/images/careers/2.php);
background-repeat: no-repeat;
background-position: center left;
background-size: cover;
}
.rs-appointment.style1.apply-career .appoint-schedule .contact-wrap {
padding: 100px 100px 100px 70px;
background: #13171c;
}
.rs-appointment.style1.apply-career .appoint-schedule .contact-wrap .form-group label {
color: #ffffff;
font-weight: 600;
display: block;
margin-bottom: 8px;
}
.rs-appointment.style1.apply-career .appoint-schedule .contact-wrap .form-group .form-control-mod {
width: 100%;
padding: 17px 17px 17px 17px;
color: #FFFFFF;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #0D0D0D;
background-color: #0D0D0D;
}
.sec-title .sub-text {
font-size: 15px;
line-height: 28px;
font-weight: 600;
color: #191821;
margin: 0 0 10px;
text-transform: capitalize;
display: block;
}
.sec-title .title {
font-size: 36px;
line-height: 46px;
font-weight: 700;
color: #0a0a0a;
margin: 0;
position: relative;
padding-top: 28px;
}
.sec-title .title span {
color: #007138;
font-style: oblique;
}
.sec-title .title span.new-text {
font-style: unset;
}
.sec-title .title:after {
content: "";
position: absolute;
border: 0;
width: 65px;
height: 5px;
background: #007138;
z-index: 1;
margin-left: 0;
left: 0;
top: 0;
}
.sec-title .title.title2:after {
left: 50%;
transform: translateX(-50%);
}
.sec-title .title.title2.contact {
max-width: 530px;
margin: 0 auto;
color: #ffffff;
}
.sec-title .title.title3 {
padding-top: 0;
}
.sec-title .title.title3:after {
display: none;
}
.sec-title .title.title3.small {
font-size: 28px;
}
.sec-title .title.title4 {
font-size: 28px;
line-height: 36px;
}
.sec-title .title span {
color: #007138;
}
.sec-title .title-inner .title-small {
font-size: 17px;
line-height: 26px;
font-weight: 600;
margin: 0px 0px 6px 0px;
color: #0a0a0a;
}
.sec-title2 .title {
font-size: 36px;
}
.sec-title2 .title span {
color: #007138;
font-style: oblique;
}
.sec-title2 .title span.new-next {
font-style: unset;
}
.sec-title2 .first-half {
max-width: 50%;
flex: 0 0 50%;
}
.sub-text {
font-weight: 600;
margin: 0 0 10px;
display: inline-block;
color: #007138;
line-height: 28px;
font-size: 15px;
text-transform: uppercase;
}
.sec-title2 .last-half {
max-width: 50%;
flex: 0 0 50%;
font-weight: 500;
}
/* ------------------------------------
13. Services Section CSS
---------------------------------------*/
.rs-services.main-home .services-item {
display: flex;
}
.rs-services.main-home .services-item .services-icon img {
height: 70px;
width: 70px;
max-width: unset;
}
.rs-services.main-home .services-item .services-text {
padding: 0px 0px 0px 30px;
}
.rs-services.main-home .services-item .services-text .title {
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin-bottom: 13px;
}
.rs-services.main-home .services-item .services-text .title a {
color: #ffffff;
}
.rs-services.main-home .services-item .services-text .title a:hover {
color: #007138;
}
.rs-services.main-home .services-item .services-text .services-txt {
color: #F5F5F5;
margin: 0;
}
.rs-services.main-home.services-style1 .services-item {
position: relative;
}
.rs-services.main-home.services-style1 .services-item .services-text .title a {
color: #0a0a0a;
}
.rs-services.main-home.services-style1 .services-item .services-text .title a:hover {
color: #007138;
}
.rs-services.main-home.services-style1 .services-item .services-text .services-txt {
color: #454545;
margin-bottom: 26px;
}
.rs-services.main-home.services-style1 .services-item .services-text .serial-number {
position: absolute;
left: -6px;
top: 44px;
color: #00000008;
font-size: 70px;
font-weight: 600;
}
.rs-services.main-home.services-style1 .services-item:after {
display: block;
width: 47px;
left: 124px;
background: #C12A2A;
content: "";
height: 4px;
position: absolute;
transition: all .3s ease 0s;
bottom: 0;
z-index: 9;
transform: translateX(-50%);
}
.rs-services.main-home.services-style1.home-4-style .services-item .services-text .title a:hover {
color: #fd4a36;
}
.rs-services.main-home.services-style1.home-4-style .services-item:after {
background: #fd4a36;
}
.rs-services.chooseus-style .services-item {
display: flex;
padding: 25px 25px 25px 25px;
background-color: #15181D;
margin: 0 -4px 0 0;
}
.rs-services.chooseus-style .services-item .services-icon img {
height: 65px;
width: 65px;
max-width: unset;
padding: 5px 5px 0px 0px;
}
.rs-services.chooseus-style .services-item .services-text {
padding: 0px 0px 0px 15px;
}
.rs-services.chooseus-style .services-item .services-text .title {
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin: 0 0 10px;
}
.rs-services.chooseus-style .services-item .services-text .title a {
color: #ffffff;
}
.rs-services.chooseus-style .services-item .services-text .title a:hover {
color: #007138;
}
.rs-services.chooseus-style .services-item .services-text .services-txt {
margin: 0;
color: #F4F4F4;
}
.rs-services.chooseus-style.about-style .services-item {
padding: unset;
background-color: unset;
margin: unset;
}
.rs-services.home-style2 .services-item {
display: flex;
}
.rs-services.home-style2 .services-item .services-icon img {
height: 70px;
width: 70px;
max-width: unset;
}
.rs-services.home-style2 .services-item .services-text {
padding: 0px 0px 0px 25px;
}
.rs-services.home-style2 .services-item .services-text .title {
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin: 0 0 6px;
}
.rs-services.home-style2 .services-item .services-text .title a {
color: #0a0a0a;
}
.rs-services.home-style2 .services-item .services-text .title a:hover {
color: #007138;
}
.rs-services.home-style2 .services-item .services-text .services-txt {
margin: 0;
color: #454545;
}
.rs-services.style2 .service-wrap {
padding: 15px 15px 30px;
background: #ffffff;
box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.07);
}
.rs-services.style2 .service-wrap .image-part {
overflow: hidden;
margin-bottom: 20px;
}
.rs-services.style2 .service-wrap .image-part img {
transform: scale(1);
transition: all 0.9s;
}
.rs-services.style2 .service-wrap .content-part {
padding: 10px 20px 5px;
}
.rs-services.style2 .service-wrap .content-part .title {
font-size: 20px;
line-height: 32px;
margin-bottom: 10px;
}
.rs-services.style2 .service-wrap .content-part .title a {
color: #0a0a0a;
}
.rs-services.style2 .service-wrap .content-part .title a:hover {
color: #007138;
}
.rs-services.style2 .service-wrap:hover .image-part img {
transform: scale(1.1);
}
.rs-services.style2.rs-services-style2 .service-wrap {
box-shadow: unset;
}
.rs-services.style2.rs-services-style2 .service-wrap .image-part img {
transform: unset;
}
.rs-services.style2.rs-services-style2 .service-wrap:hover .image-part img {
transform: unset;
}
.rs-services.style3 .services-item {
position: relative;
transition: all 500ms ease;
}
.rs-services.style3 .services-item .services-icon {
margin-bottom: 35px;
}
.rs-services.style3 .services-item .services-icon img {
width: 80px;
height: 80px;
max-width: unset;
}
.rs-services.style3 .services-item .services-content .services-title {
font-size: 22px;
line-height: 32px;
font-weight: 700;
margin-bottom: 17px;
}
.rs-services.style3 .services-item .services-content .services-title a {
color: #0a0a0a;
}
.rs-services.style3 .services-item .services-content .services-title a:hover {
color: #007138;
}
.rs-services.style3 .services-item .services-content .services-txt {
margin: 0;
}
.rs-services.style3 .services-item:hover {
transform: translateY(-10px);
}
.rs-services.style4 .services-item {
background: #ffffff;
box-shadow: 0px 0px 45px 22px #eee;
padding: 40px 30px 40px 30px;
border-radius: 5px 5px 5px 5px;
margin: 0px -7px 0 0;
}
.rs-services.style4 .services-item .services-icon {
margin-bottom: 17px;
text-align: center;
}
.rs-services.style4 .services-item .services-icon img {
width: 54px;
padding: 8px 0px 0px 0px;
}
.rs-services.style4 .services-item .services-content .title {
font-size: 18px;
line-height: 1.5;
font-weight: 700;
margin-bottom: 10px;
text-align: center;
}
.rs-services.style4 .services-item .services-content .title a {
color: #0a0a0a;
}
.rs-services.style4 .services-item .services-content .title a:hover {
color: #007138;
}
.rs-services.style4 .services-item .services-content p {
font-size: 15px;
}
.rs-services.style5 .flip-box-inner {
position: relative;
z-index: 1;
margin: 0;
backface-visibility: hidden;
}
.rs-services.style5 .flip-box-inner .flip-box-wrap {
position: relative;
-webkit-transform: translateZ(0);
perspective: 1e3px;
}
.rs-services.style5 .flip-box-inner .flip-box-wrap .front-part {
position: relative;
bottom: 0;
z-index: 10;
transform: rotateY(0);
top: 0;
right: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
height: 300px;
background-color: initial;
background-position: 50%;
background-clip: padding-box;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1e3px;
perspective: 1e3px;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
}
.rs-services.style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part {
background-color: #fff;
text-align: left;
padding: 50px 40px 50px 40px;
border-style: solid;
border-width: 0px 0px 0px 0px;
box-shadow: 0px 0px 10px 0px #eee;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
transition: all .9s ease 0s;
}
.rs-services.style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-icon-part {
margin-bottom: 15px;
}
.rs-services.style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-icon-part .icon-part img {
width: 60px;
height: 60px;
}
.rs-services.style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-title-part .title {
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin-bottom: 10px;
}
.rs-services.style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-title-part .title a {
color: #0a0a0a;
}
.rs-services.style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-title-part .title a:hover {
color: #007138;
}
.rs-services.style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-desc-part p {
color: #444;
margin: 0;
}
.rs-services.style5 .flip-box-inner .flip-box-wrap .back-part {
position: absolute;
z-index: -1;
padding: 30px;
border-radius: 5px;
background-color: #562dd4;
transform: rotateY(-180deg);
top: 0;
right: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
height: 300px;
background-color: initial;
background-position: 50%;
background-clip: padding-box;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1e3px;
perspective: 1e3px;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
}
.rs-services.style5 .flip-box-inner .flip-box-wrap .back-part .back-front-content {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
transition: all .9s ease 0s;
}
.rs-services.style5 .flip-box-inner .flip-box-wrap .back-part .back-front-content .back-title-part .back-title {
font-size: 20px;
line-height: 30px;
font-weight: 600;
margin-bottom: 15px;
}
.rs-services.style5 .flip-box-inner .flip-box-wrap .back-part .back-front-content .back-title-part .back-title a {
color: #ffffff;
}
.rs-services.style5 .flip-box-inner .flip-box-wrap .back-part:before {
position: absolute;
top: 0;
left: 0;
z-index: -9;
width: 100%;
height: 100%;
background-image: linear-gradient(90deg, #007138 0%, #007138 58%);
content: "";
}
.rs-services.style5 .flip-box-inner:hover .flip-box-wrap .front-part {
transform: rotateY(180deg);
}
.rs-services.style5 .flip-box-inner:hover .flip-box-wrap .back-part {
transform: rotateY(0);
z-index: 1;
}
.rs-services.style5 .flip-box-inner:hover .flip-box-wrap .back-part .back-front-content {
right: 0;
}
.rs-services.style5 .flip-box-inner:hover .flip-box-wrap .back-part .back-front-content .back-title-part .back-title {
color: #ffffff;
}
.rs-services.style5 .flip-box-inner:hover .flip-box-wrap .back-part .back-front-content .back-desc-part .back-desc {
color: #ffffff;
}
.rs-services.style6 {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: relative;
margin-top: -140px;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
z-index: 2;
}
.rs-services.style6 .services-box-area {
border-style: solid;
border-width: 0px 0px 5px 0px;
border-color: #FD4A36;
box-shadow: 0px 11px 35px 0px #e9d1cf;
}
.rs-services.style6 .services-box-area .services-item {
border-style: dashed;
border-width: 0px 1px 0px 0px;
border-color: #FD4A363D;
margin: 0px 8px 0px 8px;
padding: 40px 35px 40px 35px;
}
.rs-services.style6 .services-box-area .services-item .services-icon {
margin-bottom: 17px;
}
.rs-services.style6 .services-box-area .services-item .services-icon img {
width: 54px;
padding: 8px 0px 0px 0px;
}
.rs-services.style6 .services-box-area .services-item .services-content .title {
font-size: 18px;
line-height: 1.5;
font-weight: 700;
margin-bottom: 10px;
}
.rs-services.style6 .services-box-area .services-item .services-content .title a {
color: #0a0a0a;
}
.rs-services.style6 .services-box-area .services-item .services-content .title a:hover {
color: #fd4a36;
}
.rs-services.style6 .services-box-area .services-item .services-content p {
font-size: 15px;
}
.rs-services-single .services-add {
background: url(assets/images/services/single/side-img.php);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
padding: 50px 35px 28px;
}
.rs-services-single .services-add .title {
font-size: 24px;
line-height: 42px;
font-weight: 700;
color: #ffffff;
margin-bottom: 30px;
}
.rs-services-single .services-add a {
font-size: 30px;
line-height: 40px;
font-weight: 700;
color: #ffffff;
}
.rs-services-single .brochures {
background: #ebebeb;
padding: 35px 30px 45px 30px;
}
.rs-services-single .brochures .title-part .title {
font-size: 28px;
font-weight: 700;
display: block;
position: relative;
}
.rs-services-single .brochures .title-part .title:before {
content: "";
position: absolute;
border: 0;
width: 65px;
height: 5px;
background: #007138;
z-index: 1;
margin-left: 0;
left: 0;
bottom: -20px;
}
.rs-services-single .brochures .btn-wrapper {
position: relative;
text-align: center;
font-weight: 400;
display: inline-block;
}
.rs-services-single .brochures .btn-wrapper .dual-btn {
padding: 15px 30px 15px 30px;
font-size: 17px;
font-weight: 600;
background-color: #007138;
color: #ffffff;
margin: 0 -4px;
}
.rs-services-single .brochures .btn-wrapper .dual-btn-connector {
position: absolute;
z-index: 9;
overflow: hidden;
width: 30px;
height: 30px;
border-radius: 100%;
background-color: #fff;
box-shadow: 0 0 0 5px #bfb2b2;
color: #27374c;
text-transform: uppercase;
font-size: 12px;
line-height: 30px;
left: 47%;
}
.rs-services-single .brochures .btn-wrapper .rselement-dual-btn {
padding: 15px 25px 15px 25px;
border-radius: 0px 0px 0px 0px;
font-size: 17px;
font-weight: 600;
background-color: #132235;
color: #ffffff;
}
.rs-services-single .dot {
list-style: disc;
margin: 0 0 1.3em 3em;
}
.rs-services-single .widget-item li {
border-top-style: solid;
border-top-width: 1px;
border-color: #eee;
width: 79%;
padding-bottom: calc(16px);
padding-top: 16px;
}
.rs-services-single .widget-item li a {
font-size: 16px;
font-weight: 600;
color: #000000;
}
.rs-services-single .widget-item li a i {
color: #000000;
font-size: 16px;
font-weight: 900;
}
.rs-services-single .widget-item li a span {
color: #020202;
padding-left: 16px;
}
.rs-services-single .widget-item li a:hover i,
.rs-services-single .widget-item li a:hover span {
color: #007138;
}
.rs-services-single .widget-item li:first-child {
border-top: none;
}
.rs-services-single .social-icons li {
display: inline;
margin-right: 5px;
}
.rs-services-single .social-icons li a i {
padding: 0 0px 0 0;
font-size: 25px;
background: #3b5998;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 0;
color: #fff;
text-align: center;
}
.rs-services-single .social-icons li a i:hover {
opacity: .9;
}
.rs-services-single .social-icons li a.blue-bg i {
background: #1da1f2;
}
.rs-services-single .social-icons li a.light-bg i {
background: #0a0a0a;
}
.rs-services-single .social-icons li a.red-bg i {
background: #cd201f;
}
.rs-services-single .call-us {
background: url(assets/images/choose/call-us.php);
background-repeat: no-repeat;
padding: 110px 0px 110px 0px;
}
.rs-services-single .call-us .contact-widget {
text-align: center;
}
.rs-services-single .call-us .contact-widget .icon-part {
margin-bottom: 40px;
}
.rs-services-single .call-us .contact-widget .icon-part img {
max-width: 84px;
}
.rs-services-single .call-us .contact-widget .title {
font-size: 36px;
line-height: 46px;
font-weight: 700;
margin: 0;
}
.rs-services-single .call-us .contact-widget .title a {
color: #ffffff;
}
.rs-services-single .call-us .contact-widget .title a:hover {
color: #007138;
}