ok
Mini Shell
/*------------------------------------------------------
*********************************************************
Project Name: Wemulti
Version: 1.7
Author Name: gicotech (https://themeforest.net/user/gicotech)
*********************************************************
01. General CSS
> Common CSS
> Form CSS
> Background Over Layer CSS
> Section Title CSS
> Theme btn CSS
> Scroll To Top CSS
> Title CSS
> Back to top
> Pagination CSS
02. Header CSS
> Header Top CSS
> Header Nav CSS
> NavBar Fixed CSS
> Search CSS
> Header Two CSS
03. Hero CSS
04. About CSS
05. Call CSS
06. Service CSS
07. Team CSS
08. Portfolio
09. Faq CSS
10. Pricing CSS
11. Testimonial CSS
12. Blog CSS
13. Timetable CSS
14. Contact CSS
15. Partners CSS
16. Slider CSS
17. Practice CSS
18. Page Title CSS
19. Footer CSS
--------------------------------------------------------*/
/*
=========== 01. General CSS ===========
*/
body {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 28px;
font-weight: 400;
color: #444444;
background: #ffffff;
overflow-x: hidden;
}
/* Custom Container */
@media (min-width: 1200px) {
.container {
max-width: 1170px;
}
}
/* Common CSS */
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto', sans-serif;
color: #222222;
line-height: 1.5em;
font-weight: bold;
margin-top: 0;
margin-bottom: 10px;
padding: 0;
text-transform: capitalize;
}
h1{
font-size:60px;
line-height: 66px;
}
h2{
font-size:40px;
line-height: 46px;
}
h3{
font-size:32px;
line-height: 38px;
}
h4{
font-size:24px;
line-height: 30px;
}
h5{
font-size:20px;
line-height: 28px;
}
h6{
font-size:16px;
line-height: 28px;
}
p {
margin: 0;
padding: 0;
}
a {
margin: 0;
padding: 0;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:focus, a:hover {
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul {
margin: 0;
padding: 0;
}
ul li {
list-style-type: none;
margin: 0;
padding: 0;
}
img {
max-width: 100%;
height: auto;
}
/* Placeholder CSS */
::-moz-placeholder {
color: #333333 !important;
}
::-o-placeholder {
color: #333333 !important;
}
:-ms-input-placeholder {
color: #333333 !important;
}
input:-moz-placeholder {
color: #333333 !important;
}
::-webkit-input-placeholder {
color: #333333 !important;
}
.overlay-content ::-moz-placeholder {
color: #ffffff !important;
}
.overlay-content ::-o-placeholder {
color: #ffffff !important;
}
.overlay-content :-ms-input-placeholder {
color: #ffffff !important;
}
.overlay-content input:-moz-placeholder {
color: #ffffff !important;
}
.overlay-content ::-webkit-input-placeholder {
color: #ffffff !important;
}
.subscribe-col .input-group ::-moz-placeholder {
color: #dddddd !important;
}
.subscribe-col .input-group ::-o-placeholder {
color: #dddddd !important;
}
.subscribe-col .input-group :-ms-input-placeholder {
color: #dddddd !important;
}
.subscribe-col .input-group input:-moz-placeholder {
color: #dddddd !important;
}
.subscribe-col .input-group ::-webkit-input-placeholder {
color: #dddddd !important;
}
.restaurant-theme ::-moz-placeholder {
color: #dddddd !important;
}
.restaurant-theme ::-o-placeholder {
color: #dddddd !important;
}
.restaurant-theme :-ms-input-placeholder {
color: #dddddd !important;
}
.restaurant-theme input:-moz-placeholder {
color: #dddddd !important;
}
.restaurant-theme ::-webkit-input-placeholder {
color: #dddddd !important;
}
/* Form CSS */
.form-control {
height: 45px;
margin-bottom: 30px;
box-shadow: none;
border: 1px solid #e4e4e4;
-webkit-box-shadow: none;
-moz-box-shadow: none;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.form-control:focus {
border-color: #666666;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
/* Overlay CSS */
.overlay-black {
position: relative;
}
.overlay-black:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background-color: rgba(34, 34, 34, 0.8);
}
.overlay-white {
position: relative;
}
.overlay-white:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background-color: rgba(255, 255, 255, 0.8);
}
/* Theme btn CSS */
.theme-btn {
position: relative;
z-index: 0;
padding: 13px 20px 15px;
background: #30336B;
font-size: 16px;
color: #ffffff;
font-weight: 400;
text-transform: capitalize;
min-width: 150px;
height: 50px;
overflow: hidden;
border: none;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.theme-btn:hover {
border: none;
color: #ffffff;
background: #30336B;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.btn-primary.focus, .btn-primary:focus {
box-shadow: none;
}
/* Title CSS */
.my-title {
margin-top: -10px;
margin-bottom: 55px;
}
.my-title h2 {
color: #1b1a17;
font-size: 40px;
line-height: 46px;
margin-bottom: 10px;
}
.my-title .bdr {
width: 100px;
height: 3px;
background: #1CC1E0;
margin: 0 auto;
margin-bottom: 20px;
}
.my-title p {
}
/*.animated{
opacity:1;
}*/
/* Back to top */
#back-to-top {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 9999;
width: 50px;
height: 50px;
text-align: center;
font-size: 30px;
line-height: 50px;
background: #1CC1E0;
color: #ffffff;
cursor: pointer;
border: 0;
border-radius: 30px 30px 0 0;
text-decoration: none;
transition: opacity 0.2s ease-out;
opacity: 0;
}
#back-to-top:hover {
}
#back-to-top.show {
opacity: 1;
transition: opacity 0.2s ease-out;
}
/* Pagination CSS */
.my-pagination {
margin-top: 20px;
margin-bottom: 30px;
}
.my-pagination ul li {
margin: 0 5px;
}
.my-pagination ul li a {
padding: 0;
display: inline-block;
background: #ffffff;
width: 55px;
height: 55px;
border-radius: 50% !important;
text-align: center;
line-height: 55px;
border: 2px solid #30336B;
color: #30336b;
font-size: 20px;
font-weight: bold;
}
.my-pagination ul li a:hover {
background: #30336B;
color: #ffffff;
}
.my-pagination ul li a.active {
background: #30336B;
color: #ffffff;
}
.my-pagination ul li a i {
font-size: 30px;
position: relative;
bottom: -3px;
}
/* Call Buttons CSS */
.call-btns {
display: none;
}
/*
=========== 02. Header CSS ===========
*/
.header-area {
position: absolute;
left: 0;
top: 0;
z-index: 9999;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Header Top CSS */
.header-top-area {
padding: 11px 0 0px;
background: transparent;
}
.header-top-col {
margin-bottom: 10px;
}
.header-info ul li {
display: inline-block;
margin-right: 15px;
color: #ffffff;
}
.header-info ul li i {
margin-right: 8px;
}
.consultation-btn {
background: #30336B;
padding: 15px 24px;
height: 50px;
color: #ffffff;
border-radius: 40px;
}
.consultation-btn:hover {
background: #232776;
color: #ffffff;
}
/* Header Nav CSS Start */
.header-navbar {
background: #030a16;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
}
.header-navbar:before {
content: "";
background: #ffffff;
position: absolute;
right: 0;
top: 0;
z-index: 0;
/*width: 1080px;*/
width: 57%;
height: 70px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.header-logo {
margin-top: 10px;
margin-bottom: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-navbar .navbar {
padding: 0;
padding-top: -1px;
padding-bottom: -1px;
}
.header-navbar .navbar-expand-lg .navbar-nav .nav-link {
color: #fffbfb;
padding: 0;
margin-left: 38px;
text-transform: capitalize;
font-weight: 500;
}
.header-navbar .navbar-expand-lg .navbar-nav .nav-link:hover,
.header-navbar .navbar-expand-lg .navbar-nav .nav-link.active {
color: #05c3e2;
}
/* NavBar Fixed CSS */
.sticky {
position: fixed;
top: 0;
left: 0;
z-index: 99999;
width: 100%;
background: #30336B;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-navbar.sticky {
/*border-bottom: 1px solid #30336B;*/
-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
.header-navbar.sticky .stellarnav>ul>li>a {
color: #1b1a17 !important;
padding: 30px 16px;
}
.header-navbar.sticky .header-search-area ul li a {
color: #1b1a17;
}
.logo-white {
display: block;
}
.logo-black {
display: none;
}
.header-navbar.sticky .logo-white {
display: none;
}
.header-navbar.sticky .logo-black {
display: block;
}
.header-navbar.sticky .header-search-area {
padding-top: 26px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-navbar.sticky .header-logo {
margin-top: -5px;
}
/* Full Screen Form CSS */
.overlay {
height: 0%;
width: 100%;
position: fixed;
z-index: 999999;
top: 0;
left: 0;
background-color: rgba(49,51,108, 0.9);
overflow-y: hidden;
transition: 0.5s;
}
.overlay-content {
position: relative;
top: 50%;
width: 100%;
margin-top: 0;
transform: translateY(-50%);
}
.overlay a {
padding: 8px;
text-decoration: none;
font-size: 36px;
color: #818181;
display: block;
transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
color: #f1f1f1;
}
.overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
color: #ffffff;
z-index: 9999999;
}
.overlay-content-col h2 {
text-align: center;
color: #ffffff;
line-height: 46px;
margin-bottom: 60px;
}
.overlay-content-col .form-control {
border: none;
border-bottom: 3px solid #1CC1DF;
background: transparent;
color: #ffffff;
resize: none;
padding-left: 0;
}
.overlay-content-col select.form-control option {
background: #30336B;
}
.overlay-content-col .theme-btn {
min-width: 180px;
height: 60px;
background: #1CC1DF;
}
/* Header Nav CSS Start */
.navbar-brand {
margin: 0;
}
.stellarnav {
width: 100%;
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
}
.stellarnav ul {
text-align: right;
display: block;
}
.stellarnav li a {
text-transform: capitalize;
}
.stellarnav li.has-sub>a:after {
display: none;
}
.stellarnav>ul>li>a {
font-size: 16px;
text-decoration: none;
display: inline-block;
margin: 35px 0;
padding: 0;
margin-left: 38px;
text-transform: capitalize;
font-weight: 500;
}
.stellarnav.light a, .stellarnav.light li a {
color: #ffffff;
}
.stellarnav ul li.current_page_item a {
color: #FFB14F;
}
.stellarnav>ul>li>a:hover {
color: #FFB14F;
}
.stellarnav.desktop li.has-sub i {
font-size: 14px;
color: #999999;
}
.stellarnav.light {
background: transparent;
}
.stellarnav.light ul ul {
border-top: 3px solid #FFB14F;
background: #333333;
box-shadow: 0 12px 12px rgba(0,0,0,0.1);
}
.stellarnav ul li ul li a{
border-bottom: 1px solid #dddddd;
}
.stellarnav ul li ul li a:hover {
background: #FFB14F;
color: #ffffff !important;
}
.stellarnav.desktop>ul>li.mega>ul {
max-width: 80% !important;
overflow: hidden;
}
.stellarnav.desktop>ul>li.mega>ul>li {
padding-bottom: 0;
}
.stellarnav.desktop li.has-sub ul li a {
padding: 20px 15px;
}
/*
=========== 03. Hero CSS ===========
*/
.hero-area {
padding: 350px 0 250px;
position: relative;
height: 100vh;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.hero-area.overlay-black:before {
background-color: rgba(34, 34, 34, 0.5);
}
.hero-doctor-img {
position: absolute;
bottom: 0;
right: 70px;
}
.hero-col h2 {
color: #ffffff;
font-size: 56px;
line-height: 66px;
margin-bottom: 30px;
}
.hero-col p {
color: #ffffff;
margin-bottom: 40px;
}
.hero-col .theme-btn {
min-width: 180px;
height: 60px;
padding-top: 18px;
background: #05C3E2;
margin-right: 20px;
}
.hero-col .theme-btn:hover {
color: #444444;
background: #ffffff;
}
/* Hero Two */
.hero-two-area:before {
background-color: rgba(0, 0, 0, 0.3);
}
.hero-two-area .hero-col {
background: #30336B;
padding: 50px 30px;
border-radius: 5px;
position: relative;
z-index: 99;
}
.around-bdr {
position: absolute;
left: 115px;
top: -68px;
z-index: 0;
width: 618px;
height: 528px;
border: 20px solid #00B9FC;
opacity: 0.5;
border-radius: 10px;
}
.hero-two-area .hero-col h2 {
font-size: 55px;
line-height: 65px;
margin-bottom: 20px;
}
.hero-two-area .hero-col p {
margin-bottom: 30px;
}
/* Hero Three CSS */
.hero-three-area {
position: relative;
background: #30336B;
overflow: hidden;
}
.hero-three-area .hero-img {
position: absolute;
top: 0;
right: -50px;
z-index: 0;
}
.hero-three-area .hero-img img {
height: 100vh;
}
.hero-three-area .hero-col {
background-color: #E866A6;
padding: 40px 40px;
min-width: 665px;
border-radius: 5px;
left: 65px;
}
.hero-three-area .hero-col .theme-btn {
background-color: #31336C !important;
}
.hero-three-area .hero-col .theme-btn:hover {
background-color: #ffffff !important;
color: #444444;
}
.hero-three-area .around-bdr {
border-color: #ffffff;
opacity: 0.5;
left: 200px;
top: -78px;
}
/* Hero Four CSS */
.hero-four-area {
position: relative;
}
.hero-four-area.overlay-black:before {
background-color: rgba(0, 0, 0, 0.6);
}
.hero-right-img {
position: absolute;
right: 250px;
bottom: 0;
z-index: 0;
}
/* Hero Five CSS */
.hero-five-area {
}
.hero-five-area.overlay-black:before {
background: rgb(48,51,107);
background: -moz-linear-gradient(180deg, rgba(48,51,107,1) 0%, rgba(48,51,107,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(48,51,107,1) 0%, rgba(48,51,107,0) 100%);
background: linear-gradient(180deg, rgba(48,51,107,1) 0%, rgba(48,51,107,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#30336b",endColorstr="#30336b",GradientType=1);
}
.hero-five-area .around-bdr {
border-color: #ffffff;
left: auto;
right: 200px;
top: -65px;
}
.hero-five-area .hero-col {
background: #FF9405;
max-width: 660px;
margin: 0 auto;
text-align: center;
}
.hero-five-area .hero-col .theme-btn {
background: #30336B !important;
}
.hero-five-area .hero-col .theme-btn:hover {
color: #ffffff;
}
/* cv-one-hero CSS */
.cv-one-hero {
position: relative;
}
.cv-hero-img {
position: absolute;
right: 250px;
bottom: 0;
z-index: 0;
}
.cv-one-hero .hero-col h2 {
color: #222222;
font-size: 80px;
line-height: 1.1;
}
.cv-one-hero .hero-col p {
color: #222222;
font-weight: bold;
}
.cv-one-hero .theme-btn {
background: #30336B;
min-width: 250px;
height: 70px;
line-height: 38px;
font-size: 24px;
}
.cv-hero-social {
position: absolute;
top: 50%;
left: 100px;
z-index: 0;
transform: translateY(-50%);
}
.cv-hero-social:before {
content: "";
position: absolute;
top: -80px;
left: 50%;
z-index: 0;
width: 2px;
height: 80px;
background: #111111;
margin-left: -1px;
}
.cv-hero-social:after {
content: "";
position: absolute;
bottom: -70px;
left: 50%;
z-index: 0;
width: 2px;
height: 80px;
background: #111111;
margin-left: -1px;
}
.cv-hero-social ul li {
margin: 30px 0;
}
.cv-hero-social ul li a i {
font-size: 35px;
color: #222222;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cv-hero-social ul li a i:hover {
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*
=========== 04. About CSS ===========
*/
.about-area {
padding: 120px 0 90px;
}
.about-col h2 {
line-height: 50px;
}
.about-col p {
margin-bottom: 20px;
}
.about-col ul {
margin-bottom: 45px;
}
.about-col ul li {
position: relative;
padding-left: 25px;
margin-bottom: 10px;
}
.about-col ul li:before {
content: "\eed7";
font-family: IcoFont;
position: absolute;
left: 0;
top: 0;
z-index: 0;
color: #1CC1E0;
}
.about-two-col img {
border-radius: 5px;
}
.about-two-col-text {
min-width: 570px;
margin-left: -100px;
margin-top: 56px;
padding: 30px 30px;
background: #ffffff;
-webkit-box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.1);
box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.1);
}
.about-two-col-text ul {
margin-bottom: 20px;
}
/* About Two CSS */
.about-two-area {
position: relative;
}
.about-two-area .about-two-col img {
border-radius: 0;
border-top-right-radius: 200px;
}
.about-two-area .about-two-col ul {
margin-bottom: 30px;
}
/*
=========== 05. Call CSS ===========
*/
.call-area {
padding: 120px 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.call-area:before {
content:"";
position: absolute;
right: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
background: rgb(48,51,107);
background: -moz-linear-gradient(401deg, rgba(48,51,107,1) 0%, rgba(28,193,224,0.804359243697479) 100%);
background: -webkit-linear-gradient(401deg, rgba(48,51,107,1) 0%, rgba(28,193,224,0.804359243697479) 100%);
background: linear-gradient(401deg, rgba(48,51,107,1) 0%, rgba(28,193,224,0.804359243697479) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#30336b",endColorstr="#1cc1e0",GradientType=1);
}
.call-col {
}
.call-col h2 {
line-height: 46px;
color: #ffffff;
margin-bottom: 20px;
}
.call-col h1 {
font-size: 60px;
line-height: 60px;
color: #ffffff;
margin-bottom: 0;
display: block;
border-bottom: 2px solid #05c3e2;
padding-bottom: 15px;
}
.call-col h1 i {
color: #05c3e2;
}
.video-box {
position: absolute;
right: 375px;
top: -50px;
z-index: 0;
width: 530px;
height: 530px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 33% 67% 60% 40% / 35% 44% 56% 65%;
overflow: hidden;
-webkit-box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.5);
box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.5);
}
.video-box:before {
content:"";
position: absolute;
right: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
background: #30336B;
opacity: 0.8;
}
.video-box i {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
font-size: 80px;
color: #ffffff;
transform: translate(-50%, -50%);
}
/*
=========== 06. Service CSS ===========
*/
.service-area {
padding: 120px 0 90px;
}
.service-col {
text-align: center;
}
.service-img {
position: relative;
}
.service-img:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
width: 100%;
height: 0;
background: rgb(28,193,224);
background: -moz-linear-gradient(0deg, rgba(28,193,224,1) 0%, rgba(28,193,224,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(28,193,224,1) 0%, rgba(28,193,224,0) 100%);
background: linear-gradient(0deg, rgba(28,193,224,1) 0%, rgba(28,193,224,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1cc1e0",endColorstr="#1cc1e0",GradientType=1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-col:hover .service-img:before {
height: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-img{
overflow: hidden;
}
.service-img img {
position: relative;
z-index: -1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-col:hover .service-img img {
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-content {
background: #F5F5F5;
padding: 30px 30px;
}
.service-content h4 {
font-size: 24px;
line-height: 30px;
}
.service-content p {
margin-bottom: 15px;
}
/* Service Two CSS*/
.service-two-area {
padding-bottom: 0;
}
.service-two-col {
background: #F5F5F5;
padding: 25px 20px 25px 135px;
margin-left: 100px;
margin-top: 30px;
position: relative;
border-radius: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-two-col:hover {
background: #30336B;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-two-col img {
position: absolute;
left: -100px;
top: -30px;
z-index: 0;
border-radius: 5px;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
}
.service-two-col h4 {
margin-bottom: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-two-col:hover h4 {
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-two-col p {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-two-col:hover p {
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Service Three CSS */
.service-three-area {
padding-bottom: 0;
}
.service-three-col {
text-align: center;
padding: 30px 30px;
background: #F5F5F5;
border-radius: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-three-col:hover {
background: #0BE881;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-three-col i {
font-size: 70px;
color: #0BE881;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-three-col:hover i {
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-three-col h4 {
margin-top: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-three-col:hover h4 {
color: #30336b;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-three-col p {
margin-bottom: 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-three-col:hover p {
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*
=========== 07. Team CSS ===========
*/
.team-area {
padding: 120px 0 100px;
background: #F5F5F5;
}
.team-area .my-title .bdr {
margin: initial;
margin-bottom: 20px;
}
.team-item {
position: relative;
padding-left: 470px;
padding-bottom: 65px;
}
.item-number {
position: absolute;
right: 10px;
top: 0;
z-index: 0;
}
.item-number h2 {
font-style: italic;
font-size: 60px;
line-height: 60px;
color: #cacaca;
}
.team-item .team-img {
position: absolute;
left: 30px;
top: 30px;
z-index: 1;
}
.team-item .team-img img {
border-radius: 5px;
}
.team-item .team-img:before {
content: "";
width: 370px;
height: 438px;
border: 10px solid #1CC1E0;
position: absolute;
left: -30px;
top: -30px;
z-index: -1;
border-radius: 10px;
}
.team-item h4 {
margin-bottom: 0;
line-height: 30px;
}
.team-item span {
font-weight: 500;
color: #888888;
}
.team-item .bdr {
width: 60px;
height: 3px;
background: #1CC1E0;
margin-top: 5px;
margin-bottom: 20px;
}
.team-info {
}
.team-info ul li {
margin-bottom: 10px;
}
.team-info ul li i {
width: 30px;
margin-right: 5px;
color: #1CC1E0;
}
.team-social {
margin-bottom: 25px;
}
.team-social ul li {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid #1CC1E0;
text-align: center;
margin-right: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-social ul li i {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
margin-left: -2px;
color: #1CC1E0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-social ul li:hover {
background: #1CC1E0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-social ul li:hover i {
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-area .owl-controls {
position: absolute;
right: 0;
top: -110px;
z-index: 0;
}
.team-area .owl-theme .owl-nav {
margin-top: 0;
padding: 0;
}
.team-area .owl-theme .owl-nav [class*=owl-] {
padding: 0;
font-size: 52px;
color: #1cc1e0;
margin: 0;
background: transparent;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-area .owl-theme .owl-nav [class*=owl-]:hover {
color: #30336b;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Team two Start */
.team-two-area {
padding-bottom: 80px;
}
.pt-120 {
padding-top: 120px !important;
}
.team-two-item {
position: relative;
}
.team-two-img {
position: relative;
overflow: hidden;
}
.team-two-img img {
border-radius: 5px;
}
.team-two-img ul {
position: absolute;
right: -40px;
bottom: 0;
z-index: 0;
width: 40px;
height: 200px;
background: #0BE881;
border-top-left-radius: 20px;
text-align: center;
padding-top: 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-two-item:hover .team-two-img ul {
right: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-two-img ul li {
margin-bottom: 7px;
}
.team-two-img ul li i {
color: #ffffff;
font-size: 20px;
}
.team-two-img ul li i:hover {
color: #30336B;
}
.team-two-name {
background: #30336B;
max-width: 300px;
text-align: center;
padding: 15px 15px;
border-radius: 5px 50px 5px 50px;
position: relative;
z-index: 1;
bottom: 40px;
left: 32px;
display: block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-two-item:hover .team-two-name {
left: 0;
background: #0BE881;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-two-name h4 {
color: #ffffff;
margin-bottom: 0;
}
.team-two-name p {
color: #ffffff;
}
/*
=========== 08. Portfolio CSS ===========
*/
.portfolio-area {
padding: 120px 0 90px;
}
.portfolio-area .gallery-filters ul {
padding: 0;
margin: 0;
text-align: center;
margin-bottom: 50px;
}
.portfolio-area .gallery-filters ul li {
display: inline-block;
margin: 0 15px;
}
.portfolio-area .gallery-filters ul li a {
color: #484848;
font-size: 16px;
font-weight: bold;
text-transform: capitalize;
padding: 0;
}
.portfolio-area .gallery-filters ul li a:hover {
color: #1CC1E0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio-area .gallery-filters ul li a.active {
color: #1CC1E0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio-area .masonry-gallery .grid {
width: 25%;
float: left;
padding: 0 15px;
padding-bottom: 30px;
}
.portfolio-area .grid img {
width: 100%;
height: auto;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.portfolio-item {
position: relative;
overflow: hidden;
}
.portfolio-item-overlay {
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 0;
background: rgba(48, 51, 107, 0.8);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio-item:hover .portfolio-item-overlay {
height: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio-item-overlay i {
position: absolute;
right: 0;
left: 0;
top: 20%;
text-align: center;
font-size: 48px;
color: #ffffff;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio-item:hover .portfolio-item-overlay i {
opacity: 1;
top: 50%;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.portfolio-item-text {
position: absolute;
left: 80px;
bottom: 25px;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio-item:hover .portfolio-item-text {
opacity: 1;
left: 25px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.portfolio-item-text h4 {
line-height: 30px;
margin-bottom: 5px;
}
.portfolio-item-text h4 a {
color: #ffffff;
}
.portfolio-item-text p {
color: #ffffff;
}
#html5-watermark {
display: none !important;
}
.portfolio-area .masonry-gallery .grid.wd-50percent {
width: 50%;
}
/*
=========== 09. Faq CSS ===========
*/
.faq-area {
padding: 0 ;
}
.faq-area .my-title .bdr {
margin: initial;
margin-bottom: 20px;
}
.my-faq-accordion {
position: relative;
}
.my-faq-accordion .card {
border: none;
}
.my-faq-accordion .card .card-header {
padding: 0;
margin-bottom: 15px;
border: none;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.my-faq-accordion .card .card-header h5 button {
display: block;
width: 100%;
text-align: left;
font-size: 24px;
padding: 13px 20px 13px 25px;
position: relative;
cursor: pointer;
line-height: 30px;
color: #1c1b42;
font-weight: 600;
color: #1c1b42;
background: #F5F5F5;
transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
}
.my-faq-accordion .card .card-header h5 button {
}
.my-faq-accordion .card .card-header h5 button:hover,
.my-faq-accordion .card .card-header h5 button:focus {
text-decoration: none;
box-shadow: none;
outline: none;
}
.my-faq-accordion .card .card-body {
position: relative;
padding: 8px 20px 20px 20px;
margin-bottom: 0;
line-height: 1.8em;
font-size: 16px;
color: #1c1b42;
}
.my-faq-accordion .card .card-header button.btn-link {
position: relative;
}
.my-faq-accordion .card .card-header button.btn-link:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 10px;
height: 100%;
background: #30336B;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.my-faq-accordion .card .card-header button.btn-link i {
font-size: 35px;
color: #ffffff;
position: absolute;
top: 50%;
left: 10px;
z-index: 1;
transform: translateY(-50%);
display: none;
}
.my-faq-accordion .card .card-header button.btn-link.collapsed i {
-ms-transform: rotate(90deg); /* IE 9 */
transform: rotate(90deg); /* Standard syntax */
}
.counter-col {
text-align: center;
margin-top: 10px;
}
.counter-col ul li {
display: inline-block;
width: 25%;
background: #F5F5F5;
min-height: 190px;
position: relative;
margin: 0;
padding: 0;
margin-top: -9px;
margin-left: -4px;
}
.counter-col ul li:nth-child(1) {
background: #EEEEEE;
}
.counter-col ul li:nth-child(3) {
background: #EEEEEE;
}
.counter-col ul li span {
position: absolute;
left: 0;
right: 0;
top: 50%;
z-index: 0;
text-align: center;
transform: translateY(-50%);
}
.counter-col ul li span i {
color: #30336b;
font-size: 40px;
}
.counter-col ul li span h2 {
font-size: 36px;
line-height: 30px;
color: #1cc1e0;
margin-bottom: 10px;
margin-top: 15px;
}
.counter-col ul li span h2 span {
display: block;
}
.counter-col ul li span h4 {
margin-bottom: 0;
}
/*
=========== 10. Pricing CSS ===========
*/
.pricing-area {
padding-top: 120px;
padding-bottom: 90px;
}
.pricing-col {
background: #F5F5F5;
}
.pricing-header {
background: #30336B;
padding: 70px 50px;
border-bottom-right-radius: 150px;
}
.pricing-header {
text-align: center;
position: relative;
}
.pricing-header h2 {
font-size: 40px;
line-height: 46px;
color: #ffffff;
margin-bottom: 0;
}
.pricing-header h2 span {
font-size: 16px;
line-height: 28px;
font-weight: normal;
}
.pricing-header h4 {
font-size: 24px;
line-height: 30px;
color: #dddddd;
-ms-transform: rotate(-90deg); /* IE 9 */
transform: rotate(-90deg); /* Standard syntax */
position: absolute;
left: -50px;
top: 50%;
margin-top: -17px;
margin-bottom: 0;
}
.pricing-content {
padding: 30px 0;
text-align: center;
}
.pricing-content ul li {
background: #EEEEEE;
padding: 18px 10px;
}
.pricing-content ul li:nth-child(2) {
background: #F5F5F5;
}
.pricing-content ul li:nth-child(4) {
background: #F5F5F5;
}
.pricing-content ul li:nth-child(6) {
background: #F5F5F5;
}
.pricing-content .theme-btn {
margin-top: 10px;
}
.middile-pricing {
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
}
.middile-pricing .pricing-header {
background: #1CC1E0;
}
/* Pricing Two CSS */
.pricing-two-area {
padding: 120px 0 90px;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.pricing-two-col {
text-align: center;
background: #30336B;
border-radius: 5px;
transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
}
.pricing-two-col:hover {
-webkit-box-shadow: 0px 12px 20px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 12px 20px 0px rgba(0,0,0,0.35);
box-shadow: 0px 12px 20px 0px rgba(0,0,0,0.35);
transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
}
.pricing-two-header {
background: #ffffff;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
border: 2px solid #E866A5;
padding: 22px 10px;
}
.pricing-two-header h4 {
margin-bottom: 0;
}
.pricing-two-content {
padding: 140px 25px 30px 25px;
position: relative;
}
.pricing-two-content p {
color: #ffffff;
margin-bottom: 25px;
}
.pricing-two-content .theme-btn {
background: #E866A5;
}
.pricing-two-content .theme-btn:hover {
background: #ffffff;
color: #444444;
}
.pricing-two-content h2 {
color: #ffffff;
margin: 0;
position: absolute;
right: 30px;
top: 25px;
z-index: 0;
}
.pricing-two-img {
position: absolute;
top: 0;
left: 30px;
z-index: 0;
width: 100px;
height: 120px;
background: #E866A6;
border-radius: 0 0 50px 50px;
}
.pricing-two-img img {
width: 90px;
height: 90px;
border-radius: 50%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
/* Pricing Three CSS */
.pricing-three-area {
padding-top: 110px;
}
/*
=========== 11. Testimonial CSS ===========
*/
.testimonial-area {
padding: 120px 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.testimonial-col .owl-carousel .owl-item {
padding: 8px 18px 42px 18px;
}
.testimonial-item {
position: relative;
text-align: center;
background: #FFFFFF;
padding: 30px 25px 55px 25px;
border-radius: 10px;
-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);
box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);
}
.testimonial-item i {
position: absolute;
left: 50%;
top: 30px;
z-index: 0;
transform: translateX(-50%);
font-size: 80px;
color: #E5E5E5;
}
.testimonial-item p {
font-style: italic;
position: relative;
z-index: 1;
font-weight: 500;
}
.testimonial-item h4 {
margin-bottom: 0;
margin-top: 5px;
}
.testimonial-item .testimonial-img {
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
border: 3px solid #30336b;
margin: 0 auto;
position: absolute;
left: 50%;
bottom: -40px;
margin-left: -40px;
z-index: 1;
}
.testimonial-col .owl-theme .owl-dots {
width: 200px;
height: 40px;
margin: 0 auto;
margin-top: 60px;
padding-top: 5px;
background: #ffffff;
-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);
box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);
border-radius: 40px;
}
.testimonial-col .owl-theme .owl-dots .owl-dot span {
width: 20px;
height: 20px;
background: #D1C9C9;
margin-right: 10px;
margin-left: 10px;
}
.testimonial-col .owl-theme .owl-dots .owl-dot.active span {
background: #1CC1E0;
}
/* Testimonial Two CSS */
.testimonial-two-area {
padding: 120px 0 110px;
}
.testimonial-item-two {
background: #30336B;
text-align: center;
border-radius: 5px;
padding: 50px 30px;
}
.testimonial-item-two .testimonial-two-img {
margin-bottom: 15px;
}
.testimonial-item-two .testimonial-two-img img {
width: 80px !important;
height: 80px !important;
margin: 0 auto;
border-radius: 40% 60% 62% 38% / 72% 62% 38% 28%;
}
.testimonial-item-two h4 {
color: #ffffff;
margin-bottom: 10px;
}
.testimonial-item-two span {
color: #ffffff;
}
.testimonial-item-two p {
color: #ffffff;
margin-top: 15px;
}
.testimonial-two-area .owl-theme .owl-nav {
margin-top: 40px;
}
.testimonial-two-area .owl-theme .owl-dots .owl-dot span {
width: 50px;
height: 10px;
}
.testimonial-two-area .owl-theme .owl-dots .owl-dot.active span {
background: #00B9FC;
width: 200px;
height: 10px;
}
/* Testimonial Three */
.testimonial-three-area {
}
.testimonial-three-area .testimonial-item-two {
padding-left: 60px;
padding-right: 60px;
}
/*
=========== 12. Blog CSS ===========
*/
.blog-area {
padding: 120px 0 90px;
}
.blog-col {
margin-bottom: 30px;
}
.blog-img {
position: relative;
overflow: hidden;
}
.blog-img:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
width: 100%;
height: 0;
background: rgb(28,193,224);
background: -moz-linear-gradient(0deg, rgba(28,193,224,1) 0%, rgba(28,193,224,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(28,193,224,1) 0%, rgba(28,193,224,0) 100%);
background: linear-gradient(0deg, rgba(28,193,224,1) 0%, rgba(28,193,224,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1cc1e0",endColorstr="#1cc1e0",GradientType=1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog-col:hover .blog-img:before {
height: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog-img img {
position: relative;
z-index: -1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog-col:hover .blog-img img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog-col-content {
padding: 45px 30px 30px 30px;
background-color: #F5F5F5;
}
.blog-info-bar {
background-color: #FFFFFF;
border-radius: 0 50px 50px 0;
position: relative;
max-height: 52px;
padding: 15px 15px 15px 80px;
margin-left: 20px;
margin-bottom: 40px;
}
.blog-info-bar img {
width: 80px !important;
height: 80px !important;
position: absolute;
left: -20px;
top: -10px;
z-index: 0;
border-radius: 50%;
border: 3px solid #1CC1E0;
}
.blog-info-bar ul li {
display: inline-block;
margin-right: 15px;
}
.blog-info-bar ul li i {
margin-right: 5px;
}
.blog-info-bar ul li a {
color: #444444;
}
.blog-col-content h4 {
margin-bottom: 15px;
}
.blog-col-content h4 a {
color: #222222;
}
.blog-col-content .theme-btn {
margin-top: 10px;
}
.blog-area .owl-theme .owl-nav [class*=owl-] {
padding: 0;
background-color: transparent;
color: #30336B;
font-size: 50px;
margin: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.blog-area .owl-theme .owl-nav [class*=owl-]:hover {
color: #1cc1e0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.blog-inner-area {
padding-top: 160px;
}
/* Blog Details Start */
.bolg-details-area {
padding-top: 160px;
padding-bottom: 90px;
}
.big-img img {
border-radius: 5px;
}
.bolg-details-col .blog-info-bar {
background: #f5f5f5;
margin-top: 50px;
max-width: 400px;
}
.heighlight-box {
background: #f5f5f5;
padding: 30px 20px 30px 200px;
margin-left: 70px;
margin-top: 110px;
margin-bottom: 45px;
border-radius: 5px;
position: relative;
}
.heighlight-box img {
border-radius: 5px;
position: absolute;
left: -70px;
top: -65px;
z-index: 0;
-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.15);
box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.15);
}
.heighlight-box i {
color: #d0cdcd;
font-size: 40px;
}
.heighlight-box p {
font-style: italic;
}
.tag-bar {
padding: 15px 20px;
border-radius: 5px;
background: #f5f5f5;
margin-top: 50px;
margin-bottom: 50px;
}
.tag-bar-col ul li {
display: inline-block;
}
.tag-bar-col ul li i {
color: #1cc1e0;
font-size: 24px;
margin-right: 5px;
position: relative;
bottom: -2px;
}
.tag-bar-col ul li a {
color: #444444;
position: relative;
}
.tag-bar-col ul li a i {
color: #333333;
font-size: 16px;
position: relative;
bottom: 0;
margin-left: 8px;
}
.share-icons {
text-align: right;
}
.comments-box h4 {
margin-bottom: 30px;
}
.comments-box-item {
position: relative;
padding-left: 120px;
margin-bottom: 40px;
min-height: 100px;
}
.comments-box-item img {
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100px;
height: 100px;
border-radius: 50%;
border: 3px solid #1CC1E0;
-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.35);
box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.35);
}
.comments-box-item p strong {
font-weight: bold;
}
.comments-box-item p a {
float: right;
}
.comments-box-item p a i {
font-size: 30px;
color: #1cc1e0;
}
.comments-box-item span {
color: #868585;
font-size: 12px;
font-style: italic;
}
.middle-comment {
margin-left: 100px;
}
.comment-form-box {
padding: 30px 30px;
background: #F5F5F5;
border-radius: 5px;
margin-top: 30px;
}
.comment-form-box form .form-control {
background: #D8D8E0;
resize: none;
height: 50px;
border-radius: 5px;
}
.comment-form-box form textarea.form-control {
height: 100%;
min-height: 120px;
}
/* Sidebar CSS */
.bolg-sidebar-col {
}
.bolg-sidebar-box {
background: #F5F5F5;
border-radius: 5px;
margin-bottom: 30px;
overflow: hidden;
}
.bolg-sidebar-box h4 {
padding: 12px 30px;
background: #EEEEEE;
margin-bottom: 0;
}
.search-box {
padding: 30px 30px;
}
.search-box .input-group-text button {
background: #1CC1E0;
border-radius: 0;
border: none;
height: 48px;
width: 58px;
}
.search-box .form-control {
height: 50px;
border-radius: 0;
border: none;
}
.search-box .input-group-text button i {
font-size: 24px;
}
.categories-box {
padding: 30px 30px;
}
.categories-box ul li a {
padding: 15px 0;
padding-left: 20px;
border-bottom: 1px solid #ffffff;
display: block;
color: #444444;
position: relative;
}
.categories-box ul li a:hover {
color: #f17c02;
}
.categories-box ul li a:before {
content: "\eaca";
font-family: IcoFont;
font-size: 16px;
color: #000000;
position: absolute;
left: 0;
top: 50%;
z-index: 0;
transform: translateY(-50%);
}
.categories-box ul li a span {
float: right;
}
.categories-box ul li:first-child a {
padding-top: 0;
}
.categories-box ul li:first-child a:before {
top: 14px;
}
.post-box {
padding: 30px 30px;
}
.post-box ul li {
position: relative;
padding-left: 90px;
min-height: 80px;
margin-bottom: 30px;
}
.post-box ul li img {
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 80px;
height: 80px;
}
.post-box ul li a {
color: #222222;
font-weight: bold;
}
.post-box ul li span {
color: #666666;
display: block;
}
.post-box ul li:last-child {
margin-bottom: 0;
}
.tag-box {
padding: 30px 30px;
padding-bottom: 20px;
}
.tag-box ul li {
min-height: 30px;
border: 1px solid #dddddd;
display: inline-block;
margin-bottom: 8px;
margin-right: 3px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.tag-box ul li a {
padding: 10px 10px;
color: #444444;
}
.tag-box ul li:hover a {
color: #ffffff;
}
.tag-box ul li:hover {
background: #1CC1E0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.advertisement {
text-align: center;
}
/*
=========== 13. Timetable CSS ===========
*/
.timetable-area {
padding: 120px 0;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.timetable-col {
background-color: #30336B;
padding: 40px 30px;
}
.timetable-col h4 {
color: #ffffff;
}
.timetable-col p {
color: #ffffff;
margin-bottom: 30px;
}
.timetable-col ul li {
background-color: #383B78;
margin-bottom: 20px;
padding: 12px 20px;
color: #ffffff;
}
.timetable-col ul li:last-child {
margin-bottom: 0;
}
.timetable-col ul li span {
float: right;
}
.timetable-footer {
background-color: #383B78;
padding: 30px 30px;
}
.timetable-footer h4 {
margin-bottom: 0;
color: #ffffff;
}
.timetable-footer span {
color: #ffffff;
}
.jarallax {
position: relative;
z-index: 0;
}
.jarallax > .jarallax-img {
position: absolute;
object-fit: cover;
/* support for plugin https://github.com/bfred-it/object-fit-images */
font-family: 'object-fit: cover;';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
/*
=========== 14. Contact CSS ===========
*/
.contact-area {
padding: 120px 0 0;
background: transparent;
margin-bottom: -70px;
position: relative;
z-index: 999;
}
.contact-col {
background-color: #F5F5F5;
padding: 50px 30px;
border-radius: 5px;
-webkit-box-shadow: 0px 60px 80px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 60px 80px 0px rgba(0,0,0,0.15);
box-shadow: 0px 60px 80px 0px rgba(0,0,0,0.15);
}
.contact-info-box {
text-align: center;
margin-bottom: 30px;
}
.contact-info-box i {
width: 50px;
height: 50px;
margin: 0 auto;
display: block;
text-align: center;
font-size: 30px;
color: #ffffff;
line-height: 50px;
background-color: #eebd41;
border-radius: 50%;
margin-bottom: 15px;
}
.form-col .form-control {
min-height: 48px;
border: none;
}
#map {
width: 100%;
height: 470px;
}
/*
=========== 15. Partners CSS ===========
*/
.partners-area {
background: #F5F5F5;
padding: 120px 0 110px;
}
/*
=========== 16. Slider CSS ===========
*/
.main-slider-section {
}
.pogoSlider {
height: 100vh;
padding-bottom: 0 !important;
}
.pogoSlider-dir-btn {
z-index: 1;
width: 30px;
height: 30px;
}
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev {
top: 50%;
left: 0;
position: relative;
width: 80px;
height: 70px;
margin-top: 0;
border: none;
margin-bottom: -40px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transform: translateY(-50%);
}
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev:before {
content: "\ea93";
position: absolute;
left: 0;
top: 0;
z-index: 99999;
font-family: IcoFont;
font-size: 50px;
line-height: 70px;
color: #ffffff;
width: 80px;
height: 70px;
background: ;
cursor: pointer;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
}
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next {
margin-top: 0;
right: 0;
top: 50%;
border: none;
width: 80px;
height: 70px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transform: translateY(-50%);
}
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next:before {
content: "\ea94";
position: absolute;
right: 0;
top: 0;
z-index: 99999;
font-family: IcoFont;
font-size: 50px;
line-height: 70px;
color: #ffffff;
width: 80px;
height: 70px;
cursor: pointer;
border-top-left-radius: 40px;
border-bottom-left-radius: 40px;
}
.pogoSlider-slide {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.pogoSlider-slide:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
background: rgba(0, 0, 0, 0.5);
}
.silder-elements {
text-align: center;
position: relative;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 999;
padding: 0;
}
.slider-para {
color: #ffffff;
font-size: 16px !important;
margin-bottom: 35px !important;
padding: 0 250px;
}
.slider-main-title {
font-size: 56px !important;
line-height: 65px !important;
color: #ffffff;
margin-bottom: 30px;
}
.slider-main-title span {
color: #ffa733;
}
.silder-elements .theme-btn {
margin: 0 5px;
color: #ffffff;
background: #0BE881;
min-width: 180px;
height: 55px;
padding: 15px 10px 15px;
}
.pogoSlider--navBottom .pogoSlider-nav {
display: none;
}
/*
=========== 17. Practice CSS ===========
*/
.practice-area {
padding: 120px 0 70px;
}
.practice-col {
min-height: 120px;
margin-bottom: 50px;
position: relative;
padding-left: 130px;
}
.icon-bdr {
width: 118px;
height: 118px;
border-radius: 50%;
border: 3px solid #c7b88f;
position: absolute;
left: 0;
top: 0;
z-index: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.practice-icon {
width: 100px;
height: 100px;
border-radius: 50%;
background: #f5f5f5;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 0;
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.practice-icon i {
color: #c7b88f;
font-size: 50px;
line-height: 100px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.practice-col:hover .practice-icon {
background: #c7b88f;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.practice-col:hover .practice-icon i {
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.practice-col:hover .icon-bdr {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);
box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);
}
/*
=========== 18. Page Title CSS ===========
*/
.page-title-area {
min-height: 405px;
padding-top: 260px;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
.page-title-col {
width: 570px;
margin: 0 auto;
margin-bottom: -50px;
background: #ffffff;
padding: 50px 20px;
border-radius: 5px;
text-align: center;
-webkit-box-shadow: 0px 12px 30px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 12px 30px 0px rgba(0,0,0,0.15);
box-shadow: 0px 12px 30px 0px rgba(0,0,0,0.15);
}
.page-title-col ul li {
display: inline-block;
}
.page-title-col ul li a {
color: #444444;
}
/*
=========== 19. Footer CSS ===========
*/
.footer-area {
padding: 120px 0 90px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.footer-logo img {
margin-bottom: 30px;
}
.footer-logo p {
color: #f1f1f1;
margin-bottom: 30px;
}
.my-social {
}
.my-social ul li {
display: inline-block;
margin-right: 20px;
}
.my-social ul li:first-child {
margin-right: 13px;
}
.my-social ul li a i {
color: #f1f1f1;
font-size: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.my-social ul li a i:hover {
color: #05C3E2;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footer-col h4 {
position: relative;
color: #ffffff;
margin-bottom: 35px;
}
.footer-col h4:before {
content: "";
position: absolute;
left: 0;
bottom: -7px;
z-index: 0;
width: 60px;
height: 2px;
background: #1CC1E0;
}
.footer-post ul li {
display: block;
min-height: 80px;
margin-bottom: 20px;
position: relative;
padding-left: 100px;
}
.footer-post ul li img {
position: absolute;
left: 0;
top: 5px;
z-index: 0;
width: 80px;
height: 80px;
}
.footer-post ul li a {
color: #ffffff;
font-size: 16px;
letter-spacing: -0.6px;
}
.footer-post ul li p {
color: #999999;
}
.my-flex-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.my-flex-container div {
width: 100px;
height: 100px;
margin-bottom: 30px;
margin-right: 0;
overflow: hidden;
}
.my-flex-container div a img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.my-flex-container div:hover a img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.subscribe-col {
}
.subscribe-col .input-group-text {
padding: 0;
border: none;
}
.subscribe-col .input-group .form-control {
min-height: 55px;
border: none;
border-bottom: 2px solid #1CC1E0;
background: transparent;
color: #cecece;
font-size: 18px;
padding-left: 0;
}
.subscribe-col .input-group .btn {
min-width: 150px;
min-height: 55px;
border-radius: 0;
font-size: 24px;
text-transform: capitalize;
background: #1CC1E0;
border: none;
}
.subscribe-col .btn-primary.focus, .subscribe-col .btn-primary:focus {
border-color: transparent;
}
.copyright-col {
text-align: right;
padding-top: 10px;
}
.copyright-col p {
color: #cecece;
}
.mb-30 {
margin-bottom: 30px;
}
.pb-90 {
padding-bottom: 90px;
}
/*
=========== CV One Theme All CSS ===========
*/
.cv-one-theme {
}
/* ------ CV Header CSS Start ------- */
.cv-one-theme .header-navbar .navbar {
padding: 30px 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cv-one-theme .header-navbar:before {
background: transparent;
}
.cv-one-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link {
color: #000000;
}
.cv-one-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link:hover,
.cv-one-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link.active {
color: #FACA22;
}
.cv-one-theme .header-navbar.sticky {
background: #ffffff;
}
.cv-one-theme .header-navbar.sticky .navbar {
padding: 10px 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* ------ About CSS Start ------- */
.cv-one-theme .about-area {
padding-bottom: 190px;
}
.cv-one-theme #back-to-top {
background: #FACA22;
}
.cv-one-theme .man-img {
text-align: center;
background: rgb(250,202,34);
background: -moz-linear-gradient(0deg, rgba(250,202,34,1) 0%, rgba(0,212,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(250,202,34,1) 0%, rgba(0,212,255,0) 100%);
background: linear-gradient(0deg, rgba(250,202,34,1) 0%, rgba(0,212,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faca22",endColorstr="#00d4ff",GradientType=1);
}
.cv-one-theme .about-col ul li:before {
color: #FACA22;
}
.btnandvideo {
display: flex;
align-items: center;
}
.video-circle {
border-left: 2px solid #FACA22;
margin-left: 50px;
padding-left: 50px;
}
.video-circle i {
font-size: 80px;
color: #FACA22;
border-radius: 50%;
}
.btnandvideo .theme-btn {
padding: 17px 40px 18px;
height: 58px;
}
/* ------ Service CSS Start ------- */
.cv-one-service-area {
padding: 120px 0 250px;
position: relative;
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
}
.cv-one-service-area .img1 {
position: absolute;
left: 0;
top: -100px;
z-index: 0;
}
.cv-title {
margin-top: -10px;
margin-bottom: 60px;
}
.cv-title h2 {
color: #1b1a17;
font-size: 40px;
line-height: 46px;
margin-bottom: 10px;
}
.cv-title p {
}
.cv-one-service-area .cv-title {
max-width: 500px;
}
.cv-one-service-area .cv-title h2 {
}
.cv-one-service-area .cv-title p {
color: #ffffff;
}
.cv-service-carousel {
padding-right: 15px;
}
.cv-one-service-col h4 {
margin-top: 20px;
}
.cv-one-service-col p {
color: #ffffff;
}
.cv-one-service-col a {
color: #444444;
}
.cv-one-service-col a:hover {
color: #ffffff;
}
.cv-one-service-col a i {
color: #444444;
font-size: 30px;
position: relative;
bottom: -6px;
}
.cv-one-service-area .owl-theme .owl-nav [class*=owl-] {
background: transparent;
font-size: 40px;
border: 1px solid #ffffff;
margin-top: 30px;
}
/* ------ Work Story CSS Start ------- */
.work-stroey-area {
padding: 100px 0 0;
}
.main-timeline{
}
.main-timeline:after{
content: '';
display: block;
clear: both;
}
.main-timeline:before{
content: '';
background-color: #F5F5F5;
height: 100%;
width: 5px;
transform: translateX(-50%);
position: absolute;
top: 0;
left: 50px;
}
.main-timeline .timeline{
width: 100%;
padding: 0 0 0 50px;
margin-bottom: 50px;
float: right;
position: relative;
z-index: 1;
}
.main-timeline .timeline:before{
content: '';
background-color: #fff;
height: 5px;
width: 80px;
position: absolute;
right: 50px;
top: 50px;
z-index: -1;
}
.main-timeline .timeline-content{
display: block;
margin-left: 50px;
-webkit-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.1);
box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.main-timeline .timeline-content:hover{
text-decoration: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.main-timeline .timeline-year{
color: #121365;
background: rgb(250,202,34);
background: -moz-linear-gradient(156deg, rgba(250,202,34,1) 0%, rgba(229,131,4,1) 100%);
background: -webkit-linear-gradient(156deg, rgba(250,202,34,1) 0%, rgba(229,131,4,1) 100%);
background: linear-gradient(156deg, rgba(250,202,34,1) 0%, rgba(229,131,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faca22",endColorstr="#e58304",GradientType=1);
font-size: 24px;
font-weight: bold;
text-align: center;
line-height: 100px;
height: 50px;
width: 50px;
border-radius: 50%;
position: absolute;
left: 10px;
top: 0;
z-index: 1;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
}
.main-timeline .timeline-year:before{
content: '';
background-color: #fff;
height: 80%;
width: 80%;
border-radius: 50%;
transform: translateX(-50%) translateY(-50%);
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
}
.main-timeline .title{
background: #F5F5F5;
padding: 10px 20px;
text-align: left;
margin-bottom: 0;
}
.main-timeline .description{
text-align: left;
padding: 20px 20px;
color: #444444;
}
.main-timeline .description span {
font-weight: bold;
color: #30336B;
}
.main-timeline .timeline:nth-child(even){
padding: 0 0 0 50px;
margin-bottom: 50px;
float: right;
}
.main-timeline .timeline:nth-child(even):before{
right: auto;
left: 50px;
}
.main-timeline .timeline:nth-child(even) .timeline-year{
right: auto;
left: 10px;
}
.main-timeline .timeline:nth-child(even) .timeline-icon{
right: auto;
left: 20px;
}
/*
=========== CV portfolio CSS ===========
*/
.cv-portfolio-area {
padding: 120px 0 90px;
}
.cv-portfolio-area .container-fluid {
padding: 0 30px;
}
.box {
margin-bottom: 30px;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
.box:hover {
}
/*.box:before{
content: "";
background: #30336B;
width: 100%;
height: 100%;
opacity: 0;
filter: blur(10px);
transform: rotate(110deg);
position: absolute;
top: 25px;
left: 50%;
z-index: 1;
transition: all 0.3s ease-in-out;
}*/
.box:hover:before{
opacity: 0.7;
filter: blur(0);
left: 35%;
}
.box img{
width: 100%;
height: auto;
transform: scale3d(1.1, 1.1, 1);
transition: all 0.3s ease-in-out;
}
.box:hover img{
opacity: 0.5;
transform: scale(1);
}
.box .box-content {
text-align: center;
padding: 15px 5px;
transform: skew(-10deg) rotate(-12deg) translateX(-150%) translateY(-50%);
transform-style: preserve-3d;
position: absolute;
top: 50%;
left: 25px;
right: 25px;
z-index: 2;
transition: all 0.3s ease-in-out;
background: rgb(250,202,34);
background: -moz-linear-gradient(156deg, rgba(250,202,34,1) 0%, rgba(229,131,4,1) 100%);
background: -webkit-linear-gradient(156deg, rgba(250,202,34,1) 0%, rgba(229,131,4,1) 100%);
background: linear-gradient(156deg, rgba(250,202,34,1) 0%, rgba(229,131,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faca22",endColorstr="#e58304",GradientType=1);
}
.box:hover .box-content{
opacity: 1;
transform: skew(-10deg) rotate(-10deg) translateX(0) translateY(-50%);
}
.box .title{
color: #ffffff;
letter-spacing: 0;
margin: 0;
}
.box .post{
color: #ffffff;
letter-spacing: 0;
text-transform: capitalize;
}
.box .icon{
padding: 0;
margin: 0;
list-style: none;
opacity: 0;
transform: translateX(15px) rotate(-90deg);
transform-origin: top right;
position: absolute;
bottom: 10px;
right: 10px;
z-index: 2;
transition: all 0.3s ease 0s;
}
.box:hover .icon{
opacity: 1;
transform: translateX(0) rotate(0);
}
.box .icon li{
display: inline-block;
margin-left: 10px;
transition: 0.4s ease 0.3s;
}
.box .icon li a{
color: #ffffff;
font-size: 20px;
text-align: center;
text-shadow: 0 0 3px rgba(0,0,0,0.5);
line-height: 35px;
height: 40px;
width: 40px;
border: 2px solid #fff;
display: block;
transition: 0.3s ease-in-out;
background: rgb(250,202,34);
background: -moz-linear-gradient(156deg, rgba(250,202,34,1) 0%, rgba(229,131,4,1) 100%);
background: -webkit-linear-gradient(156deg, rgba(250,202,34,1) 0%, rgba(229,131,4,1) 100%);
background: linear-gradient(156deg, rgba(250,202,34,1) 0%, rgba(229,131,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faca22",endColorstr="#e58304",GradientType=1);
}
.box .icon li a:hover{
color: #ffffff;
border-radius: 50%;
background: rgb(250,202,34);
background: -moz-linear-gradient(156deg, rgba(250,202,34,1) 0%, rgba(229,131,4,1) 100%);
background: -webkit-linear-gradient(156deg, rgba(250,202,34,1) 0%, rgba(229,131,4,1) 100%);
background: linear-gradient(156deg, rgba(250,202,34,1) 0%, rgba(229,131,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faca22",endColorstr="#e58304",GradientType=1);
}
/*
=========== CV Testimonial CSS ===========
*/
.cv-one-theme .testimonial-area {
background: #30336B;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.cv-one-theme .testimonial-area .testimonial-item-two {
background: rgb(250,202,34);
background: -moz-linear-gradient(0deg, rgba(250,202,34,1) 0%, rgba(0,212,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(250,202,34,1) 0%, rgba(0,212,255,0) 100%);
background: linear-gradient(0deg, rgba(250,202,34,1) 0%, rgba(0,212,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faca22",endColorstr="#00d4ff",GradientType=1);
}
.cv-one-theme .testimonial-area .cv-title h2 {
color: #ffffff;
}
.cv-one-theme .testimonial-area .cv-title p {
color: #ffffff;
}
.cv-one-theme .testimonial-two-area .owl-theme .owl-dots .owl-dot span {
width: 60px;
height: 60px;
background: transparent;
border: 15px solid #ffffff;
}
.cv-one-theme .testimonial-two-area .owl-theme .owl-dots .owl-dot.active span {
width: 60px;
height: 60px;
border: 15px solid #FACA22;
}
.cv-one-theme .testimonial-item-two .testimonial-two-img img {
border-radius: 50%;
border: 5px solid #FACA22;
width: 100px !important;
height: 100px !important;
}
/*
=========== CV Blog CSS ===========
*/
.cv-one-theme .blog-area {
}
.cv-one-theme .blog-area .container-fluid {
padding: 0 30px;
}
.cv-one-theme .blog-area .blog-img:before {
background: rgb(250,202,34);
background: -moz-linear-gradient(0deg, rgba(250,202,34,1) 0%, rgba(0,212,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(250,202,34,1) 0%, rgba(0,212,255,0) 100%);
background: linear-gradient(0deg, rgba(250,202,34,1) 0%, rgba(0,212,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faca22",endColorstr="#00d4ff",GradientType=1);
}
.cv-one-theme .blog-area .blog-col-content {
padding: 30px 30px;
}
.cv-one-theme .blog-area .blog-col-content p {
margin-bottom: 10px;
}
.cv-one-theme .blog-area .blog-info-bar {
margin-left: 0;
border-radius: 50px;
margin-bottom: 20px;
padding: 0;
background: transparent;
text-align: left;
}
.cv-one-theme .blog-area .blog-col h4 {
margin-bottom: 20px;
}
.cv-one-theme .blog-area .blog-col h4 a {
color: #222222;
}
/*
=========== CV Contact CSS ===========
*/
.cv-one-theme .contact-area {
background: #30336B;
padding: 120px 0 120px;
margin-bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.cv-one-theme .contact-area .form-col {
background-color: rgb(245, 245, 245, 0.12);
padding: 50px 30px;
}
.cv-one-theme .contact-area .contact-info-col {
width: 100%;
display: flex;
justify-content: space-between;
}
.cv-one-theme .contact-area .contact-info-col .contact-info-box {
background-color: rgb(245, 245, 245, 0.12);
padding: 30px 30px;
width: 31.5%;
height: 200px;
color: #ffffff;
}
.cv-title.cv-title-white h2,
.cv-title.cv-title-white p {
color: #ffffff;
}
.cv-one-theme .form-col .form-control {
color: #ffffff;
background-color: rgb(245, 245, 245, 0.3);
}
.cv-one-theme .form-col ::-moz-placeholder {
color: #ffffff !important;
}
.cv-one-theme .form-col ::-o-placeholder {
color: #ffffff !important;
}
.cv-one-theme .form-col :-ms-input-placeholder {
color: #ffffff !important;
}
.cv-one-theme .form-col input:-moz-placeholder {
color: #ffffff !important;
}
.cv-one-theme .form-col ::-webkit-input-placeholder {
color: #ffffff !important;
}
/*
=========== CV Footer CSS ===========
*/
.footer-two-area {
padding: 120px 0 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.footer-logo-box {
}
.footer-logo-box img {
margin-bottom: 30px;
}
.footer-logo-box h4 {
color: #ffffff;
margin-top: 20px;
}
.footer-logo-box h2 {
/*color: #ffffff;*/
}
.footer-two-area .subscribe-col .input-group .btn {
background: #30336B;
}
.footer-two-area .subscribe-col .input-group .form-control {
border-color: #30336B;
color: #ffffff;
}
.footer-two-area .subscribe-col {
padding: 50px 30px;
border-radius: 20px;
background: rgb(250,202,34);
background: -moz-linear-gradient(156deg, rgba(250,202,34,1) 0%, rgba(229,131,4,1) 100%);
background: -webkit-linear-gradient(156deg, rgba(250,202,34,1) 0%, rgba(229,131,4,1) 100%);
background: linear-gradient(156deg, rgba(250,202,34,1) 0%, rgba(229,131,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faca22",endColorstr="#e58304",GradientType=1);s
}
.footer-two-area .my-social ul li a i {
color: #000000;
}
.footer-two-area .my-social ul li a i:hover {
color: #30336B;
}
.footer-two-area .copyright-col {
padding-top: 20px;
margin-bottom: 20px;
margin-top: 50px;
text-align: center;
border-top: 1px solid #dddddd;
}
.footer-two-area .copyright-col p {
color: #444444;
}
.footer-two-area .footer-col h4 {
color: #000000;
}
.footer-two-area .footer-col h4:before {
background: #000000;
}
.footer-two-area .subscribe-col .input-group ::-moz-placeholder {
color: #ffffff !important;
}
.footer-two-area .subscribe-col .input-group ::-o-placeholder {
color: #ffffff !important;
}
.footer-two-area .subscribe-col .input-group :-ms-input-placeholder {
color: #ffffff !important;
}
.footer-two-area .subscribe-col .input-group input:-moz-placeholder {
color: #ffffff !important;
}
.footer-two-area .subscribe-col .input-group ::-webkit-input-placeholder {
color: #ffffff !important;
}
/*
=========== CV Two Theme All CSS ===========
*/
.cv-two-theme {
}
body.cv-two-theme {
background: #101010;
background-image: url(../images/cv-two/bg/cartographer.png);
background-repeat: repeat;
}
body.cv-two-theme h1,
body.cv-two-theme h2,
body.cv-two-theme h3,
body.cv-two-theme h4,
body.cv-two-theme h5,
body.cv-two-theme h6 {
color: #ffffff;
}
body.cv-two-theme p,
body.cv-two-theme a {
color: #dddddd;
}
/*
=========== CV Two Header CSS ===========
*/
.cv-two-theme {
}
.cv-two-theme .header-navbar:before {
background: transparent;
}
.cv-two-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link {
color: #ffffff;
}
.cv-two-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link:hover {
color: #09c75f;
}
.cv-two-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link.active {
color: #09c75f;
}
.cv-two-theme .header-navbar .navbar {
padding: 30px 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cv-two-theme .header-navbar.sticky .navbar {
background: #09c75f;
padding: 10px 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cv-two-theme .header-navbar.sticky .navbar-expand-lg .navbar-nav .nav-link:hover,
.cv-two-theme .header-navbar.sticky .navbar-expand-lg .navbar-nav .nav-link.active {
color: #000000;
}
/*
=========== CV Tow Hero CSS ===========
*/
.cv-two-hero {
padding: 0;
height: 100vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.cv-two-hero .cv-hero-img {
right: 250px;
}
.cv-two-hero .cv-hero-img img {
width: 550px;
}
.cv-two-hero .hero-col {
height: 100vh;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
align-content: normal;
}
.cv-two-hero .hero-col h5 {
color: #09C75F;
letter-spacing: 0.8px;
}
.cv-two-hero .hero-col h2 {
font-size: 75px;
margin-bottom: 20px;
line-height: 1.1;
}
.cv-two-hero .hero-col p {
color: #09C75F;
text-transform: capitalize;
font-weight: bold;
letter-spacing: 0.8px;
margin-bottom: 35px;
}
.cv-two-hero .hero-col .theme-btn {
background: #09C75F;
font-weight: bold;
font-size: 20px;
min-width: 220px;
height: 65px;
}
.cv-two-hero .hero-col .theme-btn:hover {
background: #ffffff;
}
/*
=========== CV Tow About CSS ===========
*/
.cv-two-theme .about-area {
position: relative;
}
.cv-two-theme .about-area .about-img-1 {
position: absolute;
left: 100px;
bottom: 0;
z-index: 0;
}
.cv-two-theme .about-col ul li {
color: #ffffff;
}
.cv-two-theme .about-col ul li:before {
color: #09C75F;
}
/*
=========== CV Tow Video CSS ===========
*/
.cv-two-vedio-area {
background: #101010;
padding: 150px 0 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.cv-two-vedio-area h1 {
text-align: center;
margin-bottom: 50px;
background-color: rgb(9, 199, 95, 0.5);
display: inline-block;
padding: 5px 30px;
text-align: center;
border-radius: 5px;
}
.cv-two-vedio-col {
position: relative;
z-index: 1;
margin-bottom: -200px;
}
.cv-two-vedio-col:before {
content: "";
position: absolute;
left: 50%;
top: 0;
z-index: -1;
background-color: rgb(9, 199, 95, 0.12);
width: 106%;
height: 106%;
margin-left: -53%;
border-radius: 10px;
}
.cv-two-vedio-col:after {
content: "";
position: absolute;
left: 50%;
top: 0;
z-index: -2;
background-color: rgb(9, 199, 95, 0.08);
width: 112%;
height: 112%;
margin-left: -56%;
border-radius: 10px;
}
.cv-two-vedio-col div {
border: 20px solid #eeeeee;
border-radius: 10px;
}
/*
=========== CV Tow Service CSS ===========
*/
.cv-two-service-area {
padding: 390px 0 90px;
}
.cv-two-serviceBox{
text-align: center;
padding: 0 15px;
border: 1px solid #2f2f2f;
padding: 50px 20px;
margin-bottom: 30px;
border-radius: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cv-two-serviceBox:hover {
background: #09C75F;
border-color: #09C75F;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cv-two-serviceBox .service-icon{
background: #09C75F;
width: 110px;
height: 110px;
margin: 0 auto 20px;
border-radius: 50%;
display: block;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.3s ease 0s;
}
.cv-two-serviceBox:hover .service-icon{
box-shadow: 0 0 25px -5px rgba(255,255,255,0.7);
}
.cv-two-serviceBox .service-icon:before,
.cv-two-serviceBox .service-icon:after{
content: "";
width:100px;
height:100px;
margin: 0 auto;
position:absolute;
top: 50%;
left:0;
right: 0;
margin: 0 auto;
z-index: -1;
margin-top: -50px;
transition: all 0.3s ease 0s;
background-image: url(../images/cv-two/icons/1.png);
background-size: 70%;
background-position: center;
background-repeat: no-repeat;
}
.cv-two-serviceBox .service-icon:after{
color: #fff;
background: #30336B;
border-radius: 50%;
top: 100%;
left: 0;
width: 110px;
height: 110px;
margin: 0 auto;
background-image: url(../images/cv-two/icons/1.png);
background-size: 65%;
background-position: center;
background-repeat: no-repeat;
}
.cv-two-serviceBox:hover .service-icon:before{ top: -100%; }
.cv-two-serviceBox:hover .service-icon:after{ top: 0; }
.cv-two-serviceBox .title{
margin: 0 0 10px;
transition: all 0.3s ease 0s;
}
.cv-two-serviceBox:hover .title{
text-shadow: 0 0 2px rgba(0,0,0,0.25);
}
.cv-two-serviceBox:hover .description {
color: #ffffff;
}
.cv-two-serviceBox .service-icon.selling:before,
.cv-two-serviceBox .service-icon.selling:after {
background-image: url(../images/cv-two/icons/2.png);
background-size: 70%;
background-position: center;
background-repeat: no-repeat;
}
.cv-two-serviceBox .service-icon.support:before,
.cv-two-serviceBox .service-icon.support:after {
background-image: url(../images/cv-two/icons/3.png);
background-size: 70%;
background-position: center;
background-repeat: no-repeat;
}
/*
=========== CV Tow Work Story CSS ===========
*/
.cv-two-work-stroey-area {
}
.cv-two-work-stroey-area .container-fluid {
padding: 0 30px;
}
.work-story {
display: flex;
justify-content: space-around;
position: relative;
}
.work-story:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 1px;
background: #2f2f2f;
}
.work-story-box {
background: #141414;
padding: 20px 25px;
text-align: center;
margin-top: 80px;
position: relative;
}
.work-story-box:before {
content: "";
position: absolute;
left: 50%;
top: -80px;
z-index: 0;
margin-left: -0.5px;
width: 1px;
height: 80px;
background: #2f2f2f;
}
.work-story-box:after {
content: "";
position: absolute;
left: 50%;
top: -87.5px;
z-index: 0;
margin-left: -7.5px;
width: 15px;
height: 15px;
background: #09C75F;
border-radius: 50%;
}
.work-story-box span {
font-weight: bold;
}
/*
=========== CV Tow Portfolio CSS ===========
*/
.cv-two-portfolio-area {
padding: 120px 0 90px;
}
.cv-two-portfolio-box {
overflow: hidden;
position: relative;
margin-bottom: 30px;
transition: all 0.4s ease 0s;
border-radius: 0;
}
.cv-two-portfolio-box:hover {
border-radius: 0;
}
.cv-two-portfolio-box:before{
content: "";
opacity: 0;
transform-origin: bottom center;
transform: scaleY(0);
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
z-index: 1;
border-radius: 5px;
transition: all 0.4s ease 0s;
background: rgb(9,199,95);
background: -moz-linear-gradient(0deg, rgba(9,199,95,0.700717787114846) 0%, rgba(255,255,255,0.9472163865546218) 100%);
background: -webkit-linear-gradient(0deg, rgba(9,199,95,0.700717787114846) 0%, rgba(255,255,255,0.9472163865546218) 100%);
background: linear-gradient(0deg, rgba(9,199,95,0.700717787114846) 0%, rgba(255,255,255,0.9472163865546218) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#09c75f",endColorstr="#ffffff",GradientType=1);
}
.cv-two-portfolio-box:hover:before{
opacity: 1;
transform: scaleY(1);
}
}
.cv-two-portfolio-box img{
width: 100%;
height: auto;
transition: all 0.3s ease 0s;
transform: scale(1);
}
.cv-two-portfolio-box:hover img {
/*transform: scale(1.2);*/
transition: all 0.3s ease 0s;
}
.cv-two-box-content {
text-align: center;
width: 100%;
padding: 0 10px;
opacity: 0;
transform: translateY(-50%);
position: absolute;
top: 20%;
left: 0;
z-index: 2;
transition: all 0.4s ease 0s;
}
.cv-two-portfolio-box:hover .cv-two-box-content {
opacity: 1;
top: 50%;
}
.cv-two-portfolio-box h4 {
color: #101010 !important;
text-transform: capitalize;
margin: 0 0 10px;
}
.cv-two-portfolio-box span {
color: #101010;
font-weight: bold;
display: block;
text-transform: capitalize;
}
.cv-two-portfolio-box ul {
padding: 0;
margin: 10px 0 0;
list-style: none;
}
.cv-two-portfolio-box ul li {
margin: 0 3px;
display: inline-block;
}
.cv-two-portfolio-box ul li a {
color: #09C75F;
background-color: #fff;
line-height: 50px;
height: 50px;
width: 50px;
border-radius: 50%;
box-shadow: 0 0 15px -3px rgba(0,0,0,0.2);
display: block;
transition: all 0.3s ease 0s;
}
.cv-two-portfolio-box ul li a:hover{
color: #fff;
background-color: #09C75F;
}
.cv-two-portfolio-box ul li a i {
font-size: 24px;
line-height: 50px;
}
.cv-two-portfolio-area .container-fluid {
padding: 0 30px;
}
.portfolio-container {
width: 100%;
}
.portfolio-container .grid-item.cv-two-portfolio-box {
width: 31%;
margin-left: 30px;
margin-right: 0;
}
.portfolio-container .cv-two-portfolio-box img {
width: 100%;
height: auto;
}
/*
=========== CV Two Testimonial CSS ===========
*/
.cv-two-theme .testimonial-area {
background: #101010;
position: relative;
}
.cv-two-theme .testimonial-area:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 50%;
height: 100%;
background-image: url(../images/cv-two/bg/3.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.cv-two-theme .testimonial-area .cv-title {
padding-left: 15px;
padding-right: 15px;
}
.cv-two-theme .testimonial-area .testimonial-col-two {
padding-left: 15px;
padding-right: 15px;
}
.cv-two-theme .testimonial-two-area .owl-theme .owl-dots .owl-dot.active span {
width: 50px;
background: #09C75F;
}
.cv-two-theme .testimonial-item-two {
background: #141414;
}
.cv-two-theme #back-to-top {
background: #09C75F;
}
/*
=========== CV Two Blog CSS ===========
*/
.cv-two-theme .blog-area {
}
.cv-two-theme .blog-col {
border: 1px solid #2f2f2f;
}
.cv-two-theme .blog-col h4 {
padding: 20px 30px;
margin-bottom: 0;
}
.cv-two-theme .blog-col-content {
background: transparent;
}
.cv-two-theme .blog-img:before {
background: rgb(9,199,95);
background: -moz-linear-gradient(0deg, rgba(9,199,95,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(9,199,95,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(9,199,95,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#09c75f",endColorstr="#ffffff",GradientType=1);
}
.cv-two-theme .blog-info-bar {
margin-left: 0;
border-radius: 50px;
padding: 15px 15px 15px 20px;
margin-bottom: 20px;
background-color: rgba(255,255,255,0.1);
color: #ffffff;
}
.cv-two-theme .blog-info-bar ul li a {
color: #ffffff;
}
.cv-two-theme .blog-col p {
margin-bottom: 10px;
}
/*
=========== CV Two Contact CSS ===========
*/
.cv-two-theme .contact-area {
padding: 120px 0 170px;
background: #101010;
margin-bottom: 0;
z-index: 0;
}
.cv-two-theme .contact-area .contact-info-col {
display: flex;
justify-content: space-between;
}
.cv-two-theme .contact-area .contact-info-col .contact-info-box {
border: 1px solid #2f2f2f;
padding: 30px 20px;
min-width: 220px;
height: 180px;
border-radius: 5px;
}
.cv-two-theme .contact-area .form-col {
margin-top: 40px;
padding: 30px;
border: 1px solid #2f2f2f;
border-radius: 5px;
}
.cv-two-theme .contact-area .form-col .form-control {
background: #141414;
color: #ffffff;
}
.cv-two-theme .contact-area .contact-info-box i {
background: #09C75F;
}
.cv-two-theme .contact-area .form-col ::-moz-placeholder {
color: #ffffff !important;
}
.cv-two-theme .contact-area .form-col ::-o-placeholder {
color: #ffffff !important;
}
.cv-two-theme .contact-area .form-col :-ms-input-placeholder {
color: #ffffff !important;
}
.cv-two-theme .contact-area .form-col input:-moz-placeholder {
color: #ffffff !important;
}
.cv-two-theme .contact-area .form-col ::-webkit-input-placeholder {
color: #ffffff !important;
}
/*
=========== CV Two Footer CSS ===========
*/
.cv-two-theme .footer-two-area {
padding-top: 0;
position: relative;
z-index: 1;
background: rgb(9,199,95);
background: -moz-linear-gradient(0deg, rgba(9,199,95,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(9,199,95,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(9,199,95,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#09c75f",endColorstr="#ffffff",GradientType=1);
}
.cv-two-theme .subscribe-col {
margin-top: -50px;
background: #09C75F !important;
margin-bottom: 80px;
border-radius: 10px;
}
.cv-two-theme .footer-col {
text-align: center;
}
.cv-two-theme .footer-col ul li a i {
color: #ffffff;
}
.cv-two-theme .footer-col h4 {
color: #ffffff;
}
.cv-two-theme .footer-col h4:before {
background: #ffffff;
left: 50%;
transform: translateX(-50%);
}
/*
=========== Wedding One Header CSS ===========
*/
body.wedding-one-theme {
background-image: url(../images/wedding-one/bg/texture.png);
background-repeat: repeat;
font-family: 'Dosis', sans-serif;
font-size: 18px;
line-height: 28px;
letter-spacing: 0.5px;
}
body.wedding-one-theme h1,
body.wedding-one-theme h2,
body.wedding-one-theme h3,
body.wedding-one-theme h4,
body.wedding-one-theme h5,
body.wedding-one-theme h6 {
font-family: 'Dosis', sans-serif;
font-weight: 500;
color: #09C75F;
}
/*
=========== Wedding One Header CSS ===========
*/
.wedding-one-theme .header-area {
}
.wedding-one-theme .header-area .container-fluid {
padding: 0 200px;
}
.wedding-one-theme .header-area .header-navbar:before {
background-color: transparent;
}
.wedding-one-theme .header-area .header-navbar .navbar {
background-color: rgba(0, 0, 0, 0.5);
}
.wedding-one-theme .header-area .header-navbar .navbar-expand-lg .navbar-nav .nav-link {
color: #ffffff;
}
.wedding-one-theme .header-area .header-navbar .navbar-expand-lg .navbar-nav .nav-link:hover,
.wedding-one-theme .header-area .header-navbar .navbar-expand-lg .navbar-nav .nav-link.active {
color: #09C75F;
}
/*
=========== Wedding One Hero CSS ===========
*/
.widding-one-hero {
height: 100vh;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
.widding-one-hero .hero-col {
height: 100vh;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
align-content: normal;
}
.widding-one-hero .hero-col h2 {
font-family: 'Great Vibes', cursive;
font-weight: normal;
font-size: 70px;
line-height: 1.3;
color: #09C75F;
margin-bottom: 15px;
}
.widding-one-hero .hero-col h4 {
color: #ffffff;
margin-bottom: 25px;
}
.widding-one-hero-content {
padding: 50px 30px;
border-radius: 5px;
background-color: rgba(0,0,0,0.5);
margin-left: 200px;
}
.widding-one-hero .hero-col .theme-btn {
background-color: #09C75F;
}
.widding-one-hero .hero-col .theme-btn:hover {
background-color: #ffffff;
}
.wedding-two-theme .widding-one-hero {
background-position: bottom;
}
/*
=========== Wedding One Date CSS ===========
*/
.wedding-date-area {
padding: 120px 0 0;
}
.wedding-date-area .Wedding-date-col {
text-align: center;
}
.wedding-date-area .Wedding-date-col h4 {
font-weight: normal;
}
.wedding-date-area .Wedding-date-col h2 {
color: #09C75F;
font-family: 'Great Vibes', cursive;
font-weight: normal;
font-size: 60px;
line-height: 1.3;
margin-bottom: 30px;
}
.countdown {
display: flex;
text-align: center;
justify-content: center;
}
.countdown .countdown-container {
margin: 0 30px;
text-align: center;
}
.countdown .countdown-container span {
font-weight: bold;
}
.countdown .countdown-container span.countdown-heading {
margin-right: 5px;
display: block;
font-size: 20px;
margin-bottom: 15px;
}
.countdown .countdown-container span.countdown-value {
color: #09C75F;
font-size: 50px;
}
/*
=========== Wedding One Couple CSS ===========
*/
.couple-area {
padding: 120px 0 0;
}
.wedding-one-title {
margin-bottom: 60px;
text-align: center;
}
.wedding-one-title h2 {
color: #09C75F;
font-family: 'Great Vibes', cursive !important;
font-weight: normal;
font-size: 60px;
line-height: 1.3;
margin-bottom: 10px;
}
.couple-col {
text-align: center;
}
.couple-col .couple-img {
margin-bottom: 50px;
}
.couple-col .couple-img img {
border-radius: 50%;
border: 5px solid #09C75F;
-webkit-box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.50);
box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.50);
}
.couple-col p {
margin-bottom: 15px;
}
.couple-col ul li {
display: inline-block;
margin: 0 10px;
}
.couple-col ul li i {
color: #09C75F;
font-size: 24px;
}
/*
=========== Wedding One Couple CSS ===========
*/
.wedding-one-story-area {
padding: 120px 0 120px;
}
.wedding-one-story-col img {
width: 100%;
height: auto;
border-radius: 5px;
border: 3px solid #09C75F;
}
.wedding-box-container {
display: flex;
min-height: 384px;
justify-content: flex-start;
align-items: center;
}
.wedding-one-story-content p {
margin-top: 10px;
padding-top: 10px;
position: relative;
border-top: 1px solid #dddddd;
}
/*
=========== Wedding One Video CSS ===========
*/
.wedding-one-theme .cv-two-vedio-area h1 {
font-family: 'Great Vibes', cursive;
color: #ffffff;
font-size: 60px;
line-height: 1.3;
background-color: #09C75F;
margin-bottom: 0;
margin-bottom: 50px;
padding: 20px 50px 10px;
}
/*
=========== Wedding One People CSS ===========
*/
.people-area {
padding: 400px 0 120px;
}
.people-col .nav-tabs {
border: none;
}
.people-col .nav-tabs .nav-link {
border: none;
font-size: 18px;
color: #333333;
}
.people-col .nav-tabs .nav-link:hover {
border: none;
}
.my-tab-content {
padding-bottom: 0;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-radius: 10px;
}
.people-box {
overflow: hidden;
text-align: center;
margin-bottom: 30px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.people-img {
overflow: hidden;
}
.people-img img {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.people-box:hover .people-img img {
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.people-box-content {
background: #f5f5f5;
padding: 30px 20px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.people-box-content h4 {
margin-bottom: 8px;
}
.people-box-content p {
color: #868686;
margin-bottom: 12px;
}
.people-box-content .social-group ul li {
display: inline-block;
margin: 0 10px;
}
.people-box-content .social-group ul li i {
color: #09C75F;
}
.wedding-one-theme #back-to-top {
background-color: #09C75F;
}
/*Tab CSS Start*/
.skltbs {
margin: 0;
}
.skltbs-panel {
padding: 0;
}
.skltbs-panel-group,
.skltbs-panel {
background-color: transparent;
}
.skltbs-tab-group {
text-align: center;
margin-bottom: 30px;
}
.skltbs-tab-item {
float: none;
display: inline-block !important;
}
.skltbs-panel-heading {
display: inline-block !important;
display: none !important;
}
.skltbs-tab-group {
display: block !important;
}
.skltbs-tab {
padding: 15px 40px;
border-radius: 5px;
font-size: 24px;
}
.skltbs-tab:focus {
box-shadow: none;
}
.is-active > .skltbs-tab {
background-color: #09C75F;
text-shadow: none;
}
/*
=========== Wedding One Portfolio CSS ===========
*/
.wedding-one-theme .cv-two-portfolio-area {
background-color: #ecfff5;
overflow: hidden;
padding-bottom: 120px;
}
.wedding-one-theme .cv-two-portfolio-area .container-fluid {
padding: 0;
}
.wedding-one-theme .portfolio-container .grid-item.cv-two-portfolio-box {
width: 25%;
margin-left: 0;
margin: 0;
}
/*
=========== Wedding One Event CSS ===========
*/
.event-area {
padding: 120px 0 0;
}
.event-col {
position: relative;
padding: 50px 20px 30px;
}
.event-col:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
background: rgb(9,199,95);
background: -moz-linear-gradient(0deg, rgba(9,199,95,0.700717787114846) 0%, rgba(255,255,255,0.9472163865546218) 100%);
background: -webkit-linear-gradient(0deg, rgba(9,199,95,0.700717787114846) 0%, rgba(255,255,255,0.9472163865546218) 100%);
background: linear-gradient(0deg, rgba(9,199,95,0.700717787114846) 0%, rgba(255,255,255,0.9472163865546218) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#09c75f",endColorstr="#ffffff",GradientType=1);
}
.event-col h4 {
position: relative;
z-index: 1;
color: #222222 !important;
margin-bottom: 20px;
}
.event-col ul {
position: relative;
z-index: 1;
}
.event-col ul li {
color: #222222 !important;
margin-bottom: 10px;
}
.event-col ul li i {
margin-right: 5px;
}
/*
=========== Wedding One rsvp CSS ===========
*/
.rsvp-area {
padding: 120px 0;
}
.rsvp-area .form-col {
padding: 50px 30px;
background-color: #ffffff;
border-radius: 5px;
-webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.18);
box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.18);
}
.rsvp-area .form-col h4 {
margin-bottom: 25px;
}
.rsvp-area .form-col form .form-control {
background-color: #f3f3f3;
}
.rsvp-area .form-col form select.form-control select option {
text-transform: capitalize;
}
/*
=========== Wedding One Partners CSS ===========
*/
.wedding-partners-area {
background: #ECFFF5;
padding: 120px 0;
}
.wedding-partners-area .container-fluid {
padding: 0 30px;
}
.wedding-partners-area .wedding-partners-col {
display: flex;
justify-content: space-between;
}
/*
=========== Wedding One Footer CSS ===========
*/
.wedding-one-theme .footer-two-area {
padding: 120px 0 0;
position: relative;
overflow: hidden;
}
.wedding-one-theme .footer-logo-box {
text-align: center;
}
.wedding-one-theme .footer-col h4:before {
left: 50%;
margin-left: -30px;
bottom: -10px;
}
.thankyou-box {
padding: 30px;
background-color: #09C75F;
border-radius: 5px;
}
.thankyou-box h2 {
color: #ffffff !important;
margin-bottom: 20px;
}
.thankyou-box h1 {
font-family: 'Great Vibes', cursive !important;
color: #ffffff !important;
font-size: 60px;
line-height: 1.3;
}
.wedding-one-theme .footer-couple-img {
position: absolute;
right: 0;
bottom: 0;
z-index: 0;
}
/*
=========== Wedding Two All CSS ===========
*/
.wedding-two-theme {
background-color: #ffeac7;
background-image: none !important;
}
body.wedding-two-theme h1,
body.wedding-two-theme h2,
body.wedding-two-theme h3,
body.wedding-two-theme h4,
body.wedding-two-theme h5,
body.wedding-two-theme h6 {
color: #222222;
}
/*
=========== Wedding Two Header CSS ===========
*/
.wedding-two-theme .header-area .header-navbar .navbar {
background-color: #FFEAC7;
background-image: url(../images/wedding-two/bg/texture.png);
background-repeat: repeat;
}
.wedding-two-theme .header-area .header-navbar .navbar-expand-lg .navbar-nav .nav-link {
color: #222222;
}
.wedding-two-theme .header-area .header-navbar .navbar-expand-lg .navbar-nav .nav-link:hover,
.wedding-two-theme .header-area .header-navbar .navbar-expand-lg .navbar-nav .nav-link.active {
color: #218D7B;
}
/*
=========== Wedding Two Hero CSS ===========
*/
.wedding-two-theme .widding-one-hero {
}
.wedding-two-theme .widding-one-hero .wedding-couple-img {
position: absolute;
right: 150px;
top: 50%;
z-index: 0;
max-width: 650px;
transform: translateY(-50%);
}
.wedding-two-theme .widding-one-hero-content {
margin-left: 0;
background-color: #FFEAC7;
background-image: url(../images/wedding-two/bg/texture.png);
background-repeat: repeat;
}
.wedding-two-theme .widding-one-hero-content h2 {
color: #218D7B;
}
.wedding-two-theme .widding-one-hero-content h4 {
color: #444444;
}
.wedding-two-theme .widding-one-hero-content .theme-btn {
background-color: #218D7B;
}
.wedding-two-theme #back-to-top {
background-color: #218D7B;
}
/*
=========== Wedding Two Countdown CSS ===========
*/
.wedding-two-theme .wedding-date-area {
padding-top: 90px;
padding-bottom: 120px;
position: relative;
}
.wedding-two-theme .countdown {
background-image: url(../images/wedding-two/bg/2.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 700px;
height: 650px;
margin: 0 auto;
padding-top: 270px;
}
.wedding-two-theme .wedding-date-area .Wedding-date-col h2 {
color: #218D7B;
margin-bottom: 5px;
}
.wedding-two-theme .wedding-one-title h2 {
color: #218D7B;
}
.wedding-two-theme .countdown .countdown-container span.countdown-value {
color: #218D7B;
font-size: 50px;
}
/*
=========== Wedding Two Couple CSS ===========
*/
.wedding-two-theme .couple-area {
background-image: url(../images/wedding-two/bg/texture.png);
background-repeat: repeat;
padding-bottom: 120px;
}
.wedding-two-theme .couple-area .couple-img img {
box-shadow: none !important;
border: none;
border-radius: 0;
}
.wedding-two-theme .couple-col .couple-img {
margin-bottom: 30px;
}
.wedding-couple-img-two {
display: none;
}
.wedding-two-theme .couple-col ul li i {
color: #218D7B;
}
/*
=========== Wedding Two story CSS ===========
*/
.story-area {
padding: 120px 0 90px;
}
.story-col {
margin-bottom: 30px;
min-height: 380px;
display: flex;
align-items: center;
}
.story-img {
position: relative;
}
.story-img img {
border-radius: 5px;
border: 3px solid #218D7B;
}
.love-arrow-img {
min-height: 380px;
display: flex;
align-items: center;
}
.story-col h3 {
display: block;
margin-top: 0;
margin-bottom: 20px;
font-size: 24px;
}
.story-col h6 {
font-size: 18px;
margin-bottom: 20px;
display: block;
}
/*
=========== Wedding Two Video CSS ===========
*/
.wedding-two-theme .cv-two-vedio-area {
}
.wedding-two-theme .cv-two-vedio-area h1 {
background-image: url(../images/wedding-two/bg/texture.png);
background-repeat: repeat;
background-color: #FFEAC7;
color: #218D7B;
}
.wedding-two-theme .cv-two-vedio-col:before {
background-image: url(../images/wedding-two/bg/texture.png);
background-repeat: repeat;
background-color: rgba(33, 141, 123, 0.2);
}
.wedding-two-theme .cv-two-vedio-col:after {
background-image: url(../images/wedding-two/bg/texture.png);
background-repeat: repeat;
background-color: rgba(33, 141, 123, 0.2);
}
/*
=========== Wedding Two People CSS ===========
*/
.wedding-two-theme .people-area {
padding-bottom: 90px;
}
.wedding-two-theme .people-area .people-img img {
border-radius: 50%;
border: 5px solid transparent;
}
.wedding-two-theme .people-box:hover .people-img img {
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
border-color: #218D7B;
}
.wedding-two-theme .people-box {
border: 1px solid #dddddd;
padding: 20px 5px 5px 5px;
border-radius: 5px;
}
.wedding-two-theme .people-box .people-box-content {
background-color: #FFEAC7;
background-image: url(../images/wedding-two/bg/texture.png);
background-repeat: repeat;
margin-top: 20px;
}
.wedding-two-theme .is-active > .skltbs-tab {
background-color: #218D7B;
}
.wedding-two-theme .people-box-content .social-group ul li i {
color: #218D7B;
}
.wedding-two-theme .people-box-content p {
color: #444444;
}
.skltbs-panel:focus {
box-shadow: none;
}
/*
=========== Wedding Two Gallery CSS ===========
*/
.wedding-two-gallery-area {
padding: 120px 0 110px;
overflow: hidden;
background-image: url(../images/wedding-two/bg/texture.png);
background-repeat: repeat;
}
.wedding-two-gallery-area .container-fluid {
padding: 0;
}
.wedding-two-gallery-area .item {
position: relative;
}
.wedding-two-gallery-area .item img {
cursor: zoom-in;
}
.wedding-two-gallery-area .owl-theme .owl-nav [class*=owl-] {
width: 50px;
height: 50px;
background: #218D7B;
border-radius: 0;
color: #ffffff;
font-size: 20px;
line-height: 40px;
}
.wedding-two-gallery-area .owl-carousel .owl-nav .owl-next {
position: absolute;
right: 0;
top: 50%;
padding-right: 20px;
transform: translateY(-50%);
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.wedding-two-gallery-area .owl-carousel .owl-nav .owl-prev {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.gallery-item-title {
position: absolute;
left: 0;
bottom: -100%;
z-index: 1;
width: 50%;
background: #218D7B;
padding: 10px 20px;
border-top-right-radius: 200px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wedding-two-gallery-area .item:hover .gallery-item-title {
bottom: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gallery-item-title p {
color: #ffffff;
text-transform: capitalize;
}
.lb-data .lb-number {
display: none !important;
}
/*
=========== Wedding Two Event Two CSS ===========
*/
.event-two-area {
padding: 120px 0 90px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.event-two-col {
text-align: center;
margin-bottom: 30px;
}
.event-two-col h1 {
font-family: 'Great Vibes', cursive !important;
font-size: 36px;
margin-bottom: 30px;
color: #218D7B;
}
.event-two-col h2 {
font-family: 'Great Vibes', cursive !important;
font-weight: normal;
font-size: 36px;
color: #FF91B1;
margin-bottom: 20px;
border-top: 1px solid #ffffff;
padding-top: 50px;
}
.event-two-col p {
line-height: 16px;
}
.time-box {
margin-bottom: 50px;
}
.time-box i {
color: #218D7B;
margin-bottom: 15px;
display: block;
font-size: 30px;
}
/*
=========== Wedding Two RSVP CSS ===========
*/
.wedding-two-theme .rsvp-area {
background-image: url(../images/wedding-two/bg/texture.png);
background-repeat: repeat;
}
.wedding-two-theme .rsvp-area .form-col {
background-color: rgba(255, 255, 255, 0.5);
}
.wedding-two-theme .rsvp-area .form-col form .form-control {
background-color: rgb(33 141 123 / 21%);
}
.wedding-two-theme .theme-btn {
background-color: #218D7B;
}
/*
=========== Wedding Two Partners CSS ===========
*/
.wedding-two-theme .wedding-partners-area {
background-color: #FFEAC7;
padding-bottom: 90px;
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
.wedding-two-theme .wedding-partners-area .wedding-partners-col {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.wedding-two-theme .wedding-partners-area .wedding-partners-col .wedding-partners-logo {
width: 30%;
margin-bottom: 30px;
text-align: center;
}
/*
=========== Wedding Two Footer CSS ===========
*/
.wedding-two-theme .footer-two-area {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-color: transparent;
padding-top: 200px;
}
.wedding-two-theme .thankyou-box {
background-color: #218D7B;
}
.wedding-two-theme .footer-two-area .copyright-col {
border-color: #ffffff;
}
.wedding-two-theme .footer-two-area .copyright-col p {
color: #000000;
}
/* Construction All CSS Start From Here
=======================================
*/
.construction-theme {
}
/*
=========== Construction Header CSS ===========
*/
.construction-theme .header-top-area {
padding: 25px 0 10px;
background: rgb(254,141,42);
background: -moz-linear-gradient(180deg, rgba(254,141,42,0.50) 0%, rgba(251,192,16,0.50) 100%);
background: -webkit-linear-gradient(180deg, rgba(254,141,42,0.50) 0%, rgba(251,192,16,0.50) 100%);
background: linear-gradient(180deg, rgba(254,141,42,0.50) 0%, rgba(251,192,16,0.50) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe8d2a",endColorstr="#fbc010",GradientType=1);
}
.construction-theme .overlay {
background: rgba(0,0,0,0.9);
}
.construction-theme .overlay-content-col .theme-btn {
background: #ffffff;
color: #222222;
}
.construction-theme .overlay-content-col .form-control {
border-color: #ffffff;
}
.construction-theme .consultation-btn {
background: #000000;
}
.construction-theme .header-navbar .navbar {
padding-top: 14px;
padding-bottom: 15px;
}
.construction-theme .header-navbar:before {
z-index: 1;
clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%);
border-radius: 0;
width: 60%;
background: rgb(254,141,42);
background: -moz-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: -webkit-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe8d2a",endColorstr="#fbc010",GradientType=1);
}
.construction-theme .navbar .container {
z-index: 2;
}
.construction-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link {
color: #ffffff;
}
.construction-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link:hover,
.construction-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link.active {
color: #444444;
}
.construction-theme .sticky {
background: #000000;
}
/*
=========== Construction Slider CSS ===========
*/
.construction-theme .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev:before {
background-color: rgba(251,192,16,0.5);
}
.construction-theme .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next:before {
background-color: rgba(251,192,16,0.5);
}
.construction-theme .silder-elements .theme-btn {
color: #ffffff;
background: rgb(254,141,42);
background: -moz-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: -webkit-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe8d2a",endColorstr="#fbc010",GradientType=1);
}
/*
=========== Construction About CSS ===========
*/
.construction-theme .about-area {
position: relative;
padding-bottom: 200px;
}
.construction-about-img {
position: absolute;
left: 180px;
top: 120px;
z-index: 0;
max-width: 650px;
}
.construction-about-col {
margin-top: 110px;
}
.construction-about-col h2 {
margin-bottom: 30px;
}
.construction-about-col .nav-pills .nav-link {
border: 2px dashed #FBC010;
margin-right: 20px;
border-radius: 50px;
padding: 10px 35px;
color: #444444;
}
.construction-about-col .nav-pills .nav-link.active,
.construction-about-col .nav-pills .show>.nav-link {
color: #ffffff;
border-color: transparent;
border-left: none;
border-right: none;
background: rgb(254,141,42);
background: -moz-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: -webkit-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe8d2a",endColorstr="#fbc010",GradientType=1);
}
.construction-about-col .tab-content p {
margin-bottom: 20px;
margin-top: 25px;
}
.construction-about-col .tab-content ul {
}
.construction-about-col .tab-content ul li {
margin-bottom: 15px;
position: relative;
padding-left: 50px;
}
.construction-about-col .tab-content ul li i {
position: absolute;
left: 0;
top: 0;
z-index: 0;
display: block;
color: #ffffff;
width: 30px;
height: 30px;
font-size: 20px;
text-align: center;
padding-top: 3px;
border-radius: 50%;
background: rgb(254,141,42);
background: -moz-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: -webkit-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe8d2a",endColorstr="#fbc010",GradientType=1);
}
/*
=========== Construction Counter CSS ===========
*/
.counter-two-area {
padding: 70px 0 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.counter-two-area .row {
position: relative;
bottom: -50px;
}
.counter-two-col {
padding: 30px 0px;
background-color: #ffffff;
text-align: center;
border-radius: 5px;
-webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.counter-two-col:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.counter-two-col i {
font-size: 50px;
color: #FBC010;
background: linear-gradient(to left, #FBC010 0%, #FE8D2A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.counter-two-col h2 {
margin-top: 15px;
margin-bottom: 15px;
display: block;
background: #F5F5F5;
}
.counter-two-col h4 {
margin-bottom: 0;
}
/*
=========== Construction Service CSS ===========
*/
.construction-theme .service-area {
padding-top: 170px;
padding-bottom: 0;
}
.construction-theme .my-title .bdr {
background: rgb(254,141,42);
background: -moz-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: -webkit-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe8d2a",endColorstr="#fbc010",GradientType=1);
}
.construction-theme .service-area .container-fluid {
padding: 0 30px;
}
.construction-theme .service-area .construction-service-img {
position: relative;
}
.construction-theme .service-area .construction-service-img:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
background: rgb(254,141,42);
background: -moz-linear-gradient(-125deg, rgba(254,141,42,0.804359243697479) 0%, rgba(251,192,16,0.7959558823529411) 100%);
background: -webkit-linear-gradient(-125deg, rgba(254,141,42,0.804359243697479) 0%, rgba(251,192,16,0.7959558823529411) 100%);
background: linear-gradient(-125deg, rgba(254,141,42,0.804359243697479) 0%, rgba(251,192,16,0.7959558823529411) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe8d2a",endColorstr="#fbc010",GradientType=1);
}
.construction-theme .service-area .construction-service-img .my-title {
position: absolute;
left: 0;
top: 50%;
z-index: 1;
width: 100%;
padding: 0 30px;
transform: translateY(-50%);
}
.construction-theme .service-area .construction-service-img .my-title h2 {
color: #ffffff;
}
.construction-theme .service-area .construction-service-img .my-title .bdr {
background: #000000;
}
.construction-theme .service-area .construction-service-img .my-title p {
color: #ffffff;
}
.construction-theme .service-area .service-three-col:hover {
background: #ffffff;
-webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
}
.construction-theme .service-area .service-three-col {
padding-top: 25px;
}
.construction-theme .service-area .service-three-col i {
color: #FBC010;
background: linear-gradient(to left, #FBC010 0%, #FE8D2A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.construction-theme .service-area .service-three-col:hover p {
color: #444444;
}
.construction-theme .theme-btn {
background: rgba(0,0,0,0.2);
color: #444444;
}
/*
=========== Construction Portfolio CSS ===========
*/
.construction-theme .portfolio-area {
}
.construction-theme .portfolio-area .gallery-filters ul li a:hover,
.construction-theme .portfolio-area .gallery-filters ul li a.active {
color: #FBC010;
}
.construction-theme .portfolio-area .portfolio-item-overlay {
background: rgba(0, 0, 0, 0.7);
}
/*
=========== Construction Team CSS ===========
*/
.construction-theme .team-area {
}
.construction-theme .team-two-img {
background: url(../images/construction/bg/brick-wall.png);
background-repeat: repeat;
padding: 10px 15px 0;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.construction-theme .team-two-name {
bottom: 0;
left: 0;
max-width: 100%;
border-radius: 0;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background: #000000;
}
.construction-theme .team-two-item:hover .team-two-name {
background: rgb(254,141,42);
background: -moz-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: -webkit-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe8d2a",endColorstr="#fbc010",GradientType=1);
}
.construction-theme .team-two-img ul {
bottom: auto;
top: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 20px;
background: rgb(254,141,42);
background: -moz-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: -webkit-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe8d2a",endColorstr="#fbc010",GradientType=1);
}
.construction-theme .team-area .owl-theme .owl-nav [class*=owl-] {
background: linear-gradient(to left, #FBC010 0%, #FE8D2A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.construction-theme #back-to-top {
background: rgb(254,141,42);
background: -moz-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: -webkit-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe8d2a",endColorstr="#fbc010",GradientType=1);
}
/*
=========== Construction Testimonial CSS ===========
*/
.construction-theme .testimonial-item-two {
background: #ffffff;
padding-left: 280px;
}
.construction-theme .testimonial-item-two .testimonial-two-img {
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 250px;
height: 100%;
background: #000000;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.construction-theme .testimonial-item-two .testimonial-two-img img {
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 0;
transform: translateY(-50%);
width: 150px !important;
height: 150px !important;
}
.construction-theme .testimonial-item-two h4 {
color: #222222;
}
.construction-theme .testimonial-item-two p {
color: #444444;
}
.construction-theme .testimonial-item-two span {
color: #444444;
}
.construction-theme .owl-theme .owl-dots .owl-dot span {
background: #ffffff;
}
.construction-theme .testimonial-two-area .owl-theme .owl-dots .owl-dot.active span {
background: rgb(254,141,42);
background: -moz-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: -webkit-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe8d2a",endColorstr="#fbc010",GradientType=1);
}
/*
=========== Construction Blog CSS ===========
*/
.construction-theme .blog-img:before {
background: rgb(254,141,42);
background: -moz-linear-gradient(180deg, rgba(254,141,42,0) 0%, rgba(251,192,16,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(254,141,42,0) 0%, rgba(251,192,16,1) 100%);
background: linear-gradient(180deg, rgba(254,141,42,0) 0%, rgba(251,192,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe8d2a",endColorstr="#fbc010",GradientType=1);
}
.construction-theme .blog-info-bar {
margin-left: 0;
border-radius: 5px;
background: transparent;
border: 1px dashed #999999;
padding: 10px 10px;
margin-bottom: 10px;
}
.construction-theme .blog-col-content {
padding-top: 30px;
}
.construction-theme .blog-col-content p a {
color: #FBC010;
}
.construction-theme .contact-info-box i {
background: #000000;
}
/*
=========== Construction Footer CSS ===========
*/
.construction-footer-area {
background-size: inherit;
background-repeat: repeat;
padding-top: 150px;
padding-bottom: 20px;
}
.construction-footer-area .footer-logo p {
color: #444444;
}
.construction-footer-area .my-social ul li a i,
.construction-footer-area .footer-post ul li a {
color: #444444;
}
.construction-footer-area .tags-col ul {
margin-bottom: 20px;
}
.construction-footer-area .tags-col ul li {
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
}
.construction-footer-area .tags-col ul li a {
border: 1px solid #999999;
padding: 8px 20px;
display: block;
color: #444444;
text-transform: capitalize;
}
.construction-footer-area .tags-col ul li a:hover {
color: #ffffff;
border-color: #FBC010;
background: rgb(254,141,42);
background: -moz-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: -webkit-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe8d2a",endColorstr="#fbc010",GradientType=1);
}
.construction-footer-area .footer-col h4 {
color: #222222;
}
.construction-footer-area .footer-col h4:before {
background-color: #FBC010;
}
.construction-footer-area .footer-post ul li p {
color: #666666;
}
.construction-footer-area .subscribe-col .input-group .form-control {
border-color: #FBC010;
color: #444444;
}
.construction-footer-area .subscribe-col .input-group .btn {
min-width: 70px;
background: rgb(254,141,42);
background: -moz-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: -webkit-linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
background: linear-gradient(-125deg, rgba(254,141,42,1) 0%, rgba(251,192,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe8d2a",endColorstr="#fbc010",GradientType=1);
}
.construction-footer-area .subscribe-col .input-group .btn {
font-size: 29px;
}
.construction-footer-area .copyright-col p {
text-align: center;
color: #888888;
}
.construction-footer-area .my-social ul li a i:hover {
background: linear-gradient(to left, #FBC010 0%, #FE8D2A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.construction-footer-area .footer-post ul li img {
border-radius: 5px;
border: 2px dashed #FBC010;
padding: 5px;
}
.construction-footer-area .subscribe-col .input-group ::-moz-placeholder {
color: #666666 !important;
}
.construction-footer-area .subscribe-col .input-group ::-o-placeholder {
color: #666666 !important;
}
.construction-footer-area .subscribe-col .input-group :-ms-input-placeholder {
color: #666666 !important;
}
.construction-footer-area .subscribe-col .input-group input:-moz-placeholder {
color: #666666 !important;
}
.construction-footer-area .subscribe-col .input-group ::-webkit-input-placeholder {
color: #666666 !important;
}
/* Gym All CSS Start From Here
=======================================
*/
.gym-theme {
background: #111111;
}
body.gym-theme h1,
body.gym-theme h2,
body.gym-theme h3,
body.gym-theme h4,
body.gym-theme h5,
body.gym-theme h6 {
color: #ffffff;
font-weight: 500;
}
body.gym-theme p,
body.gym-theme a {
color: #dddddd;
}
.gym-theme .theme-btn {
background: #ffe9a7;
color: #000000;
padding: 14px 40px 12px;
font-weight: 500;
}
.gym-theme .theme-btn:hover {
background-color: #FEC10E;
color: #ffffff;
}
/*
=========== Gym Header CSS ===========
*/
.gym-theme .header-area {
}
.gym-theme .header-area .container-fluid {
padding: 0 150px;
}
.gym-theme .header-area .header-navbar:before {
background: transparent;
}
.gym-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link {
color: #ffffff;
margin-left: 45px;
}
.gym-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link:hover,
.gym-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link.active {
color: #FEC10E;
}
.gym-theme .sticky {
background: #212121;
}
.gym-theme #back-to-top {
background: #FEC10E;
}
/*
=========== Gym Hero CSS ===========
*/
.gym-hero-area {
height: 100vh;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.gym-hero-col {
height: 100vh;
position: relative;
}
.gym-hero-content {
position: absolute;
top: 50%;
left: 0;
z-index: 0;
transform: translateY(-50%);
}
.gym-hero-content h1 {
color: #ffffff;
text-transform: uppercase;
text-decoration: underline;
background-image: linear-gradient(rgba(254,193,14,0.7),rgba(254,193,14,0.7));
background-size: .062rem .51rem;
background-repeat: repeat-x;
background-position: 0 79%;
display: inline;
text-decoration: none;
}
.gym-hero-content h5 {
color: #dddddd;
margin-top: 20px;
margin-bottom: 30px;
text-transform: inherit;
font-weight: 500;
}
.gym-hero-img {
position: absolute;
bottom: 0;
right: 370px;
z-index: 0;
}
.gym-hero-img img {
}
/*
=========== Gym About CSS ===========
*/
.gym-about-col h2 {
color: #ffffff;
}
.gym-about-col p {
margin-bottom: 20px;
}
.gym-about-col h4 {
margin-bottom: 20px;
}
.gym-about-col div {
border: 3px solid #FEC10E;
}
.gym-about-col iframe {
border-radius: 10px;
}
/*
=========== Gym Counter CSS ===========
*/
.gym-theme .counter-two-area {
background: #212121;
padding: 120px 0 90px;
}
.gym-theme .counter-two-area .row {
bottom: auto;
}
.gym-theme .counter-two-area h2 {
color: #222222;
background: #FEC10E;
}
.gym-theme .counter-two-col {
margin-bottom: 30px;
background: #111111;
}
.gym-theme .counter-two-col h4 {
color: #222222;
color: #ffffff;
}
.gym-theme .my-title .bdr {
background: #FEC10E;
}
.gym-theme .construction-service-img .my-title {
margin-top: 30px;
}
.gym-theme .service-three-col {
background: #212121;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gym-theme .service-three-col:hover {
transform: scale(1.05);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gym-theme .service-three-col i {
color: #FEC10E;
}
.gym-theme .service-three-col:hover h4 {
color: #ffffff;
}
/*
=========== Gym Gallery CSS ===========
*/
.gym-theme .portfolio-area {
padding-top: 0;
padding-bottom: 110px;
}
.gym-theme .portfolio-area .owl-theme .owl-nav {
margin-top: 30px;
}
.gym-theme .portfolio-area .owl-item {
opacity: 0.2;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gym-theme .portfolio-area .owl-item.active.center {
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gym-theme .portfolio-area .owl-item.active.center img {
border: 3px solid #FEC10E;
}
.gym-theme .portfolio-area .owl-item.active.center img:hover {
cursor: zoom-in;
}
.gym-theme .gallery-item-title {
position: absolute;
left: 0;
top: 0;
bottom: auto;
z-index: 0;
background: ;
width: auto;
padding: 10px 30px;
height: auto;
border-radius: 0;
background: #FEC10E;
}
.gym-theme .gallery-item-title p {
color: #000000;
}
.gym-theme .portfolio-area .owl-theme .owl-nav [class*=owl-] {
background: transparent;
padding: 0;
font-size: 30px;
margin: 0 10px;
}
.gym-theme .portfolio-area .owl-theme .owl-nav [class*=owl-]:hover {
color: #FEC10E;
}
/*
=========== Gym Team CSS ===========
*/
.gym-theme .team-area {
background: transparent;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.gym-theme .team-two-name {
left: 0;
border-radius: 0;
max-width: 90%;
background: #111111;
border-left: 2px solid #FEC10E;
border-top: 2px solid #FEC10E;
text-align: left;
padding-left: 20px;
}
.gym-theme .team-two-item:hover .team-two-name {
background: #FEC10E;
}
.gym-theme .team-two-item:hover .team-two-name h4 {
color: #222222;
}
.gym-theme .team-two-item:hover .team-two-name p {
color: #444444;
text-transform: capitalize;
}
.gym-theme .team-two-img ul {
border-radius: 0;
background: #ffffff;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 70px;
padding-bottom: 70px;
width: 36px;
}
.gym-theme .team-two-img ul li i {
color: #444444;
}
.gym-theme .team-area .owl-theme .owl-nav [class*=owl-] {
color: #FEC10E;
}
/*
=========== Gym Class schedule CSS ===========
*/
.class-schedule-area {
padding: 120px 0 120px;
}
.class-schedule-area .nav-pills .nav-link.active,
.class-schedule-area .nav-pills .show>.nav-link {
background: #FEC10E;
color: #222222;
border-radius: 0;
font-weight: bold;
}
.class-schedule-area .table-dark thead th {
background: #FEC10E;
color: #222222;
}
.class-schedule-area .table td, .class-schedule-area .table th {
padding: 12px 10px;
}
.class-schedule-area .nav-link {
padding: 9px 10px;
}
/*
=========== Gym Pricing CSS ===========
*/
.pricing-four-area {
padding: 120px 0 90px;
background: #212121;
}
.pricingTable-four{
background: #111111;
text-align: center;
padding: 30px 30px 70px;
margin-bottom: 30px;
border-radius: 0;
overflow: hidden;
position: relative;
z-index: 1;
}
.pricingTable-four:before,
.pricingTable-four:after{
content: "";
background-color: #FEC10E;
width: 400px;
height: 400px;
border-radius: 50%;
position: absolute;
top: -200px;
left: 0;
right: 0;
z-index: -1;
}
.pricingTable-four:after{
background-color: #FEC10E;
height: 300px;
width: 300px;
top: auto;
bottom: -230px;
right: auto;
left: -180px;
}
.pricingTable-four .title-four{
color: #222222;
text-transform: uppercase;
margin: 0 0 20px;
}
.pricingTable-four .title:before{
content: "";
background-color: #1A2A3A;
width: 65px;
height: 3px;
margin: 0 auto 20px;
display: block;
clear: both;
}
.pricingTable-four .price-value-four {
color: #fff;
background-color: #212121;
width: 160px;
height: 160px;
padding: 57px 0 0;
margin: 0 auto 25px;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pricingTable-four:hover .price-value-four{
background: #ffffff;
transform: scale(1.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pricingTable-four .price-value-four .currency{
vertical-align: top;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pricingTable-four:hover .currency {
color: #FEC10E;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pricingTable-four .price-value-four .amount{
font-size: 58px;
font-weight: 700;
line-height: 45px;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pricingTable-four:hover .amount {
color: #FEC10E;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pricingTable-four .price-value-four .duration{
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
margin: 0 0 0 -5px;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pricingTable-four:hover .duration {
color: #FEC10E;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pricingTable-four .pricing-content-four {
padding: 0;
margin: 0 0 25px;
list-style: none;
display: inline-block;
}
.pricingTable-four .pricing-content-four li{
color: #888;
font-size: 15px;
font-weight: 500;
text-align: left;
padding: 0 0 0 35px;
margin: 0 0 20px;
position: relative;
}
.pricingTable-four .pricing-content-four li:last-child{ margin: 0; }
.pricingTable-four .pricing-content-four li:before{
content: "\f00c";
color: #fff;
background-color: transparent;
font-family: "Font Awesome 5 Free";
font-weight: 900;
text-align: center;
line-height: 20px;
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
top: 5px;
left: 0;
}
.pricingTable-four .pricingTable-signup-four a{
color: #fff;
background-color: #FEC10E;
font-size: 25px;
font-weight: 500;
text-transform: uppercase;
width: 140px;
padding: 3px 10px;
margin: 0 auto;
border-radius: 15px;
border: 2px solid transparent;
display: block;
transition: all 0.3s ease 0s;
}
.pricingTable-four .pricingTable-signup-four a:hover{
color: #FE5F85;
background-color: transparent;
border-color: #FE5F85;
}
/*
=========== Gym Testimonial CSS ===========
*/
.gym-theme .testimonial-item {
border-radius: 5px;
background: #111111;
}
.gym-theme .testimonial-item i {
opacity: 0.1;
}
.gym-theme .testimonial-item span {
color: #999999;
}
.gym-theme .testimonial-item .testimonial-img {
border-color: #111111;
}
.gym-theme .testimonial-col .owl-theme .owl-dots .owl-dot.active span {
background: #FEC10E;
}
.gym-theme .testimonial-col .owl-theme .owl-dots {
background: #111111;
}
/*
=========== Gym Blog CSS ===========
*/
.gym-theme .blog-area{
}
.gym-theme .blog-img:before {
background: rgb(254,193,14);
background: -moz-linear-gradient(180deg, rgba(254,193,14,0) 0%, rgba(254,193,14,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(254,193,14,0) 0%, rgba(254,193,14,1) 100%);
background: linear-gradient(180deg, rgba(254,193,14,0) 0%, rgba(254,193,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fec10e",endColorstr="#fec10e",GradientType=1);
}
.gym-theme .blog-col-content {
padding-top: 20px;
background: #212121;
}
.gym-theme .blog-col-content h4 {
margin-bottom: 0;
}
.gym-theme .blog-col-content span {
color: #999999;
}
.gym-theme .blog-col-content p {
margin-top: 20px;
}
.gym-theme .blog-col-content p a {
color: #FEC10E;
}
/*
=========== Gym Partners CSS ===========
*/
.gym-theme .partners-area {
background: #212121;
}
/*
=========== Gym Contact CSS ===========
*/
.gym-theme .contact-area .contact-col {
border-radius: 0;
padding: 80px 50px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.gym-theme .contact-area .contact-info-box {
position: relative;
text-align: left;
padding-left: 50px;
margin-bottom: 50px;
}
.gym-theme .contact-area .contact-info-box i {
position: absolute;
left: 0;
top: -3px;
z-index: 0;
width: 35px;
height: 35px;
background: #FEC10E;
font-size: 18px;
line-height: 35px;
color: #444444;
}
.gym-theme .contact-area .contact-info-col h4 {
margin-top: 40px;
}
.gym-theme .contact-area .contact-info-col ul li {
display: inline-block;
margin-right: 15px;
}
.gym-theme .contact-area .contact-info-col ul li i {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gym-theme .contact-area .contact-info-col ul li i:hover {
color: #FEC10E;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*
=========== Gym Footer CSS ===========
*/
.gym-theme .footer-area {
padding: 220px 0 30px;
position: relative;
}
.gym-theme .footer-area:before {
}
.gym-theme .footer-area .subscribe-col {
text-align: center;
}
.gym-theme .footer-area .subscribe-col h4 {
margin-bottom: 30px;
}
.gym-theme .copyright-col p {
margin-top: 80px;
color: #c3c3c3;
}
.gym-theme .footer-area .subscribe-col .form-control {
color: #dddddd;
}
.gym-theme .construction-footer-area .subscribe-col .input-group .btn {
background: rgb(254,193,14);
background: -moz-linear-gradient(180deg, rgba(254,193,14,1) 0%, rgba(254,193,14,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(254,193,14,1) 0%, rgba(254,193,14,1) 100%);
background: linear-gradient(180deg, rgba(254,193,14,1) 0%, rgba(254,193,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fec10e",endColorstr="#fec10e",GradientType=1);
}
.gym-theme .subscribe-col .input-group ::-moz-placeholder {
color: #dddddd !important;
}
.gym-theme .subscribe-col .input-group ::-o-placeholder {
color: #dddddd !important;
}
.gym-theme .subscribe-col .input-group :-ms-input-placeholder {
color: #dddddd !important;
}
.gym-theme .subscribe-col .input-group input:-moz-placeholder {
color: #dddddd !important;
}
.gym-theme .subscribe-col .input-group ::-webkit-input-placeholder {
color: #dddddd !important;
}
/* Yoga All CSS Start From Here
=======================================
*/
.yoga-theme {
}
.yoga-theme .theme-btn {
padding: 16px 50px;
background: #84DAFB;
color: #222222;
font-weight: 500;
height: 55px;
}
/*
=========== Yoga Header CSS ===========
*/
.yoga-theme .header-area {
background: #111111;
}
.yoga-theme .header-area .container-fluid {
padding: 0 150px;
}
.yoga-theme .header-area .header-navbar:before {
background: transparent;
}
.yoga-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link {
color: #ffffff;
}
.yoga-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link:hover,
.yoga-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link.active {
color: #84DAFA;
}
.yoga-theme .sticky {
background: #111111;
}
/*
=========== Yoga Hero CSS ===========
*/
.yoga-hero-area {
}
.yoga-theme .yoga-hero-img {
position: absolute;
right: 200px;
top: 150px;
z-index: 0;
}
.yoga-theme .gym-hero-content h1 {
color: #222222;
background-image: none;
}
.yoga-theme .gym-hero-content h5 {
color: #222222;
}
.yoga-theme .gym-hero-content .theme-btn {
}
.hero-social {
position: absolute;
left: 50px;
bottom: 50px;
z-index: 0;
}
.hero-social ul li {
display: inline-block;
}
.hero-social ul li {
width: 40px;
height: 40px;
margin-right: 10px;
background: #ffffff;
border-radius: 50%;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hero-social ul li a {
display: block;
line-height: 40px;
}
.hero-social ul li a i {
color: #444444;
}
.hero-social ul li:hover {
background: #000000;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hero-social ul li:hover a i {
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*
=========== Yoga About CSS ===========
*/
.yoga-about-area {
padding: 120px 0 90px;
}
.yoga-about-img {
position: relative;
}
.about-bg {
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.yoga-about-col h2 {
margin-bottom: 20px;
}
.yoga-about-col p {
margin-bottom: 20px;
}
.yoga-about-col ul {
margin-bottom: 40px;
}
.yoga-about-col ul li {
margin-bottom: 10px;
position: relative;
padding-left: 30px;
}
.yoga-about-col ul li:before {
content: "\eed8";
font-family: "IcoFont";
font-size: 20px;
position: absolute;
left: 0;
top: 0;
z-index: 0;
color: #84DAFB;
}
.about-counter-col {
text-align: center;
background: #E9F8FF;
padding: 20px 10px;
border-radius: 5px;
}
.about-counter-col h2 {
margin-bottom: 10px;
}
.about-counter-col p {
margin-bottom: 0;
}
/*
=========== Yoga Video CSS ===========
*/
.video-two-area {
position: relative;
padding-top: 120px;
}
.video-two-area:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 600px;
background: #84DAFA;
background-image: url(../images/yoga/bg/3.jpg);
}
.video-two-col {
position: relative;
background: #000000;
/*border: 3px solid #000000;*/
border-radius: 5px;
overflow: hidden;
-webkit-box-shadow: 0px 30px 40px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 30px 40px 0px rgba(0,0,0,0.4);
box-shadow: 0px 30px 40px 0px rgba(0,0,0,0.4);
}
.video-two-col:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
}
.video-two-col i {
position: absolute;
left: 50%;
top: 50%;
z-index: 0;
font-size: 80px;
color: #84DAFB;
margin-top: -40px;
margin-left: -40px;
}
/*
=========== Yoga Class CSS ===========
*/
.classes-area {
}
.classes-area .service-three-col {
padding: 10px 10px;
padding-bottom: 30px;
background: #E9F8FF;
}
.classes-area .service-three-col:hover {
background-color: #84DAFB;
}
.classes-area .service-three-col img {
margin-bottom: 20px;
}
.classes-area .service-three-col:hover h4 {
color: #222222;
}
.classes-area .service-three-col:hover p {
color: #444444;
}
.classes-area .service-three-col:hover .theme-btn {
background: #ffffff;
}
.classes-area .owl-theme .owl-nav [class*=owl-] {
background: transparent;
color: #84DAFB;
padding: 0;
margin: 0 10px;
font-size: 50px;
}
.classes-area .service-three-col .row {
padding: 10px 20px;
background: #eeeeee;
margin-right: 15px;
margin-left: 15px;
}
.class-info {
text-align: left;
}
.class-info strong {
text-transform: capitalize;
}
.yoga-theme #back-to-top {
background: #84DAFB;
}
/*
=========== Yoga Portfolio CSS ===========
*/
.yoga-theme .yoga-gallery-area {
background: #E9F8FF;
}
.yoga-theme .yoga-gallery-area .cv-two-portfolio-box:before {
background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0.8995973389355743) 0%, rgba(132,218,250,0.7987570028011204) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.8995973389355743) 0%, rgba(132,218,250,0.7987570028011204) 100%);
background: linear-gradient(180deg, rgba(255,255,255,0.8995973389355743) 0%, rgba(132,218,250,0.7987570028011204) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#84dafa",GradientType=1);
}
.yoga-theme .yoga-gallery-area ul li a {
color: #84DAFA;
}
.yoga-theme .yoga-gallery-area ul li a:hover {
color: #222222;
background-color: #84DAFA;
}
/*
=========== Yoga Team CSS ===========
*/
.yoga-theme .team-area {
background: #ffffff;
}
.yoga-theme .team-area .team-two-img {
border-radius: 30% 70% 55% 45% / 30% 30% 70% 70%;
}
.yoga-theme .team-area .team-two-name {
background: #84DAFA;
border-radius: 200px;
max-width: 100%;
left: auto;
}
.yoga-theme .team-area .team-two-name h4 {
color: #222222;
}
.yoga-theme .team-area .team-two-name p {
color: #ffffff;
margin-bottom: 10px;
}
.yoga-theme .team-area .team-two-name ul li {
display: inline-block;
margin: 0 10px;
}
.yoga-theme .team-area .team-two-name ul li a i {
color: #444444;
font-size: 25px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.yoga-theme .team-area .team-two-name ul li a i:hover {
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.yoga-theme .my-title .bdr {
background: #84DAFB;
}
.team-area .owl-theme .owl-nav [class*=owl-] {
color: #84DAFB;
}
/*
=========== Yoga Schedule CSS ===========
*/
.yoga-theme .class-schedule-area {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.yoga-theme .class-schedule-area .nav-link {
color: #444444;
}
.yoga-theme .class-schedule-area .nav-pills .nav-link.active,
.yoga-theme .class-schedule-area .nav-pills .show>.nav-link {
background: #000000;
color: #ffffff;
font-weight: normal;
}
.yoga-theme .class-schedule-area .table-dark thead th {
background: #000000;
color: #ffffff;
}
.yoga-theme .pricingTable-four:before, .yoga-theme .pricingTable-four:after {
background: #84DAFA;
}
.yoga-theme .pricingTable-four-signup a {
color: #ffffff;
}
.yoga-theme .pricingTable-four:hover .price-value-four .amount,
.yoga-theme .pricingTable-four:hover .price-value-four .duration,
.yoga-theme .pricingTable-four:hover .price-value-four .currency {
color: #84DAFA;
}
/*
=========== Yoga Pricing CSS ===========
*/
.yoga-theme .pricing-four-area {
background: transparent;
}
/*
=========== Yoga Testimonial CSS ===========
*/
.yoga-theme .testimonial-area {
background: #E9F8FF;
padding-bottom: 90px;
}
.yoga-theme .testimonial-col {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
}
.yoga-theme .testimonial-col .my-testimonial-box {
background: #ffffff;
width: 48%;
margin-bottom: 30px;
padding: 30px 20px;
text-align: center;
border-radius: 5px;
}
.yoga-theme .testimonial-col .my-testimonial-box img {
border-radius: 40% 60% 62% 38% / 72% 62% 38% 28%;
}
.yoga-theme .testimonial-col .my-testimonial-box h4 {
margin-bottom: 0;
margin-top: 20px;
}
.yoga-theme .testimonial-col .my-testimonial-box p {
margin-top: 10px;
}
/*
=========== Yoga Blog CSS ===========
*/
.yoga-theme .blog-col-content {
padding-top: 30px;
background: #E9F8FF;
}
.yoga-theme .blog-col-content p a {
color: #84DAFA;
}
.yoga-theme .blog-img:before {
background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(132,218,250,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(132,218,250,1) 100%);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(132,218,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#84dafa",GradientType=1);
}
.yoga-theme .partners-area {
background: #E9F8FF;
}
/*
=========== Yoga Contact CSS ===========
*/
.yoga-theme .contact-area {
margin-bottom: 0;
padding-bottom: 120px;
}
.yoga-theme #map {
margin-top: 30px;
min-height: 400px;
}
.yoga-theme .contact-col {
background: #E9F8FF;
}
/*
=========== Yoga Footer CSS ===========
*/
.our-footer {
padding: 120px 0 90px;
background: #111111;
position: relative;
}
.our-footer-col {
margin-bottom: 30px;
}
.our-footer .footer-title {
margin-bottom: 20px;
}
.our-footer .footer-title h4 {
font-size: 24px;
color: #ebebeb;
float: none;
margin-bottom: 0;
font-weight: normal;
}
.our-footer .footer-title .our-title-line {
float: none;
margin-left: 0;
}
.our-post {
position: relative;
padding-left: 100px;
/*border-bottom: 1px solid #5b5b5b;
padding-bottom: 22px;*/
margin-bottom: 15px;
min-height: 70px;
}
.our-post img {
width: 80px;
height: 80px;
position: absolute;
left: 0;
top: 4px;
z-index: 0;
border-radius: 5px;
}
.last-post{
min-height: 70px;
padding-bottom: 0;
margin-bottom: 0;
border: none !important;
}
.our-post p a {
color: #eeeeee;
}
.our-post p a:hover {
color: #eeeeee;
}
.our-post a {
color: #84DAFB;
}
.our-footer-logo {
}
.our-footer-logo img {
width: 210px;
}
.our-footer-logo p {
margin-top: 20px;
margin-bottom: 20px;
color: #eeeeee;
}
.our-footer-logo .our-footer-social {
display: inline-block;
text-align: center;
margin-bottom: 10px;
}
.our-footer-logo .our-footer-social li {
margin-right: 20px;
float: left;
}
.our-footer-logo .our-footer-social li i {
color: #eeeeee;
font-size: 18px;
line-height: 40px;
width: 40px;
height: 40px;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.our-footer-logo .our-footer-social li i:hover {
color: #84DAFB;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.our-footer-col form .form-control {
background: #4f5a7a;
border-color: transparent;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
color: #eeeeee;
}
.our-footer-col form .btn {
height: 45px;
padding-left: 20px;
padding-right: 20px;
border-radius: 0;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
text-transform: capitalize;
color: #444444;
background: #84DAFB;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.our-footer-col form .btn:hover {
background: #84DAFB;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.our-footer-col form .btn {
font-size: 16px;
font-weight: bold;
}
.our-footer .tags-col ul li {
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
}
.our-footer .tags-col ul li a {
border: 1px solid #444444;
padding: 8px 20px;
display: block;
color: #eeeeee;
text-transform: capitalize;
border-radius: 5px;
}
.our-footer .tags-col ul li a:hover {
background: #84DAFB;
color: #444444;
}
.theme-copyright {
background: #212121;
padding: 15px 15px;
text-align: center;
}
.theme-copyright p {
color: #808080;
}
.our-footer .subscribe-col {
}
.yoga-theme .our-footer .input-group ::-moz-placeholder {
color: #dddddd !important;
}
.yoga-theme .our-footer .input-group ::-o-placeholder {
color: #dddddd !important;
}
.yoga-theme .our-footer .input-group :-ms-input-placeholder {
color: #dddddd !important;
}
.yoga-theme .our-footer .input-group input:-moz-placeholder {
color: #dddddd !important;
}
.yoga-theme .our-footer .input-group ::-webkit-input-placeholder {
color: #dddddd !important;
}
/* Charity All CSS Start From Here
=======================================
*/
.charity-theme {
}
/*
=========== Charity Header CSS ===========
*/
.charity-theme .header-navbar:before {
display: none;
}
.charity-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link {
color: #ffffff;
}
.charity-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link:hover,
.charity-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link.active {
color: #79C45D;
}
.charity-theme .header-area .container-fluid {
padding: 0 150px;
}
.charity-theme .sticky {
background: #111111;
border-bottom: 1px solid #c1c1c1;
}
/*
=========== Charity Hero CSS ===========
*/
.charity-hero-img {
position: absolute;
right: 200px;
top: 50%;
z-index: 0;
transform: translateY(-50%);
}
.charity-theme .gym-hero-content h1 {
background: transparent;
}
.charity-theme .theme-btn {
background: #79C45D;
height: 60px;
padding: 18px 55px 15px;
}
.charity-theme .gym-hero-content .theme-btn {
margin-right: 30px;
}
/*
=========== Charity About CSS ===========
*/
.charity-theme .yoga-about-col ul li:before {
color: #79C45D;
}
.charity-theme .my-title .bdr {
background: #79C45D;
}
.charity-theme .blog-info-bar {
margin-left: 0;
border-radius: 50px;
padding: 15px 15px 15px 20px;
margin-bottom: 20px;
background-color: #BCE3AE;
color: #ffffff;
}
.charity-theme .blog-info-bar ul li i {
color: #000000;
}
/*
=========== Charity Counter CSS ===========
*/
.charity-theme .counter-two-area {
background: #BCE3AE;
padding: 70px 0 140px;
}
.charity-theme .counter-two-col {
margin-bottom: 30px;
}
/*
=========== Charity Campaigns CSS ===========
*/
.campaigns-area {
padding: 120px 0 90px;
}
.charity-theme .campaigns-col {
border-radius: 5px;
overflow: hidden;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-align: center;
}
.charity-theme .campaigns-col:hover {
-webkit-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.1);
box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.charity-theme .campaigns-col img {
width: 100%;
height: auto;
}
.charity-theme .campaigns-col .campaigns-col-content {
border: 1px solid #eeeeee;
border-top: none;
padding: 20px 20px;
}
.charity-theme .campaigns-col .campaigns-col-content p {
margin-bottom: 20px;
}
.charity-theme .campaigns-col .campaigns-col-content .progress {
margin-bottom: 20px;
height: 18px;
}
.charity-theme .campaigns-col .campaigns-col-content .progress-bar {
background: #79C45D;
}
.charity-theme .campaigns-col .campaigns-col-content ul li {
display: inline-block;
}
.charity-theme .campaigns-col .campaigns-col-content ul li {
margin: 0 10px;
}
.charity-theme .campaigns-col .campaigns-col-content .theme-btn {
margin-top: 20px;
}
/*
=========== Charity Volunteer CSS ===========
*/
.volunteer-area {
padding: 120px 0 100px;
}
.volunteer-item {
text-align: center;
}
.volunteer-item h4 {
color: #ffffff;
margin-top: 20px;
border-bottom: 1px solid #6d6d6d;
padding-bottom: 15px;
margin-bottom: 15px;
}
.volunteer-item span {
color: #dddddd;
text-transform: capitalize;
}
.volunteer-item ul {
margin-top: 15px;
}
.volunteer-item ul li {
display: inline-block;
margin: 0 10px;
}
.volunteer-item ul li a i {
color: #ffffff;
font-size: 24px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.volunteer-item ul li a i:hover {
color: #79C45D;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.volunteer-area .owl-theme .owl-nav [class*=owl-] {
background: transparent;
padding: 0;
font-size: 60px;
color: #79C45D;
}
.my-title-white h2 {
color: #ffffff;
}
.my-title-white .bdr {
background: #ffffff;
}
.my-title-white p {
color: #dddddd;
}
/*
=========== Charity Gallery CSS ===========
*/
.charity-theme .cv-two-portfolio-box:before {
background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(121,196,93,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(121,196,93,1) 100%);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(121,196,93,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#79c45d",GradientType=1);
}
.charity-theme .cv-two-portfolio-box {
margin-bottom: 0;
}
.charity-theme .cv-two-portfolio-box h4,
.charity-theme .cv-two-portfolio-box span {
color: #ffffff !important;
}
.charity-theme .cv-two-portfolio-box ul li a {
color: #79C45D;
}
.charity-theme .cv-two-portfolio-box ul li a:hover {
background: #79C45D;
color: #ffffff;
}
.charity-theme #back-to-top {
background: #79C45D;
}
.charity-theme .cv-two-portfolio-box:hover {
cursor: e-resize;
cursor: url('../images/charity/left-right.png'), auto;
}
.charity-theme .cv-two-portfolio-box ul li a:hover {
cursor: pointer !important;
position: relative;
z-index: 2;
}
/*
=========== Charity testimonial CSS ===========
*/
.charity-theme .testimonial-area .testimonial-col .owl-theme .owl-dots .owl-dot.active span {
background: #79C45D;
}
/*
=========== Charity blog CSS ===========
*/
.charity-theme .blog-col-content {
padding-top: 30px;
}
.charity-theme .blog-col-content p {
margin-bottom: 10px;
}
.charity-theme .blog-col h4 a {
color: #222222;
}
.side-blog {
padding-top: 30px;
}
.charity-theme .blog-area {
padding-top: 110px;
}
.charity-theme .blog-img:before {
background: rgb(121,196,93);
background: -moz-linear-gradient(0deg, rgba(121,196,93,1) 0%, rgba(121,196,93,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(121,196,93,1) 0%, rgba(121,196,93,0) 100%);
background: linear-gradient(0deg, rgba(121,196,93,1) 0%, rgba(121,196,93,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#79c45d",endColorstr="#79c45d",GradientType=1);
}
/*
=========== Charity Contact CSS ===========
*/
.contact-two-area {
padding-bottom: 120px;
margin-bottom: 0;
}
.contact-two-area .contact-info-col {
display: flex;
justify-content: space-between;
}
.contact-two-area .contact-info-col .contact-info-box {
border: 1px solid #dddddd;
padding: 30px 20px;
min-width: 220px;
height: 180px;
border-radius: 5px;
}
.contact-two-area .contact-info-box i {
background-color: #79C45D;
}
.contact-two-area .form-col {
margin-top: 40px;
padding: 30px;
border: 1px solid #dddddd;
border-radius: 5px;
}
.contact-two-area .form-col .form-control {
background: #e0e0e0;
color: #444444;
}
.charity-theme #map {
height: 500px;
}
/*
=========== Charity Footer CSS ===========
*/
.charity-theme .our-footer .our-footer-logo .our-footer-social li i:hover {
color: #79C45D;
}
.charity-theme .our-footer .our-footer-col form .btn {
background: #79C45D;
color: #ffffff;
}
.charity-theme .our-post a {
color: #79C45D;
}
.charity-theme .our-post p a {
color: #eeeeee;
}
.charity-theme .our-footer .tags-col ul li a:hover {
background: #79C45D;
color: #ffffff;
}
/* Conference All CSS Start From Here
=======================================
*/
.conference-theme{
}
/*
=========== Conference Header CSS ===========
*/
.conference-theme .header-area .container-fluid,
.conference-hero-area .container-fluid {
padding: 0 200px;
}
.conference-theme .header-navbar:before {
background: transparent;
}
.conference-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link {
color: #ffffff;
}
.conference-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link {
margin-left: 45px;
}
.conference-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link:hover {
color: #111111;
}
.conference-theme .sticky {
background: #00006E;
}
.conference-theme .header-navbar.sticky .navbar-expand-lg .navbar-nav .nav-link:hover,
.conference-theme .header-navbar.sticky .navbar-expand-lg .navbar-nav .nav-link.active {
color: #FCB514;
}
/*
=========== Conference Hero CSS ===========
*/
.conference-hero-area {
min-height: 900px;
position: relative;
}
.conference-hero-img {
margin-top: 100px;
}
.conference-hero-content {
position: absolute;
top: 55%;
left: 0;
z-index: 0;
transform: translateY(-50%);
}
.conference-hero-content h1 {
font-size: 70px;
line-height: 1.2;
color: #ffffff;
margin-bottom: 20px;
}
.conference-hero-content h1 span {
color: #FFB600;
}
.conference-hero-content h4 {
color: #ffffff;
font-weight: normal;
margin-bottom: 30px;
}
.conference-hero-content .countdown {
justify-content: left
}
.conference-hero-content .countdown .countdown-container {
margin: 0 20px 0 0;
text-align: center;
background: #ffffff;
padding: 10px 20px;
border-radius: 10px;
width: 100px;
}
.conference-hero-content .countdown .countdown-container span.countdown-heading {
margin-right: 5px;
display: block;
font-size: 18px;
margin-bottom: 10px;
}
.conference-hero-content .countdown .countdown-container span.countdown-value {
color: #FFB600;
font-size: 40px;
}
.conference-hero-content .theme-btn {
margin-top: 30px;
background: #FFB600;
color: #111111;
font-weight: bold;
padding: 18px 60px;
min-height: 60px;
}
.conference-hero-content .theme-btn:hover {
background: #ffffff;
color: #FFB600;
}
/*
=========== Conference About CSS ===========
*/
.conference-theme .yoga-about-area h4 {
margin-top: 10px;
}
.conference-theme .yoga-about-area .my-title {
margin-bottom: 0;
}
.conference-theme .yoga-about-col ul li:before {
color: #FFB600;
}
.conference-theme .my-title h2 span {
color: #FFB600;
}
/*
=========== Conference counter CSS ===========
*/
.conference-theme .counter-two-area {
background: #00006E;
padding: 120px 0 90px;
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
}
.conference-theme .counter-two-area .row {
bottom: 0;
}
.conference-theme .counter-two-col {
margin-bottom: 30px;
position: relative;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.conference-theme .counter-two-col:before {
content: "";
width: 180px;
height: 180px;
position: absolute;
left: 50%;
top: -10px;
z-index: -1;
margin-left: -90px;
border-radius: 10px;
border: 2px solid #FFB600;
transform: rotate(45deg);
}
.conference-theme .counter-two-col h2 {
color: #FFB600;
margin-top: 5px;
background: rgba(255,255,255,0.2);
}
.conference-theme .counter-two-col h4 {
color: #ffffff;
font-weight: normal;
}
/*
=========== Conference speaker CSS ===========
*/
.conference-theme .volunteer-item {
background: #f5f5f5;
padding-bottom: 20px;
border-radius: 5px;
}
.conference-theme .volunteer-item:hover {
}
.conference-theme .volunteer-item img {
padding: 20px 20px;
padding-bottom: 0;
}
.conference-theme .volunteer-item h4 {
color: #222222;
}
.conference-theme .volunteer-item span {
color: #444444;
}
.conference-theme .volunteer-item ul li a i {
color: #00006E;
}
.conference-theme .volunteer-item ul li a i:hover {
color: #FFB600;
}
.conference-theme .my-title .bdr {
background: #FFB600;
}
.conference-theme .volunteer-area .owl-theme .owl-nav [class*=owl-] {
color: #FFB600;
}
/*
=========== Conference schedule CSS ===========
*/
.conference-schedule-area {
padding: 120px 0;
background: #f5f5f5;
}
.conference-schedule-col .nav {
justify-content: space-between;
}
.conference-schedule-col .nav-pills .nav-link {
padding: 30px 30px;
font-size: 24px;
color: #FFB600;
}
.conference-schedule-col .nav-pills .nav-link.active {
background: rgb(0,0,110);
background: -moz-linear-gradient(229deg, rgba(0,0,110,1) 0%, rgba(4,64,130,1) 100%);
background: -webkit-linear-gradient(229deg, rgba(0,0,110,1) 0%, rgba(4,64,130,1) 100%);
background: linear-gradient(229deg, rgba(0,0,110,1) 0%, rgba(4,64,130,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00006e",endColorstr="#044082",GradientType=1);
}
.conference-schedule-box {
background: #ffffff;
padding: 30px 20px;
position: relative;
padding-left: 200px;
min-height: 170px;
margin-bottom: 30px;
}
.conference-schedule-img {
position: absolute;
left: 20px;
top: 15px;
z-index: 0;
width: 150px;
height: 150px;
}
.conference-schedule-box p {
margin-top: 10px;
}
.conference-schedule-box span {
color: #999999;
}
.conference-schedule-box h4 {
margin-bottom: 0;
}
/*
=========== Conference venue CSS ===========
*/
.conference-venue-area {
padding: 120px 0;
}
.conference-venue-col {
text-align: center;
padding: 50px 30px;
border-radius: 5px;
}
.conference-venue-col h2 {
color: #ffffff;
}
.conference-venue-col p {
color: #dddddd;
}
.conference-venue-col h4 {
color: #ffffff;
}
/*
=========== Conference ticket CSS ===========
*/
.ticket-area {
padding: 120px 0;
position: relative;
}
.ticket-area.over-layer-black:before {
background: rgba(0,0,0,0.6);
}
.ticket-area .section-title h2 {
color: #f3f3f3;
}
.ticket-col {
text-align: left;
}
.ticket-col p {
color: #FFB600;
margin-bottom: 20px;
text-align: left;
}
.ticket-area .form-control {
background: transparent;
color: #dddddd;
min-height: 50px;
border-radius: 5px;
}
.my-select {
width: 100%;
height: 50px;
background: transparent;
color: #dddddd;
border: 1px solid #ffffff;
border-radius: 5px;
}
.my-select option {
background: #FFB600;
color: #111111;
}
.ticket-area .theme-btn {
margin-top: 30px;
background: #FFB600;
padding: 12px 50px;
min-height: 55px;
}
.ticket-area .my-title h2 {
color: #ffffff;
}
.ticket-area .my-title p {
color: #dddddd;
}
.ticket-img {
position: absolute;
right: 200px;
bottom: -100px;
z-index: 0;
max-width: 450px;
}
.ticket-area ::-webkit-input-placeholder {
color: #dddddd !important;
}
.ticket-area ::-moz-placeholder {
color: #dddddd !important;
}
.ticket-area :-ms-input-placeholder {
color: #dddddd !important;
}
.ticket-area :-moz-placeholder {
color: #dddddd !important;
}
.conference-theme #back-to-top {
background: #FFB600;
}
/*
=========== Conference Portfolio CSS ===========
*/
.conference-theme .cv-two-portfolio-area {
padding: 120px 0 80px;
}
.conference-theme .cv-two-portfolio-box:before {
background: rgb(255,182,0);
background: -moz-linear-gradient(0deg, rgba(255,182,0,0.8015581232492998) 0%, rgba(255,182,0,0.7959558823529411) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,182,0,0.8015581232492998) 0%, rgba(255,182,0,0.7959558823529411) 100%);
background: linear-gradient(0deg, rgba(255,182,0,0.8015581232492998) 0%, rgba(255,182,0,0.7959558823529411) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffb600",endColorstr="#ffb600",GradientType=1);
}
.conference-theme .cv-two-portfolio-box ul li a i {
color: #FFB600;
}
.conference-theme .cv-two-portfolio-box ul li a:hover {
background: #00006E;
}
/*
=========== Conference Testimonial CSS ===========
*/
.conference-theme .testimonial-col .owl-theme .owl-dots .owl-dot.active span {
background: #FFB600;
}
.conference-theme .testimonial-item .testimonial-img {
background: #00006E;
}
/*
=========== Conference Testimonial CSS ===========
*/
.blog-two-area {
padding: 120px 0 90px;
}
.blog-two-info-bar {
background: #f5f5f5;
padding: 10px 20px;
text-align: center;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.blog-two-info-bar ul li {
display: inline-block;
margin: 0 5px;
}
.blog-two-info-bar ul li a {
color: #444444;
font-size: 14px;
}
.blog-two-info-bar ul li i {
color: #FFB600;
margin-right: 3px;
font-size: 14px;
}
.blog-two-col-content {
background: #F5F5F5;
padding: 20px 20px;
margin-bottom: 30px;
text-align: center;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.blog-two-col-content h4 {
line-height: 1.3;
margin-bottom: 15px;
}
.blog-two-col-content h4 a {
color: #222222;
}
.blog-two-col-content p {
margin-bottom: 20px;
}
.blog-two-img {
overflow: hidden;
}
.blog-two-img img {
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog-two-col:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.conference-theme .theme-btn {
background: #FFB600;
}
/*
=========== Conference Contact CSS ===========
*/
.conference-theme #map {
height: 430px;
margin-top: 40px;
}
.conference-theme .contact-two-area .contact-info-box i {
background: #FFB600;
}
/*
=========== Conference Footer CSS ===========
*/
.footer-area-three {
padding: 120px 0 30px;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.footer-area-three .our-footer-col {
text-align: center;
margin-bottom: 0;
}
.footer-area-three .our-footer-col h4 {
color: #ffffff;
font-weight: normal;
margin-bottom: 20px;
}
.footer-area-three .our-footer-col form .form-control {
min-height: 50px;
}
.footer-area-three .our-footer-col form .btn {
min-height: 50px;
background: #FFB600;
}
.footer-area-three .our-footer-col ul {
margin-top: 80px;
}
.footer-area-three .our-footer-col ul li {
display: inline-block;
margin: 0 15px;
}
.footer-area-three .our-footer-col ul li a i {
color: #FFB600;
font-size: 24px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footer-area-three .our-footer-col ul li a i:hover {
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footer-area-three .our-footer-col p {
color: #999999;
margin-top: 80px;
}
.footer-area-three ::-webkit-input-placeholder {
color: #dddddd !important;
}
.footer-area-three ::-moz-placeholder {
color: #dddddd !important;
}
.footer-area-three :-ms-input-placeholder {
color: #dddddd !important;
}
.footer-area-three :-moz-placeholder {
color: #dddddd !important;
}
/* Electricity All CSS Start From Here
=======================================
*/
.electricity-theme {
}
/*
=========== Electricity Header CSS ===========
*/
.electricity-theme .header-area {
position: relative;
}
.electricity-theme .header-top-area {
background: #00006E;
padding: 20px 0 10px;
}
.electricity-theme .header-navbar:before {
display: none;
}
.electricity-theme .consultation-btn {
background: #0BE881;
}
.electricity-theme .header-info ul li i {
color: #0BE881;
}
.electricity-theme .header-navbar .navbar {
padding-top: 25px;
padding-bottom: 25px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.electricity-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link:hover,
.electricity-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link.active {
color: #0BE881;
}
.electricity-theme #back-to-top{
background: #0BE881;
}
.electricity-theme .header-navbar.sticky {
background: #00006E;
}
.logo-1 {
display: block;
}
.logo-2 {
display: none;
}
.header-navbar.sticky .logo-1 {
display: none;
}
.header-navbar.sticky .logo-2 {
display: block;
}
.electricity-theme .header-navbar.sticky .navbar-expand-lg .navbar-nav .nav-link {
color: #dddddd;
}
.electricity-theme .header-navbar.sticky .navbar-expand-lg .navbar-nav .nav-link:hover,
.electricity-theme .header-navbar.sticky .navbar-expand-lg .navbar-nav .nav-link.active {
color: #0BE881;
}
.electricity-theme .header-navbar.sticky .navbar {
padding-top: 15px;
padding-bottom: 15px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.electricity-theme .theme-btn {
background: #00006E;
}
/*
=========== Electricity Slider CSS ===========
*/
.electricity-theme .pogoSlider {
height: 80vh;
}
/*
=========== Electricity About CSS ===========
*/
.electricity-theme .about-area {
position: relative;
overflow: hidden;
}
.electricity-theme .about-area .container {
position: relative;
z-index: 1;
}
.electricity-theme .about-area:before {
content: "";
position: absolute;
left: -250px;
top: -50px;
z-index: 0;
width: 800px;
height: 150%;
transform: rotate3d(1, 1, 1, 45deg);
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
.electricity-theme .about-area:after {
content: "";
position: absolute;
left: -250px;
top: -400px;
z-index: 0;
width: 600px;
height: 180%;
transform: rotate3d(1, 1, 1, 45deg);
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
.about-three-col img {
width: 100%;
}
.about-three-col h2 {
margin-top: 50px;
}
.about-three-col p {
margin-bottom: 20px;
}
.about-three-col .about-signature {
text-align: center;
margin-top: 50px;
}
.about-three-col .about-signature .signature {
width: auto;
display: block;
margin: 0 auto;
margin-bottom: 15px;
}
/*
=========== Electricity Service CSS ===========
*/
.service-four-area {
padding: 120px 0 90px;
background: #edfef6;
}
.service-four-col {
position: relative;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-four-col:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);
box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);
}
.service-four-col .service-four-img {
overflow: hidden;
}
.service-four-col .service-four-img img {
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-four-col:hover .service-four-img img {
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-four-col-content {
overflow: hidden;
position: relative;
z-index: 1;
padding: 20px 20px 30px;
text-align: center;
background: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-four-col:hover .service-four-col-content {
border-color: transparent;
background: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-four-col-content:before {
content: "";
position: absolute;
right: -100%;
bottom: -100%;
z-index: 0;
width: 120px;
height: 800px;
opacity: 0;
-ms-transform: rotate(25deg);
transform: rotate(25deg);
background: rgb(11,232,129);
background: -moz-linear-gradient(90deg, rgba(11,232,129,0) 0%, rgba(11,232,129,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(11,232,129,0) 0%, rgba(11,232,129,1) 100%);
background: linear-gradient(90deg, rgba(11,232,129,0) 0%, rgba(11,232,129,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0be881",endColorstr="#0be881",GradientType=1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-four-col:hover .service-four-col-content:before {
right: -120px;
bottom: -150px;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-four-col-content h4 {
position: relative;
z-index: 1;
}
.service-four-col-content p {
margin-bottom: 15px;
position: relative;
z-index: 1;
}
/*
=========== Electricity Portfolio CSS ===========
*/
.electricity-theme .portfolio-area .masonry-gallery .grid {
width: 33.33%;
}
.electricity-theme .portfolio-area .gallery-filters ul li a:hover,
.electricity-theme .portfolio-area .gallery-filters ul li a.active {
color: #0BE881;
}
.electricity-theme .my-title .bdr {
background: #0BE881;
}
/*
=========== Electricity Team CSS ===========
*/
.electricity-theme .team-area {
background: transparent;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.electricity-theme .team-two-img img {
border-radius: 0;
}
.electricity-theme .team-two-name {
left: 0;
border-radius: 0;
max-width: 90%;
background: #00006E;
border-left: 2px solid #0BE881;
border-top: 2px solid #0BE881;
text-align: left;
padding-left: 20px;
}
.electricity-theme .team-two-item:hover .team-two-name {
background: #0BE881;
}
.electricity-theme .team-two-item:hover .team-two-name h4 {
color: #222222;
}
.electricity-theme .team-two-item:hover .team-two-name p {
color: #444444;
text-transform: capitalize;
}
.electricity-theme .team-two-img ul {
border-radius: 0;
background: #ffffff;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 70px;
padding-bottom: 70px;
width: 36px;
}
.electricity-theme .team-two-img ul li i {
color: #444444;
}
.electricity-theme .team-area .owl-theme .owl-nav [class*=owl-] {
color: #0BE881;
}
/*
=========== Electricity Pricing CSS ===========
*/
.electricity-theme .pricing-four-area{
background: #ffffff;
}
.electricity-theme .pricingTable-four {
background: #EDFEF6;
padding: 30px 30px 40px;
}
.electricity-theme .pricingTable-four:before {
width: 400px;
height: 370px;
transform: rotate3d(1, 1, 1, 45deg);
border-radius: 0;
background: #00006E;
}
.electricity-theme .pricingTable-four:after {
transform: rotate3d(1, 1, 1, 45deg);
border-radius: 0;
background: #00006E;
}
.electricity-theme .pricingTable-four .title-four {
color: #ffffff;
}
.electricity-theme .pricingTable-four .price-value-four {
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
.electricity-theme .pricingTable-four:hover .currency,
.electricity-theme .pricingTable-four:hover .amount,
.electricity-theme .pricingTable-four:hover .duration {
color: #ffffff;
}
.electricity-theme .pricingTable-four .pricing-content-four li {
color: #444444;
}
.electricity-theme .pricingTable-four .pricing-content-four li:before {
color: #00006E;
}
.electricity-theme .pricingTable-four-signup a {
color: #00006E;
font-weight: bold;
text-decoration: underline;
}
/*
=========== Electricity Counter CSS ===========
*/
.electricity-theme .faq-area {
overflow: hidden;
}
.electricity-theme .counter-col {
margin-top: 0;
}
.electricity-theme .counter-col ul li {
min-height: 250px;
margin-top: 0;
margin-left: -4px;
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
.electricity-theme .counter-col ul li span i {
color: #eeeeee;
}
.electricity-theme .counter-col ul li span h2 {
color: #0BE881;
}
.electricity-theme .counter-col h4 {
color: #eeeeee;
}
/*
=========== Electricity Testimonial CSS ===========
*/
.electricity-theme .testimonial-two-area {
background: #EDFEF6;
}
.electricity-theme .testimonial-item-two {
position: relative;
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
.electricity-theme .testimonial-item-two:before {
content: "";
position: absolute;
right: 80px;
top: -200px;
z-index: 0;
width: 1000px;
height: 400px;
transform: rotate3d(1, 1, 1, 45deg);
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
.electricity-theme .testimonial-two-area .owl-theme .owl-dots .owl-dot.active span {
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
.electricity-theme .testimonial-item-two .testimonial-two-img img {
border-radius: 0;
border-radius: 5px;
position: relative;
z-index: 1;
}
.electricity-theme .testimonial-item-two .testimonial-two-img img,
.electricity-theme .testimonial-item-two h4,
.electricity-theme .testimonial-item-two span,
.electricity-theme .testimonial-item-two p {
position: relative;
z-index: 1;
}
/*
=========== Electricity blog CSS ===========
*/
.blog-three-area {
padding: 120px 0 90px;
}
.blog-three-item {
text-align: center;
margin-bottom: 30px;
}
.blog-three-img {
overflow: hidden;
}
.blog-three-img img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog-three-item:hover .blog-three-img img {
transform: scale(1.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog-three-content {
width: 90%;
background: #EDFEF6;
padding: 30px 20px;
margin: 0 auto;
position: relative;
margin-top: -30px;
-webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.1);
box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.1);
}
.blog-three-content h4 a {
color: #222222;
}
.blog-three-content ul li {
display: inline-block;
margin: 0 5px;
}
.blog-three-content ul li i {
margin-right: 5px;
}
.blog-three-content ul li a {
color: #777777;
}
.blog-three-content p {
padding-top: 10px;
margin-bottom: 10px;
}
.post-read-more {
text-transform: capitalize;
color: #00006E;
font-weight: bold;
text-decoration: underline;
}
.electricity-theme .partners-area {
background: #EDFEF6;
}
/*
=========== Electricity contact CSS ===========
*/
.electricity-theme .contact-info-box i {
background: #00006E;
}
.electricity-theme .contact-col {
background: #EDFEF6;
}
.electricity-theme .overlay-content-col .form-control {
border-color: #0BE881;
}
/*
=========== Electricity footer CSS ===========
*/
.electricity-theme .footer-area {
padding-bottom: 20px;
overflow: hidden;
position: relative;
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
.electricity-theme .footer-area:before {
content: "";
position: absolute;
right: 0;
top: -200px;
z-index: 0;
width: 2000px;
height: 400px;
transform: rotate3d(1, 1, 1, 45deg);
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
.electricity-theme .footer-area:after {
content: "";
position: absolute;
left: 200px;
bottom: -400px;
z-index: 0;
width: 800px;
height: 1500px;
transform: rotate3d(1, 1, 1, 45deg);
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
.electricity-theme .footer-area .container {
position: relative;
z-index: 1;
}
.electricity-theme .footer-post ul li {
padding-bottom: 20px;
margin-bottom: 15px;
border-bottom: 1px solid #dddddd;
}
.electricity-theme .footer-post ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border: none;
}
.electricity-theme .my-social ul li a i:hover {
color: #0BE881;
}
.electricity-theme .copyright-col {
text-align: center;
margin: 0;
margin-top: 0;
}
/* Spa All CSS Start From Here
=======================================
*/
.spa-theme {
}
/*
=========== Spa Header CSS ===========
*/
.spa-theme .header-area {
background: #dfba5c;
position: relative;
}
.spa-theme .header-area .header-navbar:before {
background: none
}
.spa-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link:hover,
.spa-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link.active {
color: #eebd41;
}
.spa-theme .sticky {
background: #030a16;
}
.spa-theme .header-navbar.sticky .navbar-expand-lg .navbar-nav .nav-link {
color: #ffffff;
}
.spa-theme .header-navbar.sticky .navbar-expand-lg .navbar-nav .nav-link:hover,
.spa-theme .header-navbar.sticky .navbar-expand-lg .navbar-nav .nav-link.active {
color: #ff8100;
}
/*
=========== Spa Hero CSS ===========
*/
.spa-hero-area {
position: relative;
background: #ead3a2;
height: 85vh;
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
}
.spa-hero-col {
height: 85vh;
position: relative;
}
.spa-hero-content {
position: absolute;
top: 50%;
left: 0;
z-index: 0;
transform: translateY(-50%);
}
.spa-hero-content h1 {
text-transform: uppercase;
}
.spa-hero-content h1 span {
color: #e17d11;
}
.spa-hero-content h5 {
color: #444444;
margin-top: 20px;
margin-bottom: 30px;
text-transform: inherit;
font-weight: 500;
}
.spa-hero-content .theme-btn {
padding: 15px 50px;
background: #449974;
color: #ffffff;
font-weight: 500;
height: 55px;
}
.spa-hero-img {
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.spa-hero-img-two {
position: absolute;
right: 38%;
bottom: 0;
z-index: 0;
}
/*
=========== Spa About CSS ===========
*/
.spa-theme .about-counter-col {
background: #FFF5E0;
}
.spa-theme .yoga-about-col ul li:before {
color: #449974;
}
.spa-theme .about-counter-col h2 {
color: #449974;
}
.spa-theme .yoga-about-col .my-title {
margin-bottom: 20px;
}
/*
=========== Spa Video CSS ===========
*/
.spa-theme .video-two-area:before {
background-image: url(../images/spa/bg/he.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.spa-theme .video-two-col {
border-radius: 60px;
border-top-right-radius: 0;
overflow: hidden;
}
.spa-theme .video-two-col i {
color: #EAD2A2;
}
/*
=========== Spa Service CSS ===========
*/
.spa-theme .classes-area .service-three-col {
padding: 0;
background: transparent;
border-radius: 40px;
border-top-right-radius: 0;
overflow: hidden;
}
.spa-theme .classes-area .service-three-col img {
}
.spa-theme .service-three-col-content{
padding: 50px 20px 30px;
background: #FFF5E0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.spa-theme .service-three-col-content:hover {
background: #EAD2A2;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.spa-theme .service-three-col h4 {
margin-top: 0;
}
.spa-theme .classes-area .service-three-col img {
margin: 0;
margin-bottom: -30px;
}
.spa-theme .theme-btn {
padding: 15px 50px;
background: #eebd41;
color: #ffffff;
font-weight: 500;
height: 55px;
}
.spa-theme .theme-btn:hover {
background: #000000;
}
.spa-theme .classes-area .service-three-col:hover .theme-btn {
background: #000000;
}
.spa-theme .classes-area .owl-theme .owl-nav [class*=owl-] {
color: #eebd41;
}
/*
=========== Spa Gallery CSS ===========
*/
.spa-theme .cv-two-portfolio-area {
background: #FFF5E0;
padding-bottom: 80px;
}
.spa-theme .cv-two-portfolio-box ul li a:hover {
background: #449974;
color: #ffffff;
}
.spa-theme .cv-two-portfolio-box ul li a {
color: #449974;
}
.spa-theme .cv-two-portfolio-box:before {
background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0.8015581232492998) 0%, rgba(234,210,162,0.7987570028011204) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.8015581232492998) 0%, rgba(234,210,162,0.7987570028011204) 100%);
background: linear-gradient(180deg, rgba(255,255,255,0.8015581232492998) 0%, rgba(234,210,162,0.7987570028011204) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ead2a2",GradientType=1);
}
.spa-theme .my-title h2 span {
color: #eebd41;
}
.spa-theme .my-title .bdr {
background: #000000;
}
/*
=========== Spa Team CSS ===========
*/
.spa-theme .team-area {
background: #ffffff;
}
.team-style-three {
text-align: center;
transition: all 0.5s ease 0s;
border-radius: 40px;
border-top-right-radius: 0;
overflow: hidden;
}
.team-style-three:hover{
}
.team-style-three .team-style-three-pic{
overflow: hidden;
position: relative;
}
.team-style-three .team-style-three-pic:before,
.team-style-three .team-style-three-pic:after{
content: "";
width: 200%;
height: 200%;
background: #EAD2A2;
position: absolute;
top: -200%;
left: -3%;
border-radius: 50%;
transition: all 0.5s ease 0s;
}
.team-style-three .team-style-three-pic:after{
background: #449974;
top: auto;
left: auto;
bottom: -200%;
right: -3%;
transition: all 0.5s ease 0s;
}
.team-style-three:hover .team-style-three-pic:before{ top: 0; opacity: 0; transition: all 0.5s ease 0s;}
.team-style-three:hover .team-style-three-pic:after{ bottom: 0; opacity: 0; transition: all 0.5s ease 0s;}
.team-style-three .team-style-three-pic img{
width: 100%;
height: auto;
}
.team-style-three .team-style-three-social{
width: 100%;
padding: 0;
margin: 0;
list-style: none;
position: absolute;
bottom: 5%;
left: 0;
opacity: 0;
z-index: 2;
transition: all 0.5s ease 0.3s;
}
.team-style-three:hover .team-style-three-social{ opacity: 1; }
.team-style-three .team-style-three-social li{ display: inline-block; }
.team-style-three .team-style-three-social li a{
display: block;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
color: #ffffff;
margin-right: 10px;
position: relative;
transition: all 0.3s ease 0s;
}
.team-style-three .team-style-three-social li a:after{
content: "";
width: 100%;
height: 100%;
background: #449974;
border-radius: 0 20px 20px 20px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.3s ease 0s;
}
.team-style-three .team-style-three-social li a:hover:after{ transform: rotate(180deg); }
.team-style-three .team-style-three-content{
padding: 20px;
background: #FFF5E0;
}
.team-style-three .title{
font-size: 24px;
margin-bottom: 5px;
}
.team-style-three .post{
display: block;
text-transform: capitalize;
}
.spa-theme .team-area .owl-theme .owl-nav [class*=owl-] {
color: #449974;
}
/*
=========== Spa Pricing CSS ===========
*/
.spa-theme .pricing-four-area {
background: #FFF5E0;
}
.spa-theme .pricingTable-four {
background: #ffffff;
padding-bottom: 50px;
border-radius: 40px;
border-top-right-radius: 0;
overflow: hidden;
}
.spa-theme .pricingTable-four .price-value-four {
background: #ffffff;
}
.spa-theme .pricingTable-four .price-value-four .amount {
color: #222222;
}
.spa-theme .pricingTable-four .price-value-four .currency {
color: #666666;
}
.spa-theme .pricingTable-four .price-value-four .duration {
color: #666666;
}
.spa-theme .pricingTable-four .pricing-content-four li:before {
color: #449974;
}
.spa-theme .pricingTable-four:before {
border-radius: 0;
background: rgb(68,153,116);
background: -moz-linear-gradient(180deg, rgba(68,153,116,1) 0%, rgba(234,210,162,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(68,153,116,1) 0%, rgba(234,210,162,1) 100%);
background: linear-gradient(180deg, rgba(68,153,116,1) 0%, rgba(234,210,162,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#449974",endColorstr="#ead2a2",GradientType=1);
}
.spa-theme .pricingTable-four:after {
left: -250px;
bottom: 0;
background: rgb(68,153,116);
background: -moz-linear-gradient(180deg, rgba(68,153,116,1) 0%, rgba(234,210,162,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(68,153,116,1) 0%, rgba(234,210,162,1) 100%);
background: linear-gradient(180deg, rgba(68,153,116,1) 0%, rgba(234,210,162,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#449974",endColorstr="#ead2a2",GradientType=1);
}
.spa-theme .pricingTable-four-signup a {
}
/*
=========== Spa testimonial CSS ===========
*/
.spa-theme .testimonial-three-area {
position: relative;
}
.spa-theme .testimonial-three-area:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(234,210,162,0.7987570028011204) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(234,210,162,0.7987570028011204) 100%);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(234,210,162,0.7987570028011204) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ead2a2",GradientType=1);
}
.spa-theme .testimonial-three-area .testimonial-item-two {
border-radius: 40px;
border-top-right-radius: 0;
background: rgb(68,153,116);
background: -moz-linear-gradient(360deg, rgba(68,153,116,0.8015581232492998) 0%, rgba(234,210,162,0.7987570028011204) 100%);
background: -webkit-linear-gradient(360deg, rgba(68,153,116,0.8015581232492998) 0%, rgba(234,210,162,0.7987570028011204) 100%);
background: linear-gradient(360deg, rgba(0 0 0 / 80%) 0%, rgba(234,210,162,0.7987570028011204) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#449974",endColorstr="#ead2a2",GradientType=1);
}
.spa-theme .my-title-white .bdr {
background: #ffffff;
}
.spa-theme .my-title-white p {
color: #ffffff;
}
.spa-theme .testimonial-two-area .owl-theme .owl-dots .owl-dot span {
background: #ffffff;
}
.spa-theme .testimonial-two-area .owl-theme .owl-dots .owl-dot.active span {
background: #eebd41;
}
.spa-theme .testimonial-item-two .testimonial-two-img img {
border-radius: 20px;
border-top-right-radius: 0;
}
/*
=========== Spa Blog CSS ===========
*/
.spa-theme .blog-img:before {
background: rgb(234,210,162);
background: -moz-linear-gradient(180deg, rgba(234,210,162,0) 0%, rgba(234,210,162,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(234,210,162,0) 0%, rgba(234,210,162,1) 100%);
background: linear-gradient(180deg, rgba(234,210,162,0) 0%, rgba(234,210,162,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ead2a2",endColorstr="#ead2a2",GradientType=1);
}
.spa-theme .blog-col {
border-radius: 40px;
border-top-right-radius: 0;
overflow: hidden;
}
.spa-theme .blog-col-content {
padding-top: 30px;
background: #FFF5E0;
}
.spa-theme .blog-col-content h4 {
margin-bottom: 0;
}
.spa-theme .blog-col-content span {
display: block;
margin-bottom: 10px;
}
.spa-theme .blog-col-content p a {
color: #449974;
}
/*
=========== Spa partners CSS ===========
*/
.spa-theme .partners-area {
background: #FFF5E0;
}
.spa-theme #back-to-top {
background: #eebd41;
}
/*
=========== Spa Contact CSS ===========
*/
.spa-theme .contact-area {
margin-bottom: 0;
padding-bottom: 120px;
z-index: 0;
}
.spa-theme.modal-open .contact-area {
position: relative;
z-index: 0;
}
.spa-theme.modal-open .header-area {
opacity: 0;
z-index: 0;
}
.spa-theme.modal-open .modal-dialog {
z-index: 999999;
}
.modal-backdrop {
display: none;
}
.spa-theme.modal-open .modal {
background: rgba(0,0,0,0.8);
z-index: 9999999;
}
.googlemap {
text-align: center;
margin-top: 80px;
}
.googlemap .btn.map-btn {
width: 80px;
height: 80px;
line-height: 80px;
padding: 10px;
background: #449974;
border-radius: 50%;
border: none;
margin-top: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.googlemap .btn.map-btn:hover {
background: #EAD2A2;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.googlemap .btn.map-btn i {
font-size: 40px;
color: #ffffff;
}
.googlemap .btn-primary:not(:disabled):not(.disabled).active,
.googlemap .btn-primary:not(:disabled):not(.disabled):active,
.googlemap .show>.btn-primary.dropdown-toggle {
background: transparent;
}
/*
=========== Spa Footer CSS ===========
*/
.spa-theme.modal-open .our-footer {
position: relative;
z-index: -1;
}
.spa-theme .our-footer {
position: relative;
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
}
.spa-theme .our-footer:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
background: rgb(68,153,116);
background: -moz-linear-gradient(360deg, rgba(68,153,116,0.92) 0%, rgba(234,210,162,0.92) 100%);
background: -webkit-linear-gradient(360deg, rgba(68,153,116,0.92) 0%, rgba(234,210,162,0.92) 100%);
background: linear-gradient(360deg, rgba(0,0,0) 0%, rgba(234,210,162,0.92) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#449974",endColorstr="#ead2a2",GradientType=1);
}
.spa-theme .our-footer-logo img {
width: auto;
}
.spa-theme .our-footer-logo p {
color: #444444;
}
.spa-theme .our-footer .footer-title h4 {
color: #222222;
}
.spa-theme .our-footer-logo .our-footer-social li i {
color: #ffffff;
}
.spa-theme .our-footer-col form .form-control {
background: #FFF5E0;
color: #444444;
}
.spa-theme .our-footer-col form .btn {
background: #449974;
color: #ffffff;
font-weight: normal;
}
.spa-theme .our-post p a {
color: #444444;
}
.spa-theme .our-post a {
color: #eeeeee;
}
.spa-theme .our-footer .tags-col ul li a {
border-color: #e2dbc8;
color: #444444;
}
.spa-theme .our-footer .tags-col ul li a:hover {
background: #449974;
border-color: #449974;
color: #ffffff;
}
.spa-theme .theme-copyright {
background: rgb(68,153,116);
background: -moz-linear-gradient(360deg, rgba(68,153,116,1) 0%, rgba(234,210,162,1) 100%);
background: -webkit-linear-gradient(360deg, rgba(68,153,116,1) 0%, rgba(234,210,162,1) 100%);
background: linear-gradient(360deg, rgb(0 0 0) 0%, rgba(255 224 146) 100%) filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#449974",endColorstr="#ead2a2",GradientType=1);
}
.spa-theme .theme-copyright p {
color: #eeeeee;
}
.spa-theme .our-footer-col ::-webkit-input-placeholder {
color: #444444 !important;
}
.spa-theme .our-footer-col ::-moz-placeholder {
color: #444444 !important;
}
.spa-theme .our-footer-col :-ms-input-placeholder {
color: #444444 !important;
}
.spa-theme .our-footer-col :-moz-placeholder {
color: #444444 !important;
}
/* Plumber All CSS Start From Here
=======================================
*/
.plumber-theme {
}
/*
=========== Plumber Header CSS ===========
*/
.plumber-theme .header-info ul li i {
color: #FEC10E;
}
.plumber-theme .consultation-btn {
background: #FEC10E;
color: #444444;
}
.plumber-theme .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next:before,
.plumber-theme .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev:before {
background: rgba(254, 193, 14, 0.6);
}
.plumber-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link:hover,
.plumber-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link.active {
color: #FEC10E;
}
.plumber-theme .header-navbar.sticky .navbar-expand-lg .navbar-nav .nav-link:hover,
.plumber-theme .header-navbar.sticky .navbar-expand-lg .navbar-nav .nav-link.active {
color: #FEC10E;
}
/*
=========== Plumber about CSS ===========
*/
.about-big-img {
position: relative;
border-radius: 5px;
}
.about-big-img:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
background: rgb(0,0,110);
background: -moz-linear-gradient(260deg, rgba(0,0,110,1) 0%, rgba(0,0,110,0) 100%);
background: -webkit-linear-gradient(260deg, rgba(0,0,110,1) 0%, rgba(0,0,110,0) 100%);
background: linear-gradient(260deg, rgba(0,0,110,1) 0%, rgba(0,0,110,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00006e",endColorstr="#00006e",GradientType=1);
}
.about-big-img img {
border-radius: 5px;
}
.plumber-theme .about-area:before,
.plumber-theme .about-area:after {
display: none;
}
.about-content {
width: 90%;
margin: 0 auto;
padding: 50px 30px;
margin-top: -80px;
position: relative;
z-index: 1;
background: #ffffff;
border-radius: 5px;
text-align: center;
-webkit-box-shadow: 0px 20px 30px 0px rgba(0,0,110,0.1);
-moz-box-shadow: 0px 20px 30px 0px rgba(0,0,110,0.1);
box-shadow: 0px 20px 30px 0px rgba(0,0,110,0.1);
}
.plumber-theme .about-three-col h2 {
margin-top: 0;
}
.plumber-theme .about-three-col h4 {
margin: 0;
}
.support-number {
position: absolute;
top: 100px;
right: 50px;
z-index: 0;
}
.support-number h4 {
color: #ffffff;
margin-bottom: 10px !important;
}
.support-number h2 {
font-size: 46px;
color: #FEC10E;
margin-bottom: 0;
}
.plumber-theme .theme-btn {
height: 50px;
padding: 12px 45px;
border-radius: 5px;
position: relative;
z-index: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.plumber-theme .theme-btn:before {
content: "";
width: 0;
height: 120%;
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
background: rgb(254,193,14);
background: -moz-linear-gradient(260deg, rgba(254,193,14,1) 0%, rgba(0,0,110,0) 100%);
background: -webkit-linear-gradient(260deg, rgba(254,193,14,1) 0%, rgba(0,0,110,0) 100%);
background: linear-gradient(260deg, rgba(254,193,14,1) 0%, rgba(0,0,110,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fec10e",endColorstr="#00006e",GradientType=1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.plumber-theme .theme-btn:hover:before {
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*
=========== Plumber service CSS ===========
*/
.service-five-area {
padding: 120px 0;
background: #fefded;
}
.service-five-col {
position: relative;
}
.service-five-col h2 {
color: #ffffff;
margin: 0;
position: absolute;
top: 30px;
right: 30px;
z-index: 0;
font-size: 60px;
}
.service-five-img {
position: relative;
}
.service-five-img img {
width: 100%;
}
.service-five-img:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
background: rgb(0,0,110);
background: -moz-linear-gradient(0deg, rgba(0,0,110,1) 0%, rgba(0,0,110,0.29735644257703087) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,110,1) 0%, rgba(0,0,110,0.29735644257703087) 100%);
background: linear-gradient(0deg, rgba(0,0,110,1) 0%, rgba(0,0,110,0.29735644257703087) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00006e",endColorstr="#00006e",GradientType=1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.service-five-col:hover .service-five-img:before {
height: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.service-five-img:after {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 0;
background: rgb(254,193,14);
background: -moz-linear-gradient(0deg, rgba(254,193,14,1) 0%, rgba(254,193,14,0.3029586834733894) 100%);
background: -webkit-linear-gradient(0deg, rgba(254,193,14,1) 0%, rgba(254,193,14,0.3029586834733894) 100%);
background: linear-gradient(0deg, rgba(254,193,14,1) 0%, rgba(254,193,14,0.3029586834733894) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fec10e",endColorstr="#fec10e",GradientType=1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.service-five-col:hover .service-five-img:after {
height: 100%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.service-five-col-content {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
padding: 0 30px 30px 30px;
}
.service-five-col-content h4 {
color: #ffffff;
font-weight: 500;
margin-bottom: 15px;
}
.service-five-col-content p {
color: #ffffff;
margin-bottom: 20px;
}
.service-five-col-content .theme-btn {
background: #FEC10E;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.service-five-col:hover .service-five-col-content .theme-btn {
background: #00006E;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*
=========== Plumber Portfolio CSS ===========
*/
.plumber-theme .portfolio-area .gallery-filters ul li a:hover,
.plumber-theme .portfolio-area .gallery-filters ul li a.active {
color: #FEC10E;
}
.plumber-theme .my-title .bdr {
background: #FEC10E;
}
/*
=========== Plumber Team CSS ===========
*/
.plumber-theme .team-area {
padding: 120px 0 120px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.plumber-theme .team-area.overlay-black:before {
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,0.8015581232492998) 0%, rgba(0,0,110,0.7959558823529411) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,0.8015581232492998) 0%, rgba(0,0,110,0.7959558823529411) 100%);
background: radial-gradient(circle, rgba(90,90,228,0.8015581232492998) 0%, rgba(0,0,110,0.7959558823529411) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
.plumber-theme .team-style-three {
border-radius: 5px;
}
.plumber-theme .team-style-three .team-style-three-content {
background: #FEFDED;
}
.plumber-theme .team-style-three .team-style-three-social li a:after {
background: #00006E;
border-radius: 50%;
}
.plumber-theme .team-style-three .team-style-three-pic:before {
width: 100%;
height: 0;
left: 0;
top: auto;
bottom: 0;
z-index: 0;
border-radius: 0;
background: rgb(254,193,14);
background: -moz-linear-gradient(0deg, rgba(254,193,14,1) 0%, rgba(0,0,110,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(254,193,14,1) 0%, rgba(0,0,110,0) 100%);
background: linear-gradient(0deg, rgba(254,193,14,1) 0%, rgba(0,0,110,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fec10e",endColorstr="#00006e",GradientType=1);
}
.plumber-theme .team-style-three:hover .team-style-three-pic:before {
opacity: 1;
height: 100%;
}
.plumber-theme .team-style-three .team-style-three-pic:after {
display: none;
}
.plumber-theme .team-area .owl-theme .owl-nav [class*=owl-] {
color: #FEC10E;
}
.plumber-theme .team-style-three-pic {
padding-top: 20px;
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
/*
=========== Plumber pricing CSS ===========
*/
.plumber-theme .pricingTable-four:before {
transform: rotate3d(1, 1, 1, 12deg);
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
.plumber-theme .pricingTable-four:after {
display: none;
}
.plumber-theme .pricingTable-four {
background: #FEFDED;
border-radius: 5px;
}
.plumber-theme .pricingTable-four .price-value-four {
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
.plumber-theme .pricingTable-four .price-value-four .amount {
color: #FEC10E;
}
/*
=========== Plumber counter CSS ===========
*/
.plumber-theme .counter-col ul li {
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
.plumber-theme .counter-col ul li span h2 {
color: #FEC10E;
}
.plumber-theme #back-to-top {
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
/*
=========== Plumber testimonial CSS ===========
*/
.plumber-theme .testimonial-two-area {
padding-bottom: 120px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background: #FEFDED;
position: relative;
}
.plumber-theme .testimonial-two-area:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
background: rgb(0,0,110);
background: -moz-linear-gradient(90deg, rgba(0,0,110,1) 0%, rgba(0,0,110,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,110,1) 0%, rgba(0,0,110,0) 100%);
background: linear-gradient(90deg, rgba(0,0,110,1) 0%, rgba(0,0,110,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00006e",endColorstr="#00006e",GradientType=1);
}
.plumber-theme .testimonial-two-area .testimonial-col-two {
background: #FEFDED;
padding: 50px 50px 30px;
border-radius: 5px;
}
.plumber-theme .testimonial-two-area {
margin-top: -10px;
}
.plumber-theme .testimonial-item-two:before {
display: none;
}
.plumber-theme .testimonial-item-two {
background: #ffffff;
}
.plumber-theme .testimonial-two-area .my-title .bdr {
margin-left: 0;
}
.plumber-theme .testimonial-two-area .owl-theme .owl-dots .owl-dot span {
width: 30px;
height: 30px;
border-radius: 50%;
background: #FEC10E;
}
.plumber-theme .testimonial-item-two h4 {
color: #222222;
}
.plumber-theme .testimonial-item-two p {
color: #444444;
}
.plumber-theme .testimonial-item-two span {
color: #444444;
}
/*
=========== Plumber blog CSS ===========
*/
.plumber-theme .blog-three-item {
border-radius: 5px;
}
.plumber-theme .blog-three-item img {
width: 100%;
}
.plumber-theme .blog-three-content {
margin-left: 0;
background: #FEFDED;
text-align: left;
z-index: 2;
border-left: 5px solid #FEC10E;
position: relative;
margin-top: 0;
margin-bottom: -30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.plumber-theme .blog-three-item:hover .blog-three-content {
/*position: relative;
top: 30px;
margin-top: 0;*/
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.plumber-theme .blog-three-img {
position: relative;
}
.plumber-theme .blog-three-img:before {
content: "";
width: 100%;
height: 0;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
background: rgb(0,0,110);
background: -moz-linear-gradient(0deg, rgba(0,0,110,1) 0%, rgba(0,0,110,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,110,1) 0%, rgba(0,0,110,0) 100%);
background: linear-gradient(0deg, rgba(0,0,110,1) 0%, rgba(0,0,110,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00006e",endColorstr="#00006e",GradientType=1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.plumber-theme .blog-three-item:hover .blog-three-img:before {
height: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*
=========== Plumber Contact CSS ===========
*/
.plumber-theme .contact-area {
padding-bottom: 120px;
background: #FEFDED;
}
.plumber-theme .contact-area #map {
margin-top: 50px;
}
.plumber-theme .contact-col {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgb(90,90,228);
background: -moz-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: -webkit-radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
background: radial-gradient(circle, rgba(90,90,228,1) 0%, rgba(0,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a5ae4",endColorstr="#00006e",GradientType=1);
}
.plumber-theme .form-col .form-control {
border-radius: 0;
background: transparent;
border: none;
border-bottom: 2px solid #ffffff;
padding: 0;
color: #ffffff;
resize: none;
}
.plumber-theme .contact-info-box p {
color: #ffffff;
}
.plumber-theme .contact-info-box i {
background: #FEC10E;
}
.plumber-theme .form-col ::-webkit-input-placeholder {
color: #ffffff !important;
}
.plumber-theme .form-col ::-moz-placeholder {
color: #ffffff !important;
}
.plumber-theme .form-col :-ms-input-placeholder {
color: #ffffff !important;
}
.plumber-theme .form-col :-moz-placeholder {
color: #ffffff !important;
}
/*
=========== Plumber partners CSS ===========
*/
.plumber-theme .partners-area {
background: #ffffff;
padding: 70px 0 50px;
}
.electricity-theme .overlay-content-col .form-control {
border-color: #FEC10E;
}
/*
=========== Plumber partners CSS ===========
*/
.plumber-theme .footer-area {
background-size: cover;
background-position: top center;
background-repeat: repeat;
position: relative;
}
.plumber-theme .footer-area:before,
.plumber-theme .footer-area:after {
display: none;
}
.plumber-theme .my-social ul li a i:hover {
color: #FEC10E;
}
.plumber-theme .footer-post ul li {
border-color: #969696;
}
.plumber-theme .footer-post ul li p {
color: #cecece;
}
.plumber-theme .footer-col h4:before {
background: #FEC10E;
}
.my-subscribe-box {
border: 1px solid #969696;
padding: 20px 20px;
border-radius: 5px;
}
.my-subscribe-box p {
color: #f1f1f1;
margin-bottom: 20px;
text-transform: capitalize;
}
.my-subscribe-box .form-control {
border: none;
margin-bottom: 20px;
border-radius: 5px;
}
.my-subscribe-box .theme-btn {
width: 100%;
}
.plumber-theme .copyright-col p {
padding-top: 40px;
}
/* Restaurant All CSS Start From Here
=======================================
*/
.restaurant-theme {
color: #ffffff;
background-color: #000000;
line-height: 30px;
}
.restaurant-theme h1,
.restaurant-theme h2,
.restaurant-theme h3,
.restaurant-theme h4,
.restaurant-theme h5,
.restaurant-theme h6 {
color: #ffffff;
line-height: 1.4;
}
.restaurant-theme p {
opacity: 0.7;
}
.restaurant-theme #back-to-top {
background-color: #E4002B;
}
/*
=========== Restaurant Header CSS ===========
*/
.restaurant-theme .header-area .container-fluid {
padding: 0 150px;
}
.restaurant-theme .sticky {
background-color: #000000;
box-shadow: 0px 9px 13px 0px rgba(220,220,220,0.15);
-webkit-box-shadow: 0px 9px 13px 0px rgba(220,220,220,0.15);
-moz-box-shadow: 0px 9px 13px 0px rgba(220,220,220,0.15);
}
.restaurant-theme .header-navbar:before {
background-color: transparent;
}
.restaurant-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link {
color: #ffffff;
}
.restaurant-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link.active {
color: #E4002B;
}
.restaurant-theme .header-cart-top-col {
display: flex;
justify-content: flex-end;
}
.restaurant-theme nav .container {
position: relative;
}
.restaurant-theme .shopping-cart {
margin-left: 30px;
}
.restaurant-theme .shopping-cart img {
width: 30px;
position: relative;
}
.restaurant-theme .shopping-cart span {
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 20px;
color: #ffffff;
font-size: 12px;
background-color: #E4002B;
display: block;
border-radius: 50%;
text-align: center;
line-height: 20px;
}
.restaurant-theme .header-info ul li i {
color: #E4002B;
}
/*
=========== Restaurant Main slider CSS ===========
*/
.restaurant-theme .main-slider-section {
position: relative;
}
.restaurant-theme .main-slider-section .pogoSlider-slide:before {
background-color: rgba(0,0,0,0.5);
background-image: url(../images/restaurant/bg/bg-shape.png);
background-position: bottom center;
background-repeat: no-repeat;
}
.restaurant-theme .main-slider-section .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next,
.restaurant-theme .main-slider-section .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev {
display: none;
}
.onslider-content {
width: 100%;
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
transform: translate(-50%, -50%);
text-align: center;
}
.onslider-content h1 {
font-size: 60px;
line-height: 1.3;
margin-bottom: 30px;
}
.style-text {
position: absolute;
left: 30px;
bottom: 30px;
z-index: 1;
}
.style-text h2 {
color: #E4002B;
font-family: 'Fontjek';
font-weight: normal;
font-size: 180px;
line-height: 1.2;
opacity: 0.4;
margin-bottom: 0;
}
.restaurant-theme .letters .theme-color {
}
.ml1 {
font-size: 100px;
font-weight: 700;
}
.ml1 .letter {
display: inline-block;
line-height: 1em;
}
.ml1 .text-wrapper {
position: relative;
display: inline-block;
padding-top: 0.1em;
padding-right: 0.05em;
padding-bottom: 0.15em;
}
.ml1 .line {
opacity: 0;
position: absolute;
left: 0;
height: 5px;
width: 100%;
background-color: #E4002B;
transform-origin: 0 0;
}
.ml1 .line1 {
top: 0;
}
.ml1 .line2 {
bottom: 0;
}
.sidebar-social-icons {
position: absolute;
right: 0;
top: 50%;
z-index: 2;
transform: translateY(-50%);
}
.sidebar-social-icons ul li a i {
color: #ffffff;
font-size: 25px;
border-bottom: 1px solid #ffffff;
display: block;
padding: 20px 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sidebar-social-icons ul li:first-child a i {
border-top: 1px solid #ffffff;
}
.sidebar-social-icons ul li a i:hover {
transform: scale(1.3);
background-color: #E4002B;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*
=========== Restaurant About CSS ===========
*/
.restaurant-about-area {
padding: 150px 0 120px;
position: relative;
}
.restaurant-about-area:before {
content: "";
width: 450px;
height: 450px;
border-radius: 50%;
background-color: #101010;
position: absolute;
right: -100px;
bottom: -100px;
z-index: -1;
}
.restaurant-theme .big-title {
width: 100%;
font-family: 'Fontjek';
position: absolute;
top: 0;
left: 50%;
z-index: 0;
transform: translateX(-50%);
font-size: 250px;
line-height: 1.0;
font-weight: normal;
opacity: 0.05;
}
.restaurant-about-area .big-title {
left: 0;
transform: translateX(0);
}
.restaurant-about-col {
margin-bottom: 30px;
position: relative;
}
.restaurant-about-col .restaurant-about-img-1 {
border: 10px solid rgb(255 255 255 / 20%);
}
.restaurant-about-col .restaurant-about-img-2 {
border: 10px solid rgb(255 255 255 / 20%);
position: absolute;
left: -100px;
bottom: -100px;
z-index: 0;
border-radius: 50%;
max-width: 300px;
max-height: 300px;
}
.restaurant-about-col h2 {
font-size: 50px;
margin-bottom: 20px;
}
.restaurant-about-col h2 span {
color: #E4002B;
}
.restaurant-about-col p {
opacity: 0.7;
margin-bottom: 60px;
}
.ceo-box {
position: relative;
padding-left: 120px;
}
.ceo-box .ceo-img {
border: 5px solid rgb(255 255 255 / 20%);
width: 100px;
height: 100px;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
z-index: 0;
transform: translateY(-50%);
}
.ceo-box .ceo-signature {
max-width: 120px;
}
.ceo-box h5 {
font-weight: 400;
margin-bottom: 0;
margin-top: 10px;
}
.food-shop-img {
position: absolute;
right: 0;
bottom: 0;
z-index: 0;
}
.food-shop-img img {
max-width: 300px;
}
/* Pulse Shrink Animation CSS*/
@-webkit-keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.hvr-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-animation-name: hvr-pulse-shrink;
animation-name: hvr-pulse-shrink;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
-webkit-animation-name: hvr-pulse-shrink;
animation-name: hvr-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
/*
=========== Popular Items CSS ===========
*/
.whatwe-offer-area {
padding: 150px 0 120px;
background-color: #101010;
position: relative;
overflow: hidden;
}
.whatwe-offer-area .big-title {
text-align: center;
}
.foodimg-1 {
position: absolute;
left: -100px;
bottom: -50px;
z-index: 0;
max-width: 530px;
}
.rotate-animation {
-webkit-animation: rotate-animation 30s normal linear infinite;
animation: rotate-animation 30s normal linear infinite;
}
@keyframes rotate-animation {
0% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
25% {
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
}
50% {
-webkit-transform: rotate3d(0, 0, 1, 180deg);
transform: rotate3d(0, 0, 1, 180deg);
}
75% {
-webkit-transform: rotate3d(0, 0, 1, 270deg);
transform: rotate3d(0, 0, 1, 270deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 360deg);
transform: rotate3d(0, 0, 1, 360deg);
}
}
.restaurant-title {
margin-bottom: 60px;
}
.restaurant-title h2 {
font-size: 50px;
}
.restaurant-title .title-bdr {
position: relative;
display: inline-block;
margin-bottom: 20px;
}
.restaurant-title .title-bdr:before {
content: "";
position: absolute;
left: -80px;
top: 50%;
z-index: 0;
transform: translateY(-50%);
width: 60px;
height: 3px;
background-color: #ffffff;
}
.restaurant-title .title-bdr:after {
content: "";
position: absolute;
right: -80px;
top: 50%;
z-index: 0;
transform: translateY(-50%);
width: 60px;
height: 3px;
background-color: #ffffff;
}
.restaurant-title .title-bdr img {
width: 40px;
}
.whatwe-offer-area:before {
content: "";
position: absolute;
right: 0;
top: 0;
z-index: 0;
width: 100%;
height: 57px;
background-image: url(../images/restaurant/bg/bg-shape-top.png);
background-position: bottom center;
background-repeat: no-repeat;
}
.whatwe-offer-area:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
z-index: 0;
width: 100%;
height: 57px;
background-image: url(../images/restaurant/bg/bg-shape.png);
background-position: bottom center;
background-repeat: no-repeat;
}
.whatwe-offer-col {
background-color: #000000;
padding: 30px 30px;
margin-bottom: 30px;
position: relative;
padding-left: 150px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.whatwe-offer-col img {
width: 90px;
position: absolute;
left: 30px;
top: 50%;
z-index: 0;
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.whatwe-offer-col:hover {
transform: scale(1.08);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*
=========== Popular Items CSS ===========
*/
.popular-items-area {
padding: 120px 0;
position: relative;
}
.popular-items-area .big-title {
text-align: center;
}
.popular-items-area .container-fluid {
padding: 0 30px;
}
.popular-item {
position: relative;
}
.popular-item-img {
overflow: hidden;
position: relative;
}
.popular-item-img img {
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.popular-item:hover .popular-item-img img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.food-price {
position: absolute;
top: 0;
right: 0;
padding: 10px 20px;
background-color: #E4002B;
}
.food-price h5 {
font-weight: 500;
margin-bottom: 0;
font-size: 16px;
}
.food-price h5 del {
opacity: 0.7
}
.popular-item-content {
position: relative;
background-color: #101010;
padding: 30px 20px;
text-align: center;
}
.popular-item-content h4 {
font-weight: 500;
margin-bottom: 25px;
}
.popular-item-content ul {
padding: 10px;
background-color: #000000;
margin-bottom: 30px;
text-align: left;
}
.popular-item-content ul li {
display: inline-block;
}
.popular-item-content ul li:last-child {
float: right;
}
.popular-item-content ul li i {
color: #FDC100;
}
.restaurant-theme .theme-btn {
min-width: 180px;
background-color: transparent;
border: 1px solid #ffffff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.restaurant-theme .theme-btn i {
margin-right: 5px;
}
.restaurant-theme .theme-btn:hover {
background-color: #E4002B;
border-color: #E4002B;
}
.popular-items-area .owl-theme .owl-nav [class*=owl-] {
margin: 0;
border: 3px solid #ffffff;
border-radius: 50%;
width: 60px;
height: 60px;
text-align: center;
background-color: transparent;
margin: 30px 30px 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.popular-items-area .owl-theme .owl-nav [class*=owl-]:hover {
background-color: #E4002B;
border-color: #E4002B;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.popular-items-area .owl-theme .owl-nav [class*=owl-] i {
font-size: 25px;
line-height: 46px;
}
/*
=========== Testimonial CSS ===========
*/
.restaurant-testimonial-area {
padding: 120px 0;
position: relative;
background-color: #101010;
position: relative;
}
.overlay-black-bg {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
background-color: rgba(0,0,0,0.8);
}
.restaurant-testimonial-area:before {
content: "";
position: absolute;
right: 0;
top: 0;
z-index: 0;
width: 100%;
height: 57px;
background-image: url(../images/restaurant/bg/bg-shape-top.png);
background-position: bottom center;
background-repeat: no-repeat;
}
.restaurant-testimonial-area:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
z-index: 0;
width: 100%;
height: 57px;
background-image: url(../images/restaurant/bg/bg-shape.png);
background-position: bottom center;
background-repeat: no-repeat;
}
.restaurant-testimonial-area .big-title {
opacity: 0.1;
}
.restaurant-testimonial-item {
position: relative;
padding: 30px 30px;
padding-top: 80px;
margin: 0 15px;
margin-top: 50px;
background-color: rgba(0,0,0,0.8);
}
.restaurant-testimonial-img {
position: absolute;
top: -50px;
padding: 5px;
border: 1px solid #ffffff;
}
.restaurant-testimonial-img img {
width: 100px;
height: 100px;
}
.restaurant-testimonial-item i {
font-size: 60px;
position: absolute;
right: 30px;
top: 30px;
z-index: 0;
opacity: 0.2;
}
.restaurant-testimonial-area .owl-theme .owl-nav {
margin-top: 0;
}
.restaurant-testimonial-area .owl-theme .owl-dots {
margin-top: 50px;
}
.restaurant-testimonial-area .owl-theme .owl-dots .owl-dot span {
width: 20px;
height: 20px;
}
.restaurant-testimonial-area .owl-theme .owl-dots .owl-dot.active span,
.restaurant-testimonial-area .owl-theme .owl-dots .owl-dot:hover span {
background-color: #E4002B;
}
/*
=========== App CSS ===========
*/
.app-area {
padding: 120px 0;
position: relative;
overflow: hidden;
}
.foodimg-2 {
position: absolute;
right: -100px;
bottom: -50px;
z-index: 0;
max-width: 530px;
}
.app-area .app-img {
position: absolute;
left: 50px;
top: 160px;
z-index: 0;
max-width: 780px;
}
.app-area .app-img img {
width: 100%;
}
.app-col h2 {
font-size: 50px;
margin-bottom: 20px;
}
.app-col p {
margin-bottom: 30px;
}
.app-col h4 {
margin-bottom: 30px;
}
.app-col ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.app-col ul li {
width: 47%;
background-color: #000000;
text-align: center;
border: 1px solid #2d2d2d;
margin-bottom: 30px;
padding: 20px;
min-height: 150px;
display: flex;
align-items: center;
justify-content: space-around;
font-size: 20px;
color: #afafaf;
text-transform: capitalize;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.app-col ul li img {
position: absolute;
left: 50%;
top: 50%;
z-index: 0;
width: 100px;
opacity: 0.1;
transform: translate(-50%, -50%);
}
.app-col ul li:hover {
background-color: #E4002B;
border-color: #E4002B;
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.download-btns {
display: flex;
justify-content: flex-start;
margin-bottom: 30px;
}
.download-btns div {
margin-right: 20px;
}
.download-btns div a img {
max-width: 170px;
}
/*
=========== Contact CSS ===========
*/
.restaurant-theme .contact-area {
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 0;
padding: 120px 0;
}
.restaurant-theme .contact-area:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
background-color: rgba(0,0,0,0.9);
}
.restaurant-theme .contact-area .contact-col {
background-color: #000000;
border: 1px solid #2d2d2d;
}
.restaurant-theme .contact-area .contact-info-box i {
background-color: #E4002B;
}
.restaurant-theme .contact-area .form-col .form-control {
background-color: transparent;
border: none;
border-bottom: 2px solid #E4002B;
color: #ffffff;
resize: none;
padding-left: 0;
}
.map-area {
padding: 100px 0;
padding-bottom: 200px;
background-color: #101010;
}
.map-area .btn {
font-size: 24px;
min-height: 70px;
min-width: 270px;
background-color: #E4002B;
line-height: 42px;
}
.mygmap {
border-radius: 0;
}
/* Fitness Theme All CSS Start From Here
=======================================
*/
.fitness-theme {
color: #ffffff;
background-color: #000000;
line-height: 30px;
}
.fitness-theme ::-webkit-input-placeholder {
color: #ffffff !important;
opacity: 0.7;
}
.fitness-theme ::-moz-placeholder {
color: #ffffff !important;
opacity: 0.7;
}
.fitness-theme :-ms-input-placeholder {
color: #ffffff !important;
opacity: 0.7;
}
.fitness-theme :-moz-placeholder {
color: #ffffff !important;
opacity: 0.7;
}
.fitness-theme h1,
.fitness-theme h2,
.fitness-theme h3,
.fitness-theme h4,
.fitness-theme h5,
.fitness-theme h6 {
color: #f7f7f7;
line-height: 1.4;
font-family: 'Oswald', sans-serif;
}
.fitness-theme p {
opacity: 0.7;
}
.fitness-theme .theme-btn {
background-color: transparent;
border: 2px solid #ffb14f;
padding: 5px 40px;
min-height: 62px;
color: #ffb14f;
font-size: 20px;
line-height: 48px;
}
.fitness-theme .theme-btn:hover {
background-color: #ffb14f;
color: #ffffff;
}
.fitness-theme .theme-btn i {
font-size: 35px;
position: relative;
bottom: -5px;
}
.fitness-theme #back-to-top {
background-color: #ffb14f;
}
.mysection-title {
margin-bottom: 60px;
}
.mysection-title h2 {
font-size: 50px;
margin-bottom: 0;
line-height: 1.4;
}
.mysection-title .bdr {
margin: 10px 0;
}
.fitness-theme .restaurant-title h2 {
font-size: 60px;
line-height: 1.2;
margin-top: -10px;
text-transform: uppercase;
color: transparent !important;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #ffffff;
background-image: url(../images/fitness/bg/back.png);
background-position: 0 0;
-webkit-background-clip: text;
animation: back 30s linear infinite;
}
@keyframes back {
100% {
background-position: 3000px 0;
}
}
/*
=========== Fitness Header CSS ===========
*/
.fitness-theme .header-top-area {
padding: 15px 0 15px;
background-color: rgba(255,255,255,0.1);
}
.fitness-theme .header-top-col {
margin: 0;
}
.fitness-theme .language-col {
text-align: right;
}
.fitness-theme .header-info ul li i {
color: #FFB14F;
}
.fitness-theme .header-navbar .navbar {
background-image: url(../images/fitness/bg/brushed-alum-dark.png);
background-repeat: repeat;
}
.fitness-theme .header-navbar:before {
display: none;
}
.fitness-theme .navbar a .themelogo {
max-width: 210px;
}
.fitness-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link {
color: #ffffff;
opacity: 1;
}
.fitness-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link.active {
color: #FFB14F;
}
.fitness-theme .header-navbar.sticky {
background-color: #000000;
border-bottom: 1px solid #565656;
}
.fitness-multipage-theme {
}
.fitness-multipage-theme .header-navbar-multipage {
background-image: url(../images/fitness/bg/brushed-alum-dark.png);
background-repeat: repeat;
}
.theme-logo {
display: flex;
align-items: center;
height: 100%;
}
.theme-logo img {
max-width: 210px;
}
/*
=========== Fitness Hero CSS ===========
*/
.fitness-hero-area {
position: relative;
}
.fitness-hero-area:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
background-color: rgba(0,0,0,0.6);
}
.fitness-hero-col {
height: 100vh;
display: flex;
align-items: center;
}
.fitness-hero-content {
border: 1px solid #FFB14F;
padding: 60px 40px;
max-width: 800px;
position: relative;
margin-top: 100px;
}
.fitness-hero-content h1 {
color: #ffffff !important;
font-size: 50px;
text-transform: uppercase;
margin-bottom: 50px;
}
.fitness-hero-content h1 span {
color: #FFB14F;
}
.fitness-hero-content h4 {
position: absolute;
left: 20px;
top: -30px;
background-color: #000000;
padding: 10px 20px;
font-weight: normal;
}
#particles-js {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
/*
=========== Fitness About CSS ===========
*/
.fitness-about-area {
padding: 120px 0;
position: relative;
overflow: hidden;
}
.fitness-about-img {
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
}
.fitness-about-img img {
filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate(
0deg );
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-about-img img:hover {
filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate(
0deg );
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.bigtitle {
width: 100%;
font-family: 'Fontjek' !important;
position: absolute;
top: 0;
left: 50%;
z-index: 0;
transform: translateX(-50%);
font-size: 220px;
line-height: 1.0 !important;
font-weight: normal;
opacity: 0.1;
color: #ffb14f !important;
}
.fitness-about-col {
padding-top: 100px;
}
.fitness-about-col h4 {
color: #ffb14f;
font-weight: normal;
letter-spacing: 10px;
}
.fitness-about-col h2 {
color: #f7f7f7;
font-size: 50px;
text-transform: uppercase;
margin-bottom: 30px;
}
.fitness-about-col h2 span {
color: #ffb14f;
}
.fitness-about-col .btn {
padding: 15px 30px;
background-color: transparent;
border-radius: 5px;
color: #FFB14F;
text-transform: capitalize;
font-weight: 600;
margin-top: 40px;
font-size: 20px;
border: 2px solid #FFB14F;
}
.fitness-about-col .btn:hover {
background-color: #FFB14F;
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-about-col .btn img {
width: 25px;
margin-right: 5px;
}
.fitness-about-col .btn i {
font-size: 30px;
margin-right: 5px;
position: relative;
bottom: -2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-about-col .btn:hover i {
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-about-img-2 img {
filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate(
0deg );
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-about-img-2 img:hover {
filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate(
0deg );
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*
=========== Fitness counter CSS ===========
*/
.fitness-counter-area {
background-color: #111111;
position: relative;
padding: 200px 0 100px;
}
.fitness-counter-area .container-fluid {
padding: 0 200px;
position: relative;
z-index: 2;
}
.fitness-counter-area:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
.fitness-counter-cols {
display: flex;
justify-content: space-between;
}
.fitness-counter-col {
width: 22%;
border: 2px solid #565656;
padding: 80px 20px;
padding-top: 0;
margin-bottom: 50px;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-counter-col:hover {
border-color: #FFB14F;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-counter-col h2.counter {
font-family: 'Fontjek' !important;
font-weight: normal;
background-color: #000000;
color: #FFB14F;
font-size: 50px;
line-height: 1.2;
text-align: center;
width: 180px;
min-height: 100px;
margin: 0 auto;
margin-top: -50px;
display: flex;
align-items: center;
justify-content: space-around;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-counter-col:hover h2.counter {
transform: scale(1.2);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-counter-col h2.counter:before {
content: "+";
position: absolute;
right: 30px;
top: -10px;
z-index: 0;
color: #ffffff;
}
.fitness-counter-col h4 {
font-weight: normal;
text-align: center;
margin-top: 50px;
}
/*
=========== Fitness features CSS ===========
*/
.fitness-features-area {
padding: 120px 0 120px;
position: relative;
}
.fitness-features-area .container-fluid {
padding: 0 200px;
}
.fitness-features-area .restaurant-title .title-bdr:before {
display: none;
}
.fitness-features-col {
background-image: url(../images/fitness/bg/brushed-alum-dark.png);
background-repeat: repeat;
display: flex;
align-items: center;
border: 1px solid #565656;
padding: 10px;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-features-col:hover {
border-color: #FFB14F;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-features-img {
width: 50%;
overflow: hidden;
}
.fitness-features-img img {
width: 100%;
filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate(0deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-features-col:hover .fitness-features-img img {
-ms-transform: scale(1.2);
transform: scale(1.2);
filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate(0deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-features-content {
width: 50%;
padding: 20px 20px 20px 20px;
}
.fitness-features-content h4 {
margin-bottom: 15px;
font-weight: normal;
}
.fitness-features-content h4 a {
color: #f7f7f7 !important;
}
.fitness-features-content h4 a:hover {
color: #FFB14F !important;
}
.fitness-features-content p {
margin-bottom: 10px;
}
.fitness-features-content a {
color: #ffffff;
text-transform: capitalize;
color: #FFB14F;
font-weight: 500;
}
.fitness-features-content a i {
font-size: 30px;
position: relative;
top: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-features-content a:hover i {
margin-left: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*
=========== Fitness trainer CSS ===========
*/
.fitness-theme .trainer-area {
padding: 120px 0;
position: relative;
}
.fitness-theme .trainer-area:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
}
.fitness-theme .team-two-name {
left: 0;
border-radius: 0;
max-width: 90%;
margin: 0 auto;
background: #000000;
background-image: url(../images/fitness/bg/brushed-alum-dark.png);
background-repeat: repeat;
border: 1px solid #565656;
text-align: left;
padding-left: 20px;
text-align: center;
text-transform: capitalize;
}
.fitness-theme .team-two-item:hover .team-two-name {
border-color: #FFB14F;
background-color: #000000;
background-image: url(../images/fitness/bg/brushed-alum-dark.png);
background-repeat: repeat;
}
.fitness-theme .team-two-item .team-two-name h4 {
font-weight: normal;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-theme .team-two-item:hover .team-two-name h4 {
color: #FFB14F;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-theme .team-two-item:hover .team-two-name p {
color: #ffffff;
}
.fitness-theme .team-two-img ul {
border-radius: 0;
background: rgba(0,0,0,0.6);
width: 100%;
height: auto;
display: flex;
justify-content: space-around;
padding: 30px 20px 60px;
right: 0;
bottom: 100px;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.fitness-theme .team-two-item:hover .team-two-img ul {
bottom: 0;
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.fitness-theme .team-two-img ul li i {
color: #ffffff;
font-size: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-theme .team-two-img ul li i:hover {
color: #FFB14F;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-theme .trainer-area .owl-theme .owl-nav [class*=owl-] {
color: #FFB14F;
border-radius: 50px;
width: 80px;
height: 40px;
font-size: 35px;
background-color: #000000;
}
.trainer-area .team-two-item .team-two-img img {
width: 100%;
filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate(0deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.trainer-area .team-two-item:hover .team-two-img img {
filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate(0deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-multipage-theme .trainer-area {
}
/*
=========== Fitness class schedule CSS ===========
*/
.fitness-theme .class-schedule-area {
padding: 120px 0 120px;
position: relative;
}
.fitness-theme .class-schedule-area .nav-pills .nav-link.active,
.fitness-theme .class-schedule-area .nav-pills .show>.nav-link {
background: #FFB14F;
color: #111111;
border-radius: 0;
font-weight: 400;
}
.fitness-theme .class-schedule-area .nav-pills .nav-link {
color: #ffffff;
background: #000000;
background-image: url(../images/fitness/bg/brushed-alum-dark.png);
background-repeat: repeat;
margin-bottom: 5px;
}
.fitness-theme .class-schedule-area .table-dark thead th {
background: #FFB14F;
color: #222222;
}
.fitness-theme .class-schedule-area .table td, .class-schedule-area .table th {
padding: 20px 10px;
background: #000000;
background-image: url(../images/fitness/bg/brushed-alum-dark.png);
background-repeat: repeat;
}
.fitness-theme .class-schedule-area .nav-link {
padding: 8px 20px;
}
/*
=========== Fitness pricing CSS ===========
*/
.fitness-theme .pricing-four-area {
padding: 120px 0 90px;
position: relative;
background-color: #000000;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.fitness-theme .pricing-four-area:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
}
.fitness-theme .pricingTable-four {
margin-bottom: 30px;
background-image: url(../images/fitness/bg/brushed-alum-dark.png);
background-repeat: repeat;
background-color: #000000;
border: 1px solid #565656;
}
.fitness-theme .pricingTable-four:before,
.fitness-theme .pricingTable-four:after {
width: 615px;
height: 400px;
background-color: #000000;
top: -300px;
border-radius: 0;
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
.fitness-theme .pricingTable-four:after {
width: 615px;
height: 400px;
top: auto;
bottom: -328px;
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
.fitness-theme .pricingTable-four .title-four {
text-transform: capitalize;
color: #FFB14F;
font-family: 'Fontjek' !important;
font-weight: normal;
letter-spacing: 5px;
font-size: 36px;
}
.pricingTable-four .price-value-four {
background-image: url(../images/fitness/bg/brushed-alum-dark.png);
background-repeat: repeat;
background-color: #000000;
border: 1px solid #565656;
}
.fitness-theme .pricingTable-four:hover .price-value-four {
background-image: url(../images/fitness/bg/brushed-alum-dark.png);
background-repeat: repeat;
background-color: #000000;
border: 1px solid #FFB14F;
}
.fitness-theme .pricingTable-four:hover .amount {
color: #FFB14F;
}
.fitness-theme .pricingTable-four .pricing-content-four li {
color: #ffffff;
opacity: 0.8;
}
.fitness-theme .pricingTable-four-signup a {
color: #FFB14F;
text-transform: capitalize;
font-weight: 500;
}
.fitness-theme .pricingTable-four-signup a i {
font-size: 30px;
position: relative;
top: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-theme .pricingTable-four-signup a:hover i {
right: -10px;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*
=========== Fitness testimonial CSS ===========
*/
.fitness-testimonial-area {
padding: 120px 0 100px;
}
.fitness-testimonial-area .restaurant-testimonial-item {
border: 1px solid #565656;
text-align: center;
background-image: url(../images/fitness/bg/brushed-alum-dark.png);
background-repeat: repeat;
background-color: #000000;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-testimonial-area .restaurant-testimonial-item:hover {
border-color: #FFB14F;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-testimonial-area .restaurant-testimonial-img {
max-width: 100px;
max-height: 100px;
left: 50%;
transform: translateX(-50%);
border-color: #565656;
background-color: #000000;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-testimonial-area .restaurant-testimonial-item:hover .restaurant-testimonial-img {
border-color: #FFB14F;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-testimonial-area .restaurant-testimonial-img img {
width: 100%;
height: 100%;
filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate(0deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-testimonial-area .restaurant-testimonial-item:hover .restaurant-testimonial-img img {
filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate(0deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-testimonial-area .restaurant-testimonial-item span {
display: block;
margin-bottom: 10px;
}
.fitness-testimonial-area .restaurant-testimonial-item h4 {
font-weight: normal;
}
.fitness-testimonial-area .owl-theme .owl-dots {
margin-top: 50px;
}
.fitness-testimonial-area .owl-theme .owl-dots .owl-dot {
padding: 5px;
border: 1px solid #565656;
margin: 0 5px;
}
.fitness-testimonial-area .owl-theme .owl-dots .owl-dot span {
width: 20px;
height: 20px;
border-radius: 0;
margin: 0;
background-color: #565656;
}
.fitness-testimonial-area .owl-theme .owl-dots .owl-dot.active {
border-color: #FFB14F;
}
.fitness-testimonial-area .owl-theme .owl-dots .owl-dot.active span {
background-color: #FFB14F;
}
.fitness-multipage-theme .fitness-testimonial-area {
}
/*
=========== Blog Four CSS ===========
*/
.blog-four-area {
padding: 120px 0 90px;
position: relative;
background-image: url(../images/fitness/bg/brushed-alum-dark.png);
background-repeat: repeat;
background-color: #000000;
}
.blog-four-area .container-fluid {
padding: 0 200px;
}
.blog-four-area .restaurant-title .title-bdr:before {
display: none;
}
.blog-four-area .blog-four-col .fitness-features-col {
background-image: none;
background-color: #000000;
}
.blog-four-area .blog-four-col .fitness-features-img {
position: relative;
}
.post-date {
position: absolute;
left: 10px;
bottom: 10px;
z-index: 0;
background-color: #FFB14F;
}
.post-date h5 {
font-size: 24px;
font-weight: normal;
padding: 5px 12px;
margin-bottom: 0;
font-family: 'Fontjek' !important;
text-transform: capitalize;
color: #000000;
letter-spacing: 2px;
}
/*
=========== Fitness contact CSS ===========
*/
.fitness-theme .contact-area {
margin-bottom: 0;
position: relative;
}
.fitness-theme .contact-area:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
.fitness-theme .contact-area .contact-col {
background-image: url(../images/fitness/bg/brushed-alum-dark.png);
background-repeat: repeat;
background-color: #000000;
border-radius: 0;
border: 1px solid #565656;
margin-bottom: -300px;
}
.fitness-theme .contact-area .contact-col .btn {
padding: 15px 30px;
background-color: transparent;
border-radius: 5px;
color: #FFB14F;
text-transform: capitalize;
font-weight: 600;
margin-top: 40px;
font-size: 20px;
border: 2px solid #FFB14F;
}
.fitness-theme .contact-info-col {
display: flex;
justify-content: space-between;
}
.fitness-theme .contact-info-box {
width: 30%;
border: 1px solid #565656;
padding: 40px 20px;
}
.fitness-theme .form-col .form-control {
background-color: #000000;
resize: none;
color: #ffffff;
}
.fitness-theme .contact-area .contact-col .btn {
margin-top: 0;
font-weight: normal;
line-height: 20px;
}
.fitness-theme .contact-area .contact-col .btn:hover {
background-color: #FFB14F;
color: #ffffff;
}
.fitness-theme .contact-info-box i {
background-color: #000000;
font-size: 20px;
}
.fitness-theme .map-area {
padding-top: 400px;
}
/*
=========== Fitness Footer CSS ===========
*/
.fitness-theme .footer-three-area .opening-time {
text-align: left;
}
.fitness-theme .footer-subscribe-box .input-group .btn {
background-color: #FFB14F;
}
.fitness-theme .footer-subscribe-box .input-group .form-control {
border-color: #FFB14F;
}
.fitness-theme .footer-three-col ul li a:hover {
border-color: #FFB14F;
background-color: #FFB14F;
}
.fitness-theme .footer-three-area .opening-time h4,
.fitness-theme .footer-three-area .footer-three-col .footer-gallery h4 {
margin-bottom: 40px;
text-align: left;
}
.fitness-theme .footer-three-area .opening-time ul li {
margin-left: 0;
display: block;
color: #ffffff;
opacity: 0.7;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #565656;
}
.fitness-theme .footer-three-area .opening-time ul li span {
float: right;
}
.fitness-theme .footer-three-area .footer-three-col .footer-gallery ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.fitness-theme .footer-three-area .footer-three-col .footer-gallery ul li {
width: 30%;
border: none;
background-color: transparent;
margin: 0;
margin-bottom: 30px;
}
.fitness-theme .footer-three-area .footer-three-col .footer-gallery ul li a {
width: 100%;
background-color: transparent;
border: none;
opacity: 1;
display: block;
margin: 0;
margin-bottom: 0;
height: auto;
}
.fitness-theme .footer-three-area .footer-three-col .footer-gallery ul li a img {
filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate(0deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-theme .footer-three-area .footer-three-col .footer-gallery ul li a img:hover {
cursor: zoom-in;
filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate(0deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* App Theme All CSS Start From Here
=======================================
*/
.app-theme {
color: #333333;
font-size: 18px;
line-height: 32px;
}
.app-theme .container {
max-width: 1400px;
}
.app-theme ::-webkit-input-placeholder {
color: #ffffff !important;
opacity: 0.7;
}
.app-theme ::-moz-placeholder {
color: #ffffff !important;
opacity: 0.7;
}
.app-theme :-ms-input-placeholder {
color: #ffffff !important;
opacity: 0.7;
}
.app-theme :-moz-placeholder {
color: #ffffff !important;
opacity: 0.7;
}
.app-theme h1,
.app-theme h2,
.app-theme h3,
.app-theme h4,
.app-theme h5,
.app-theme h6 {
color: #111111;
line-height: 1.4;
font-family: 'Oswald', sans-serif;
}
.app-theme p {
opacity: 0.8;
}
.app-theme .theme-btn {
background-color: transparent;
border: 2px solid #ff6f61;
padding: 7px 20px;
min-height: 62px;
color: #ff6f61;
font-size: 16px;
line-height: 30px;
border-radius: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.app-theme .theme-btn:hover {
background-color: transparent;
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.app-theme .theme-btn i {
font-size: 35px;
position: relative;
bottom: -5px;
}
.app-theme #back-to-top {
background-color: #ff6f61;
}
/*
=========== App Header CSS ===========
*/
.app-theme .header-area {
}
.app-theme .header-area .container-fluid {
padding: 0 150px;
}
.app-theme .header-area .header-navbar:before {
display: none;
}
.app-theme .header-navbar {
padding: 40px 0;
}
.app-theme .header-navbar .navbar {
padding: 0;
}
.app-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link {
color: #000000;
}
.app-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link:hover,
.app-theme .header-navbar .navbar-expand-lg .navbar-nav .nav-link.active {
color: #FF6F61;
}
.app-theme .header-area .header-navbar.sticky {
padding: 15px 0;
-webkit-box-shadow: 0px 20px 5px 0px rgb(0 0 0 / 20%);
-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 20%);
background: rgb(253,255,182);
background: -moz-linear-gradient(0deg, rgba(253,255,182,1) 0%, rgba(255,214,165,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(253,255,182,1) 0%, rgba(255,214,165,1) 100%);
background: linear-gradient(0deg, rgba(253,255,182,1) 0%, rgba(255,214,165,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdffb6",endColorstr="#ffd6a5",GradientType=1);
}
.app-theme .header-navbar.sticky .navbar-expand-lg .navbar-nav .nav-link:hover,
.app-theme .header-navbar.sticky .navbar-expand-lg .navbar-nav .nav-link.active {
color: #FF6F61;
}
/*
=========== App Hero CSS ===========
*/
.app-hero-area {
height: 100vh;
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
position: relative;
}
.app-hero-area .container-fluid {
padding: 0 250px;
}
.app-hero-col {
height: 100vh;
position: relative;
background-repeat: no-repeat;
display: flex;
align-items: center;
}
.app-woman-img {
position: absolute;
right: 50px;
bottom: 0;
z-index: 0;
max-width: 600px;
}
.app-woman-img img {
width: 100%;
}
.app-hero-content h1 {
font-size: 50px;
margin-bottom: 30px;
}
.app-hero-content h1 span {
font-family: 'Great Vibes', cursive !important;
font-size: 100px;
margin-right: 10px;
color: #FF6F61;
}
.app-hero-content h4 {
opacity: 0.8
}
.app-download-btns {
margin-top: 50px;
}
.app-download-btns .theme-btn {
min-width: 250px;
margin-right: 10px;
}
.app-download-btns .theme-btn.active {
background-color: #FF6F61 !important;
border-color: #FF6F61 !important;
color: #ffffff;
}
/* Bounce To Right */
.hvr-bounce-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ff6f61;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*
=========== App Features CSS ===========
*/
.app-features-area {
padding: 120px 0 90px;
}
.app-features-col {
margin-bottom: 30px;
text-align: center;
padding: 0 10px;
}
.app-feature-icon {
width: 120px;
height: 120px;
margin: 0 auto;
border-radius: 50%;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.app-features-col:hover .app-feature-icon {
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gradient-bg1 {
background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(250,210,225,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(250,210,225,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(250,210,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#fad2e1",GradientType=1);
}
.gradient-bg2 {
background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(253,255,182,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(253,255,182,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(253,255,182,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#fdffb6",GradientType=1);
}
.gradient-bg3 {
background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(205,218,253,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(205,218,253,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(205,218,253,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#cddafd",GradientType=1);
}
.gradient-bg4 {
background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,215,186,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,215,186,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,215,186,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffd7ba",GradientType=1);
}
.app-feature-icon img {
width: 60px;
}
.app-features-col h5 {
margin-bottom: 15px;
}
/*
=========== App About CSS ===========
*/
.app-about-area {
position: relative;
padding-bottom: 120px;
}
.app-about-area .container {
position: relative;
z-index: 2;
}
.app-about-col {
position: relative;
z-index: 2;
padding: 80px 50px;
padding-bottom: 0;
display: flex;
justify-content: space-between;
border-radius: 30px;
background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(253,255,182,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(253,255,182,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(253,255,182,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#fdffb6",GradientType=1);
}
.app-about-img {
width: 40%;
}
.app-about-content {
width: 54%;
}
.app-about-area .my-title {
margin-bottom: 20px;
}
.app-about-area .my-title h2 span {
font-family: 'Great Vibes', cursive !important;
font-size: 100px;
display: block;
margin-top: 20px;
color: #FF6F61;
}
.app-about-content p {
margin-bottom: 20px;
}
.app-about-content ul li {
position: relative;
padding-left: 30px;
margin-bottom: 10px;
opacity: 0.8;
}
.app-about-content ul li:before {
content: "\eed8";
font-family: IcoFont;
color: #FF6F61;
position: absolute;
left: 0;
top: 2px;
z-index: 0;
font-size: 25px;
}
.bgcolor-animation {
position: relative;
animation: mymove 5s infinite;
}
@keyframes mymove {
0% {
background: red;
}
25% {
background: blue;
}
50% {
background: yellow;
}
75% {
background: green;
}
100% {
background: red;
}
}
.animation-wrap {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
overflow: hidden;
}
.animation-wrap li {
position: absolute;
display: block;
list-style: none;
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(255, 111, 97, 0.2);
animation: animate 20s linear infinite;
bottom: -150px;
}
.animation-wrap li:nth-child(1) {
left: 90%;
width: 80px;
height: 80px;
animation-delay: 0s;
}
.animation-wrap li:nth-child(2) {
left: 12%;
width: 40px;
height: 40px;
animation-delay: 3s;
animation-duration: 10s;
}
.animation-wrap li:nth-child(3) {
left: 70%;
width: 60px;
height: 60px;
animation-delay: 8s;
}
.animation-wrap li:nth-child(4) {
left: 42%;
width: 80px;
height: 80px;
animation-delay: 0s;
animation-duration: 15s;
}
.animation-wrap li:nth-child(5) {
left: 65%;
width: 40px;
height: 40px;
animation-delay: 10s;
}
.animation-wrap li:nth-child(6) {
left: 5%;
width: 80px;
height: 80px;
animation-delay: 3s;
}
@keyframes animate {
0% {
transform: translateY(0) rotate(0deg);
opacity: 1;
}
100% {
transform: translateY(-800px) rotate(360deg);
opacity: 0;
}
}
/*
=========== App counter CSS ===========
*/
.app-theme .counter-two-area {
background-position: bottom center;
padding: 120px 0 190px;
}
.app-theme .counter-two-area .row {
bottom: 0;
}
.app-theme .counter-two-col {
padding: 50px 20px;
}
.app-theme .counter-two-col .counter {
position: relative;
display: inline-block;
background-color: transparent;
color: #FF6F61;
margin-top: 0;
padding: 0;
}
.app-theme .counter-two-col .counter:before {
content: "+";
position: absolute;
right: -30px;
top: -15px;
z-index: 0;
}
.app-theme .counter-two-col h5 {
margin-bottom: 0;
}
/*
=========== App Works CSS ===========
*/
.app-works-area {
padding: 120px 0 150px;
position: relative;
}
.app-works-area .container {
position: relative;
z-index: 2;
}
.app-works-col h2 {
}
.app-works-col h5 {
margin-bottom: 50px;
}
.app-works-col p {
margin-bottom: 30px;
}
.app-works-col .photoediting-video {
position: relative;
}
.app-works-col .photoediting-video:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
background: rgb(253,255,182);
background: -moz-linear-gradient(189deg, rgba(253,255,182,0.5) 0%, rgba(255,214,165,0.5) 100%);
background: -webkit-linear-gradient(189deg, rgba(253,255,182,0.5) 0%, rgba(255,214,165,0.5) 100%);
background: linear-gradient(189deg, rgba(253,255,182,0.5) 0%, rgba(255,214,165,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdffb6",endColorstr="#ffd6a5",GradientType=1);
}
.app-works-col .photoediting-video img {
border-radius: 10px;
width: 100%;
}
.app-works-col .photoediting-video .playicon {
position: absolute;
left: 50%;
top: 50%;
z-index: 0;
transform: translate(-50%, -50%);
}
.app-works-col.woamn-2img {
padding-left: 50px;
padding-top: 110px;
}
/*
=========== App download CSS ===========
*/
.app-download-area {
padding: 120px 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.app-download-handimg {
position: absolute;
right: 180px;
bottom: 0;
z-index: 0;
max-width: 600px;
}
.app-download-col h2 {
font-size: 50px;
margin-bottom: 30px;
}
.app-download-col h2 span {
font-family: 'Great Vibes', cursive !important;
font-size: 100px;
display: block;
margin-top: 20px;
color: #FF6F61;
}
/*
=========== App pricing CSS ===========
*/
.app-theme .pricing-four-area {
padding: 120px 0;
background-color: transparent;
position: relative;
}
.app-theme .restaurant-title .title-bdr {
width: 50px;
height: 5px;
background-color: #FF6F61;
margin: 0;
margin-bottom: 10px;
}
.app-theme .restaurant-title .title-bdr:before,
.app-theme .restaurant-title .title-bdr:after {
display: none;
}
.app-theme .restaurant-title h2 {
margin-bottom: 15px;
}
.app-theme .pricingTable-four {
background-color: transparent;
background-image: url(../images/app/bg/pricing.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
-webkit-box-shadow: 0px 15px 20px 0px rgb(0 0 0 / 10%);
-moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
box-shadow: 0px 15px 20px 0px rgb(0 0 0 / 10%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.app-theme .pricingTable-four:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.app-theme .pricingTable-four .title-four {
font-family: 'Great Vibes', cursive !important;
text-transform: capitalize;
color: #000000;
font-size: 40px;
letter-spacing: 2px;
}
.app-theme .pricingTable-four:before {
display: none;
}
.app-theme .pricingTable-four:after {
display: none;
}
.app-theme .pricing-four-area .pricingTable-four {
padding: 0;
padding-top: 60px;
padding-bottom: 60px;
}
.app-theme .pricingTable-four:hover .price-value-four {
transform: scale(1) !important;
}
.app-theme .pricingTable-four .pricing-content-four li {
display: inline-block;
margin-right: 10px;
}
.app-theme .pricingTable-four .price-value-four {
width: 100%;
height: auto;
padding: 20px 20px;
margin-bottom: 0;
border-radius: 0;
border: none;
background-color: #ffffff;
background-image: none;
}
.app-theme .pricingTable-four .price-value-four .amount {
color: #000000;
margin-bottom: 0;
}
.app-theme .pricingTable-four .price-value-four .duration {
color: #FF6F61;
}
.app-theme .pricingTable-four .currency {
color: #FF6F61;
}
.app-theme .pricingTable-four .pricing-content-four {
padding: 50px 20px;
margin-bottom: 0;
}
.app-theme .pricingTable-four .pricing-content-four li {
color: #000000;
opacity: 0.8;
padding-left: 30px;
font-size: 18px;
font-weight: normal;
}
.app-theme .pricingTable-four .pricing-content-four li:before {
color: #FF6F61;
}
.app-theme .pricingTable-four-signup .theme-btn {
width: 100%;
max-width: 250px;
font-weight: 600;
}
/*
=========== App Testimonial CSS ===========
*/
.app-theme .testimonial-item {
background: rgb(253,255,182);
background: -moz-linear-gradient(0deg, rgba(253,255,182,1) 0%, rgba(255,214,165,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(253,255,182,1) 0%, rgba(255,214,165,1) 100%);
background: linear-gradient(0deg, rgba(253,255,182,1) 0%, rgba(255,214,165,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdffb6",endColorstr="#ffd6a5",GradientType=1);
}
.app-theme .testimonial-item i {
color: #FF6F61;
opacity: 0.2;
}
.app-theme .testimonial-col .owl-theme .owl-dots .owl-dot.active span {
background-color: #FF6F61;
}
.app-theme .testimonial-item .testimonial-img {
border-color: #FF6F61;
}
/*
=========== App screenshot CSS ===========
*/
.app-theme .cv-two-portfolio-area .container-fluid {
padding: 0 30px;
}
.app-theme .cv-two-portfolio-box:hover {
cursor: e-resize;
}
.app-theme .cv-two-portfolio-box:before {
background: rgb(253,255,182);
background: -moz-linear-gradient(0deg, rgba(253,255,182,0.7539390756302521) 0%, rgba(255,214,165,0.7455357142857143) 100%);
background: -webkit-linear-gradient(0deg, rgba(253,255,182,0.7539390756302521) 0%, rgba(255,214,165,0.7455357142857143) 100%);
background: linear-gradient(0deg, rgba(253,255,182,0.7539390756302521) 0%, rgba(255,214,165,0.7455357142857143) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdffb6",endColorstr="#ffd6a5",GradientType=1);
}
.app-theme .cv-two-portfolio-box ul li a {
color: #FF6F61;
}
.app-theme .cv-two-portfolio-box ul li a:hover {
background-color: #FF6F61;
}
.app-theme .cv-two-portfolio-box ul li a:hover i {
color: #ffffff;
}
.app-theme .owl-theme .owl-nav {
margin-top: 0;
}
/*
=========== Pageination CSS ===========
*/
.my-pageination {
}
.my-pageination .page-link {
background-color: transparent;
border: none;
font-size: 24px;
color: #ffffff;
padding-bottom: 0;{
}
.my-pageination .page-link:hover color: #FFB14F;
}
.my-pageination .page-link i {
font-size: 36px;
}
.my-pageination .page-item.disabled .page-link {
background-color: transparent;
}
/*
=========== Package CSS ===========
*/
.package-area {
padding: 120px 0;
position: relative;
}
.package-col {
margin-bottom: 30px;
text-align: center;
background-image: url(../images/fitness/bg/brushed-alum-dark.png);
background-repeat: repeat;
border: 1px solid #565656;
padding: 10px;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.package-col-img {
overflow: hidden;
margin-bottom: 20px;
}
.package-col-img img {
width: 100%;
filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate(0deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.package-col:hover .package-col-img img {
-ms-transform: scale(1.2);
transform: scale(1.2);
filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate(0deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.package-col h4 {
margin-bottom: 15px;
font-weight: normal;
}
.package-btns {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #565656;
margin-top: 20px;
padding-top: 20px;
padding-bottom: 10px;
}
.package-price h5 {
color: #FFB14F;
font-size: 36px;
margin-bottom: 0;
}
.package-btn {
text-align: right;
}
.fitness-multipage-theme .package-btn .theme-btn {
border: 1px solid #FFB14F !important;
background-color: #000000;
border-radius: 0;
border: none;
padding: 5px 20px !important;
font-size: 16px;
line-height: 36px;
min-height: 40px;
}
.fitness-multipage-theme .package-btn .theme-btn:hover {
background-color: #FFB14F;
}
/*
=========== Fitness Multipage Portfolio CSS Three CSS ===========
*/
.fitness-multipage-theme .portfolio-area .gallery-filters ul li a {
color: #ffffff;
}
.fitness-multipage-theme .portfolio-area .gallery-filters ul li a.active {
color: #FFB14F;
}
.fitness-multipage-theme .portfolio-area .portfolio-item img {
filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate(0deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-multipage-theme .portfolio-area .portfolio-item:hover img {
filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate(0deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-multipage-theme .portfolio-area .portfolio-item-overlay {
background-color: rgba(0,0,0,0.7);
}
/*
=========== Fitness Multipage faq CSS Three CSS ===========
*/
.fitness-multipage-theme .faq-inner-area {
padding: 120px 0;
}
.fitness-multipage-theme .faq-inner-area .faq-inner-img {
margin-bottom: 80px;
}
.fitness-multipage-theme .faq-inner-area .faq-inner-img img {
width: 80%;
margin: 0 auto;
display: block;
filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate(0deg);
opacity: 0.5;
}
.fitness-multipage-theme .faq-inner-area .faq-inner-col .my-faq-accordion .card {
background-color: transparent;
border-radius: 0;
}
.fitness-multipage-theme .faq-inner-area .my-faq-accordion .card .card-header h5 button {
background-color: transparent;
border-radius: 0;
border: 1px solid #565656;
color: #ffffff;
font-weight: normal;
position: relative;
}
.fitness-multipage-theme .faq-inner-area .my-faq-accordion .card .card-header h5 button.collapsed i {
transform: rotate(-180deg);
}
.fitness-multipage-theme .faq-inner-area .my-faq-accordion .card .card-header h5 button i {
position: absolute;
left: auto;
right: 20px;
top: 15px;
z-index: 0;
color: #ffffff;
display: block;
transform: rotate(0deg);
}
.fitness-multipage-theme .my-faq-accordion .card .card-header button.btn-link:before {
border-radius: 0;
background-color: #FFB14F;
}
.fitness-multipage-theme .my-faq-accordion p {
color: #ffffff;
opacity: 0.8;
}
/*
=========== Page Title CSS ===========
*/
.pagetitle-area {
padding: 300px 0 140px;
position: relative;
}
.pagetitle-area:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
background-color: rgba(0,0,0,0.6);
}
.pagetitle-content {
border: 1px solid #FFB14F;
padding: 60px 40px 40px;
width: 100%;
max-width: 800px;
position: relative;
margin-top: 100px;
margin: 0 auto;
}
.pagetitle-content h2 {
font-size: 60px;
position: absolute;
left: 50%;
top: -60px;
background-color: #000000;
padding: 10px 20px;
font-weight: normal;
transform: translateX(-50%);
font-weight: bold;
}
.pagetitle-content ul {
text-align: center;
}
.pagetitle-content ul li {
display: inline-block;
margin: 0 2px;
text-transform: capitalize;
}
.pagetitle-content ul li a {
color: #ffffff;
}
/*
=========== Error Page CSS ===========
*/
.error-page-area {
padding: 120px 0;
}
.error-page-col {
text-align: center;
}
.error-page-col h2 {
font-size: 180px;
line-height: 1.2;
margin-top: -10px;
text-transform: uppercase;
color: transparent !important;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #ffffff;
background-image: url(../images/fitness/bg/back.png);
background-size: cover;
background-position: 0 0;
-webkit-background-clip: text;
animation: back 30s linear infinite;
margin-top: 20px;
margin-bottom: 20px;
}
.error-page-col h4 {
font-size: 36px;
}
/*
=========== Fitness Multipage Blog CSS Three CSS ===========
*/
.fitness-multipage-theme .blog-four-area {
background-color: #101010;
background-image: none;
}
/*
=========== Fitness Multipage Blog Details CSS Three CSS ===========
*/
.fitness-multipage-theme .blog-info-bar {
padding: 12px 15px 15px 80px;
background-color: #101010;
}
.fitness-multipage-theme .blog-info-bar ul li a {
color: #dddddd;
}
.fitness-multipage-theme .heighlight-box {
margin-left: 0;
padding: 40px 30px 20px;
background-color: #101010;
margin: 50px 0;
}
.fitness-multipage-theme .heighlight-box img {
display: none;
}
.fitness-multipage-theme .heighlight-box i {
font-size: 55px;
position: absolute;
top: -25px;
left: 30px;
z-index: 0;
}
.fitness-multipage-theme .blog-info-bar img,
.fitness-multipage-theme .comments-box-item img {
border-color: #FFB14F;
}
.fitness-multipage-theme .tag-bar,
.fitness-multipage-theme .comment-form-box,
.fitness-multipage-theme .bolg-sidebar-box h4 {
background: #000000;
background-image: url(../images/fitness/bg/brushed-alum-dark.png);
background-repeat: repeat;
}
.fitness-multipage-theme .tag-bar-col ul li a {
color: #eeeeee;
}
.fitness-multipage-theme .tag-bar-col ul li i,
.fitness-multipage-theme .comments-box-item p a i {
color: #FFB14F;
opacity: 1;
}
.fitness-multipage-theme .bolg-details-col h4,
.fitness-multipage-theme .comments-box h4 {
font-weight: normal;
}
.fitness-multipage-theme .comment-form-box form .form-control {
background-color: #101010;
border-color: #333333;
}
.fitness-multipage-theme .comment-form-box .theme-btn {
min-height: 55px;
font-size: 16px;
line-height: 42px;
}
.fitness-multipage-theme .bolg-sidebar-box,
.fitness-multipage-theme .search-box .input-group-text button {
background-color: #101010;
}
.fitness-multipage-theme .big-img img,
.fitness-multipage-theme .blog-info-bar img,
.fitness-multipage-theme .comments-box-item img,
.fitness-multipage-theme .advertisement img,
.fitness-multipage-theme .post-box ul li img {
filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate(0deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-multipage-theme .big-img img:hover,
.fitness-multipage-theme .blog-info-bar img:hover,
.fitness-multipage-theme .comments-box-item img:hover,
.fitness-multipage-theme .advertisement img:hover,
.fitness-multipage-theme .post-box ul li img:hover {
filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate(0deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fitness-multipage-theme .search-box .form-control {
background-color: #000000;
}
.fitness-multipage-theme .categories-box ul li a,
.fitness-multipage-theme .categories-box ul li a:before,
.fitness-multipage-theme .post-box ul li a {
color: #ffffff;
opacity: 0.7;
font-weight: normal;
}
.fitness-multipage-theme .categories-box ul li a {
border-color: #333333;
}
.fitness-multipage-theme .tag-box ul li a {
padding: 10px 25px;
color: #ffffff;
opacity: 0.7;
line-height: 38px;
}
.fitness-multipage-theme .tag-box ul li a:hover {
background-color: #FFB14F;
opacity: 1;
}
.fitness-multipage-theme .post-box ul li {
margin-bottom: 15px;
}
.fitness-multipage-theme .bolg-details-area {
padding-top: 120px;
}
.fitness-multipage-theme .map-area {
padding-bottom: 120px;
}
/*
=========== Footer Three CSS ===========
*/
.footer-three-area {
margin-top: -105px;
}
.footer-three-col {
text-align: center;
}
.footer-three-col ul li {
display: inline-block;
margin: 0 15px;
}
.footer-three-col ul li a {
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #ffffff;
color: #ffffff;
line-height: 50px;
font-size: 20px;
opacity: 0.6;
}
.footer-three-col ul li a:hover {
background-color: #E4002B;
border-color: #E4002B;
opacity: 1;
}
.footer-subscribe-box {
width: 100%;
max-width: 800px;
margin: 0 auto;
padding: 50px 30px;
background-color: #101010;
margin-bottom: 100px;
box-shadow: 0px 9px 13px 0px rgba(220,220,220,0.28);
-webkit-box-shadow: 0px 9px 13px 0px rgba(220,220,220,0.28);
-moz-box-shadow: 0px 9px 13px 0px rgba(220,220,220,0.28);
}
.footer-subscribe-box .input-group .form-control {
border-color: #30336B;
color: #ffffff;
}
.footer-subscribe-box .input-group-text {
padding: 0;
border: none;
}
.footer-subscribe-box .input-group .btn {
min-width: 150px;
min-height: 55px;
border-radius: 0;
font-size: 24px;
text-transform: capitalize;
background: #E4002B;
border: none;
}
.footer-subscribe-box .input-group .form-control {
min-height: 55px;
border: none;
border-bottom: 2px solid #E4002B;
background: transparent;
color: #cecece;
font-size: 18px;
padding-left: 0;
}
.footer-three-col h4 {
font-weight: 500;
margin-top: 50px;
margin-bottom: 20px;
}
.footer-three-col .mymarquee img {
width: 30px;
margin: 0 20px;
}
.footer-three-area .copyright-col {
text-align: center;
margin-top: 80px;
padding-top: 30px;
border-top: 1px solid #2d2d2d;
}
.fitness-multipage-theme .footer-three-area {
padding-top: 120px;
margin-top: 0;
background-image: url(../images/fitness/bg/cartographer.png);
background-repeat: repeat;
background-color: #000000;
}
.fitness-multipage-theme .footer-subscribe-box {
margin-bottom: 60px;
}
.app-theme .footer-area-three {
margin: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.app-theme .footer-area-three .animation-wrap {
z-index: 0;
}
.app-theme .footer-area-three .container {
position: relative;
z-index: 1;
}
.app-theme .footer-area-three .our-footer-col h4 {
color: #000000;
margin-bottom: 30px;
}
.app-theme .our-footer-col form .form-control {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background-color: #000000;
}
.app-theme .footer-area-three .our-footer-col form .btn {
background-color: #FF6F61;
color: #ffffff;
border-radius: 0;
}
.app-theme .footer-area-three .our-footer-col ul li a i {
font-size: 30px;
color: #000000;
}
.app-theme .footer-area-three .our-footer-col p {
color: #000000;
font-size: 14px;
}
/*
=========== Demo CSS ===========
*/
.main-demo-heading {
padding: 250px 0;
background: #f3f3f3;
background-image: url(../images/screenshot/bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
position: relative;
}
.main-demo-heading:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
.main-demo-heading h1 {
font-size: 60px;
line-height: 1.3;
margin-bottom: 50px;
color: #FFB600;
}
.main-demo-heading h2 {
color: #f1f1f1;
letter-spacing: 1px;
margin-bottom: 50px;
}
.buy-btn {
background: transparent;
font-size: 24px;
font-weight: bold;
color: #ffffff;
border: 2px solid #ffffff;
padding: 15px 50px;
border-radius: 0;
text-transform: capitalize;
}
.buy-btn:hover {
background: #FFB600;
color: #ffffff;
border-color: #FFB600;
}
/* Live Preview CSS */
.live-preview-area {
text-align: center;
padding-top: 100px;
padding-bottom: 100px;
background-color: #000000;
}
.live-preview-area h2 {
margin-bottom: 60px;
color: #FFB600;
}
.live-preview-area h3 {
font-size: 20px;
line-height: 1.4;
margin-bottom: 60px;
}
.live-preview-area h3 a {
color: #ffffff;
font-weight: 500;
}
.live-preview-area h3 a:hover {
color: #FFB600;
}
.demo-box {
margin-bottom: 40px;
position: relative;
height: 330px;
overflow: hidden;
border: 1px solid #565656;
-webkit-box-shadow: 0px 20px 45px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 20px 45px rgba(0,0,0,0.3);
box-shadow: 0px 20px 45px rgba(0,0,0,0.3);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.demo-box:hover {
box-shadow: none;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.demo-box img {
width: 100%;
}
.demo-over-layer {
position: absolute;
left: 0;
bottom: -100%;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.demo-box:hover .demo-over-layer {
bottom: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.demo-over-layer h4 a {
position: absolute;
color: #ffffff;
top: 50%;
left: 0;
right: 0;
margin-top: -10px;
text-align: center;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.demo-over-layer h4 a:hover {
color: #FFB600;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.more-demo-link p {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #dddddd;
display: inline-block;
}
.coming-soon-text {
color: #f9f9f9;
font-size: 36px;
line-height: 42px;
background: #111111;
padding: 50px 20px;
}
Zerion Mini Shell 1.0