@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700;800;900&family=Exo:wght@300;400;500;600;700;800;900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Nunito:wght@200;300;400;500;600;700;800;900;1000&display=swap');
@import url("flaticon.css");
@import url("fontawesome-all.css");
@import url("animate.css");
@import url("owl.css");
@import url("jquery-ui.min.css");
@import url("jquery.fancybox.min.css");
@import url("jquery.bootstrap-touchspin.css");
/***
====================================================================
Reset
====================================================================
***/
* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
font-size: 100%;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-size: 16px;
color: #363636;
line-height: 28px;
font-weight: 400;
background: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-family: "Archivo", sans-serif;
overflow-x: hidden;
}
a {
text-decoration: none;
cursor: pointer;
}
a:hover,
a:focus,
a:visited {
text-decoration: none;
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
margin: 0px;
background: none;
font-weight: 600;
line-height: 1.2em;
font-family: "Exo", sans-serif;
}
h1 {
font-size: 50px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 17px;
}
section {
position: relative;
}
textarea {
overflow: hidden;
resize: none;
}
button {
background-color: transparent;
outline: none !important;
cursor: pointer;
min-width: auto;
}
p,
.text {
font-size: 16px;
line-height: 30px;
color: #2a2a2a;
font-weight: 400;
}
::-webkit-input-placeholder {
color: inherit;
}
::-moz-input-placeholder {
color: inherit;
}
::-ms-input-placeholder {
color: inherit;
}
.auto-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
width: 100%;
}
.small-container {
position: static;
max-width: 900px;
padding: 0px 15px;
margin: 0 auto;
}
.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 250px;
z-index: 1;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.section {
padding: 60px 0 30px;
}
.bg_alice {
background-color: #f9fafc;
}
.items-end {
align-items: end;
}
.items-start {
align-items: flex-start;
}
ul,
li {
list-style: none;
padding: 0px;
margin: 0px;
}
/***
=======================
Default Navs
=======================
***/
.disable-nav .owl-nav {
/* display: none; */
}
.default-nav .owl-nav {
position: absolute;
top: 50%;
width: 100%;
}
.default-nav .owl-next,
.default-nav .owl-prev {
position: absolute;
left: -55px;
top: 0;
height: 30px;
width: 50px;
font-size: 14px;
color: #081245;
line-height: 30px;
border-radius: 50px;
text-align: center;
background-color: #ebebeb;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.default-nav .owl-next {
left: auto;
right: -55px;
}
.default-nav .owl-next:hover,
.default-nav .owl-prev:hover {
background: #081245;
color: #ffffff;
}
/***
=======================
List Styles
=======================
***/
/* List Style Two */
.list-style-one {
position: relative;
display: block;
margin-bottom: 20px;
}
.list-style-one li {
position: relative;
font-weight: 400;
padding-left: 30px;
margin-bottom: 10px;
}
.list-style-one li:before {
position: absolute;
top: 0;
left: 0;
font-family: "Font Awesome 5 Free";
content: "\f00c";
color: #ffba00;
font-weight: 900;
font-size: 16px;
}
/* List Style Two */
.list-style-two {
position: relative;
display: block;
margin-bottom: 20px;
}
.list-style-two li {
position: relative;
font-size: 16px;
line-height: 28px;
color: #363636;
font-weight: 400;
padding-left: 20px;
margin-bottom: 5px;
}
.list-style-two li:before {
position: absolute;
top: 10px;
left: 0;
height: 7px;
width: 7px;
background-color: #1370b5;
border-radius: 50%;
content: "";
}
.list-style-two.light li {
font-weight: 300;
}
/***
==========================
Social Icon One
==========================
***/
.social-icon-one {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.social-icon-one li {
position: relative;
margin-right: 10px;
}
.social-icon-one li:last-child {
margin-right: 0;
}
.social-icon-one li a {
position: relative;
display: block;
font-size: 18px;
color: #ffffff;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
background-color: #00082e;
border-radius: 0 0 50% 50%;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.social-icon-one li a:hover {
background-color: #ffae00;
color: #ffffff;
}
/***
==========================
Social Icon Two
==========================
***/
.social-icon-two {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
flex-wrap: wrap;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.social-icon-two li {
position: relative;
margin: 0 -.5px;
}
.social-icon-two li a {
position: relative;
font-size: 18px;
color: #ffffff;
padding: 8px;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
border: 1px solid #ffffff;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
display: flex;
align-items: center;
justify-content: center;
}
.social-icon-two li a:hover {
background-color: #ffae00;
color: #ffffff;
}
/***
==========================
Social Icon Three
==========================
***/
.social-icon-three {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.social-icon-three li {
position: relative;
margin-right: 10px;
}
.social-icon-three li:last-child {
margin-right: 0;
}
.social-icon-three li a {
position: relative;
display: block;
font-size: 14px;
color: #ffffff;
height: 34px;
width: 28px;
line-height: 34px;
text-align: center;
background-color: #00082e;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.social-icon-three li a:hover {
background-color: #ffae00;
color: #ffffff;
}
/*==========================
Default Tabs
===========================*/
.default-tabs {
position: relative;
overflow: hidden;
border: 1px solid #dddde1;
margin-bottom: 30px;
}
.default-tabs .tab-buttons {
position: relative;
padding: 10px 10px;
background: #1370b5;
border-radius: 5px;
}
.default-tabs .tab-buttons li {
position: relative;
float: left;
font-weight: 600;
font-size: 16px;
padding: 11px 24px;
color: #ffffff;
line-height: 20px;
border-radius: 5px;
cursor: pointer;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.default-tabs .tab-buttons li.active-btn {
background-color: #ffffff;
color: #1370b5;
}
.default-tabs .tabs-content {
position: relative;
width: 100%;
padding: 25px 25px;
background-color: #ffffff;
}
.default-tabs .tabs-content p {
font-size: 14px;
line-height: 26px;
font-weight: 300;
}
/*==========================
default table
===========================*/
.default-table {
position: relative;
background: #ffffff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
border-radius: 5px;
margin-bottom: 30px;
overflow: hidden;
width: 100%;
min-width: 600px;
}
.default-table thead {
background: #1370b5;
color: #ffffff;
}
.default-table thead th {
position: relative;
padding: 20px 30px;
font-size: 16px;
color: #ffffff;
font-weight: 400;
line-height: 30px;
}
.default-table tbody tr {
position: relative;
border-bottom: 1px solid #ededed;
}
.default-table tr td {
position: relative;
padding: 26px 30px;
font-size: 16px;
color: #5c6770;
font-weight: 400;
}
.content-elements .btn-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.content-elements .btn-column .theme-btn {
margin-bottom: 20px;
}
/*======================
Theme Btn
=======================*/
.theme-btn {
display: inline-block;
text-align: center;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.theme-btn .btn-title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 9;
color: inherit;
}
/*Btn Style One*/
.btn-style-one {
position: relative;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 6px 7px;
font-weight: 600;
background: #001376;
overflow: hidden;
min-width: 170px;
background: #078513;
background: -o-linear-gradient(45deg, #4CAF50 1%, #8BC34A 100%);
background: linear-gradient(45deg, #4CAF50 1%, #8BC34A 100%);
}
.btn-style-one:hover {
color: #ffffff;
}
.btn-style-one:hover:before {
opacity: 1;
}
.btn-style-one:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #078513;
background: -o-linear-gradient(135deg, #4CAF50 1%, #8BC34A 100%);
background: linear-gradient(-45deg, #4CAF50 1%, #8BC34A 100%);
content: "";
opacity: 0;
-webkit-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
/*Btn Style Two*/
.btn-style-two {
position: relative;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 6px 7px;
font-weight: 600;
background: #001376;
overflow: hidden;
min-width: 174px;
background: #ffc600;
background: -o-linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
}
.btn-style-two:hover {
color: #ffffff;
}
.btn-style-two:hover:before {
opacity: 1;
}
.btn-style-two:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: -o-linear-gradient(135deg, #ffc600 1%, #ff6c00 100%);
background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
content: "";
opacity: 0;
-webkit-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
/*Btn Style three*/
.btn-style-three {
font-size: 14px;
position: relative;
line-height: 25px;
border-radius: 10px;
color: #ffffff;
padding: 6px 15px;
font-weight: 600;
overflow: hidden;
min-width: 125px;
background: -o-linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
}
.btn-style-three:hover {
color: #ffffff;
}
.btn-style-three:hover:before {
opacity: 1;
}
.btn-style-three:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #ffc600;
background: -o-linear-gradient(135deg, #ffc600 1%, #ff6c00 100%);
background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
content: "";
opacity: 0;
-webkit-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
/*Btn Style four*/
.btn-style-four {
position: relative;
font-size: 14px;
line-height: 23px;
color: #ffffff;
padding: 8px 12px;
font-weight: 600;
background: #001376;
overflow: hidden;
min-width: 130px;
background: #078513;
background: -o-linear-gradient(45deg, #4CAF50 1%, #8BC34A 100%);
background: linear-gradient(45deg, #4CAF50 1%, #8BC34A 100%);
}
.btn-style-spl {
position: relative;
font-size: 14px;
line-height: 23px;
color: #ff5e00;
padding: 8px 12px;
font-weight: 600;
overflow: hidden;
min-width: 130px;
background: #ffffff;
box-shadow: 0 0 10px gray;
border-radius: 3px;
}
.btn-style-spl:hover {
color: #ffffff;
text-decoration: none;
background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
}
.lower-content .btn-style-special-2 {
min-width: 80px;
position: relative;
font-size: 14px;
line-height: 23px;
color: #ffffff !important;
padding: 2px 8px;
font-weight: 600;
overflow: hidden;
transition: all 0.5s;
background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
border-radius: 3px;
}
.btn-style-special {
position: relative;
font-size: 14px;
line-height: 23px;
color: #ffffff;
padding: 8px 12px;
font-weight: 600;
overflow: hidden;
transition: all 0.5s;
min-width: 130px;
background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
border-radius: 3px;
}
.btn-style-special:hover {
color: #ffffff;
background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
text-decoration: none;
}
.btn-style-four:hover {
color: #ffffff;
}
.btn-style-four:hover:before {
opacity: 1;
}
.btn-style-four:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #078513;
background: -o-linear-gradient(135deg, #4CAF50 1%, #8BC34A 100%);
background: linear-gradient(-45deg, #4CAF50 1%, #8BC34A 100%);
content: "";
opacity: 0;
-webkit-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.theme-btn.large {
padding: 15px 70px;
min-width: 20px;
font-size: 18px;
line-height: 30px;
}
.theme-btn.small {
padding: 10px 18px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
border-radius: 5px;
min-width: 100px;
}
/*==========================
Owl Carousel Arrows
===========================*/
.owl-carousel.no-arrows .owl-nav {
display: none;
}
.default-arrows .owl-nav {
position: absolute;
left: 0;
top: 50%;
width: 100%;
opacity: 0;
margin-top: -22px;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.default-arrows:hover .owl-nav {
opacity: 1;
}
.default-arrows .owl-next,
.default-arrows .owl-prev {
position: absolute;
left: -50px;
top: 0;
height: 45px;
width: 45px;
color: #ffffff;
font-size: 18px;
font-weight: 600;
text-align: center;
background: rgba(255, 255, 255, 0.4);
line-height: 45px;
border-radius: 7px;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.default-arrows .owl-next {
left: auto;
right: -50px;
}
.default-arrows:hover .owl-next {
right: 30px;
}
.default-arrows:hover .owl-prev {
left: 30px;
}
.default-arrows .owl-next:hover,
.default-arrows .owl-prev:hover {
background: #ffffff;
color: #1370b5;
-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.default-arrows.dark .owl-next,
.default-arrows.dark .owl-prev {
background-color: rgba(0, 0, 0, 0.2);
}
.default-arrows.dark .owl-next:hover,
.default-arrows.dark .owl-prev:hover {
background-color: #ffffff;
}
.owl-carousel.disable-arrow .owl-nav {
/* display: none; */
}
.owl-carousel.disable-dots .owl-dots {
/* display: none; */
}
.default-dots .owl-dots {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.default-dots .owl-dot {
position: relative;
height: 8px;
width: 8px;
background-color: #000000;
margin: 0 4px;
border-radius: 10px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.default-dots .owl-dot.active {
width: 32px;
background-color: #1370b5;
}
.default-dots.light .owl-dot {
background-color: #ffffff !important;
}
.theme_color {
color: #1370b5;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
/*==========================
Preloader
===========================*/
.preloader {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #0000008c;
z-index: 9999;
background-image: url(../videos/login-gif.gif);
background-size: 250px;
background-repeat: no-repeat;
background-position: center;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
hr {
-webkit-appearance: none;
position: relative;
height: 1px;
margin: 30px auto;
background: #e6e8ed;
border-style: none;
outline-style: none;
}
.tabs-box {
position: relative;
}
.tabs-box .tab {
display: none;
}
.tabs-box .active-tab {
display: block;
}
/*=== Default Form ===*/
.default-form {
position: relative;
}
.default-form .form-group {
position: relative;
margin-bottom: 20px;
}
.default-form .form-group:last-child {
margin-bottom: 0;
}
.default-form .form-group input[type="text"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="number"],
.default-form .form-group input[type="email"],
.default-form .form-group input[type="url"],
.default-form .form-group textarea,
.default-form .form-group select {
position: relative;
width: 100%;
display: block;
color: #5c6770;
font-size: 14px;
line-height: 30px;
padding: 10px 20px;
height: 52px;
background-color: #ffffff;
border: 1px solid #e1e1e1;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group input[type="url"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus {
border-color: #1370b5;
}
.default-form .form-group textarea {
height: 184px;
resize: none;
padding-top: 15px;
}
.default-form .form-group input[type="submit"],
.default-form .form-group button {
position: relative;
display: inline-block;
min-width: 160px;
}
.default-form input.error:focus,
.default-form select.error:focus,
.default-form textarea.error:focus {
border-color: #ff0000;
}
.default-form label.error {
display: block;
font-weight: 500;
font-size: 13px;
text-transform: capitalize;
line-height: 24px;
color: #ff0000;
margin-bottom: 0;
}
.default-form .form-group .icon {
position: absolute;
right: 20px;
bottom: 0;
color: #9fa9b8;
font-size: 14px;
line-height: 54px;
}
/***
====================================================================
Scroll To Top
====================================================================
***/
.scroll-to-top {
position: fixed;
right: 30px;
bottom: 30px;
z-index: 999;
width: 30px;
height: 30px;
font-size: 16px;
color: #1b2032;
line-height: 30px;
text-align: center;
background: #ffc600;
background: -o-linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
border-radius: 20px;
cursor: pointer;
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.play-now {
position: relative;
display: inline-block;
z-index: 9;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.play-now .icon {
position: relative;
display: inline-block;
height: 80px;
width: 80px;
text-align: center;
line-height: 80px;
background-color: #ffffff;
color: #222222;
z-index: 1;
font-size: 42px;
display: block;
border-radius: 50%;
-webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
-ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
-o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-webkit-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.play-now .ripple:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
content: "";
position: absolute;
}
.play-now .ripple:after {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
/***
====================================================================
Anim Icons
====================================================================
***/
.anim-icons {
position: absolute;
left: 0;
top: 0;
right: 0;
height: 100%;
width: 100%;
max-width: 1170px;
margin: 0 auto;
}
.anim-icons.full-width {
max-width: 100%;
overflow-x: hidden;
overflow-y: hidden;
}
.anim-icons .icon {
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
.icon-circle-1 {
width: 50px;
height: 50px;
background-image: url(../images/New-Images/flower-icon-1.png);
-webkit-animation: fa-spin 30s infinite;
animation: fa-spin 30s infinite;
}
.icon-circle-2 {
width: 75px;
height: 75px;
background-image: url(../images/New-Images/flower-icon-1.png);
-webkit-animation: fa-spin 30s infinite;
animation: fa-spin 30s infinite;
}
.icon-dotted-circle {
width: 175px;
height: 175px;
background-image: url(../images/New-Images/breadcrump-circle-1.png);
}
.icon-dotted-world {
width: 430px;
height: 430px;
background-image: url(../images/icons/icon-world.png);
}
.icon-circle-3 {
width: 60px;
height: 60px;
background-image: url(../images/New-Images/yoga-ball-icon-3.png);
}
.icon-circle-4 {
width: 140px;
height: 140px;
background-image: url(../images/icons/circle-4.png);
}
.icon-object-2 {
width: 57px;
height: 55px;
background-image: url(../images/New-Images/flower-icon-1.png);
}
.icon-object-3 {
width: 78px;
height: 82px;
background-image: url(../images/New-Images/yoga-ball-icon-3.png);
}
.icon-object-4 {
width: 39px;
height: 39px;
background-image: url(../images/New-Images/flower-icon-2.png);
}
.icon-object-5 {
width: 39px;
height: 39px;
background-image: url(../images/icons/object-5.png);
}
.icon-object-10 {
width: 141px;
height: 124px;
background-image: url(../images/icons/object-10.png);
}
.icon-object-11 {
width: 306px;
height: 308px;
background-image: url(../images/icons/object-11.png);
}
.icon-object-12 {
width: 66px;
height: 66px;
background-image: url(../images/icons/object-12.png);
}
.icon-object-13 {
width: 207px;
height: 208px;
background-image: url(../images/icons/object-13.png);
}
.icon-object-14 {
width: 131px;
height: 131px;
background-image: url(../images/icons/object-14.png);
}
.icon-object-15 {
width: 79px;
height: 126px;
background-image: url(../images/icons/object-15.png);
}
.icon-object-16 {
width: 158px;
height: 129px;
background-image: url(../images/icons/object-16.png);
}
@-webkit-keyframes bounce-y {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounce-y {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes bounce-x {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounce-x {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
/***
====================================================================
Main Header
====================================================================
***/
.main-header {
position: relative;
left: 0;
top: 0;
width: 100%;
height: auto;
z-index: 99;
}
.main-header:before {
position: absolute;
left: 0;
top: 0;
bottom: 30px;
width: 100%;
background: linear-gradient(to bottom, #140342 40%, #ffffff00 41%, #ffffff00 100%);
content: "";
}
/* Header Top */
.header-top {
position: relative;
padding: 5px 0;
}
.header-top .inner-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-top .top-left {
position: relative;
padding-left: 30px;
min-width: 240px;
}
.header-top .top-right {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 0;
width: 100%;
padding-left: 70px;
}
.contact-list-one {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.contact-list-one li {
position: relative;
padding-left: 55px;
font-size: 14px;
line-height: 25px;
color: #ffffff;
font-weight: 400;
margin-right: 60px;
}
.contact-list-one li:last-child {
margin-right: 0;
}
.contact-list-one li strong {
position: relative;
display: block;
font-size: 18px;
line-height: 25px;
font-weight: 700;
text-transform: uppercase;
}
.contact-list-one li i {
position: absolute;
left: 0;
top: 7px;
font-size: 38px;
line-height: 30px;
color: #ffffff;
}
.contact-list-one li a {
color: #ffffff;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.nav-toggler {
position: relative;
color: #ff8600;
font-size: 34px;
margin-left: auto;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.nav-toggler:hover {
color: #add26f;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
/* Header Lower */
.main-header .header-lower {
position: relative;
margin-bottom: -30px;
}
.main-header .main-box {
padding: 5px 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff00;
border-radius: 0 0 0 40px;
}
.main-header .main-box:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 10000%;
background-color: #ffffff;
content: "";
}
.main-header .nav-outer {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.main-header .logo-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 240px;
min-height: 110px;
background-color: #ffffff;
border-radius: 10px 10px 0 40px;
margin-top: -30px;
margin-right: 20px;
}
.main-header .logo {
position: relative;
z-index: 9;
/* padding: 15px 15px; */
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .menu-box {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.main-menu {
position: static;
}
.main-menu .navbar-header {
display: none;
}
.main-menu .navbar-collapse {
padding: 0px;
}
.main-menu .navigation {
position: static;
margin: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-menu .navigation>li {
position: relative;
margin-right: 24px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-menu .navigation>li>a {
position: relative;
display: block;
font-size: 15px;
line-height: 30px;
font-weight: 600;
/* padding: 20px 0; */
color: #081245;
opacity: 1;
text-align: center;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-menu .navigation>li.current>a,
.main-menu .navigation>li>a:hover {
color: #ffae00;
}
.main-menu .navigation>li:hover .main-menu .navigation>li.current>a:before,
.main-menu .navigation>li:hover>a:before {
text-decoration: unset !important;
}
.btn-style-one:hover {
text-decoration: unset !important;
}
.btn-style-two:hover {
text-decoration: unset !important;
}
.main-menu .navigation>li.current>a,
.main-menu .navigation>li>a:hover {
text-decoration: unset !important;
}
.contact-list-two li a:hover {
text-decoration: unset !important;
}
.membership-header .membership:hover {
text-decoration: unset !important;
}
.main-menu .navigation>li .mega-menu-bar .column>ul>li>a:hover {
text-decoration: none !important;
}
.main-menu .navigation>li>ul>li>a {
text-decoration: unset !important;
}
h4 a:hover {
text-decoration: unset !important;
}
.read-more-tittle h2 a:hover {
text-decoration: unset !important;
}
h3 a:hover {
text-decoration: unset !important;
}
.lower-content a,
.final-link a:hover {
text-decoration: unset !important;
}
.lower-content a,
.final-link a:hover i {
color: #ff4200 !important;
}
.main-menu .navigation>li>a:before {
position: absolute;
left: 50%;
bottom: 0px;
height: 2px;
width: 0%;
content: "";
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
background-color: #ff7c00;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-menu .navigation>li.dropdown>a:after {
display: none !important;
content: "\f107";
position: absolute;
right: -14px;
top: 50%;
width: 10px;
height: 20px;
display: block;
line-height: 20px;
font-size: 12px;
z-index: 5;
font-family: "Font Awesome 5 Free";
font-weight: 900;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.main-menu .navigation>li.current>a:before,
.main-menu .navigation>li:hover>a:before {
left: 0;
width: 100%;
}
.main-menu .navigation>li>ul>li.dropdown>a:before {
font-family: "Font Awesome 5 Free";
content: "\f105";
position: absolute;
right: 25px;
top: 8px;
width: 10px;
height: 20px;
display: block;
line-height: 20px;
font-size: 16px;
font-weight: 900;
text-align: center;
z-index: 5;
}
.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
color: #ffffff;
}
.main-menu .navigation>li>ul {
position: absolute;
left: 0px;
top: 60px;
width: 240px;
z-index: 100;
opacity: 0;
visibility: hidden;
padding: 20px 0px;
background: #ffffff;
border-radius: 3px;
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
transform: rotateX(90deg);
border-bottom: 3px solid #84bd3c;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation>li>ul:before {
position: absolute;
content: "";
left: 0px;
top: -30px;
width: 100%;
height: 30px;
display: block;
}
.main-menu .navigation>li>ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation>li>ul>li {
position: relative;
width: 250px;
margin-bottom: 0px;
}
.main-menu .navigation>li>ul>li:last-child {
margin-bottom: 0px;
}
.main-menu .navigation>li>ul>li>a {
position: relative;
display: block;
padding: 5px 25px;
line-height: 24px;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
color: #222222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation>li>ul>li:hover>a {
color: #ffae00;
}
.main-menu .navigation>li>ul>li>ul {
position: absolute;
left: 96%;
top: 100%;
width: 220px;
z-index: 100;
display: none;
opacity: 0;
visibility: hidden;
margin-top: -50px;
padding: 20px 0px;
background: #ffffff;
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
transform: rotateX(90deg);
border-bottom: 3px solid #ff7c00;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation>li>ul>li>ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation>li>ul>li>ul>li {
position: relative;
width: 100%;
margin-bottom: 0px;
}
.main-menu .navigation>li>ul>li>ul>li:last-child {
margin-bottom: 0px;
}
.main-menu .navigation>li>ul>li>ul>li>a {
position: relative;
display: block;
padding: 5px 25px;
line-height: 24px;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
color: #222222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation>li>ul>li>ul>li:hover>a {
color: #1b0a3f;
}
.main-menu .navigation>li.dropdown:hover>ul {
visibility: visible;
opacity: 1;
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.finder-sec .lower-content h4 a {
color: #ff4603 !important;
}
.main-menu .navigation li>ul>li.dropdown:hover>ul {
visibility: visible;
opacity: 1;
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
display: block;
transition: all 0.5s
}
.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
position: absolute;
right: 10px;
top: 6px;
width: 30px;
height: 30px;
text-align: center;
color: #ffffff;
line-height: 28px;
border: 1px solid #ffffff;
background-size: 20px;
cursor: pointer;
z-index: 5;
display: none;
}
.main-header .outer-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* Search btn */
.main-header .search-box-btn {
position: relative;
height: 40px;
width: 40px;
text-align: center;
background: #ffae00;
border-radius: 50%;
line-height: 40px;
font-size: 14px;
color: #ffffff;
cursor: pointer;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.main-header .theme-btn {
margin-left: 30px;
background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
white-space: nowrap;
display: block;
}
/* Cart btn */
.main-header .cart-btn {
position: relative;
display: block;
z-index: 1;
color: #ffffff;
font-size: 24px;
line-height: 40px;
}
.main-header .cart-btn .count {
position: absolute;
right: -7px;
top: -4px;
height: 18px;
width: 18px;
text-align: center;
line-height: 18px;
font-size: 10px;
color: #ffffff;
background-color: #1370b5;
border-radius: 50%;
}
/************************ Mega Menu ***************************/
.main-menu .navigation>li.has-mega-menu {
position: static;
}
.main-menu .navigation>li>.mega-menu {
position: absolute;
left: 65px;
right: 0;
margin: auto;
background: #ffffff;
padding: 45px 40px 30px 45px;
top: 100%;
z-index: 100;
opacity: 0;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation>li>.mega-menu-two {
max-width: 450px;
}
.main-menu .navigation>li:hover>.mega-menu {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.main-menu .navigation>li>.mega-menu .mega-menu-bar {
position: relative;
}
.main-menu .navigation>li .mega-menu-bar h3 {
position: relative;
color: #00082e;
font-size: 18px;
font-weight: 500;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.main-menu .navigation>li .mega-menu-bar>ul {
position: relative;
}
.main-menu .navigation>li .mega-menu-bar .column>ul>li {
position: relative;
width: 100%;
border-bottom: 1px solid #dddddd;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation>li .mega-menu-bar .column {
position: relative;
margin-bottom: 10px;
}
.main-menu .navigation>li .mega-menu-bar .column>ul>li:last-child {
border: none;
}
.main-menu .navigation>li .mega-menu-bar .column>ul>li>a {
position: relative;
display: block;
padding: 10px 0px;
line-height: 24px;
font-weight: 400;
color: #000000;
text-align: left;
font-size: 14px;
text-transform: capitalize;
transition: all 200ms ease;
-moz-transition: all 200ms ease;
-webkit-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
}
.main-menu .navigation>li .mega-menu-bar .column>ul>li>a:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0%;
content: '.';
color: transparent;
height: 1px;
text-align: left;
margin: 0;
opacity: 0;
}
.main-menu .navigation>li .mega-menu-bar .column>ul>li>a:hover {
z-index: 1;
color: #ffae00;
}
.main-menu .navigation>li .mega-menu-bar .column>ul>li>a:hover:after {
z-index: -10;
animation: fill 1s forwards;
-webkit-animation: fill 1s forwards;
-moz-animation: fill 1s forwards;
opacity: 1;
}
/***
====================================================================
Sticky Header
====================================================================
***/
.sticky-header {
position: fixed;
visibility: hidden;
opacity: 0;
left: 0px;
top: 0px;
width: 100%;
padding: 0px 0px;
z-index: 99;
background: rgba(255, 255, 255, 0.99);
-webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.fixed-header .sticky-header {
opacity: 1;
z-index: 99;
visibility: visible;
}
.fixed-header .logo-box {
position: relative !important;
margin: 0 !important;
padding: 12px 0 !important;
min-height: auto !important;
min-width: auto !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.fixed-header .logo-box img {
max-height: 60px;
width: 85%;
}
.sticky-header .main-menu .navigation>li {
margin-right: 0;
margin-left: 21px;
}
.sticky-header .upper-right {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none;
}
.header-style-three .sticky-header .main-menu:after,
.header-style-three .sticky-header .logo-box:before,
.header-style-three .sticky-header .search-box-btn,
.header-style-three .sticky-header .social-icon-four {
display: none;
}
/***
====================================================================
Hidden Sidebar style
====================================================================
***/
.hidden-bar {
position: fixed;
right: 0;
top: 0px;
height: 100%;
overflow-y: auto;
z-index: 99999;
opacity: 0;
max-width: 320px;
width: 100%;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
visibility: hidden;
background: -o-linear-gradient(to bottom, #91c12c 0%, #376e0e);
background: linear-gradient(to bottom, #91c12c 0%, #376e0e);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.hidden-bar::-webkit-scrollbar {
width: 2px;
}
.hidden-bar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px #cecece;
box-shadow: inset 0 0 2px #cecece;
border-radius: 10px;
}
.hidden-bar::-webkit-scrollbar-thumb {
background: #7a7a7a;
border-radius: 10px;
}
.hidden-bar::-webkit-scrollbar-thumb:hover {
background: #7a7a7a;
}
.form-back-drop {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, .50);
z-index: 99;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.active-side-nav .hidden-bar {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.active-side-nav .form-back-drop {
opacity: 1;
visibility: visible;
}
.hidden-bar .inner-box {
position: relative;
padding: 30px 30px 50px;
width: 100%;
}
.hidden-bar .title-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.hidden-bar .title-box .cross-icon {
position: relative;
cursor: pointer;
color: #ffffff;
font-size: 20px;
}
.hidden-bar .inner-box h2 {
position: relative;
font-weight: 700;
font-size: 24px;
line-height: 1.2em;
color: #ffffff;
}
.hidden-bar .inner-box p {
color: #ffffff;
margin-bottom: 25px;
}
/*=== Form Style One ===*/
.form-style-one {
position: relative;
}
.form-style-one .form-group {
position: relative;
margin-bottom: 20px;
}
.form-style-one .form-group:last-child {
margin-bottom: 0;
}
.form-style-one .form-group input,
.form-style-one .form-group textarea,
.form-style-one .form-group select {
position: relative;
width: 100%;
display: block;
color: #4d4d4d;
font-size: 13px;
line-height: 20px;
padding: 10px 10px;
height: 40px;
background-color: rgb(255 255 255);
border-bottom: 1px solid rgba(255, 255, 255, .30);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.form-style-one .form-group input:focus,
.form-style-one .form-group select:focus,
.form-style-one .form-group textarea:focus {
border-color: #1370b5;
}
.form-style-one .form-group textarea {
height: 150px;
resize: none;
padding-top: 15px;
}
.form-style-one .form-group input[type="submit"],
.form-style-one .form-group button {
position: relative;
display: inline-block;
width: 100%;
}
.hidden-bar .contact-list-one {
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 40px;
}
.hidden-bar .contact-list-one li {
margin-bottom: 20px;
padding-left: 50px;
margin-right: 0;
}
.hidden-bar .contact-list-one li i {
font-size: 28px;
}
.hidden-bar .contact-list-one li strong {
font-size: 16px;
line-height: 20px;
}
/***
====================================================================
Mobile Header
====================================================================
***/
.mobile-header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
display: none;
background: #ffffff;
z-index: 99;
padding: 15px 20px;
}
.mobile-header .logo {
position: relative;
padding: 0;
}
.mobile-header .logo img {
max-height: 40px;
}
.mobile-header .nav-outer {
position: relative;
width: auto;
}
.mobile-header .outer-box {
position: relative;
}
.sticky-header .mobile-search-btn,
.mobile-header .mobile-search-btn {
position: relative;
font-size: 20px;
line-height: 20px;
color: #081245;
top: 5px;
}
.mobile-header .search-box {
margin: 0;
}
.mobile-header .cart-btn {
font-size: 20px;
height: 40px;
width: 40px;
text-align: center;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.mobile-header .cart-btn {
margin-left: 10px;
}
/***
====================================================================
Mobile Menu
====================================================================
***/
.mobile-nav-toggler {
position: relative;
font-size: 26px;
line-height: 20px;
cursor: pointer;
color: #081245;
display: none;
top: 0px;
margin-left: 20px;
}
.mobile-menu {
position: fixed;
right: 0;
top: 0;
width: 300px;
max-width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 9999;
}
.mobile-menu .upper-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 20px 20px;
}
.mobile-menu .nav-logo {
position: relative;
text-align: left;
width: 100%;
}
.mobile-menu .nav-logo img {
max-height: 40px;
}
.mobile-menu-visible {
overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
opacity: 1;
visibility: visible;
}
.mobile-menu-visible .scroll-to-top {
opacity: 0;
visibility: hidden;
}
.mobile-menu .menu-backdrop {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.9);
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #ffffff;
padding: 0px 0px;
z-index: 5;
opacity: 0;
visibility: hidden;
border-radius: 0px;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.7s ease 500ms;
-o-transition: all 0.7s ease 500ms;
transition: all 0.7s ease 500ms;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .close-btn {
position: relative;
text-align: center;
font-size: 14px;
color: #111111;
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.mobile-menu .close-btn:hover {
opacity: 0.5;
}
.mobile-menu .navigation {
position: relative;
display: block;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.10);
}
.mobile-menu .navigation li {
position: relative;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.mobile-menu .navigation li>ul>li:last-child {
border-bottom: none;
}
.mobile-menu .navigation li>ul>li:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.10);
}
.mobile-menu .navigation li>a {
position: relative;
display: block;
line-height: 24px;
padding: 10px 13px;
font-size: 16px;
color: #404040;
font-weight: 500;
text-transform: capitalize;
}
.mobile-menu .navigation li:hover>a,
.mobile-menu .navigation li.current>a {
color: #ffae00;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
position: absolute;
right: 0px;
top: 0px;
width: 44px;
height: 44px;
text-align: center;
font-size: 16px;
line-height: 44px;
color: #404040;
cursor: pointer;
z-index: 5;
display: none;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after {
content: '';
position: absolute;
left: 0px;
top: 10px;
width: 1px;
height: 24px;
border-left: 1px solid rgba(0, 0, 0, 0.10);
}
.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
display: none;
}
.mobile-menu .navigation li>ul>li {
padding-left: 20px;
}
.mobile-menu .contact-list-one {
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
padding: 50px 20px 20px;
}
.mobile-menu .contact-list-one li {
margin-bottom: 20px;
padding-left: 0px;
color: #333333;
margin-right: 0;
}
.mobile-menu .contact-list-one li a {
color: #333333;
}
.mobile-menu .contact-list-one li i {
display: none;
font-size: 28px;
}
.mobile-menu .contact-list-one li strong {
font-size: 14px;
line-height: 18px;
}
.mobile-menu .social-links {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #ffffff;
width: 100%;
border-top: 1px solid #dddddd;
margin-top: auto;
}
.mobile-menu .social-links li {
position: relative;
text-align: center;
width: 100%;
border-right: 1px solid #dddddd;
}
.mobile-menu .social-links li a {
position: relative;
display: block;
line-height: 50px;
height: 50px;
font-size: 14px;
text-align: center;
color: #081245;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.mobile-menu .social-links li a:hover {
color: #ff7500;
}
.sticky-header .outer-box,
.sticky-header .navbar-header {
display: none;
}
/***
====================================================================
Header Style Two
====================================================================
***/
.header-style-two {
position: sticky;
}
.header-style-two .header-top .inner-container {
padding-left: 428px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-style-two .header-top .top-right {
width: auto;
padding: 0;
}
.header-style-two .header-top .top-left {
padding-left: 0;
}
.contact-list-two {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.contact-list-two li {
position: relative;
font-size: 14px;
line-height: 25px;
color: #ffffff;
font-weight: 400;
margin-left: 20px;
}
.contact-list-two li strong {
font-size: 16px;
line-height: 25px;
font-weight: 700;
margin-right: 0px;
color: #ffae00;
}
.contact-list-two li i {
/* position: absolute; */
left: -20px;
top: -3px;
font-size: 14px;
line-height: 30px;
color: #ffae00;
}
.contact-list-two li a {
color: #ffffff;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-style-two .header-lower {
position: relative;
background: white;
margin-bottom: 0;
}
.header-style-two .main-box:before {
display: none;
}
.header-style-two .logo-box {
min-width: 200px;
margin-top: -46px;
border-radius: 0;
-webkit-box-shadow: 0 0 27px rgba(0, 0, 0, .20);
box-shadow: 0 0 27px rgba(0, 0, 0, .20);
}
/* .header-style-two .logo img {
max-width: 160px;
} */
.header-style-two .nav-toggler {
margin-left: 30px;
}
/***
====================================================================
Header Style Three
====================================================================
***/
.header-style-three {
position: relative;
left: 0;
top: 0;
width: 100%;
height: auto;
z-index: 99;
background: #ffffff;
}
.header-style-three:before {
display: none;
}
.header-top-two {
position: relative;
}
.header-top-two .inner-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 250px;
min-height: 100px;
padding-bottom: 20px;
}
.header-top-two .inner-container:before {
position: absolute;
left: -45px;
right: -15px;
top: 0;
height: 100px;
-webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .11);
box-shadow: 0 4px 16px rgba(0, 0, 0, .11);
-webkit-transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
transform: skewX(-20deg);
content: "";
}
.header-top-two .top-left {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.header-top-two .top-right {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 15px 15px;
padding-right: 30px;
}
.contact-list-four {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.contact-list-four li {
position: relative;
padding-left: 55px;
font-size: 14px;
line-height: 25px;
color: #555555;
font-weight: 400;
margin-right: 60px;
}
.contact-list-four li strong {
position: relative;
display: block;
font-size: 18px;
line-height: 25px;
font-weight: 700;
text-transform: uppercase;
}
.contact-list-four li i {
position: absolute;
left: 0;
top: 7px;
font-size: 38px;
line-height: 30px;
color: #ff8600;
}
.contact-list-four li a {
color: #555555;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
/* Header Lower */
.header-style-three .header-lower {
position: relative;
margin: 0;
padding-bottom: 40px;
margin-top: -20px;
}
.header-style-three .header-lower .main-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 1;
background: none;
}
.header-style-three .header-lower .main-box:before {
background: none;
}
.header-style-three .header-lower .logo-box {
position: absolute;
left: 0;
top: 0;
min-width: 240px;
text-align: center;
min-height: 135px;
margin-top: -80px;
margin-left: -30px;
display: block;
}
.header-style-three .header-lower .logo-box:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #a8cf66;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #9cc8506e), to(#a8cf66));
background: -o-linear-gradient(top, #9cc8506e 1%, #a8cf66 100%);
background: linear-gradient(180deg, #9cc8506e 1%, #a8cf66 100%);
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
content: "";
}
.header-style-three .header-lower .social-icon-four {
margin-right: 120px;
}
.social-icon-four {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
background: #ffffff;
}
.social-icon-four:before {
position: absolute;
right: -20px;
left: -55px;
top: 0;
height: 100%;
background: #ffffff;
content: "";
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
-webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .11);
box-shadow: 0 4px 16px rgba(0, 0, 0, .11);
}
.social-icon-four li a {
position: relative;
display: block;
width: 28px;
line-height: 40px;
height: 40px;
background: #ffffff;
font-size: 14px;
text-align: center;
color: #081245;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-four li a:hover {
color: #ff7500;
}
.header-style-three .header-lower .main-menu {
position: relative;
margin-right: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #009900;
border-radius: 50px;
padding-left: 20px;
width: 100%;
margin-left: 225px;
}
.header-style-three .header-lower .main-menu:before {
position: absolute;
right: 30px;
left: -15px;
top: 0;
border-radius: 0 30px 30px 0;
background: #009900;
height: 100%;
content: "";
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
}
.header-style-three .header-lower .main-menu:after {
position: absolute;
right: 20px;
bottom: -10px;
width: 80%;
height: 4px;
content: "";
background: #009900;
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
}
.header-style-three .header-lower .main-menu .navigation>li {
margin-right: 35px;
}
.header-style-three .header-lower .main-menu .navigation>li>a {
padding: 5px 0;
color: #ffffff;
font-weight: 500;
}
.header-style-three .header-lower .main-menu .navigation>li.dropdown>a {
padding-right: 15px;
}
.header-style-three .header-lower .main-menu .navigation>li>a:before {
display: none;
}
.header-style-three .header-lower .main-menu .navigation>li>a:after {
right: 0;
}
.header-style-three .header-lower .btn-style-one i {
color: #ffffff;
}
.header-style-three .header-lower .search-box-btn {
background: #ffffff;
color: #add26f;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
box-shadow: 0 0 10px rgba(0, 0, 0, .10);
}
.header-style-three .header-lower .main-menu .navigation>li>ul:before {
top: 0;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover !important;
text-align: center;
padding: 10px 0;
background: #F5F7FC;
}
.page-title .icon-bull-eye {
position: absolute;
right: -38px;
top: -10px;
height: 175px;
width: 175px;
background-image: url(../images/New-Images/breadcrump-circle-2.png);
content: "";
}
.page-title .icon-dotted-circle {
position: absolute;
left: -44px;
top: -15px;
-webkit-animation: fa-spin 60s infinite;
animation: fa-spin 60s infinite;
}
.page-title:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
/* background: rgb(120 89 38 / 90%); */
/* background: -o-radial-gradient(center, ellipse, #000ec1 0%, #000c47 100%, #000c47 100%);
background: radial-gradient(ellipse at center, #000ec1 0%, #000c47 100%, #000c47 100%); */
content: "";
opacity: .9;
}
.page-title h1 {
position: relative;
display: block;
font-weight: 600;
font-size: 40px;
line-height: 1em;
text-align: center;
color: #081245;
margin-bottom: 20px;
}
.page-breadcrumb {
position: relative;
}
.page-breadcrumb li {
position: relative;
display: inline-block;
font-size: 20px;
line-height: 30px;
color: #081245;
padding: 0 15px;
text-transform: capitalize;
}
.page-breadcrumb li:after {
position: absolute;
top: 0px;
right: -5px;
content: "|";
font-size: 24px;
line-height: 30px;
color: #081245;
}
.page-breadcrumb li:last-child::after {
display: none;
}
.page-breadcrumb li a {
color: #081245;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-breadcrumb li a:hover {
color: #ffba00;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title {
position: relative;
margin-bottom: 25px;
}
.sec-title .sub-title {
display: block;
font-size: 16px;
color: #ff4200;
font-weight: 700;
font-family: 'Exo', sans-serif;
margin-bottom: 10px;
text-transform: uppercase;
}
.sec-title h2 {
display: block;
font-size: 30px;
line-height: 40px;
color: #081245;
font-weight: 700;
text-transform: capitalize;
}
.read-more-tittle h2 {
margin-left: 114px;
}
.sec-title-1 h2 {
display: block;
font-size: 36px;
line-height: 48px;
color: #081245;
font-weight: 700;
text-transform: capitalize;
text-align: end;
}
.sec-title .text,
.sec-title p {
position: relative;
margin-top: 20px;
}
.sec-title .divider {
position: relative;
display: block;
width: 68px;
height: 5px;
background-image: url(../images/icons/divider.png);
background-repeat: no-repeat;
background-position: center;
margin-top: 5px;
}
.sec-title.text-center .divider {
margin: 15px auto 0;
width: 90px;
height: 5px;
background-image: url(../images/icons/divider-centered.png);
margin-bottom: 25px;
}
.sec-title.light h2,
.sec-title.light .text,
.sec-title.light p {
color: #ffffff;
}
.sec-bottom-text {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px;
margin-bottom: 40px;
}
.sec-bottom-text .text {
position: relative;
font-size: 16px;
line-height: 24px;
padding: 16px 40px;
border-radius: 50px;
border: 1px dashed #dddddd;
}
.sec-bottom-text .text a {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
color: #001376;
}
/***
====================================================================
Main Slider
====================================================================
***/
.main-slider {
position: relative;
}
.main-slider .tp-dottedoverlay {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(1, 12, 52, 0.9);
}
.main-slider .tp-dottedoverlay:before {
position: absolute;
left: -100%;
bottom: 5%;
height: 100%;
width: 200%;
background-color: rgba(255, 0, 207, 0.1);
content: "";
-webkit-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
}
.main-slider .title {
position: relative;
display: inline-block;
font-size: 24px;
color: #ffba00;
font-weight: 600;
text-transform: uppercase;
line-height: 1.2em;
margin: 0 -15px;
}
.main-slider .title span {
text-decoration: underline;
padding: 0 15px;
}
.main-slider h2 {
position: relative;
display: block;
font-size: 84px;
line-height: 1.2em;
color: #ffffff;
font-weight: 700;
text-transform: capitalize;
}
.main-slider .event-info {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-slider .event-info li {
font-size: 16px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
margin-right: 30px;
}
.main-slider .event-info li i {
margin-right: 10px;
color: #ffbf00;
}
.main-slider .btn-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-slider .btn-box .theme-btn {
display: inline-block;
line-height: 30px;
padding: 15px 30px;
white-space: nowrap;
margin-right: 20px !important;
min-width: 180px !important;
}
/***
====================================================================
Banner Section
====================================================================
***/
.banner-section {
position: relative;
}
.banner-section .slide-item {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 200px 0;
text-align: center;
overflow: hidden;
min-height: 840px;
}
.banner-section .slide-item:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #000ec1;
background: -o-radial-gradient(center, ellipse, #000ec1 0%, #000c47 56%, #000c47 100%);
background: radial-gradient(ellipse at center, #000ec1 0%, #000c47 56%, #000c47 100%);
opacity: .90;
content: "";
}
.banner-section .content-box {
position: relative;
}
.banner-section .content-box .title {
display: block;
font-size: 24px;
color: #ffae00;
font-weight: 700;
margin-bottom: 15px;
text-transform: uppercase;
}
.banner-section .content-box h2 {
display: block;
font-size: 60px;
line-height: 1.2em;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 30px;
}
.banner-section .content-box .text {
position: relative;
font-size: 18px;
line-height: 26px;
color: #ffffff;
margin-bottom: 40px;
}
.banner-section .content-box .time-counter-two {
position: relative;
margin-bottom: 40px;
}
/* Animate 1 */
.owl-carousel .animate-7,
.owl-carousel .animate-6,
.owl-carousel .animate-5,
.owl-carousel .animate-4,
.owl-carousel .animate-3,
.owl-carousel .animate-2,
.owl-carousel .animate-1 {
opacity: 0;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.owl-carousel .active .animate-1,
.owl-carousel .active .animate-2,
.owl-carousel .active .animate-3,
.owl-carousel .active .animate-4,
.owl-carousel .active .animate-5,
.owl-carousel .active .animate-6,
.owl-carousel .active .animate-7 {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/* Animate 2 */
.owl-carousel .active .animate-2 {
-webkit-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
/* Animate 3 */
.owl-carousel .active .animate-3 {
-webkit-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
/* Animate 4 */
.owl-carousel .active .animate-4 {
-webkit-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
/* Animate 5 */
.owl-carousel .active .animate-5 {
-webkit-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
/* Animate 6 */
.owl-carousel .active .animate-6 {
-webkit-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
/* Animate 7 */
.owl-carousel .active .animate-7 {
-webkit-transition-delay: 1800ms;
-o-transition-delay: 1800ms;
transition-delay: 1800ms;
}
.banner-carousel .owl-nav {
position: absolute;
left: 0;
top: 50%;
width: 100%;
margin-top: -50px;
}
.banner-carousel .owl-next,
.banner-carousel .owl-prev {
position: absolute;
left: 0;
top: 0;
height: 100px;
width: 30px;
color: #ffffff;
background-color: rgba(255, 255, 255, 0.10);
font-size: 20px;
line-height: 100px;
text-align: center;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.banner-carousel .owl-next {
left: auto;
right: 0;
}
.banner-carousel .owl-next:hover,
.banner-carousel .owl-prev:hover {
background-color: rgba(255, 255, 255, .90);
color: #222222;
}
/*=====================
Time Counter Two
=====================*/
.time-counter-two {
position: relative;
}
.time-counter-two .time-countdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.time-counter-two .time-countdown .counter-column {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
color: #ffffff;
font-weight: 500;
min-width: 100px;
padding-right: 30px;
margin-right: 30px;
}
.time-counter-two .time-countdown .counter-column:before {
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
font-size: 36px;
color: #ffffff;
font-weight: 700;
content: ":";
}
.time-counter-two .time-countdown .counter-column:last-child:before {
display: none;
}
.time-counter-two .time-countdown .counter-column:last-child {
padding-right: 0;
margin-right: 0;
}
.time-counter-two .time-countdown .counter-column .count {
position: relative;
display: block;
font-size: 30px;
line-height: 1em;
color: #ffffff;
font-family: 'Exo', sans-serif;
font-weight: 700;
margin-right: 5px;
top: 5px;
}
.event-search-form {
position: relative;
background: #f5f5f5;
padding: 8px 25px 8px;
/* border-bottom: 2px solid #ffb300; */
border-radius: 0 0 5px 5px;
z-index: 8;
}
.event-search-form form {
position: relative;
/* padding-right: 255px; */
}
.event-search-form .btn-box {
position: absolute;
right: 0;
top: 0;
width: auto;
}
.event-search-form .form-group {
position: relative;
padding: 0 20px;
margin-bottom: 20px;
}
.event-search-form .form-group:before {
position: absolute;
right: 0;
top: 0;
height: 50px;
width: 1px;
background: #ffb300;
content: "";
}
.event-search-form .input-outer {
position: relative;
border-bottom: 1px solid orange;
border-radius: 7px;
}
.event-search-form .icon {
position: absolute;
left: 0;
top: 0;
font-size: 24px;
color: #ffae00;
line-height: 50px;
}
.event-search-form .ui-selectmenu-button.ui-button,
.event-search-form .form-group input,
.event-search-form .form-group select,
.event-search-form .form-group textarea {
position: relative;
display: block;
width: 100%;
height: 35px;
font-size: 14px;
line-height: 26px;
font-weight: 400;
color: #303030;
background: transparent;
padding: 10px 0px;
padding-left: 20px;
border: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.event-search-form .form-group .theme-btn {
margin-top: 42px;
}
.ui-button .ui-icon {
background: none !important;
position: relative;
top: 3px;
text-indent: 0px;
color: #43c3ea;
}
.ui-button .ui-icon:before {
font-family: 'Font Awesome 5 Free';
content: "\f107";
font-weight: 900;
position: absolute;
right: 0px;
top: 0px;
width: 10px;
height: 20px;
display: block;
color: #000e56;
line-height: 20px;
font-size: 12px;
text-align: center;
z-index: 5;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
background: -o-linear-gradient(45deg, #000b46 0%, #001166 100%);
background: linear-gradient(45deg, #000b46 0%, #001166 100%);
border-color: #1c73ea;
}
.ui-menu-item-wrapper {
padding: 4px 10px;
}
/***
=
====================================================================
Dchedule Section
====================================================================
***/
.owl-carousel-special .owl-stage-outer {
padding-left: 0;
}
.special-event-bg {
background-position: center;
}
.schedule-section {
position: relative;
overflow: hidden;
}
.schedule-section .icon-circle-2 {
left: 0px;
top: 150px;
}
.schedule-section .pattern-4 {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(../images/icons/pattern-4.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
-webkit-animation: bounce-y 10s infinite;
animation: bounce-y 10s infinite;
}
.schedule-tabs {
position: relative;
}
.schedule-tabs .btns-box {
position: relative;
display: block;
margin-bottom: 50px;
}
.schedule-tabs .tab-buttons {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.event-finder .schedule-tabs .tab-buttons li {
height: 50px;
}
.schedule-tabs .tab-buttons li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 78px;
width: 165px;
background-color: #ffffff;
border: 1px solid #ff7c00;
margin: 0 -1px;
cursor: pointer;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.schedule-tabs .tab-buttons li .day {
position: absolute;
left: 65px;
top: -15px;
min-width: 120px;
padding: 10px 20px;
color: #081245;
font-size: 18px;
line-height: 20px;
font-weight: 600;
text-align: center;
border: 1px solid #ff7c00;
border-top: 0;
border-radius: 0 0 10px 10px;
}
.schedule-tabs .tab-buttons li.active-btn {
background: #e2e2e2;
box-shadow: 0 15px 20px rgb(0 0 0 / 41%);
}
.schedule-tabs .tab-buttons li.active-btn .day {
background-color: #081245;
border: 1px solid #081245;
color: #ffffff;
}
.schedule-tabs .tab-buttons li .date-box {
position: relative;
min-height: 21px;
margin-bottom: 15px;
text-align: center;
}
.schedule-tabs .tab-buttons li .date {
position: absolute;
left: 0;
top: 2px;
font-size: 48px;
line-height: 40px;
font-weight: 700;
color: #ffba00;
font-family: 'Exo', sans-serif;
}
.schedule-tabs .tab-buttons li .month {
display: block;
font-weight: 700;
font-size: 14px;
color: #081245;
line-height: 1em;
text-transform: uppercase;
font-family: 'Exo', sans-serif;
}
.schedule-tabs .tab-buttons li .month .colored {
display: block;
font-size: 16px;
line-height: 1em;
color: #ff4200;
margin-bottom: 10px;
}
.schedule-timeline {
position: relative;
}
/*=== Schedule Block ===*/
.schedule-block {
position: relative;
overflow: hidden;
}
.schedule-block:after {
display: table;
clear: both;
content: "";
}
.schedule-block .inner-box {
position: relative;
float: right;
width: 50%;
text-align: left;
}
.schedule-block .inner-box .inner {
position: relative;
padding: 20px 30px 10px;
background-color: #ffffff;
margin-left: 120px;
min-height: 210px;
background: #f5f5f5;
border: 1px solid transparent;
background: -o-linear-gradient(45deg, #f5f5f5 1%, #ffffff 100%);
background: linear-gradient(45deg, #f5f5f5 1%, #ffffff 100%);
-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.10);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.10);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.schedule-block .inner-box .inner:before {
position: absolute;
right: 0;
top: 0;
height: 75px;
width: 75px;
background-image: url(../images/icons/icon-bull-eye.png);
background-repeat: no-repeat;
background-position: left bottom;
content: "";
-webkit-animation: pulse2 3s infinite;
animation: pulse2 3s infinite;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.schedule-block .inner-box h4 a span {
font-size: 18px;
color: #fdb900;
}
@-webkit-keyframes pulse2 {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.25, 1.25, 1.25);
transform: scale3d(1.25, 1.25, 1.25);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse2 {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.25, 1.25, 1.25);
transform: scale3d(1.25, 1.25, 1.25);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.schedule-block .inner-box:hover .inner {
border: 1px solid #dddddd;
-webkit-box-shadow: none;
box-shadow: none;
}
.schedule-block .date {
position: absolute;
left: -225px;
top: 0px;
height: 210px;
width: 210px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.schedule-block .date span {
transition: all 0.5s !important;
cursor: pointer;
position: relative;
height: 100px;
width: 100px;
border: 5px dashed #ffffff;
font-size: 15px;
line-height: 1.2em;
color: #ffffff;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
background: #9207e1;
text-align: center;
z-index: 1;
background: -webkit-gradient(linear, left top, left bottom, from(#9207e1), to(#300079));
background: -o-linear-gradient(top, #9207e1 0%, #300079 100%);
background: linear-gradient(to bottom, #072500 0%, #057900 100%);
}
.schedule-block .date span:before {
position: absolute;
left: 100%;
top: 50%;
width: 75px;
height: 5px;
margin-top: 1px;
background: -webkit-gradient(linear, left top, left bottom, from(#9207e1), to(#300079));
background: -o-linear-gradient(top, #9207e1 0%, #300079 100%);
background: linear-gradient(to bottom, #063a00 0%, #072c00 100%);
content: "";
}
.schedule-block .date:before {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
border: 5px solid #073e00;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 50%;
content: "";
}
.schedule-block .date:after {
position: absolute;
right: 0;
top: 0;
width: 55%;
height: 100%;
background-color: #ffffff;
content: "";
}
.schedule-block .speaker-info {
position: relative;
padding-left: 95px;
min-height: 80px;
}
.schedule-block .speaker-info .thumb {
position: absolute;
left: 0;
top: 0;
width: 80px;
height: 80px;
overflow: hidden;
}
.schedule-block .speaker-info .icon {
font-size: 27px;
color: #ffba00;
line-height: 1em;
margin-bottom: 10px;
}
.schedule-block .speaker-info .name {
font-size: 20px;
color: #ff4200;
font-weight: 700;
line-height: 1em;
}
.schedule-block .speaker-info .designation {
font-size: 16px;
color: #555555;
}
.schedule-block h4 {
position: relative;
font-size: 22px;
line-height: 1.2em;
color: #081245;
font-weight: 700;
padding-top: 15px;
padding-bottom: 5px;
}
.schedule-block h4 a {
color: #fb6800;
display: inline-block;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.schedule-block h4 a:hover {
color: #081245;
}
.schedule-block.even .inner-box {
float: left;
text-align: right;
}
.schedule-block.even .inner-box .inner {
margin-left: 0;
margin-right: 120px;
}
.schedule-block.even .inner:before {
left: 0;
right: auto;
background-position: right bottom;
}
.schedule-block.even .date {
left: auto;
right: -225px;
}
.schedule-block.even .date:after {
right: auto;
left: 0;
}
.schedule-block.even .date span:before {
left: auto;
right: 100%;
}
.schedule-block.even .speaker-info {
padding-left: 0;
padding-right: 95px;
}
.schedule-block.even .speaker-info .thumb {
left: auto;
right: 0;
}
.schedule-block:nth-child(4n+2) .date span:before,
.schedule-block:nth-child(4n+2) .date span {
background: #f84900;
background: -o-linear-gradient(45deg, #f84900 1%, #ff9c00 100%);
background: linear-gradient(45deg, #f84900 1%, #ff9c00 100%);
}
.schedule-block:nth-child(4n+2) .date:before {
border-color: #f96426;
}
.schedule-block:nth-child(4n+3) .date span:before,
.schedule-block:nth-child(4n+3) .date span {
background: #08cdd2;
background: -o-linear-gradient(45deg, #08cdd2 0%, #0b8aeb 100%);
background: linear-gradient(to bottom, #072500 0%, #057900 100%);
}
.schedule-block:nth-child(4n+3) .date:before {
border-color: #073e00;
}
.schedule-block:nth-child(4n+4) .date span:before,
.schedule-block:nth-child(4n+4) .date span {
background: linear-gradient(45deg, #f84900 1%, #ff9c00 100%);
background: -o-linear-gradient(45deg, #cdd00e 0%, #6eba3a 100%);
background-color: (to bottom, #072500 0%, #057900 100%);
}
.schedule-block:nth-child(4n+4) .date:before {
border-color: #f96426;
}
/***
====================================================================
schedule Section Two
====================================================================
***/
.schedule-section-two .news-block .inner-box {
position: relative;
background-color: #ffffff;
/* -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); */
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 12px, rgba(0, 0, 0, 0.08) 0px 0px 11px -1px;
}
.schedule-section-two .icon-circle-2 {
right: -500px;
top: 400px;
}
.schedule-section-two .sec-title-outer {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
/*=== Schedule Block ===*/
.schedule-block-two {
position: relative;
margin-bottom: 10px;
}
.schedule-block-two .inner-box {
position: relative;
min-height: 178px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #b5b5b5;
padding: 20px 40px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.schedule-block-two .inner-box:hover {
background-color: #f5f5f5;
}
.schedule-block-two .date-box {
position: relative;
padding-left: 10px;
min-width: 270px;
padding-right: 20px;
}
.schedule-block-two .date-box .count {
position: absolute;
left: 0;
top: 0;
height: 50px;
width: 50px;
background: #ffffff;
line-height: 50px;
text-align: center;
font-size: 24px;
color: #081245;
font-weight: 700;
font-family: 'Evo', sans-serif;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .13);
box-shadow: 0 0 10px rgba(0, 0, 0, .13);
}
.schedule-block-two .date-box h4 {
position: relative;
padding-top: 5px;
font-size: 16px;
line-height: 1.2em;
color: #ff4200;
font-weight: 700;
}
.schedule-block-two .date-box .time {
position: relative;
font-size: 12px;
line-height: 1.2em;
color: #081245;
}
.schedule-block-two h3 {
position: relative;
font-size: 22px;
line-height: 1.2em;
color: #081245;
font-weight: 700;
/* max-width: 380px; */
padding-right: 20px;
}
.schedule-block-two h3 a {
color: #081245;
display: inline-block;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.schedule-block-two h3 a:hover {
color: #ffba00;
}
.schedule-block-two .speaker-info {
position: relative;
padding-left: 95px;
min-height: 70px;
min-width: 280px;
}
.schedule-block-two .speaker-info .thumb {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 80px;
height: 80px;
overflow: hidden;
}
.schedule-block-two .speaker-info .icon {
font-size: 17px;
color: #ffba00;
line-height: 1em;
}
.schedule-block-two .speaker-info .name {
font-size: 19px;
color: #ff4200;
font-weight: 700;
line-height: 1em;
}
.schedule-block-two .speaker-info .designation {
font-size: 16px;
color: #555555;
}
.schedule-block-two .theme-btn {
margin-left: auto;
min-width: 100px;
white-space: nowrap;
}
/***
====================================================================
schedule Section Three
====================================================================
***/
.schedule-section-three {
position: relative;
padding: 100px 0;
overflow: hidden;
}
.schedule-section-three .sec-bottom-text {
margin-top: 60px;
}
.schedule-tabs .tab-buttons.style-two li {
height: 75px;
width: 190px;
background-color: #ffffff;
border: 1px solid #ff7c00;
margin: 0 -1px;
}
.schedule-tabs .tab-buttons.style-two li:first-child {
border-radius: 100px 0 0 100px;
}
.schedule-tabs .tab-buttons.style-two li:last-child {
border-radius: 0 100px 100px 0;
}
.schedule-tabs .tab-buttons.style-two li.active-btn {
background-color: #081245;
-webkit-box-shadow: 0 10px 16px rgba(0, 0, 0, .30);
box-shadow: 0 10px 16px rgba(0, 0, 0, .30);
}
.schedule-tabs .tab-buttons.style-two li .month {
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.schedule-tabs .tab-buttons.style-two li.active-btn .month {
color: #ffffff;
}
.schedule-timeline {
position: relative;
}
/*=== Schedule Block ===*/
.schedule-block-three {
position: relative;
margin-bottom: 40px;
}
.baskar-tips .schedule-block-three {
position: relative;
margin-bottom: 0px;
}
.schedule-block-three .inner-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 970px;
margin: 0 auto;
}
.schedule-block-three .date {
height: 130px;
min-width: 230px;
padding-left: 60px;
margin-left: -30px;
padding-right: 40px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
background-repeat: no-repeat;
background-position: center right;
background-image: url(../images/New-Images/schedule-2.png);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.schedule-block-three .date .time {
text-align: right;
font-size: 20px;
color: #ffffff;
font-weight: 600;
margin-left: 25px;
display: flex;
justify-content: center;
align-items: center;
grid-gap: 10px;
}
.schedule-block-three .date .icon {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 80px;
height: 76px;
background: #ffffff;
font-size: 27px;
color: #ffc500;
padding-right: 10px;
}
.schedule-block-three .date .icon:after {
position: absolute;
right: -20px;
border-top: 38px solid transparent;
border-bottom: 38px solid transparent;
border-left: 20px solid #ffffff;
content: "";
}
.schedule-block-three .inner {
position: relative;
width: 100%;
min-height: 240px;
padding: 20px 60px;
padding-right: 245px;
border-radius: 500px;
background: #ffffff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
box-shadow: inset 0 0 30px rgb(163 163 163 / 40%);
text-align: right;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
/* .schedule-block-three .inner:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
border-radius: 500px;
-webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, .40);
box-shadow: inset 0 0 30px rgba(0, 0, 0, .40);
content: "";
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
opacity: 0;
} */
.schedule-block-three .inner:hover {
border-radius: 500px;
-webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, .40);
box-shadow: inset 0 0 30px rgb(105 104 104 / 40%);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
opacity: 7;
}
.schedule-block-three .inner-box:hover .inner:before {
opacity: 1;
}
.schedule-block-three .thumb {
position: absolute;
right: 30px;
top: 30px;
height: 188px;
width: 188px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 0;
}
.magazine-sec .schedule-block-three .thumb {
position: absolute;
right: 30px;
top: 35px;
height: 200px;
width: 200px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 0;
}
.schedule-block-three .speaker-info .name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 20px;
color: #ff4200;
font-weight: 700;
line-height: 1em;
margin-bottom: 20px;
text-transform: uppercase;
}
.schedule-block-three .speaker-info .designation {
display: block;
margin-left: 10px;
font-size: 16px;
color: #555555;
font-weight: 400;
text-transform: capitalize;
}
.schedule-block-three .speaker-info h3 {
position: relative;
font-size: 30px;
line-height: 1.2em;
color: #081245;
font-weight: 700;
margin-bottom: 10px;
}
.schedule-block-three .speaker-info h3 a {
color: #081245;
display: inline-block;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.schedule-block-three .speaker-info h3 a:hover {
color: #081245;
}
.schedule-block-three .speaker-info .location {
font-size: 16px;
color: #555555;
font-family: Exo, sans-serif;
}
.schedule-block-three .speaker-info .location strong {
color: #081245;
font-weight: 700;
}
/*=== Schedule Block Even ===*/
.schedule-block-three.even .date {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
height: 130px;
min-width: 230px;
margin-left: 0;
margin-right: -30px;
padding-right: 0;
padding-left: 40px;
background-position: center left;
background-image: url(../images/New-Images/shedule.png);
}
.schedule-block-three.even .date .icon {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.schedule-block-three.even .inner {
padding: 20px 60px;
padding-left: 245px;
text-align: left
}
.schedule-block-three.even .thumb {
right: auto;
left: 30px;
}
.magazine-sec .schedule-block-three.even .thumb {
right: auto;
left: 30px;
}
.schedule-block-three.even .speaker-info .name {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
/***
====================================================================
Event Detail
====================================================================
***/
.schedule-detail {
position: relative;
padding: 50px 0 50px;
}
.schedule-detail .auto-container {
max-width: 1000px;
}
.schedule-detail .image-box {
position: relative;
margin-bottom: 50px;
}
.schedule-detail .image-box .image {
position: relative;
margin-bottom: 0;
}
.schedule-detail .image-box .image img {
display: block;
width: 100%;
height: auto;
}
.schedule-detail .content-box {
position: relative;
}
.schedule-detail .upper-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
.schedule-detail .speaker-info {
position: relative;
padding-left: 125px;
padding-top: 10px;
min-height: 100px;
margin-bottom: 20px;
}
.schedule-detail .speaker-info .thumb {
position: absolute;
left: 0;
top: 0;
width: 100px;
overflow: hidden;
}
.schedule-detail .speaker-info .thumb img {
width: 100%;
}
.schedule-detail .speaker-info .icon {
font-size: 27px;
color: #ffba00;
line-height: 1em;
margin-bottom: 15px;
}
.schedule-detail .speaker-info .name {
font-size: 20px;
color: #ff4200;
font-weight: 700;
line-height: 1em;
}
.schedule-detail .speaker-info .designation {
font-size: 16px;
color: #555555;
}
.schedule-detail .upper-info {
position: relative;
margin-bottom: 20px;
}
.schedule-detail .upper-info li {
position: relative;
font-size: 16px;
line-height: 24px;
color: #555555;
font-weight: 500;
text-transform: uppercase;
padding-left: 30px;
margin-right: 20px;
margin-top: 6px;
}
.schedule-detail .upper-info .icon {
position: absolute;
left: 0;
top: 0;
font-size: 16px;
line-height: 24px;
color: #ffba00;
}
.schedule-detail .upper-box .theme-btn {
margin-bottom: 20px;
}
.schedule-detail .content-box h2 {
display: block;
font-size: 32px;
line-height: 1.2em;
color: #081245;
font-weight: 700;
margin-bottom: 25px;
}
.schedule-detail .content-box p {
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #555555;
font-weight: 400;
margin-bottom: 30px;
}
.schedule-detail .two-column {
position: relative;
}
.schedule-detail .two-column .column {
margin-bottom: 30px;
}
.schedule-detail .two-column .image {
position: relative;
margin-bottom: 0;
}
.schedule-detail .two-column .image img {
display: block;
width: 100%;
}
.schedule-detail .two-column h4 {
font-size: 24px;
line-height: 1.2em;
color: #081245;
font-weight: 700;
margin-bottom: 20px;
margin-top: 20px;
}
/***
====================================================================
FAQ's Section
====================================================================
***/
.faq-section {
position: relative;
padding: 40px 0 20px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.faq-section .icon-dotted-world.left {
left: -280px;
top: 50%;
margin-top: -200px;
-webkit-animation: bounce-x 10s infinite;
animation: bounce-x 10s infinite;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.faq-section .icon-dotted-world.right {
right: -280px;
top: 50%;
margin-top: -200px;
-webkit-animation: bounce-x 10s infinite;
animation: bounce-x 10s infinite;
}
/*==========================
Accordian Box
===========================*/
.accordion-box {
position: relative;
margin-bottom: 30px;
}
.accordion-box .block {
position: relative;
margin-bottom: 15px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
background: #ffffff;
}
.accordion-box .block .acc-btn {
position: relative;
font-size: 18px;
padding: 15px 20px;
padding-left: 90px;
line-height: 30px;
color: #081245;
font-weight: 600;
cursor: pointer;
background: #ffffff;
font-family: 'Exo', sans-serif;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.accordion-box .block .acc-btn.active {
background: #f5f5f5;
color: #ff4200;
}
.accordion-box .block .acc-btn .icon {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
color: #ffffff;
background-color: #ffba00;
font-size: 14px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.accordion-box .block .acc-btn.active .icon {
background-color: #ff4200;
}
.accordion-box .block .acc-btn.active .icon:before {
content: "\f068";
}
.accordion-box .block .acc-content {
position: relative;
display: none;
}
.accordion-box .block .acc-content.current {
display: block;
}
.accordion-box .block .content {
position: relative;
padding: 20px 30px;
}
.accordion-box .block .content p {
position: relative;
font-size: 16px;
line-height: 30px;
color: #555555;
font-weight: 400;
margin-bottom: 30px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
text-align: justify;
}
.accordion-box .block .content p:last-child {
margin-bottom: 0;
}
/***
====================================================================
/* accordian-to */
.accordion-two {
position: relative;
margin-bottom: 30px;
}
.accordion-two .block {
position: relative;
margin-bottom: 15px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
background: #ffffff;
}
.accordion-two .block .acc-btn {
position: relative;
font-size: 18px;
padding: 15px 20px;
padding-left: 90px;
line-height: 30px;
color: #081245;
font-weight: 600;
cursor: pointer;
background: #ffffff;
font-family: 'Exo', sans-serif;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.accordion-two .block .acc-btn.active {
background: #f5f5f5;
color: #ff4200;
}
.accordion-two .block .acc-btn .icon {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
color: #ffffff;
background-color: #ffba00;
font-size: 14px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.accordion-two .block .acc-btn.active .icon {
background-color: #ff4200;
}
.accordion-two .block .acc-btn.active .icon:before {
content: "\f068";
}
.accordion-two .block .acc-content {
position: relative;
display: none;
}
.accordion-two .block .acc-content.current {
display: block;
}
.accordion-two .block .content {
position: relative;
padding: 20px 30px;
}
.accordion-two .block .content p {
position: relative;
font-size: 16px;
line-height: 30px;
color: #555555;
font-weight: 400;
margin-bottom: 30px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
text-align: justify;
}
.accordion-two .block .content p:last-child {
margin-bottom: 0;
}
/* */
/* FAQ Form Section */
/* ==================================================================== */
.faq-form-section {
position: relative;
padding: 20px 0px;
}
.faq-form-section .faq-form {
position: relative;
max-width: 960px;
margin: 0 auto;
}
.faq-form .form-group {
position: relative;
margin-bottom: 30px;
}
.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="email"],
.faq-form .form-group input[type="url"],
.faq-form .form-group textarea,
.faq-form .form-group select {
position: relative;
display: block;
width: 100%;
font-size: 14px;
color: #4a4949;
line-height: 30px;
padding: 14px 25px;
background-color: #fff;
font-weight: 400;
height: 60px;
border: 1px solid #b1aeae;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.faq-form .form-group input:focus,
.faq-form .form-group select:focus,
.faq-form .form-group textarea:focus {
border-color: #ff8a00;
}
.faq-form .form-group textarea {
height: 180px;
resize: none;
}
.faq-form .form-group button {
padding: 15px 30px;
line-height: 20px;
}
/***
====================================================================
Call to Action
====================================================================
***/
.call-to-action {
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 90px 0;
}
.call-to-action .icon-dotted-world.left {
left: -280px;
top: 30px;
-webkit-animation: bounce-x 10s infinite;
animation: bounce-x 10s infinite;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.call-to-action .icon-dotted-world.right {
right: -280px;
top: 30px;
-webkit-animation: bounce-x 10s infinite;
animation: bounce-x 10s infinite;
}
.call-to-action:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #00082e;
background: -o-linear-gradient(45deg, #00082e 0%, #081245 100%);
background: linear-gradient(45deg, #00082e 0%, #081245 100%);
opacity: .90;
content: "";
}
.call-to-action .content-box {
position: relative;
text-align: center;
max-width: 1000px;
margin: 0 auto;
}
.call-to-action .content-box h2 {
display: block;
font-size: 48px;
line-height: 1.2em;
color: #ffffff;
font-weight: 700;
margin-bottom: 35px;
}
.call-to-action .content-box .text {
position: relative;
display: block;
font-size: 20px;
line-height: 36px;
color: #ffffff;
font-weight: 600;
margin-bottom: 40px;
}
.call-to-action .content-box .theme-btn {
position: relative;
font-size: 16px;
}
/***
====================================================================
Call to Action Two
====================================================================
***/
.call-to-action-two {
position: relative;
background-position: center left;
background-repeat: no-repeat;
background-size: cover;
background: #011372;
padding: 51px 0;
}
.call-to-action-two:before {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 55%;
background-image: url(../images/icons/cta-bg.png);
content: "";
background-repeat: no-repeat;
background-size: cover;
background-position: left center;
}
.call-to-action-two .content-column {
position: relative;
}
.call-to-action-two .content-box {
position: relative;
padding-left: 50px;
}
.call-to-action-two .content-box .sub-title {
display: block;
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #ffffff;
margin-bottom: 10px;
}
.call-to-action-two .content-box h2 {
display: block;
font-size: 36px;
line-height: 1.1em;
color: #ffffff;
font-weight: 600;
}
.call-to-action-two .content-box .text {
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
margin-bottom: 40px;
}
.call-to-action-two .content-box .theme-btn {
position: relative;
font-size: 16px;
}
/***
====================================================================
Pricing Section
====================================================================
***/
.pricing-section {
position: relative;
padding: 100px 0 50px;
background-color: #f2f2f2;
}
.pricing-section .row {
margin: 0 -25px;
}
.pricing-block {
position: relative;
padding: 0 25px;
margin-bottom: 50px;
}
.pricing-block .inner-box {
position: relative;
background: #081245;
background: -o-linear-gradient(45deg, #081245 0%, #001376 100%);
background: linear-gradient(45deg, #081245 0%, #001376 100%);
max-width: 370px;
margin: 0 auto;
padding: 50px 55px 50px;
-webkit-box-shadow: 0 6px 28px rgba(0, 0, 0, .13);
box-shadow: 0 6px 28px rgba(0, 0, 0, .13);
overflow: hidden;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block .inner-box:before {
position: absolute;
right: -29%;
bottom: -20px;
height: 200%;
width: 100%;
background-color: rgba(255, 255, 255, 0.1);
content: "";
-webkit-transform: rotate(-24deg);
-ms-transform: rotate(-24deg);
transform: rotate(-24deg);
}
.pricing-block .inner-box:after {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #ffffff;
content: "";
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block .inner-box:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.pricing-block .title {
position: relative;
font-size: 16px;
line-height: 36px;
color: #ffc200;
font-weight: 700;
display: block;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 2;
}
.pricing-block h3 {
font-size: 30px;
line-height: 1.2em;
color: #01136d;
font-weight: 700;
margin-bottom: 25px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 2;
}
.pricing-block .price {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 72px;
color: #ff4200;
font-weight: bold;
line-height: 1.2;
font-family: 'Exo', sans-serif;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 2;
}
.pricing-block .price sup {
font-size: 24px;
color: #ffba00;
font-weight: 400;
top: -20px;
font-family: 'Archivo', sans-serif;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block .price sub {
font-size: 16px;
color: #ff7f1a;
font-weight: 400;
margin-left: 5px;
top: 15px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block .features {
position: relative;
padding: 30px 0 25px;
z-index: 2;
}
.pricing-block .features li {
position: relative;
padding-left: 30px;
font-size: 16px;
line-height: 26px;
color: #494949;
margin-bottom: 10px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block .features li:before {
position: absolute;
left: 0;
top: 0;
font-size: 14px;
color: #494949;
content: "\f00c";
font-weight: 900;
font-family: 'Font Awesome 5 Free';
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block .theme-btn {
position: relative;
z-index: 2;
}
.pricing-block.tagged .inner-box:after {
opacity: 0;
}
.pricing-block .inner-box:hover .features li:before,
.pricing-block .inner-box:hover .features li,
.pricing-block .inner-box:hover .price sup,
.pricing-block .inner-box:hover .price,
.pricing-block .inner-box:hover h3,
.pricing-block.tagged .features li:before,
.pricing-block.tagged .features li,
.pricing-block.tagged .price sup,
.pricing-block.tagged .price,
.pricing-block.tagged h3 {
color: #ffffff;
}
.pricing-block.tagged .price sub {
color: #ffba00;
}
.pricing-block .inner-box:hover:after {
opacity: 0;
}
/***
====================================================================
Pricing Section Two
====================================================================
***/
.pricing-section-two {
position: relative;
padding: 50px 0 50px;
}
.pricing-section-two .row {
margin: 0 -25px;
}
.pricing-section-one {
position: relative;
padding: 80px 0 50px;
background-color: #ffffff;
}
.pricing-section-one .row {
margin: 0 -25px;
}
.pricing-block-two {
position: relative;
padding: 0px;
}
.pricing-block-two .inner-box {
display: flex;
direction: ltr;
justify-content: space-between;
min-height: 580px;
flex-direction: column;
position: relative;
background: #081245;
border: 1px solid #e1e1e1;
background: -o-linear-gradient(45deg, #081245 0%, #001376 100%);
background: linear-gradient(45deg, #081245 0%, #001376 100%);
/* -webkit-box-shadow: 0 6px 28px rgba(0, 0, 0, .13); */
/* box-shadow: 0 6px 28px rgba(0, 0, 0, .13); */
max-width: 350px;
margin: 0 auto;
overflow: hidden;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .inner-box:after {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #ffffff;
content: "";
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .inner-box:before {
position: absolute;
right: -29%;
bottom: -20px;
height: 200%;
width: 100%;
background-color: rgba(255, 255, 255, 0.1);
content: "";
-webkit-transform: rotate(-24deg);
-ms-transform: rotate(-24deg);
transform: rotate(-24deg);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .title-box {
position: absolute;
left: 0;
top: 0;
z-index: 3;
width: 100%;
padding: 8px 15px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .title-box:before {
position: absolute;
left: -50px;
top: 0;
height: 75%;
width: 100%;
background: #06124f;
content: "";
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-25deg);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .title {
position: relative;
font-size: 16px;
line-height: 26px;
color: #ffc200;
font-weight: 700;
display: block;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two h3 {
font-size: 15px;
line-height: 13px;
color: #ffae00;
font-weight: 700;
margin-bottom: 13px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.membership-carousel .pricing-block-two h3 {
font-size: 30px;
padding: 10px 0;
line-height: 13px;
color: #ffae00;
font-weight: 700;
margin-bottom: 13px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .price-box {
position: relative;
min-height: 200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 2;
}
.pricing-block-two .price-box:before {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(../images/icons/pricing-bg.png);
background-repeat: no-repeat;
background-position: center right;
content: "";
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .price {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 72px;
color: #ffffff;
font-weight: bold;
line-height: 1.2;
padding: 15px 35px 0;
font-family: 'Exo', sans-serif;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .price sup {
position: relative;
font-size: 24px;
color: #ffffff;
font-weight: 400;
top: -20px;
font-family: 'Archivo', sans-serif;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .price sub {
position: relative;
font-size: 16px;
color: #ffffff;
font-weight: 400;
margin-left: 5px;
top: 15px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .features {
position: relative;
padding: 10px 25px;
z-index: 2;
}
.content-side .mobile-booking {
position: fixed;
left: 112px;
bottom: 50px;
z-index: 9999;
display: none;
}
.content-side .mobile-booking .btn-title {
font-size: 14px;
display: flex;
grid-gap: 10px;
align-items: center;
justify-content: center;
}
.pricing-block-two .features li {
position: relative;
padding-left: 30px;
font-size: 14px;
line-height: 30px;
color: #494949;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .features li:before {
position: absolute;
left: 0;
top: 0;
font-size: 14px;
color: #ff7900;
content: "\f00c";
font-weight: 900;
font-family: 'Font Awesome 5 Free';
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .btn-box {
position: relative;
padding: 0 100px 30px;
z-index: 2;
}
.pricing-block-two.tagged .inner-box:after {
opacity: 0;
}
.pricing-block-two .inner-box:hover .features li:before,
.pricing-block-two .inner-box:hover .features li,
.pricing-block-two .inner-box:hover .price sup,
.pricing-block-two .inner-box:hover .price,
.pricing-block-two .inner-box:hover h3,
.pricing-block-two .inner-box:hover p,
.pricing-block-two .inner-box:hover a,
.pricing-block-two.tagged .features li:before,
.pricing-block-two.tagged .features li,
.pricing-block-two.tagged .price sup,
.pricing-block-two.tagged .price,
.pricing-block-two.tagged h3 {
color: #ffffff;
}
.pricing-block-two .inner-box:hover .price sub,
.pricing-block-two.tagged .price sub {
color: #ffba00;
}
.pricing-block-two .inner-box:hover:after {
opacity: 0;
}
/***
====================================================================
Pricing Section Three
====================================================================
***/
.pricing-section-three {
position: relative;
padding: 60px 0 30px;
}
.pricing-section-three .icon-object-11 {
top: 165px;
left: -505px;
-webkit-animation: fa-spin 10s infinite linear;
animation: fa-spin 10s infinite linear;
}
.pricing-section-three .icon-object-12 {
bottom: 85px;
left: -35px;
-webkit-animation: bounce-x 10s infinite linear;
animation: bounce-x 10s infinite linear;
}
.pricing-section-three .icon-object-13 {
right: -505px;
bottom: 130px;
-webkit-animation: fa-spin 10s infinite linear;
animation: fa-spin 10s infinite linear;
}
.pricing-section-three .icon-object-14 {
top: 270px;
right: -240px;
-webkit-animation: fa-spin 10s infinite linear;
animation: fa-spin 10s infinite linear;
}
.pricing-section-three .row {
margin: 0 -25px;
}
.pricing-block-three {
position: relative;
padding: 0 10px;
margin-bottom: 30px;
}
.pricing-block-three .inner-box {
position: relative;
background-color: #f6f6f6;
padding: 40px 30px 50px;
border: 1px solid #e1e1e1;
overflow: hidden;
text-align: center;
max-width: 400px;
margin: 0 auto;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-three .inner-box:hover {
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .10);
box-shadow: 0 10px 30px rgba(0, 0, 0, .10);
}
.pricing-block-three .title {
font-size: 16px;
line-height: 36px;
color: #ffc200;
text-transform: uppercase;
display: block;
}
.pricing-block-three h3 {
font-size: 26px;
line-height: 1.2em;
color: #01136d;
font-weight: 700;
}
.pricing-block-three .text {
font-size: 12px;
line-height: 24px;
color: #555555;
display: block;
margin-bottom: 20px;
}
.pricing-block-three .price-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pricing-block-three .price {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 72px;
color: #ff4200;
font-weight: bold;
line-height: 1.2;
font-family: 'Exo', sans-serif;
}
.pricing-block-three .price sup {
top: -20px;
text-align: left;
font-size: 24px;
color: #ffba00;
font-weight: 400;
font-family: 'Archivo', sans-serif;
}
.pricing-block-three .price sup em {
position: relative;
display: block;
top: 20px;
font-size: 16px;
color: #ff7f1a;
}
.pricing-block-three .features {
position: relative;
padding: 30px 0 0;
}
.pricing-block-three .features li {
position: relative;
font-size: 16px;
line-height: 24px;
color: #555555;
margin-bottom: 25px;
}
.pricing-block-three .features li.false {
opacity: .50;
}
.pricing-block-three .features li strong {
display: block;
font-size: 24px;
line-height: 34px;
color: #01136d;
font-weight: 700;
font-family: 'Exo', sans-serif;
}
.pricing-block-three .theme-btn {
min-width: 100px;
margin: 0 auto;
}
.pricing-block-three .inner-box:hover,
.pricing-block-three.tagged .inner-box {
background-image: url(../images/icons/pricing-bg.jpg);
background-repeat: no-repeat;
background-position: center;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section {
position: relative;
padding: 30px 0;
}
.testimonial-section-three .outer-box {
margin: 0 -15px;
}
.testimonial-block {
position: relative;
padding: 15px;
}
.testimonial-block .inner-box {
position: relative;
}
.testimonial-block .text-box {
position: relative;
background-color: #ffffff;
padding: 40px 40px 35px;
-webkit-box-shadow: 0 0px 15px rgba(8, 0, 0, .15);
box-shadow: 0 0px 15px rgba(8, 0, 0, .15);
margin-bottom: 35px;
height: 350px;
}
.testimonial-block .text {
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #555555;
font-weight: 400;
}
.testimonial-block .text-box:before {
position: absolute;
right: 30px;
bottom: 30px;
font-size: 80px;
line-height: 1em;
content: "\f10e";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #555555;
opacity: .10;
}
.testimonial-block .text-box:after {
position: absolute;
left: 25px;
bottom: -15px;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #ffffff;
z-index: 1;
content: "";
}
.testimonial-block .info-box {
position: relative;
min-height: 100px;
padding-left: 125px;
padding-top: 20px;
background: white;
}
.testimonial-block .info-box .thumb {
position: absolute;
left: 0;
top: 0;
height: 100px;
width: 100px;
overflow: hidden;
}
.testimonial-block .info-box .thumb img {
display: block;
width: 100%;
height: auto;
}
.testimonial-block .info-box .rating {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
line-height: 20px;
color: #ffba00;
margin-bottom: 15px;
}
.testimonial-block .info-box .name {
position: relative;
display: block;
font-size: 18px;
line-height: 1.2em;
color: #081245;
font-weight: 700;
}
.testimonial-block .info-box .designation {
position: relative;
display: block;
font-size: 12px;
line-height: 25px;
color: #555555;
font-weight: 700;
}
.testimonial-carousel-two .owl-nav {
display: none;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section {
position: relative;
padding: 100px 0 100px;
overflow: hidden;
}
.news-section.alternate {
background-image: url(../images/New-Images/pattern-5.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.news-section.bg-none {
background: none;
}
.news-section .icon-circle-1 {
left: -180px;
top: 200px;
}
.news-block {
position: relative;
margin-bottom: 40px;
}
.news-block .inner-box {
position: relative;
background-color: #ffffff;
/* -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); */
}
.news-block .image-box {
position: relative;
}
.news-block .image {
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.news-block .image-box .image a:after {
content: "";
position: absolute;
top: -110%;
left: -210%;
width: 200%;
height: 200%;
opacity: 0;
background: rgba(255, 255, 255, 0.13);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.13)), color-stop(77%, rgba(255, 255, 255, 0.13)), color-stop(92%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.0)));
background: -o-linear-gradient(left, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);
}
.news-block .inner-box:hover .image-box .image a:after {
opacity: 1;
top: -20%;
left: -30%;
-webkit-transition-property: left, top, opacity;
-o-transition-property: left, top, opacity;
transition-property: left, top, opacity;
-webkit-transition-duration: 0.7s, 0.7s, 0.15s;
-o-transition-duration: 0.7s, 0.7s, 0.15s;
transition-duration: 0.7s, 0.7s, 0.15s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
.news-block .image img {
display: block;
width: 100%;
margin-bottom: 10px;
}
.news-block .image-box .tag {
position: absolute;
left: 20px;
top: 20px;
z-index: 1;
font-size: 16px;
color: #fdfdfd;
background: #ffc600;
background: -o-linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
padding: 5px 20px;
font-weight: 600;
color: #ffffff;
}
.news-block .lower-content {
position: relative;
padding: 0px 25px 25px;
}
.news-block .author {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
.news-block .author .thumb {
height: 40px;
width: 40px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 0;
margin-right: 15px;
}
.news-block .author .name {
font-size: 18px;
line-height: 1em;
color: #031367;
font-weight: 700;
margin-right: auto;
}
.news-block .author .likes {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #555555;
font-weight: 400;
margin-left: 25px;
}
.news-block .author .likes span {
margin-right: 5px;
color: #ff4200;
}
.news-block h4 {
position: relative;
display: block;
font-size: 24px;
line-height: 1.4em;
color: #081245;
font-weight: 700;
}
.news-block h4 a {
display: inline-block;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block .text {
position: relative;
font-size: 16px;
line-height: 30px;
color: #555555;
font-weight: 400;
margin-bottom: 0px;
}
.news-block .post-info {
position: relative;
}
.news-block .post-info li {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #000000;
font-weight: 500;
}
.news-block .post-info li span {
margin-right: 5px;
color: #ff4200;
}
/* Style Two */
.news-block.style-two {
margin-bottom: 30px;
}
.news-block.style-two .inner-box {
-webkit-box-shadow: none;
box-shadow: none;
}
.news-block.style-two .author {
padding-bottom: 20px;
border-bottom: 2px dashed #dddddd;
}
.news-block.style-two .lower-content {
padding: 0;
padding-top: 30px;
}
/* Style Three */
.news-block.style-three {
margin-bottom: 30px;
}
.news-block.style-three .inner-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: none;
box-shadow: none;
}
.news-block.style-three .author {
padding-bottom: 20px;
border-bottom: 2px dashed #dddddd;
}
.news-block.style-three .image-box {
max-width: 375px;
min-width: 40%;
width: 100%;
}
.news-block.style-three .lower-content {
padding: 0;
padding-left: 30px;
}
/* Style Four */
.news-block.style-four {
padding-top: 0px;
margin-bottom: unset !important;
}
.news-block.style-four .tag {
left: auto;
top: -20px;
/* right: 30px; */
}
.news-block.style-four .lower-content {
text-align: justify;
}
.news-block.style-four .author {
padding: 3px 10px;
position: absolute;
right: 10px;
top: 10px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
/* padding-right: 10px; */
background: rgb(255 228 190);
border-radius: 5px;
margin-bottom: 0px;
}
.news-block.style-four .author .name {
color: black;
font-size: 13px;
line-height: 20px;
font-weight: 600;
}
.news-block.style-four .author .thumb {
margin-right: 10px;
}
.news-block.style-four .post-info {
margin-bottom: 10px;
}
.schedule-section-two .news-block.style-four .text {
margin-bottom: 0;
height: 75px;
overflow-y: scroll;
padding: 0px 10px 0px 0px;
}
.sidebar-page-container .news-block.style-four {
padding-top: 0;
}
.sidebar-page-container .news-block.style-four .tag {
bottom: 0;
top: auto;
}
/***
====================================================================
Blog Detail
====================================================================
***/
.blog-detail {
position: relative;
}
.address-card-info p {
color: #000;
}
.blockquote-one {
position: relative;
padding: 35px 60px;
background-color: #f9f9f9;
font-size: 16px;
line-height: 2em;
color: #555555;
text-align: center;
margin: 30px 0;
}
.blockquote-one:before {
position: absolute;
top: 20px;
left: 50%;
margin-left: -50px;
width: 100px;
text-align: center;
font-size: 60px;
content: "\f10d";
font-family: 'Font Awesome 5 Free';
opacity: .10;
color: #555555;
font-weight: 900;
}
.blockquote-one .icon {
position: absolute;
left: 40px;
top: 40px;
font-size: 30px;
line-height: 1em;
color: #f20487;
}
.blockquote-one cite {
position: relative;
display: block;
font-size: 20px;
line-height: 30px;
color: #ff801a;
font-weight: 400;
font-style: normal;
margin-top: 10px;
}
/*post share options*/
.post-share-options {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px;
border-top: 2px solid #ebebeb;
margin-bottom: -5px;
}
.post-share-options .tags {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.post-share-options .tags li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 5px;
}
.post-share-options .tags li .title {
margin-right: 10px;
font-size: 16px;
text-transform: uppercase;
font-family: 'Exo', sans-serif;
font-weight: 700;
color: #081245;
}
.post-share-options .tags a {
position: relative;
font-size: 16px;
color: #555555;
font-weight: 400;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.post-share-options .tags a:hover {
color: #ff4200;
}
.post-share-options .social-icon {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.post-share-options .social-icon li {
position: relative;
margin-left: 2px;
}
.post-share-options .social-icon li a {
display: inline-block;
font-size: 14px;
line-height: 40px;
color: #081245;
width: 30px;
text-align: center;
background: #ebebeb;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.post-share-options .social-icon li a:hover {
color: #ffffff;
background-color: #ff4200;
}
/*Author Box*/
.author-box .inner-box {
position: relative;
padding-left: 200px;
padding-top: 40px;
padding-right: 40px;
min-height: 240px;
}
.author-box .inner-box:before {
position: absolute;
left: 85px;
right: 0;
top: 0px;
height: 100%;
background: #f5f5f5;
content: "";
}
.author-box .thumb img {
display: block;
width: 100%;
height: auto;
}
.author-box .name {
position: relative;
font-size: 24px;
line-height: 32px;
color: #000000;
font-weight: 700;
margin-bottom: 10px;
}
.author-box .title {
position: relative;
font-size: 16px;
font-weight: 600;
color: #ffbf26;
margin-bottom: 20px;
display: block;
}
.author-box .text {
position: relative;
font-size: 16px;
line-height: 30px;
color: #555555;
font-weight: 400;
}
.author-box .social-links {
position: absolute;
right: 40px;
top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.author-box .social-links li {
position: relative;
margin-left: 2px;
}
.author-box .social-links li a {
display: inline-block;
font-size: 14px;
line-height: 40px;
color: #081245;
width: 30px;
text-align: center;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.author-box .social-links li a:hover {
color: #ff4200;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container {
position: relative;
padding: 50px 0px 50px;
}
.sidebar {
position: relative;
}
.sidebar.padding-left {
padding-left: 15px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
/* margin-bottom: 50px; */
}
.abt-hr-basker-sec .content-side,
.abt-hr-basker-sec .sidebar-side {
margin-bottom: 0px;
}
.abt-hr-basker-sec {
background-color: #f5f5f5;
}
.sidebar-widget {
position: relative;
margin-bottom: 33px;
}
.sidebar-widget:last-child {
margin-bottom: 0;
background: #ffffff;
padding: 3px;
border-radius: 3px;
}
/* Sidebar Title */
.sidebar-title {
position: relative;
display: block;
line-height: 1.2em;
color: #000000;
font-weight: 700;
padding-bottom: 5px;
margin-bottom: 20px;
text-align: center;
}
.sidebar-title:before {
position: absolute;
left: 75px;
bottom: 0px;
height: 2px;
width: 50px;
background-color: #ffba00;
content: "";
}
/*Search Box Widget*/
.sidebar .search-box {
margin-bottom: 20px;
padding: 20px 20px;
background: #ffffff;
}
.sidebar .search-box .form-group {
position: relative;
margin: 0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
position: relative;
padding: 14px 40px;
border: 1px solid #e1e1e1;
background: #ffffff;
display: block;
font-size: 16px;
line-height: 30px;
width: 100%;
height: 60px;
color: #555555;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.sidebar .search-box .form-group input[type="text"]:focus,
.sidebar .search-box .form-group input[type="search"]:focus {
color: #666666;
}
.sidebar .search-box .form-group button {
position: absolute;
right: 0;
top: 10px;
height: 40px;
width: 60px;
display: block;
font-size: 18px;
color: #000000;
line-height: 45px;
font-weight: normal;
border-left: 1px solid #e1e1e1;
background: #ffffff;
z-index: 9;
cursor: pointer;
}
.sidebar .search-box .form-group button:hover {
color: #e1137b;
}
/* Blog Categories */
.sidebar .categories {
position: relative;
padding: 30px 30px;
background: #ffffff;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .10);
box-shadow: 0 0 20px rgba(0, 0, 0, .10);
height: 500px;
overflow-y: scroll;
}
.blog-categories {
position: relative;
}
.blog-categories li {
position: relative;
padding-left: 20px;
margin-bottom: 5px;
}
.blog-categories li:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -4px;
height: 8px;
width: 8px;
background: #ff801a;
border-radius: 50%;
content: "";
}
.blog-categories li a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
/* display: flex; */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #000;
font-size: 16px;
line-height: 28px;
font-weight: 500;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.blog-categories li:last-child {
margin-bottom: 0;
}
.blog-categories li a:hover {
color: #ff841a;
text-decoration: none;
}
/*Post Widget*/
.author-block {
position: relative;
text-align: center;
max-width: 300px;
margin: 0 auto;
}
.author-block .author-image {
position: relative;
max-width: 200px;
margin: 0 auto;
}
.author-block .author-image img {
width: 100%;
}
.author-block .social-links {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #e1e1e1;
border-right: 0;
margin-top: -20px;
z-index: 1;
margin-bottom: 20px;
}
.author-block .social-links a {
position: relative;
height: 40px;
width: 40px;
display: block;
font-size: 18px;
line-height: 40px;
text-align: center;
background-color: #ffffff;
border-right: 1px solid #e1e1e1;
color: #081245;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.author-block .social-links a:hover {
color: #ffffff;
background-color: #ff801a;
}
.author-block h5 {
font-size: 20px;
color: #081245;
font-weight: 700;
margin-bottom: 10px;
}
.author-block p {
font-size: 16px;
line-height: 27px;
color: #555555;
}
/*Post Widget*/
.sidebar .popular-posts .post {
position: relative;
margin-bottom: 30px;
}
.sidebar .popular-posts .post .post-inner {
position: relative;
padding-left: 130px;
min-height: 110px;
}
.sidebar .popular-posts .post .post-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 110px;
}
.sidebar .popular-posts .post .post-thumb img {
display: block;
width: 100%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sidebar .popular-posts .post h6 {
position: relative;
font-size: 18px;
line-height: 26px;
font-weight: 600;
color: #081245;
margin: 0px;
}
.sidebar .popular-posts .post h6 a {
color: #081245;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sidebar .popular-posts .post a:hover {
color: #ffba00;
}
.sidebar .popular-posts .post-info {
position: relative;
font-size: 16px;
color: #555555;
font-weight: 400;
line-height: 30px;
margin-bottom: 5px;
}
.sidebar .popular-posts .post-info i {
font-size: 16px;
color: #ff4200;
margin-right: 10px;
}
/*Popular Tags*/
.sidebar .popular-tags .widget-content {
position: relative;
}
.sidebar .popular-tags a {
position: relative;
float: left;
padding: 5px;
color: #555555;
text-align: center;
font-size: 16px;
padding: 10px 20px 8px;
line-height: 25px;
background: none;
font-weight: 400;
border-bottom: 2px solid #ebebeb;
background-color: #ffffff;
margin: 0 5px 10px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.sidebar .popular-tags a:hover {
background: #081245;
border-color: #081245;
color: #ffffff;
}
/***
====================================================================
Comment Area
====================================================================
***/
.group-title {
position: relative;
margin-bottom: 40px;
}
.group-title h3 {
position: relative;
display: block;
font-size: 24px;
line-height: 1.2em;
color: #081245;
font-weight: 600;
}
.comments-area {
position: relative;
/* margin-bottom: 70px; */
}
.comments-area .comment-box {
position: relative;
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #dddddd;
}
.comments-area .comment-box:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.comments-area .comment {
position: relative;
min-height: 120px;
padding-left: 150px;
}
.comments-area .comment-box .author-thumb {
position: absolute;
left: 0px;
top: 0px;
height: 120px;
width: 120px;
overflow: hidden;
background-color: #7d7d7d;
}
.comments-area .comment-box .author-thumb img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.comments-area .comment-info {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
.comments-area .comment-box .name {
position: relative;
display: inline-block;
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: #081245;
margin-right: 10px;
}
.comments-area .comment-box .date {
position: relative;
font-size: 14px;
line-height: 30px;
font-weight: 500;
color: #ffba00;
}
.comments-area .comment-box .text {
font-size: 16px;
line-height: 24px;
color: #555555;
font-weight: 400;
margin-bottom: 10px;
}
.comments-area .comment-box .reply-btn {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
line-height: 20px;
color: #ff4200;
}
.comments-area .comment-box .reply-btn i {
margin-left: 10px;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form {
position: relative;
}
.comment-form .form-group {
position: relative;
margin-bottom: 20px;
}
.comment-form .form-group:last-child {
margin-bottom: 0;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group textarea,
.comment-form .form-group select {
position: relative;
display: block;
height: 50px;
width: 100%;
font-size: 14px;
color: #878787;
line-height: 28px;
font-weight: 400;
padding: 10px 20px;
background-color: #f5f5f5;
border: 1px solid #f5f5f5;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
border-color: #12114a;
}
.comment-form .form-group textarea {
height: 190px;
resize: none;
}
.comment-form .form-group input[type="submit"],
.comment-form .form-group button {
margin-top: 10px;
font-size: 15px;
padding: 10px 30px;
font-weight: 500;
cursor: pointer;
}
/***
====================================================================
Error Section
====================================================================
***/
.error-section {
position: relative;
text-align: center;
padding: 150px 0px;
}
.error-section .error-title {
position: relative;
color: #ec167f;
font-size: 200px;
font-weight: 700;
line-height: 1em;
text-shadow: 0 20px 30px rgba(0, 0, 0, 0.20);
}
.error-section h4 {
color: #394963;
font-size: 40px;
font-weight: 700;
margin-bottom: 20px;
}
.error-section .text {
color: #888888;
font-size: 22px;
line-height: 1.4em;
margin-bottom: 30px;
}
.error-section .theme-btn {
border-radius: 5px;
font-weight: 500;
margin: 0 10px 10px;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
}
.error-section .icon-object-2 {
left: -80px;
bottom: 80px;
-webkit-animation: fa-spin 30s infinite alternate;
animation: fa-spin 30s infinite alternate;
}
.error-section .icon-object-3 {
left: 15%;
top: 20%;
}
.error-section .icon-object-4 {
right: 15%;
bottom: 20%;
-webkit-animation: fa-spin 30s infinite alternate;
animation: fa-spin 30s infinite alternate;
}
.error-section .icon-object-5 {
right: -200px;
top: 200px;
}
/***
====================================================================
Gallery Section
====================================================================
***/
.gallery-section {
position: relative;
}
.gallery-section .row {
margin: 0 -5px;
}
.gallery-block {
position: relative;
padding: 0 5px;
margin-bottom: 10px;
}
.gallery-block .image-box {
position: relative;
overflow: hidden;
}
.gallery-block .image {
position: relative;
margin-bottom: 0;
}
.gallery-block .image img {
display: block;
width: 100%;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.gallery-block .overlay-box {
position: absolute;
left: 20px;
top: 20px;
right: 20px;
bottom: 20px;
background: #ffc600;
background: -o-linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
-webkit-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);
opacity: 0;
visibility: hidden;
}
.gallery-block .image-box:hover .overlay-box {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.gallery-block .overlay-box .icon {
position: relative;
margin-bottom: 20px;
opacity: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.gallery-block .overlay-box h3 {
font-size: 20px;
color: #fefefe;
font-weight: 700;
margin-bottom: 10px;
opacity: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
text-align: center;
}
.gallery-block .overlay-box h3 a {
color: #fefefe;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.gallery-block .overlay-box h3 a:hover {
color: #081245;
}
.gallery-block .overlay-box .text {
font-size: 24px;
line-height: 30px;
color: #fefefe;
opacity: 0;
font-weight: 400;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.gallery-block .image-box:hover .overlay-box .icon,
.gallery-block .image-box:hover .overlay-box h3,
.gallery-block .image-box:hover .overlay-box .text {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.gallery-section.style-two {
padding: 40px 0;
}
.gallery-section.style-two .row {
margin: 0 -15px;
}
.gallery-section.style-two .gallery-block {
position: relative;
padding: 0 15px;
margin-bottom: 30px;
}
.event-menu-sec {
width: 80%;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination {
position: relative;
display: block;
width: 100%;
margin-top: 70px;
}
.styled-pagination ul {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.styled-pagination li {
position: relative;
margin: 0 10px 8px;
background: #f8f8f8;
}
.styled-pagination li a {
position: relative;
display: block;
height: 40px;
width: 40px;
text-align: center;
line-height: 37px;
font-weight: 400;
font-size: 18px;
color: #081245;
z-index: 2;
border-bottom: 3px solid #d9d9d9;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.styled-pagination li:before {
position: absolute;
left: 0;
bottom: 0;
height: 0;
width: 100%;
z-index: 1;
content: "";
background: -webkit-gradient(linear, left top, left bottom, from(rgba(221, 221, 221, 0)), to(rgba(221, 221, 221, 1)));
background: -o-linear-gradient(top, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 1) 100%);
background: linear-gradient(to bottom, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 1) 100%);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.styled-pagination li:hover:before {
height: 100%;
}
.styled-pagination li a:hover,
.styled-pagination li.active a {}
.styled-pagination li.next-post a,
.styled-pagination li.prev-post a {
background: #081245;
font-size: 16px;
color: #ffffff;
border-color: #081245;
}
.styled-pagination li.next-post a:hover,
.styled-pagination li.prev-post a:hover {
color: #ffffff;
background: #ffae00;
border-color: #ffae00;
}
/***
====================================================================
Contact Section
====================================================================
***/
.text-justify {
text-align: justify;
}
.contact-section {
position: relative;
}
.contact-form .form-group {
position: relative;
margin-bottom: 16px;
}
.contact-form .form-group:last-child {
margin-bottom: 0;
}
.contact-form .form-group .input-outer {
position: relative;
}
.contact-form .form-group .icon {
position: absolute;
right: 0;
top: -3px;
height: 50px;
width: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
color: #dddddd;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="number"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="url"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group textarea,
.contact-form .form-group select {
position: relative;
display: block;
width: 100%;
font-size: 14px;
color: #aaaaaa;
line-height: 30px;
padding: 4px 10px;
border-bottom: 1px solid #e1e1e1;
font-weight: 400;
height: 44px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-form .form-group input[type="email"] {
text-transform: lowercase;
}
.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
border-color: #ffb400;
}
.contact-form .form-group textarea {
height: 50px;
resize: none;
}
.contact-form .form-group button {
text-transform: capitalize;
}
.contact-form input.error:focus,
.contact-form select.error:focus,
.contact-form textarea.error:focus {
border-color: #ff0000;
}
.contact-form label.error {
display: block;
font-weight: 500;
font-size: 13px;
text-transform: capitalize;
line-height: 24px;
color: #ff0000;
padding-top: 7px;
margin-bottom: 0;
}
/***
====================================================================
Map Section
====================================================================
***/
.map-section {
position: relative;
}
.map-section .contact-column {
position: relative;
}
.map-section .sec-title {
margin-bottom: 40px;
}
.map-section .sec-title .divider {
margin-top: 20px;
}
.map-section .sec-title .text {
margin-top: 20px;
}
.map-section .contact-info {
position: relative;
}
.other-location .contact-info {
position: relative;
border-bottom: 1px solid #bfbfbf;
margin-bottom: 20px;
}
.map-section .contact-info li {
position: relative;
/* padding: 0 30px; */
margin-bottom: 30px;
}
.map-section .contact-info li p {
display: block;
font-size: 16px;
text-align: center;
line-height: 26px;
color: #555555;
font-weight: 400;
margin: 0;
}
.map-section .contact-info li p a:hover {
color: #555555;
text-decoration: none;
}
.map-section .contact-info li h4 {
text-align: center;
display: block;
margin: 16px 0 !important;
font-size: 24px;
margin-bottom: 10px;
line-height: 30px;
color: #081245;
font-weight: 700;
}
.map-section .contact-info li .icon {
/* position: absolute; */
left: 13px;
top: 0;
height: 60px;
width: 60px;
text-align: center;
font-size: 30px;
line-height: 58px;
background-color: #f5f5f5;
border-bottom: 2px solid #ffae00;
color: #ffae00;
}
.map-section .contact-info li a {
color: #777777;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.map-section .contact-info li a:hover {
color: #f20487;
}
.map-section .contact-info li:nth-child(2) .icon {
color: #ffae00;
border-color: #ffae00;
}
.map-section .contact-info li:nth-child(3) .icon {
color: #ffae00;
border-color: #ffae00;
}
.map-section .map-outer {
position: relative;
padding-right: 40px;
}
.map-data {
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 1.8em;
}
.map-data a {
display: block;
}
.map-data h6 {
font-size: 16px;
font-weight: 700;
text-align: center;
margin-bottom: 5px;
color: #121212;
}
.map-outer iframe {
width: 100%;
background-color: #f9f9f9;
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section {
position: relative;
padding: 90px 0 0px;
}
.clients-section.alternate {
padding: 100px 0 70px;
}
.clients-section.alternate2 {
padding: 100px 0 20px;
}
.clients-section .sponsors-outer {
position: relative;
margin-bottom: 50px;
}
.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav {
display: none;
}
.client-block {
position: relative;
margin-top: 30px;
}
.client-block .image-box {
position: relative;
text-align: center;
margin-bottom: 0;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
border: 1px solid transparent;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.client-block .image-box:hover {
border: 1px solid #dddddd;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
}
.client-block .image-box img {
width: auto;
opacity: 1;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.client-block .image-box:hover img {
opacity: .70;
}
/***
====================================================================
Clients Section Two
====================================================================
***/
.clients-section-two {
position: relative;
}
.clients-section-two:before {
position: absolute;
left: 0;
top: 0;
height: 50%;
width: 100%;
background: #f5f5f5;
content: "";
}
.clients-section-two .auto-container {
max-width: 1400px;
}
.clients-section-two .sponsors-outer {
position: relative;
background: #ffffff;
border: 1px solid #dddddd;
border-radius: 10px;
padding: 0 30px;
}
.clients-section-two .owl-stage-outer {}
.clients-section-two .slide-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 160px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.clients-section-two .slide-item .image-box {
position: relative;
text-align: center;
margin-bottom: 0;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.clients-section-two .slide-item .image-box img {
width: 100%;
opacity: 1;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.clients-section-two .slide-item:hover {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
box-shadow: 0 0 10px rgba(0, 0, 0, .10);
}
.clients-section-two .default-nav .owl-nav {
margin-top: -15px;
}
/***
====================================================================
Subscribe Section
====================================================================
***/
/* .subscribe-section {
position: relative;
background-image: url(../images/background/2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 100px 0 50px;
} */
.subscribe-section .title-column {
position: relative;
margin-bottom: 0px;
}
.subscribe-section .title {
font-size: 16px;
color: #ffffff;
font-weight: 400;
margin-bottom: 5px;
display: block;
}
.subscribe-section h3 {
font-size: 36px;
color: #081245;
font-weight: 700;
}
.subscribe-section .form-column {
position: relative;
margin-bottom: 50px;
}
.subscribe-section .newsletter-form {
position: relative;
max-width: 670px;
margin: 0 auto;
}
.subscribe-section .newsletter-form .form-group {
position: relative;
padding-right: 170px;
background: #ffffff;
overflow: hidden;
margin-bottom: 0;
}
.subscribe-section .newsletter-form .form-group input[type="text"],
.subscribe-section .newsletter-form .form-group input[type="email"] {
display: block;
height: 75px;
width: 100%;
font-size: 16px;
line-height: 25px;
color: #555555;
font-weight: 400;
padding: 25px 30px;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.subscribe-section .newsletter-form .form-group .theme-btn {
position: absolute;
right: 5px;
top: 5px;
min-width: 160px;
line-height: 25px;
padding: 20px 30px;
font-size: 18px;
text-transform: capitalize;
font-weight: 500;
border-radius: 0;
cursor: pointer;
}
/***
====================================================================
Subscribe Section Two
====================================================================
***/
.subscribe-section-two {
position: relative;
z-index: 1;
}
.subscribe-section-two .content-box {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
text-align: center;
padding: 50px 50px;
background-image: url(../images/background/8.jpg);
}
.subscribe-section-two .content-box .text {
font-size: 16px;
color: #ffffff;
}
.subscribe-section-two .content-box .text a {
color: #ffc300;
}
.newsletter-form-two {
position: relative;
max-width: 870px;
margin: 0 auto 25px;
}
.newsletter-form-two .form-group {
position: relative;
padding-right: 170px;
background: #ffffff;
overflow: hidden;
margin-bottom: 0;
}
.newsletter-form-two .form-group input[type="text"],
.newsletter-form-two .form-group input[type="email"] {
display: block;
height: 75px;
width: 100%;
font-size: 16px;
line-height: 25px;
color: #555555;
font-weight: 400;
padding: 25px 30px;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.newsletter-form-two .form-group .theme-btn {
position: absolute;
right: 15px;
top: 15px;
min-width: 160px;
line-height: 25px;
padding: 10px 30px;
font-size: 18px;
text-transform: capitalize;
font-weight: 500;
border-radius: 0;
cursor: pointer;
}
/***
==================================================================
Main Footer
==================================================================
***/
.main-footer {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/background/3.jpg);
padding: 80px 0 0;
}
.main-footer .footer-content {
position: relative;
}
.main-footer .footer-logo {
position: relative;
text-align: center;
margin-bottom: 25px;
}
.main-footer .footer-logo a {
display: inline-block;
}
.main-footer .footer-logo img {
display: inline-block;
}
.main-footer .footer-content .text {
position: relative;
max-width: 650px;
color: #ffffff;
font-size: 16px;
line-height: 30px;
margin-bottom: 30px;
margin: 0 auto 30px;
}
.main-footer .footer-content .social-icon-two {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 60px;
}
.main-footer .contact-list-one {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main-footer .contact-list-one li {
margin-bottom: 50px;
}
.main-footer .footer-column {
position: relative;
/* margin-bottom: 40px; */
}
.main-footer .widgets-section {
padding-bottom: 50px;
}
.main-footer .footer-widget {
position: relative;
}
.main-footer .footer-column .widget-title {
position: relative;
font-size: 24px;
font-weight: 700;
color: #ffffff;
line-height: 30px;
padding-bottom: 15px;
margin-bottom: 20px;
}
.main-footer .footer-column .widget-title:before {
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 3px;
margin-right: 6px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #ff00ff;
content: '';
}
.footer-column .widget-title:after,
.footer-column .widget-title:before {
background-color: #ff6a02 !important;
}
.main-footer .about-widget {
position: relative;
}
.main-footer .logo {
position: relative;
margin-bottom: 30px;
}
.main-footer .footer-logo figure {
margin: 0;
}
.main-footer .footer-logo img {
display: block;
max-width: 100%;
}
.main-footer .about-widget p {
position: relative;
font-size: 16px;
color: #ffffff;
font-weight: 400;
line-height: 30px;
margin-bottom: 40px;
}
/*=== User LInks ===*/
.main-footer .lnks-widget {
position: relative;
padding-left: 30px;
}
.user-links {
position: relative;
margin-top: 30px;
}
.user-links li {
position: relative;
display: block;
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-bottom: 10px;
}
.user-links li a:before {
position: absolute;
left: 0;
top: 0px;
font-size: 8px;
line-height: 24px;
color: #ff6a02;
font-weight: 900;
font-family: "Font Awesome 5 Free";
content: "\f111";
}
.user-links li a:hover:before {
color: #ffb200;
}
.user-links li a {
position: relative;
padding-left: 20px;
display: block;
color: #ffffff;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.user-links li a:hover {
color: #ffb200;
text-decoration: underline;
}
.contact-list-three {
position: relative;
}
.contact-list-three li {
position: relative;
padding-left: 32px;
margin-bottom: 22px;
}
.contact-list-three li:last-child {
margin-bottom: 0;
}
.contact-list-three li .icon {
position: absolute;
left: 0;
font-size: 28px;
line-height: 1em;
color: #ffb200;
}
.contact-list-three li strong {
display: block;
font-size: 18px;
line-height: 24px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
}
.contact-list-three li .text {
display: block;
font-size: 14px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
}
.contact-list-three li .text a {
color: #ffffff;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-list-three li .text a:hover {
color: #ffb200;
}
.gallery-widget {
position: relative;
max-width: 400px;
background: #fff;
padding: 20px;
}
.gallery-widget .outer {
position: relative;
margin: 0px -2px 0;
}
.gallery-widget .outer .image {
position: relative;
float: left;
width: 33.3333%;
padding: 0px 2px;
margin-bottom: 4px;
}
.gallery-widget .image img {
display: block;
width: 100%;
}
.gallery-widget .image a {
position: relative;
display: block;
}
.gallery-widget .image a:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #ffc600cc padding-box content-box;
padding: 5px;
opacity: .80;
content: "";
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.gallery-widget .image a:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.gallery-widget .image a:after {
position: absolute;
height: 20px;
width: 20px;
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px;
content: "\f17d";
text-align: center;
line-height: 20px;
font-size: 18px;
color: #ffffff;
font-weight: 900;
font-family: 'Font Awesome 5 Brands';
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.gallery-widget .image a:hover:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/*=== Footer Bottom ===*/
.main-footer .footer-bottom {
position: relative;
width: 100%;
}
.main-footer .footer-bottom .inner-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 30px;
}
.main-footer .footer-bottom .inner-container:before {
position: absolute;
right: 0;
top: 0;
width: 1000%;
height: 100%;
border-radius: 50px;
background: #ffc600;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffc600), to(#ff6c00));
background: -o-linear-gradient(top, #ffc600 1%, #ff6c00 100%);
background: linear-gradient(180deg, #ffc600 1%, #ff6c00 100%);
content: "";
}
.main-footer .footer-bottom .copyright-text {
position: relative;
padding: 20px 0;
}
.main-footer .footer-bottom .copyright-text p {
position: relative;
line-height: 20px;
font-size: 16px;
color: #ffffff;
font-weight: 400;
}
.main-footer .footer-bottom .copyright-text a {
color: #ffffff;
font-weight: 700;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .footer-bottom .copyright-text a:hover {
text-decoration: underline;
}
.main-footer .footer-bottom .footer-nav {
position: relative;
}
.main-footer .footer-bottom .footer-nav {
position: relative;
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.main-footer .footer-bottom .footer-nav li {
position: relative;
padding-left: 22px;
margin-left: 30px;
}
.main-footer .footer-bottom .footer-nav li a {
position: relative;
display: block;
font-size: 16px;
line-height: 20px;
color: #ffffff;
font-weight: 400;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .footer-bottom .footer-nav li:before {
position: absolute;
left: 0;
top: 7px;
height: 6px;
width: 6px;
background-color: #001376;
content: '';
}
.main-footer .footer-bottom .footer-nav li a:hover {
color: #002121;
}
/***
==================================================================
Main Footer / Style Two
==================================================================
***/
.main-footer.style-two {
background-image: url(../images/background/7.jpg);
background-repeat: no-repeat;
background-position: center;
padding-top: 240px;
margin-top: -240px;
}
.main-footer.style-two:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(../images/icons/pattern-6.png);
background-repeat: no-repeat;
background-position: center;
content: "";
}
.main-footer.style-two .footer-content {
padding: 70px 0;
}
.main-footer.style-two .footer-bottom {
background: #081245;
padding: 15px 0;
}
.main-footer.style-two .copyright-text {
position: relative;
display: block;
text-align: center;
padding: 0;
font-size: 16px;
color: #ffc400;
}
.main-footer.style-two .copyright-text a {
color: #ffc400;
font-weight: 400;
}
/***
==================================================================
Main Footer / Style Three
==================================================================
***/
.main-footer.style-three {
background-image: url(../images/background/7.jpg);
background-repeat: no-repeat;
background-position: center;
padding-top: 240px;
margin-top: -240px;
background-size: cover;
}
.main-footer.style-three:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(../images/icons/pattern-6.png);
background-repeat: no-repeat;
background-position: center;
content: "";
-webkit-animation: bounce-y 15s infinite linear;
animation: bounce-y 15s infinite linear;
}
.main-footer .events-list {
position: relative;
margin-bottom: 30px;
}
.main-footer .events-list li {
font-size: 18px;
line-height: 25px;
color: #ffffff;
font-weight: 400;
margin-bottom: 5px;
}
.main-footer.style-three .widgets-section {
padding: 100px 0 30px;
}
.main-footer.style-three .about-widget p {
font-size: 16px;
line-height: 36px;
}
.main-footer.style-three .user-links li {
margin-bottom: 10px;
}
.main-footer.style-three .footer-bottom {
background: #081245;
padding: 15px 0;
}
.main-footer.style-three .copyright-text {
position: relative;
display: block;
text-align: center;
padding: 0;
font-size: 16px;
color: #ffc400;
}
.main-footer.style-three .copyright-text a {
color: #ffc400;
font-weight: 400;
}
/***
====================================================================
Coming Soon
====================================================================
***/
.coming-soon {
position: fixed;
width: 100%;
height: 100%;
display: block;
overflow-y: auto;
background-repeat: no-repeat;
background-position: center right;
background-size: cover;
text-align: center;
}
.coming-soon .content {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
}
.coming-soon .content:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #000000;
content: "";
opacity: .30;
}
.coming-soon .content .content-inner {
position: relative;
padding: 90px 15px;
display: table-cell;
vertical-align: middle;
}
.coming-soon .content .content-inner .logo {
position: relative;
margin-bottom: 200px;
}
.coming-soon .content .content-inner .sec-title {
display: none;
margin-bottom: 50px;
}
.coming-soon .content .content-inner h2 {
position: relative;
font-size: 48px;
font-weight: 700;
color: #ffffff;
line-height: 1.2em;
padding-bottom: 0;
font-variant: small-caps;
}
.coming-soon .content .content-inner h2:after {
display: none;
}
.time-counter {
position: relative;
}
.time-counter .time-countdown-two {
position: relative;
margin-bottom: 180px;
}
.time-counter .time-countdown-two .counter-column {
position: relative;
display: inline-block;
width: 180px;
height: 180px;
font-size: 20px;
line-height: 1em;
color: #ffffff;
text-transform: uppercase;
font-weight: 600;
text-align: center;
z-index: 7;
border-radius: 20px;
padding: 0;
margin: 0;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
background-color: rgba(54, 54, 54, .40);
margin: 0 15px 20px;
}
.time-counter .time-countdown-two .counter-column .count {
position: relative;
display: block;
font-size: 72px;
line-height: 30px;
padding: 60px 0px 30px;
color: #ffffff;
font-weight: 600;
}
.coming-soon .emailed-form {
position: relative;
margin-bottom: 40px;
}
.coming-soon .emailed-form h3 {
line-height: 1.2em;
font-weight: 600;
color: #ffffff;
margin-bottom: 20px;
}
.coming-soon .emailed-form .text {
position: relative;
display: block;
font-size: 18px;
font-weight: 400;
color: #ffffff;
line-height: 1.8em;
margin-bottom: 40px;
}
.coming-soon .emailed-form .form-group {
position: relative;
display: block;
max-width: 540px;
width: 100%;
margin: 0 auto;
}
.coming-soon .emailed-form .form-group input[type="text"],
.coming-soon .emailed-form .form-group input[type="tel"],
.coming-soon .emailed-form .form-group input[type="email"],
.coming-soon .emailed-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 28px;
height: 60px;
font-size: 16px;
color: #000000;
overflow: hidden;
padding: 15px 50px 15px 20px;
background: #ffffff;
border: 1px solid #f1f1f1;
-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.10);
box-shadow: 0 0 13px rgba(0, 0, 0, 0.10);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.coming-soon .emailed-form .form-group input:focus,
.coming-soon .emailed-form .form-group select:focus,
.coming-soon .emailed-form .form-group textarea:focus {}
.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button {
position: absolute;
right: 0px;
top: 0px;
width: 60px;
height: 60px;
line-height: 40px;
font-size: 18px;
color: #081245;
background-color: transparent;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.coming-soon .emailed-form .form-group input[type="submit"]:hover,
.coming-soon .emailed-form button:hover {
color: #353535;
}
.coming-soon .copyright-text {
position: relative;
font-size: 18px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
}
.coming-soon .copyright-text a {
color: #ff9600;
}
.coming-soon .copyright-text a:hover {
text-decoration: underline;
}
.clock-wrapper {
position: absolute;
top: 50%;
right: 0;
left: 0;
width: 250px;
height: 250px;
margin: auto;
margin-top: -145px;
border-radius: 50%;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
background-color: rgba(0, 0, 0, .40);
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
}
.clock-base {
width: 250px;
height: 250px;
border-radius: 50%;
}
.click-indicator {
position: absolute;
z-index: 1;
top: 10px;
left: 10px;
width: 230px;
height: 230px;
}
.click-indicator div {
position: absolute;
width: 2px;
height: 4px;
margin: 113px 114px;
}
.click-indicator div>span {
height: 5px;
width: 5px;
background-color: #ffffff;
display: inline-block;
border-radius: 50%;
margin-left: -1px;
margin-top: -1px;
}
.click-indicator div:nth-child(1) {
-webkit-transform: rotate(30deg) translateY(-120px);
-ms-transform: rotate(30deg) translateY(-120px);
transform: rotate(30deg) translateY(-120px);
}
.click-indicator div:nth-child(2) {
-webkit-transform: rotate(60deg) translateY(-120px);
-ms-transform: rotate(60deg) translateY(-120px);
transform: rotate(60deg) translateY(-120px);
}
.click-indicator div:nth-child(3) {
-webkit-transform: rotate(90deg) translateY(-120px);
-ms-transform: rotate(90deg) translateY(-120px);
transform: rotate(90deg) translateY(-120px);
background-color: #F00;
}
.click-indicator div:nth-child(4) {
-webkit-transform: rotate(120deg) translateY(-120px);
-ms-transform: rotate(120deg) translateY(-120px);
transform: rotate(120deg) translateY(-120px);
}
.click-indicator div:nth-child(5) {
-webkit-transform: rotate(150deg) translateY(-120px);
-ms-transform: rotate(150deg) translateY(-120px);
transform: rotate(150deg) translateY(-120px);
}
.click-indicator div:nth-child(6) {
-webkit-transform: rotate(180deg) translateY(-120px);
-ms-transform: rotate(180deg) translateY(-120px);
transform: rotate(180deg) translateY(-120px);
background-color: #F00;
}
.click-indicator div:nth-child(7) {
-webkit-transform: rotate(210deg) translateY(-120px);
-ms-transform: rotate(210deg) translateY(-120px);
transform: rotate(210deg) translateY(-120px);
}
.click-indicator div:nth-child(8) {
-webkit-transform: rotate(240deg) translateY(-120px);
-ms-transform: rotate(240deg) translateY(-120px);
transform: rotate(240deg) translateY(-120px);
}
.click-indicator div:nth-child(9) {
-webkit-transform: rotate(270deg) translateY(-120px);
-ms-transform: rotate(270deg) translateY(-120px);
transform: rotate(270deg) translateY(-120px);
background-color: #F00;
}
.click-indicator div:nth-child(10) {
-webkit-transform: rotate(300deg) translateY(-120px);
-ms-transform: rotate(300deg) translateY(-120px);
transform: rotate(300deg) translateY(-120px);
}
.click-indicator div:nth-child(11) {
-webkit-transform: rotate(330deg) translateY(-120px);
-ms-transform: rotate(330deg) translateY(-120px);
transform: rotate(330deg) translateY(-120px);
}
.click-indicator div:nth-child(12) {
-webkit-transform: rotate(360deg) translateY(-120px);
-ms-transform: rotate(360deg) translateY(-120px);
transform: rotate(360deg) translateY(-120px);
background-color: #F00;
}
.clock-hour {
position: absolute;
z-index: 2;
top: 75px;
left: 123px;
width: 4px;
height: 65px;
background-color: #ee3611;
border-radius: 2px;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
box-shadow: 0 0 2px rgba(0, 0, 0, .2);
-webkit-transform-origin: 2px 50px;
-ms-transform-origin: 2px 50px;
transform-origin: 2px 50px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-animation: rotate-hour 43200s linear infinite;
-moz-animation: rotate-hour 43200s linear infinite;
}
.clock-minute {
position: absolute;
z-index: 3;
top: 55px;
left: 123px;
width: 4px;
height: 85px;
background-color: #ee3611;
border-radius: 2px;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
box-shadow: 0 0 2px rgba(0, 0, 0, .2);
-webkit-transform-origin: 2px 70px;
-ms-transform-origin: 2px 70px;
transform-origin: 2px 70px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-animation: rotate-minute 3600s linear infinite;
-moz-animation: rotate-minute 3600s linear infinite;
}
.clock-second {
position: absolute;
z-index: 4;
top: 15px;
left: 124px;
width: 2px;
height: 130px;
background-color: #ffffff;
opacity: .9;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
box-shadow: 0 0 2px rgba(0, 0, 0, .2);
-webkit-transform-origin: 1px 110px;
-ms-transform-origin: 1px 110px;
transform-origin: 1px 110px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-animation: rotate-second 60s linear infinite;
-moz-animation: rotate-second 60s linear infinite;
}
.clock-second:after {
content: "";
display: block;
position: absolute;
left: -3px;
bottom: 16px;
width: 8px;
height: 8px;
background-color: #a00;
border: solid 2px #a00;
border-radius: 50%;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
.clock-center {
position: absolute;
z-index: 1;
width: 150px;
height: 150px;
top: 50px;
left: 50px;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
border-radius: 50%;
}
.clock-center:after {
content: "";
display: block;
width: 20px;
height: 20px;
margin: 65px;
background-color: #ddd;
border-radius: 50%;
}
.coming-soon .social-icon-two {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/***
====================================================================
Our Shop
====================================================================
***/
/* Item Sorting */
.shop-section .items-sorting {
position: relative;
margin-bottom: 20px;
}
.shop-section .items-sorting .results-column,
.shop-section .items-sorting .select-column {
margin-bottom: 20px;
}
.shop-section .items-sorting .results-column h6 {
font-size: 18px;
font-weight: 400;
color: #666666;
line-height: 24px;
padding: 13px 0px;
}
.shop-section .items-sorting .form-group {
margin-bottom: 0px;
}
.shop-section .items-sorting select {
position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 9px 20px 9px;
height: 50px;
font-size: 14px;
border: 1px solid #eeeeee;
cursor: pointer;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-o-appearance: none;
background: url(../images/icons/icon-select.png) right center no-repeat;
color: #666666;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.shop-section .items-sorting select option {
text-indent: 15px;
}
/*Shop Item*/
/****** Shop Style *********/
.single-product-item {
position: relative;
display: block;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
margin-bottom: 50px;
}
.single-product-item .img-holder {
position: relative;
display: block;
overflow: hidden;
border-radius: 0px;
border: 4px solid #081245;
}
.single-product-item .img-holder::before {
background: rgba(255, 255, 255, 0.20);
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
content: "";
opacity: 0;
position: absolute;
z-index: 1;
pointer-events: none;
-webkit-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.single-product-item:hover .img-holder::before {
opacity: 1;
}
.single-product-item .img-holder a {
position: relative;
display: block;
}
.single-product-item .img-holder img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
width: 100%;
}
.single-product-item:hover .img-holder img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.single-product-item .title-holder {
position: relative;
display: block;
background: #ffffff;
padding: 22px 0 18px;
-webkit-box-shadow: 0 2px 27px rgba(54, 54, 54, .13);
box-shadow: 0 2px 27px rgba(54, 54, 54, .13);
margin-left: 20px;
margin-right: 20px;
margin-top: -30px;
z-index: 9;
}
.single-product-item .title-holder .static-content {
position: relative;
display: block;
}
.single-product-item .title-holder .title {
position: relative;
display: block;
font-size: 16px;
line-height: 22px;
font-weight: 600;
padding: 0 0 3px;
}
.single-product-item .title-holder .title a {
color: #1b1b1b;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.single-product-item .title-holder .static-content span {
display: inline-block;
padding-right: 0px;
color: #666666;
}
.single-product-item .title-holder .static-content del {
position: relative;
display: inline-block;
color: #c2c2c2;
font-size: 16px;
font-weight: 700;
}
.single-product-item .title-holder .overlay-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #ffffff;
text-align: center;
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform: scaleX(0);
-webkit-transition: all 700ms ease 300ms;
-o-transition: all 700ms ease 300ms;
transition: all 700ms ease 300ms;
}
.single-product-item:hover .title-holder .overlay-content {
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform: scaleY(1);
-webkit-transition: all 700ms ease 100ms;
-o-transition: all 700ms ease 100ms;
transition: all 700ms ease 100ms;
}
.single-product-item .title-holder .overlay-content ul {
position: relative;
display: block;
padding: 23px 0 23px;
width: 153px;
margin: 0 auto;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 700ms ease 100ms;
-o-transition: all 700ms ease 100ms;
transition: all 700ms ease 100ms;
}
.single-product-item:hover .title-holder .overlay-content ul {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 700ms ease 600ms;
-o-transition: all 700ms ease 600ms;
transition: all 700ms ease 600ms;
}
.single-product-item .title-holder .overlay-content ul li {
position: relative;
display: inline-block;
float: left;
width: 51px;
text-align: center;
border-right: 1px solid #ededed;
}
.single-product-item .title-holder .overlay-content ul li:last-child {
border: none;
}
.single-product-item .title-holder .overlay-content ul li a {
position: relative;
display: block;
}
.single-product-item .title-holder .overlay-content ul li a span {
position: relative;
display: block;
}
.single-product-item .title-holder .overlay-content ul li a span:before {
position: relative;
display: block;
width: 100%;
height: 45px;
color: #666666;
font-size: 18px;
line-height: 45px;
margin: 0;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.single-product-item .title-holder .overlay-content ul li a:hover span:before {
color: #ffffff;
background: #ff801a;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content {
position: absolute;
left: -50%;
right: 0;
top: -25px;
margin-left: -15px;
opacity: 0;
visibility: hidden;
padding: 0;
text-align: center;
background-color: #0a0a0a;
-webkit-transition: all 300ms ease 100ms;
-o-transition: all 300ms ease 100ms;
transition: all 300ms ease 100ms;
z-index: 999;
min-width: 130px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content:before {
font-family: FontAwesome;
position: absolute;
left: 0;
bottom: -8px;
right: 0;
content: "\f0d7";
color: #0a0a0a;
font-size: 25px;
text-align: center;
line-height: 10px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content p {
color: #ffffff;
font-size: 14px;
line-height: 30px;
margin: 0;
}
.single-product-item .title-holder .overlay-content ul li a:hover .toltip-content {
top: -40px;
visibility: visible;
opacity: 1;
}
.shop-single-section {
position: relative;
padding-top: 60px;
padding-bottom: 90px;
z-index: 9;
background-color: #ffffff;
}
/***
====================================================================
Product Details
====================================================================
***/
.product-details .basic-details {
position: relative;
margin-bottom: 20px;
}
.product-details .image-column .image-carousel {
background-color: #eeeeee;
border-radius: 4px;
}
.product-details .image-column,
.product-details .info-column {
margin-bottom: 50px;
}
.product-details .info-column .add-to-cart {
padding: 13px 43px;
font-size: 14px;
cursor: pointer;
margin-bottom: 10px;
margin-right: 10px;
}
.product-details .basic-details .other-options>div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-details .image-column .image-box img {
position: relative;
display: block;
width: 100%;
}
.product-details .image-column .thumbs-carousel {
margin-top: 20px;
}
.product-details .image-column .thumbs-carousel li {
background-color: #f2f2f2;
text-align: center;
padding: 0px 0px;
cursor: pointer;
}
.product-details .image-column .thumbs-carousel li img {
width: 100%;
display: inline-block;
}
.product-details .image-column .owl-dots,
.product-details .image-column .owl-nav {
display: none;
}
.product-details .basic-details .details-header {
position: relative;
margin-bottom: 0px;
}
.product-details .basic-details .details-header h2 {
font-weight: 700;
margin: 0px 0px;
line-height: 1.4em;
color: #222222;
margin-bottom: 8px;
}
.product-details .basic-details .details-header h2 a {
color: #333333;
}
.product-details .basic-details .details-header .rating {
font-size: 16px;
margin-bottom: 25px;
display: inline-block;
}
.product-details .basic-details .details-header .rating span {
color: #081245;
}
.product-details .basic-details .details-header .rating .fa {
display: inline-block;
margin-right: 1px;
}
.product-details .basic-details .details-header .rating .fa.light {
color: #dadada;
}
.product-details .basic-details .details-header .item-price {
position: relative;
font-size: 24px;
font-weight: 400;
color: #222222;
line-height: 24px;
letter-spacing: 1px;
margin-bottom: 20px;
}
.product-details .basic-details .text {
position: relative;
color: #666666;
font-size: 14px;
line-height: 1.9em;
margin-bottom: 30px;
}
.product-details .basic-details .availablity {
position: relative;
float: left;
padding-right: 40px;
line-height: 32px;
margin-bottom: 27px;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
color: #777777;
}
.product-details .basic-details .availablity strong {
font-size: 14px;
letter-spacing: 2px;
color: #11da61;
font-weight: 600;
text-transform: uppercase;
}
.product-details .basic-details .item-quantity {
position: relative;
float: left;
width: 120px;
margin: 10px 0;
margin-right: 20px;
border: 1px solid #eae8e8;
text-align: left;
direction: ltr;
}
.product-details .basic-details .btns-box {
position: relative;
}
.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner {
line-height: 24px;
padding: 10px 15px !important;
height: 54px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical>.btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical>.btn {
padding: 13px 10px;
background: #f4f5f6;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i {
top: 1px;
font-weight: 900;
}
.shop-list {
position: relative;
margin-top: 20px;
}
.shop-list li {
position: relative;
color: #666666;
font-size: 14px;
margin-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.shop-list li strong {
color: #222222;
font-size: 16px;
margin-right: 5px;
text-transform: uppercase;
}
.shop-list li a {
position: relative;
color: #3e3e3e;
font-size: 14px;
font-weight: 700;
margin-top: 0px;
display: inline-block;
text-transform: uppercase;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.shop-page .prod-tabs {
position: relative;
}
.shop-page .prod-tabs .tab-btns {
position: relative;
text-align: center;
}
.volunteer-sec .shop-page .prod-tabs .tab-btns {
position: relative;
text-align: center;
margin-top: 0px;
}
.shop-page .prod-tabs .tab-btns .tab-btn {
position: relative;
display: block;
margin-right: 8px;
font-size: 16px;
background: #ffffff9c;
color: #222222;
box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.2);
text-transform: capitalize;
font-weight: 400;
line-height: 24px;
cursor: pointer;
margin-bottom: 12px;
display: inline-block;
padding: 12px 20px 10px;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.shop-page .prod-tabs .tab-btns .tab-btn:hover,
.shop-page .prod-tabs .tab-btns .tab-btn.active-btn {
color: #ffffff;
background: #222222;
border-color: #222222;
}
.shop-page .prod-tabs .tabs-content {
position: relative;
}
.shop-page .prod-tabs .tabs-content .tab {
position: relative;
display: none;
}
.shop-page .prod-tabs .tabs-content .tab.active-tab {
display: block;
}
.shop-page .prod-tabs .tabs-content .tab p {
font-size: 14px;
line-height: 2em;
color: #333333;
margin-bottom: 20px;
}
.volunteer-sec .shop-page .prod-tabs .tabs-content .tab p {
font-size: 14px;
line-height: 2em;
color: #000000;
margin-bottom: 20px;
}
.shop-page .prod-tabs .tabs-content .tab p:last-child {
margin-bottom: 0px;
}
.shop-page .prod-tabs .tabs-content .tab h3,
.shop-page .prod-tabs .tabs-content .tab h4,
.shop-page .prod-tabs .tabs-content .tab h5,
.shop-page .prod-tabs .tabs-content .tab h6 {
margin-bottom: 15px;
}
.shop-page .prod-tabs .tabs-content .tab h4 {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: #222222;
}
.shop-page .prod-tabs .reviews-container {
position: relative;
padding-bottom: 1px;
}
.shop-page .prod-tabs .reviews-container .review-box {
position: relative;
margin-bottom: 30px;
padding-left: 120px;
min-height: 130px;
padding-bottom: 30px;
border-bottom: 1px solid #f0f0f0;
}
.shop-page .prod-tabs .reviews-container .review-box:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
border: none;
}
.bootstrap-touchspin .input-group-btn-vertical {
width: auto;
right: 0px;
position: absolute;
z-index: 9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bootstrap-touchspin .glyphicon-chevron-up:before {
content: "\f106";
font-size: 18px;
font-style: normal;
font-family: 'Font Awesome 5 Free';
}
.bootstrap-touchspin .glyphicon-chevron-down:before {
content: "\f107";
font-size: 18px;
font-style: normal;
font-family: 'Font Awesome 5 Free';
}
.shop-page .prod-tabs .reviews-container .rev-thumb {
position: absolute;
left: 0px;
top: 5px;
width: 100px;
height: 100px;
background: #ffffff;
border-radius: 3px;
margin-bottom: 20px;
}
.shop-page .prod-tabs .reviews-container .rev-thumb img {
display: block;
width: 100%;
border-radius: 3px;
}
.shop-page .prod-tabs .reviews-container .rev-content {
position: relative;
background: #ffffff;
}
.shop-page .prod-tabs .reviews-container .rev-header {
position: relative;
}
.shop-page .prod-tabs .reviews-container .rev-header h4 {
float: left;
line-height: 30px;
color: #222222;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 10px;
}
.shop-page .prod-tabs .reviews-container .rev-header .rating {
position: relative;
float: left;
margin-left: 40px;
color: #ffae00;
line-height: 30px;
font-size: 14px;
margin-bottom: 10px;
}
.shop-page .prod-tabs .reviews-container .rev-header .rating .fa {
margin-right: 3px;
}
.shop-page .prod-tabs .reviews-container .rev-header .time {
position: relative;
float: right;
color: #000000;
line-height: 30px;
font-size: 14px;
}
.shop-page .prod-tabs .reviews-container .rev-option {
font-size: 14px;
color: #9e9e9e;
}
.shop-page .prod-tabs .reviews-container .rev-option a {
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
}
.shop-page .prod-tabs .reviews-container .rev-text {
font-size: 14px;
color: #9e9e9e;
line-height: 1.8em;
margin-bottom: 15px;
}
/*Add Review*/
.shop-page .prod-tabs .add-review {
position: relative;
margin: 30px 0px 20px;
font-size: 14px;
}
.shop-page .prod-tabs .add-review h2 {
color: #000000;
}
.shop-page .prod-tabs .add-review .rating {
position: relative;
padding-top: 8px;
}
.shop-page .prod-tabs .add-review .rating .rate-box {
position: relative;
display: inline-block;
margin-right: 10px;
font-size: 14px;
color: #555555;
}
.shop-page .prod-tabs .add-review .rating .rate-box:hover,
.shop-page .prod-tabs .add-review .rating .rate-box:focus,
.shop-page .prod-tabs .add-review .rating .rate-box:active {
color: #081245;
}
.shop-page .prod-tabs .add-review label {
position: relative;
display: block;
font-size: 14px;
margin-bottom: 5px;
font-weight: 400;
color: #303030;
}
.shop-page .prod-tabs .add-review h3 {
margin-bottom: 20px;
}
.shop-page .prod-tabs .add-review .form-group {
position: relative;
margin-bottom: 20px;
}
.shop-page .prod-tabs .add-review .form-group input[type="text"],
.shop-page .prod-tabs .add-review .form-group input[type="password"],
.shop-page .prod-tabs .add-review .form-group input[type="tel"],
.shop-page .prod-tabs .add-review .form-group input[type="email"],
.shop-page .prod-tabs .add-review .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 22px;
padding: 9px 15px;
color: #222222;
border: 1px solid #e0e0e0;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.shop-page .prod-tabs .add-review .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 22px;
padding: 8px 15px;
color: #222222;
border: 1px solid #e0e0e0;
height: 150px;
resize: none;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.shop-page .prod-tabs .add-review button {
padding: 8px 35px;
}
/***
====================================================================
Cart Section style
====================================================================
***/
.cart-section {
position: relative;
z-index: 9;
background-color: #ffffff;
padding: 100px 0px 120px;
}
.cart-section .cart-outer {
position: relative;
}
.cart-section .table-outer {
position: relative;
width: 100%;
overflow-x: auto;
}
.cart-section .cart-table {
width: 100%;
min-width: 900px;
border: 1px solid #eeeeee;
}
.cart-section .cart-table tbody tr {
border-bottom: 1px solid #eeeeee;
}
.cart-table .cart-header {
position: relative;
width: 100%;
text-transform: uppercase;
font-size: 16px;
border-radius: 0px;
background: #081245;
color: #1f1f1f;
}
.cart-table thead tr th {
line-height: 24px;
padding: 20px 15px;
min-width: 120px;
font-weight: 700;
color: #ffffff;
font-size: 16px;
text-transform: capitalize;
}
.cart-table thead tr th.prod-column {
text-align: left;
padding-left: 40px;
}
.cart-table tbody tr td {
line-height: 24px;
padding: 40px 40px 40px;
min-width: 100px;
}
.cart-table tbody tr .qty {
width: 90px;
padding-right: 40px;
padding-left: 10px;
}
.cart-table tbody tr .qty .quantity-spinner {
background: #f5f5f5;
}
.cart-table tbody tr .prod-column .column-box {
position: relative;
min-height: 100px;
padding-left: 130px;
padding-top: 40px;
text-align: left;
}
.column.default-column .cart-table tbody tr .qty {
width: 110px;
padding-right: 20px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb {
position: absolute;
width: 100px;
left: 0px;
top: 0px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img {
display: block;
max-width: 100%;
}
.cart-table tbody tr .prod-column .column-box h6 {
color: #222222;
font-weight: 500;
margin-bottom: 5px;
}
.cart-table tbody tr .sub-total {
font-weight: 400;
color: #222222;
font-size: 18px;
padding-left: 20px;
}
.cart-table tbody tr .remove-btn {
position: relative;
font-size: 18px;
color: #081245;
display: inline-block;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.cart-table tbody tr .remove-btn .fa {
position: relative;
top: 2px;
font-size: 16px;
line-height: 20px;
width: 20px;
height: 20px;
margin-right: 8px;
color: #222222;
text-align: center;
overflow: hidden;
}
.cart-table tbody tr .remove {}
.cart-table tbody tr .remove-btn:hover {}
.cart-table tbody tr .remove-btn:hover .fa {
color: #fa9928;
}
.cart-table tbody tr td {
vertical-align: middle;
}
.cart-table tbody tr td.price {
font-size: 18px;
font-weight: 400;
color: #222222;
padding-left: 10px;
}
.cart-table tbody tr td .quantity-spinner {
padding: 5px 0px 5px 20px;
line-height: 24px;
height: 34px;
display: block;
width: 100%;
position: relative;
}
.cart-table tbody .available-info {
position: relative;
padding-left: 50px;
color: #727272;
font-size: 16px;
}
.cart-table tbody .available-info .icon {
position: absolute;
left: 0px;
top: 5px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 18px;
color: #ffffff;
background: #3e4494;
border-radius: 50%;
}
.cart-section .coupon-outer {
position: relative;
margin: 40px 0px 50px;
}
.cart-section .coupon-outer .cart-btn {
font-size: 14px;
padding: 14px 43px;
font-weight: 400;
cursor: pointer;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.cart-section .apply-coupon {
position: relative;
}
.cart-section .apply-coupon .form-group {
position: relative;
float: left;
margin-right: 20px;
}
.cart-section .apply-coupon .form-group .coupon-btn {
padding: 11px 28px;
line-height: 30px;
cursor: pointer;
}
.cart-section .apply-coupon .form-group input[type="text"] {
display: block;
line-height: 26px;
padding: 12px 0px;
border-bottom: 2px solid #081245;
height: 54px;
width: 230px;
background: none;
font-size: 14px;
}
.cart-section .estimate-form {
position: relative;
}
.cart-section .sec-title {
margin-bottom: 25px;
}
.cart-section .sec-title h2 {
font-size: 26px;
color: #222222;
}
.cart-section .estimate-form .row {
margin-left: -7px;
margin-right: -7px;
}
.cart-section .estimate-form .row .form-group {
padding: 0px 7px !important;
margin-bottom: 30px;
}
.cart-section .cart-note {
position: relative;
margin-bottom: 50px;
padding: 16px 20px;
text-align: center;
border: 1px dashed #b2dd4c;
background: #f4f4f4;
line-height: 1.7em;
}
.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"] {
position: relative;
line-height: 46px;
height: 46px;
background: #f4f4f4;
}
.bootstrap-touchspin .input-group-btn-vertical>.btn {
height: 27px;
line-height: 25px;
width: 25px;
padding: 0 !important;
background: #e9e9e9;
}
.bootstrap-touchspin .input-group-btn-vertical i {
left: 6px;
top: 6px;
}
.cart-total-box {
position: relative;
max-width: 490px;
margin-bottom: 40px;
padding: 40px 40px 30px;
background-color: #f4f4f4;
}
.cart-total-box h4 {
position: relative;
color: #222222;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 25px;
}
.totals-table {
position: relative;
}
.totals-table li {
position: relative;
color: #222222;
font-weight: 500;
font-size: 18px;
margin-bottom: 8px;
}
.totals-table li .col {
float: right;
width: auto;
}
.totals-table li .col-title {
font-weight: 600;
float: left;
}
.totals-table li.total {
margin-top: 25px;
padding-top: 30px;
border-top: 1px solid #cccccc;
}
.checkout-btn {
color: #ffffff;
font-size: 16px;
font-weight: 400;
padding: 17px 43px 14px;
cursor: pointer;
background-color: #081245;
}
/***
====================================================================
Checkout Page
====================================================================
***/
.checkout-page {
position: relative;
z-index: 9;
background-color: #ffffff;
padding: 100px 0px 80px;
}
.checkout-page .default-links {
position: relative;
margin-bottom: 40px;
}
.checkout-page .default-links li {
margin-bottom: 15px;
line-height: 24px;
padding: 18px 28px;
background: #f9f9f9;
color: #797979;
font-size: 17px;
font-weight: 600;
border: 1px solid #ebebeb;
}
.checkout-page .default-links li a {
color: #081245;
text-decoration: underline;
}
.shop-form .billing-inner {
position: relative;
padding-right: 100px;
}
.shop-form .sec-title h2 {
font-size: 24px;
}
.shop-form .form-group {
position: relative;
margin-bottom: 20px;
}
.billing-details .shop-form .sec-title {
margin-bottom: 20px;
}
.billing-details .shop-form .form-group.sec-title {
margin-bottom: 10px;
padding-bottom: 30px;
margin-top: 20px;
}
.shop-form .form-group .field-label {
display: block;
line-height: 24px;
margin-bottom: 8px;
color: #797979;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
}
.shop-form .form-group .field-label sup {
position: relative;
top: 0px;
color: #797979;
font-size: 16px;
}
.shop-form input[type="text"],
.shop-form input[type="email"],
.shop-form input[type="password"],
.shop-form input[type="tel"],
.shop-form input[type="number"],
.shop-form input[type="url"],
.shop-form select,
.shop-form textarea {
position: relative;
display: block;
width: 100%;
background: #ffffff;
line-height: 16px;
padding: 10px 15px;
height: 50px;
border: 1px solid #eeeeee;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.shop-form input.address-two {
margin-top: 12px;
}
.shop-form input::-webkit-input-placeholder,
.shop-form select::-webkit-input-placeholder,
.shop-form textarea-webkit-input-placeholder {
color: #c6c6c6;
}
.shop-form select {
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
cursor: pointer;
}
.shop-form select option {
text-indent: 15px;
}
.shop-form textarea {
resize: none;
height: 100px !important;
overflow: hidden;
}
.shop-form input:focus,
.shop-form select:focus,
.shop-form textarea:focus {
border-color: #081245;
}
/* Shop Order Box */
.shop-order-box {
position: relative;
padding: 20px 28px 50px;
border: 1px solid #d9d9d9;
background-color: #fdfdfd;
}
.shop-order-box .order-list {
position: relative;
}
.shop-order-box .order-list li {
position: relative;
color: #797979;
font-size: 15px;
font-weight: 500;
margin-bottom: 12px;
}
.shop-order-box .order-list li span {
float: right;
width: 35%;
text-align: left;
font-size: 17px;
text-transform: capitalize;
}
.shop-order-box .order-list li span.dark {
color: #242424;
}
.shop-order-box .order-list li.total {
padding: 8px 0px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
.payment-options {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
}
.checkout-page .payment-options li {
position: relative;
margin-bottom: 15px;
}
.checkout-page .payment-options li .radio-option {
position: relative;
}
.checkout-page .payment-options li .radio-option label {
position: relative;
display: block;
padding-left: 30px;
font-weight: 600 !important;
text-transform: capitalize;
letter-spacing: 1px;
color: #797979;
cursor: pointer;
font-size: 15px;
}
.checkout-page .payment-options li .radio-option label strong {
font-weight: 500;
display: inline-block;
color: #797979;
font-size: 15px;
}
.checkout-page .payment-options li .radio-option input[type="radio"] {
position: absolute;
left: 0px;
top: 7px;
}
.checkout-page .payment-options li .radio-option #payment-3 {
top: 9px;
}
.checkout-page .payment-options li .what-paypall {
font-size: 13px;
font-weight: 500;
margin-left: 15px;
color: #ff4200;
}
.checkout-page .payment-options li .what-paypall:hover {
text-decoration: none;
}
.checkout-page .payment-options li .radio-option label .small-text {
position: relative;
display: none;
padding: 18px 26px;
letter-spacing: 0px;
text-transform: none;
font-weight: normal;
font-size: 15px;
color: #8e8d8d;
border-radius: 4px;
line-height: 20px;
line-height: 1.8em;
margin-top: 20px;
margin-left: -30px;
background-color: #ececec;
}
.checkout-page .payment-options li .radio-option label .small-text:before {
position: absolute;
content: '';
left: 24px;
top: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 15px solid #ececec;
}
.checkout-page .payment-options li .radio-option input[type="radio"]:checked+label .small-text {
display: block;
}
.checkout-page .payment-options li .radio-option label img {
position: relative;
top: -3px;
display: inline-block;
max-width: 100%;
padding-left: 30px;
}
.checkout-page .payment-options li .radio-option label img {
position: relative;
display: inline-block;
max-width: 100%;
padding-left: 30px;
}
/***
====================================================================
Login / Register Section
====================================================================
***/
.register-section {
position: relative;
z-index: 9;
background-color: #ffffff;
padding: 60px 0px 40px;
}
.register-sec .input-filed select {
margin-top: -10px;
}
.register-section .form-column {
width: 500px;
margin: auto;
}
.register-section .form-column .sec-title {
position: relative;
margin-bottom: 30px;
}
.register-section .form-column .sec-title h2 {
text-align: center;
}
.styled-form {
position: relative;
}
.styled-form .submit-text {
font-size: 15px;
color: #9e9e9e;
font-weight: 400;
margin-top: 10px;
}
.styled-form .form-group {
position: relative;
margin-bottom: 30px;
font-size: 14px;
display: flex;
flex-direction: column;
color: #848484;
}
.checkout-section .styled-form .form-group {
position: relative;
margin-bottom: 20px;
}
.styled-form .form-group .check-box {
line-height: 24px;
font-size: 15px;
font-weight: normal;
padding-top: 5px;
color: #272727;
}
.styled-form .form-group .check-box label {
position: relative;
top: -1px;
font-weight: normal;
padding: 0px;
font-size: 15px;
cursor: pointer;
}
.styled-form .pull-left label,
.styled-form .pull-right label {
cursor: pointer;
}
.styled-form .form-group .adon-icon {
position: absolute;
top: 50%;
margin-top: -10px;
right: 10px;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 15px;
color: #999999;
z-index: 2;
}
.styled-form .form-group .field-label {
display: block;
color: #272727;
text-transform: capitalize;
font-size: 16px;
margin-bottom: 7px;
font-weight: 400;
}
.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea {
position: relative;
display: block;
width: 100%;
background: #ffffff;
line-height: 30px;
padding: 8px 20px;
height: 50px;
border: 1px solid #c3c3c3;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.checkout-section .styled-form input[type="text"],
.checkout-section .styled-form input[type="email"],
.checkout-section .styled-form input[type="password"],
.checkout-section .styled-form select {
line-height: 26px;
height: 44px;
}
.styled-form select {
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
cursor: pointer;
}
.styled-form select option {
text-indent: 20px;
}
.styled-form textarea {
resize: none;
height: 110px;
}
.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus {
border-color: #081245;
}
.styled-form .form-group .theme-btn {
min-width: 150px;
text-align: center;
padding: 10px 34px;
line-height: 20px;
border-radius: 0px;
cursor: pointer;
}
.styled-form .remember-me {
position: relative;
color: #222222;
font-size: 16px;
font-weight: 500;
}
.social-links-two a {
position: relative;
display: inline-block;
font-size: 14px;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
color: #ffffff;
background: #fc721e;
margin: 0px 0px 0px 5px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.social-links-two a:hover {
opacity: 0.80;
}
.social-links-two .facebook {
background: #3b5998;
}
.social-links-two .twitter {
background: #33ccfe;
}
.social-links-two .google-plus {
background: #dd4b39;
}
/***
==================================================================
Right To Left Style
==================================================================
***/
.rtl .contact-section .contact-info-box ul,
.rtl .styled-pagination,
.rtl .owl-carousel {
direction: ltr !important;
}
.rtl {
direction: rtl;
text-align: right;
}
.rtl .main-slider {
direction: ltr;
text-align: left;
}
.rtl .main-header .main-box:before,
.rtl .contact-list-one li i {
left: auto;
right: 0;
}
.rtl .header-top .top-left {
padding-left: 0;
padding-right: 20px;
}
.rtl .header-top .top-right {
padding-left: 0;
padding-right: 70px;
}
.rtl .main-header .logo-box {
margin-right: 0;
margin-left: 70px;
border-radius: 10px 10px 40px 0;
}
.rtl .main-header .main-box,
.rtl .main-header .main-box:before {
border-radius: 10px 10px 40px 0;
}
.rtl .social-icon-one li {
margin-right: 0;
margin-left: 10px;
}
.rtl .contact-list-one li {
text-align: right;
padding-left: 0;
padding-right: 55px;
margin-left: 60px;
margin-right: 0;
}
.rtl .hidden-bar .contact-list-one li {
padding-right: 50px;
padding-left: 0;
margin-left: 0;
}
.rtl .nav-toggler {
margin-left: 0;
}
.rtl .btn-style-one i {
margin-right: 0;
margin-left: 10px;
}
.rtl .main-header .theme-btn {
margin-left: 0;
margin-right: 30px;
}
.rtl .main-menu .navigation>li {
margin-right: 0;
margin-left: 40px;
}
.rtl .main-menu {
float: right;
}
.rtl .main-menu .navigation>li>ul {
left: auto;
right: 0;
text-align: right;
}
.rtl .main-menu .navigation>li.dropdown:hover>ul {
left: auto;
right: 0px;
}
.rtl .main-menu .navigation>li>ul>li:hover>a {
padding-left: 18px;
padding-right: 30px;
}
.rtl .main-menu .navigation>li.dropdown>a:after {
right: auto;
left: -14px;
}
.rtl .main-menu .navigation>li>ul>li>a:before {
right: auto;
left: 10px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.rtl .main-menu .navigation>li>ul>li.dropdown>a:after {
right: auto;
left: 15px;
}
.rtl .main-menu .navigation>li>ul>li>ul {
left: auto;
right: 100%;
}
.rtl .about-section .image-3 {
left: auto;
right: -50px;
}
.rtl .about-section .image-2 {
right: auto;
left: 0;
}
.rtl .about-section .image-1 {
margin-left: 0;
margin-right: -80px;
}
.rtl .about-section .about-image-wrapper .play-btn {
left: auto;
right: 50%;
margin-right: -20px;
margin-left: 0;
}
.rtl .fact-counter .counter-column .inner-box {
padding-left: 0;
padding-right: 130px;
}
.rtl .fact-counter .counter-column .count-box {
left: auto;
right: 0;
}
.rtl .fact-counter .counter-column .icon:before {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.rtl .speaker-block .social-links {
right: auto;
left: 30px;
}
.rtl .speaker-block .plus-icon {
right: auto;
left: 25px;
}
.rtl .speaker-block .image-box {
padding: 17px 0px 0 22px;
}
.rtl .speaker-block .image-box:before {
right: 40px;
left: 0px;
}
.rtl .schedule-tabs .tab-buttons li .date-box {
padding-left: 0;
padding-right: 65px;
}
.rtl .schedule-tabs .tab-buttons li .date {
left: auto;
right: 0;
}
.rtl .pricing-block .features li {
padding-left: 0;
padding-right: 30px;
}
.rtl .pricing-block .features li:before {
left: auto;
right: 0;
}
.rtl .news-block .author .thumb {
margin-left: 15px;
margin-right: 0;
}
.rtl .news-block .author .name {
margin-right: 0;
margin-left: auto;
}
.rtl .news-block .post-info li {
margin-right: 0;
margin-left: 25px;
}
.rtl .news-block .post-info li span {
margin-right: 0;
margin-left: 10px;
}
.rtl .header-style-two .header-top .inner-container {
padding-left: 0;
padding-right: 270px;
}
.rtl .header-style-two .header-top .top-left {
padding-left: 20px;
padding-right: 0;
}
.rtl .contact-list-two li {
margin-right: 0;
margin-left: 60px;
}
.rtl .header-style-two .logo-box {
border-radius: 0;
}
.rtl .header-style-two .nav-toggler {
margin-left: 0;
margin-right: 30px;
}
.rtl .event-search-form form {
padding-right: 0;
padding-left: 255px;
}
.rtl .event-search-form .btn-box {
right: auto;
left: 0;
}
.rtl .event-search-form .ui-selectmenu-button.ui-button,
.rtl .event-search-form .form-group input,
.rtl .event-search-form .form-group select,
.rtl .event-search-form .form-group textarea {
padding-left: 0;
padding-right: 0;
}
.rtl .event-search-form .icon {
left: auto;
right: 0;
}
.rtl .ui-selectmenu-text {
margin-right: 0;
margin-left: 20px;
text-align: right;
}
.rtl .ui-button .ui-icon {
display: none;
}
.rtl .about-section-two .fact-counter-two {
margin-left: 0;
margin-right: 100px;
}
.rtl .video-box-one {
margin-left: 0;
margin-right: -90px;
}
.rtl .about-section-two .video-box-outer {
padding-right: 50px;
padding-left: 70px;
}
.rtl .feature-block-three {
margin-left: 0;
margin-right: 100px;
}
.rtl .speaker-block-two .plus-icon {
left: auto;
right: 20px;
}
.rtl .speaker-block-two .social-links {
left: auto;
right: 25px;
}
.rtl .speaker-block-two .image-box:before {
right: auto;
left: 0px;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.rtl .schedule-block-two .date-box {
padding-right: 90px;
padding-left: 20px;
}
.rtl .schedule-block-two .date-box .count {
left: auto;
right: 20px;
}
.rtl .schedule-block-two .speaker-info {
padding-right: 95px;
padding-left: 0;
}
.rtl .schedule-block-two .speaker-info .thumb {
left: auto;
right: 0;
}
.rtl .pricing-block-two .title-box:before {
left: auto;
right: -50px;
}
.rtl .pricing-block-two .price-box:before {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.rtl .testimonial-block .info-box .thumb,
.rtl .pricing-block-two .features li:before {
left: auto;
right: 0;
}
.rtl .pricing-block-two .features li {
padding-left: 0;
padding-right: 30px;
}
.rtl .testimonial-block .info-box {
padding-left: 0;
padding-right: 125px;
}
.rtl .testimonial-carousel .testimonial-block .info-box .rating {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.rtl .testimonial-block .text-box:after {
left: auto;
right: 25px;
}
.rtl .news-block.style-three .lower-content {
padding-left: 0;
padding-right: 30px;
}
.rtl .news-block .author .likes {
margin-left: 0;
margin-right: 25px;
}
.rtl .news-block .author .likes span {
margin-right: 0;
margin-left: 5px;
}
.rtl .user-links li a:before,
.rtl .main-footer .footer-column .widget-title:before {
left: auto;
right: 0;
}
.rtl .user-links li a:before {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.rtl .user-links li a {
padding-left: 0;
padding-right: 20px;
}
.rtl .contact-list-three li {
padding-left: 0;
padding-right: 60px;
}
.rtl .contact-list-three li .icon {
left: auto;
right: 0;
}
.rtl .header-top-two .inner-container {
padding-left: 0;
padding-right: 250px;
}
.rtl .header-top-two .inner-container:before {
left: -15px;
right: -45px;
-webkit-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
}
.rtl .header-top-two .top-right {
padding-right: 0;
padding-left: 30px;
}
.rtl .contact-list-four li {
padding-left: 0;
padding-right: 55px;
margin-left: 60px;
margin-right: 0;
}
.rtl .contact-list-four li i {
left: auto;
right: 0;
}
.rtl .header-style-three .header-lower .logo-box {
left: auto;
right: 0;
margin-left: 0;
margin-right: -30px;
}
.rtl .header-style-three .header-lower .logo-box:before {
-webkit-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
}
.rtl .header-style-three .header-lower .social-icon-four {
margin-right: 0;
margin-left: 55px;
}
.rtl .social-icon-four:before {
left: -20px;
right: -55px;
-webkit-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
}
.rtl .header-style-three .header-lower .main-menu {
padding-left: 0;
padding-right: 20px;
margin-right: auto;
margin-left: 0;
}
.rtl .header-style-three .header-lower .main-menu:before {
right: -15px;
left: 30px;
-webkit-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
border-radius: 30px 0 0 30px;
}
.rtl .header-style-three .header-lower .main-menu .navigation>li {
margin-right: 0;
margin-left: 40px;
}
.rtl .info-list-two li {
padding-left: 0;
padding-right: 50px;
margin-right: 0;
margin-left: 50px;
}
.rtl .info-list-two li i {
left: auto;
right: 0;
}
.rtl .banner-section-two .content-box .info-list-two {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.rtl .banner-section-two .theme-btn {
margin-right: 0;
margin-left: 30px;
}
.rtl .time-countdown-two .counter-column {
padding-right: 0;
margin-right: 0;
padding-left: 50px;
margin-left: 50px;
}
.rtl .time-countdown-two .counter-column:last-child {
padding-left: 0;
margin-left: 0;
}
.rtl .time-countdown-two .counter-column:before {
right: auto;
left: -5px;
}
.rtl .about-section-three .info-box {
right: auto;
left: 50px;
}
.rtl .about-section-three .info-box:before {
left: auto;
right: -30px;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.rtl .about-section-three .image-1:before {
left: auto;
right: 0;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.rtl .about-section-three .image-2 {
right: auto;
left: 0;
}
.rtl .feature-block-four .inner-box {
padding-left: 0;
padding-right: 70px;
}
.rtl .feature-block-five .inner-box h4:before,
.rtl .feature-block-four .icon-box {
left: auto;
right: 0;
}
.rtl .about-section-three .about-image-wrapper {
margin-right: 0;
margin-left: 30px;
}
.rtl .schedule-tabs .tab-buttons.style-two li:first-child {
border-radius: 0 100px 100px 0;
}
.rtl .schedule-tabs .tab-buttons.style-two li:last-child {
border-radius: 100px 0 0 100px;
}
.rtl .schedule-section .schedule-timeline {
direction: ltr;
}
.rtl .accordion-box .block .acc-btn {
padding-left: 30px;
padding-right: 90px;
}
.rtl .accordion-box .block .acc-btn .icon {
left: auto;
right: 0;
}
.rtl .news-block.style-four .author {
padding-right: 0;
padding-left: 10px;
border-radius: 10px 30px 30px 10px;
}
.rtl .newsletter-form-two .form-group {
padding-right: 0;
padding-left: 170px;
}
.rtl .newsletter-form-two .form-group .theme-btn {
right: auto;
left: 15px;
}
.rtl .feature-block-five .theme-btn i {
margin-left: 0;
margin-right: 10px;
}
.rtl .page-breadcrumb li:after {
right: auto;
left: -5px;
}
.rtl .time-counter .time-countdown-two .counter-column {
padding: 0;
}
.rtl .coming-soon .emailed-form .form-group input[type="submit"],
.rtl .coming-soon .emailed-form button {
right: auto;
left: 0;
}
.rtl .coming-soon .emailed-form .form-group input[type="text"],
.rtl .coming-soon .emailed-form .form-group input[type="tel"],
.rtl .coming-soon .emailed-form .form-group input[type="email"],
.rtl .coming-soon .emailed-form .form-group textarea {
padding-left: 50px;
padding-right: 20px;
}
.rtl .schedule-detail .speaker-info {
padding-left: 0;
padding-right: 125px;
}
.rtl .checkout-page .payment-options li .radio-option input[type="radio"],
.rtl .sidebar .popular-posts .post .post-thumb,
.rtl .blog-categories li:before,
.rtl .list-style-one li:before,
.rtl .sidebar-title:before,
.rtl .schedule-detail .upper-info .icon,
.rtl .schedule-detail .speaker-info .thumb {
left: auto;
right: 0;
}
.rtl .schedule-detail .upper-info li {
padding-left: 0;
padding-right: 30px;
margin-right: 0;
margin-left: 20px;
}
.rtl .list-style-one li {
padding-left: 0;
padding-right: 30px;
}
.rtl .sidebar .search-box .form-group button {
right: auto;
left: 0;
}
.rtl .blog-categories li {
padding-left: 0;
padding-right: 20px;
}
.rtl .sidebar .popular-posts .post .post-inner {
padding-left: 0;
padding-right: 130px;
}
.rtl .sidebar .popular-posts .post-info i {
margin-right: 0;
margin-left: 10px;
}
.rtl .sidebar .popular-tags a {
float: right;
}
.rtl .product-details .basic-details .item-quantity {
margin-right: 0;
margin-left: 20px;
}
.rtl .shop-list li strong {
margin-right: 0px;
margin-left: 5px;
}
.rtl .shop-page .prod-tabs .reviews-container .review-box {
padding-left: 0;
padding-right: 120px;
}
.rtl .shop-page .prod-tabs .reviews-container .rev-thumb {
left: auto;
right: 0;
}
.rtl .shop-page .prod-tabs .reviews-container .rev-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rtl .shop-page .prod-tabs .reviews-container .rev-header .rating {
margin-left: 0;
margin-right: 40px;
}
.rtl .shop-page .prod-tabs .reviews-container .rev-header .time {
margin-right: auto;
}
.rtl .cart-section .table-outer {
direction: ltr;
text-align: center;
}
.rtl .shop-form .billing-inner {
padding-right: 0;
padding-left: 100px;
}
.rtl .shop-order-box .order-list li {
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rtl .checkout-page .payment-options li .radio-option label {
padding-left: 0;
padding-right: 30px;
}
.rtl .checkout-page .payment-options li .radio-option label img {
padding-left: 0;
padding-right: 30px;
}
.rtl .styled-form .form-group .adon-icon {
right: auto;
left: 10px;
}
.rtl .sidebar-page-container .news-block.style-four .tag {
right: auto;
left: 30px;
}
.rtl .post-share-options .tags li .title {
margin-right: 0;
margin-left: 10px;
}
.rtl .author-box .social-links {
right: auto;
left: 40px;
}
.rtl .author-box .inner-box:before {
left: 0;
right: 85px;
}
.rtl .author-box .thumb {
left: auto;
right: 0;
}
.rtl .author-box .inner-box {
padding-right: 200px;
padding-left: 40px;
}
.rtl .comments-area .comment {
padding-left: 0;
padding-right: 150px;
}
.rtl .comments-area .comment-box .author-thumb {
left: auto;
right: 0;
}
.rtl .map-section .contact-info li {
padding-left: 0;
padding-right: 90px;
}
.rtl .map-section .contact-info li .icon {
left: auto;
right: 0;
}
.rtl .checkout-page .payment-options li .radio-option label .small-text {
margin-left: 0;
margin-right: -30px;
}
.rtl .mobile-nav-toggler {
margin-left: 0;
margin-right: 20px;
}
.rtl .date-box-one.bg_yellow {
margin-left: 0;
margin-right: -30px;
}
.rtl .mobile-menu .navigation li.dropdown .dropdown-btn {
right: auto;
left: 0;
}
.rtl .mobile-menu .nav-logo {
text-align: right;
}
.rtl .mobile-menu .contact-list-one li {
padding-right: 45px;
}
.rtl .checkout-page .payment-options li .radio-option label .small-text:before {
left: auto;
right: 24px;
}
.rtl .header-style-two .header-top .top-right {
padding: 0;
}
.rtl .search-popup .form-group input[type="submit"],
.rtl .search-popup .form-group button {
right: auto;
left: 0;
}
.rtl .comments-area .comment-box.reply-comment {
margin-left: 0;
margin-right: 100px;
}
.rtl .main-menu .navigation>li>.mega-menu,
.rtl .main-menu .navigation>li .mega-menu-bar .column>ul>li>a {
text-align: right;
}
/***
====================================================================
Box Layout
====================================================================
***/
.box-layout .page-wrapper {
max-width: 1280px;
margin: 0 auto;
background-color: #ffffff;
overflow: hidden;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.10);
}
.box-layout .main-header {
max-width: 1280px;
left: 0;
right: 0;
margin: 0 auto;
}
.box-layout {
background-repeat: repeat;
background-position: center;
background-attachment: fixed;
background-image: url(../images/icons/boxed-bg.html);
}
.box-layout .coming-soon {
position: relative;
}
.heading-lower {
font-size: 19px;
font-weight: 600;
text-align: justify;
}
.lower-content .read-more {
display: block;
font-size: 16px;
font-weight: 700;
color: #ff4200;
text-align: center;
padding-top: 10px;
}
.Non-residential-carousel .news-block .lower-content {
position: relative;
padding: 0px 15px 15px;
direction: ltr;
}
.card-group .card-body .card-title {
text-align: center;
}
.card-group .card-body .card-title a {
color: #081245;
}
.card-group .card-body .card-title a {
color: #081245;
}
.card-group .card {
border: 1px solid rgb(0 153 0);
}
.card-group .card .card-footer {
border: 1px solid rgb(0 153 0);
}
.card .card-footer {
text-align: center;
}
.card .card-footer a {
color: #ff4200;
font-weight: 700;
}
.lower-content a,
.final-link a {
color: #ff4200;
}
.residential-carousel .card .card-body {
height: 250px;
}
.Non-residential-carousel .card .card-body {
height: 290px;
}
.clients-section-2 {
position: relative;
padding: 90px 0 90px;
}
.Special-carousel .card .card-body {
height: 290px;
}
.btn-box img {
padding-right: 10px;
}
/* Style for the floating button */
.floating-button {
position: fixed;
bottom: 80px;
/* Adjust the distance from the bottom as needed */
right: 20px;
/* Adjust the distance from the right as needed */
background: -o-linear-gradient(135deg, #ffc600 1%, #ff6c00 100%);
background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
content: "";
color: #fff;
z-index: 999;
border: 0;
border-radius: 0px 30px;
padding: 10px 25px;
cursor: pointer;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.donate-btn {
padding-right: 10px;
}
.pricing-block-two .inner-box .features .future-head {
font-size: 18px;
line-height: 26px;
padding-bottom: 15px;
color: #fc6f00;
font-weight: 700;
text-align: center;
}
.inner-box .features li span {
font-size: 14px;
font-weight: 600;
}
.inner-box .features li span a {
font-size: 16px;
font-weight: 600;
color: #494949;
}
.about-section-three .content-column .text {
text-align: justify;
text-indent: 70px;
}
.activity-section .abt-title-1 {
padding-bottom: 15px;
text-align: justify;
}
.activity-section .abt-title-2 {
padding-bottom: 15px;
text-align: end;
}
.activity-section .text {
text-align: justify;
}
.activity-section .row {
padding-top: 25px;
padding-bottom: 25px;
}
.activity-section .text a {
color: #555555;
font-weight: 600;
}
.activity-section h4 {
color: #081245;
}
.activity-section .artist {
color: #ff4200;
text-transform: capitalize;
padding-top: 50px;
}
.activity-section .artist h5 {
font-weight: 700;
}
.inner-content-abt .sec-title h2 {
display: block;
font-size: 21px;
line-height: 35px;
color: #081245;
font-weight: 700;
text-transform: capitalize;
}
.inner-content-abt p {
text-align: justify;
}
.inner-content-abt h6 {
font-size: 17px;
text-align: end;
padding-top: 10px;
color: #FF9800;
}
.inner-content-abt .sub-title {
text-align: center;
font-family: 'Nunito', sans-serif;
}
.read-more-tittle h2 a {
float: right;
font-size: 18px;
color: #ff7800;
padding: 0px 10px;
}
.read-more-tittle h2 a:hover {
box-shadow: unset;
}
.google_translate_element .goog-te-gadget {
font-family: arial;
font-size: 11px;
color: #fff;
white-space: nowrap;
}
.contact-list-two li a span {
color: #ffaf00;
font-weight: 600;
font-size: 14px;
}
.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display: none;
}
.goog-te-gadget {
display: flex;
}
.goog-logo-link {
display: none !important;
}
.goog-te-gadget {
color: transparent !important;
}
.goog-te-banner-frame.skiptranslate {
display: none !important;
}
.dropdown ul li a i {
padding-right: 5px;
font-size: 14px;
}
.magazine-column .btn-box {
display: flex;
align-items: end;
justify-content: end;
}
.counter-column .inner-box .inner-quotes {
color: #fff;
}
.counter-column .inner-box .inner-quotes h5 {
padding: 10px 0;
font-weight: 800;
color: #ffba00;
}
.counter-column .inner-box .inner-quotes p {
text-align: end;
color: #ffba00;
}
.author-font {
font-family: cursive;
}
.author-head-font {
font-family: 'Nunito', sans-serif;
}
.activity-section .left-image-section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.contact-list-two li img {
padding-right: 5px;
fill: white;
filter: brightness(0) invert(1);
}
.contact-list-two .globe i {
top: 0;
left: 0;
}
.intro-section .content-column p {
margin-bottom: 0px;
text-align: justify;
text-indent: 50px;
}
.intro-section .content-column {
position: relative;
margin-bottom: 0px;
}
/* .colored > .active {
color: #ffae00;
}
.schedule-tabs .tab-buttons li .month .colored:active{
color: #ffae00;
} */
.query-sec .text {
text-align: justify;
}
.mission-left-sec img {
padding-left: 150px;
}
.news-block .lower-content h2 {
position: relative;
padding: 15px 15px 15px;
}
.news-block .lower-content p {
text-align: justify;
}
.sidebar-widget h2 {
font-size: 36px;
background: #fff;
text-align: center;
color: #081245;
}
.widget-content h6 {
padding: 20px 0;
color: #ff7c0b;
font-weight: 700;
}
.widget-content p {
text-align: justify;
}
.light .sub-title {
color: #fff;
}
/* new css */
.wisdom-btn {
font-size: 16px;
line-height: 18px !important;
padding: 10px 23px !important;
min-width: 30px !important;
}
.wisdom-video-img {
position: relative;
}
.Wisdom-play-icon {
font-size: 40px !important;
color: #fff;
}
.wisdom-position-right {
position: absolute;
right: 103px;
top: 110px;
}
.wisdom-position-left {
position: absolute;
top: 110px;
left: 108px;
}
.health-down-btn {
position: relative;
align-items: center;
text-align: end;
padding: 10px 0;
display: flex;
justify-content: space-between;
}
.health-down-btn button a {
color: #000 !important;
font-size: 15px;
}
.health-down-btn button {
border: 1px solid #ccc;
padding: 3px 6px;
cursor: pointer;
background: #fff;
border-radius: 6px;
}
.health-down-btn button:hover {
box-shadow: 0px 2px 14px 0px #888888;
}
.vidio-btn-left {
text-align: left !important;
}
.wisdom-btn span {
color: #fff !important;
}
.wisdom-health-section .differnt-video-sec {
padding: 0px 0;
}
.wisdom-health-section .for-more-cont {
padding-left: 10px;
font-weight: 600;
}
.login-page-start {
border: 2px solid #ff7808;
padding: 30px;
}
.account-page {
font-size: 13px;
padding: 20px 0;
color: #333333;
}
.register-acc {
color: #ff7908;
}
.event-search-section a span {
color: #fff;
}
.title-outer .active-sec {
color: #ff9b00;
font-size: 16px;
font-weight: 400;
}
.event-search-section {
padding: 20px 0;
}
.basker-events-card .news-block .lower-content {
position: unset;
min-height: 202px;
}
.basker-events-card .news-block .event-title {
background-image: linear-gradient(-155deg, rgb(30 12 79 / 50%) 37%, rgba(255, 255, 255, .08) 15%), linear-gradient(258deg, rgba(87, 238, 255, .1), rgb(0 11 48));
background-color: rgba(74, 148, 214, .9);
}
.basker-events-card .news-block h4 a {
font-size: 15px !important;
color: white !important;
}
.basker-events-card .news-block.style-four {
padding-bottom: 25px;
margin-bottom: unset !important;
}
.social-bar .social-icons {
display: flex;
justify-content: space-evenly;
align-items: center;
}
.trial-block {
padding: 30px 0 30px 0;
}
.trial-block h2 {
font-size: 30px;
}
.upcomming-events p {
font-size: 15px;
}
.upcomming-events .btn-style-one {
position: relative;
font-size: 14px;
line-height: 27px;
color: #ffffff;
padding: 5px 23px;
font-weight: 600;
overflow: hidden;
background: -o-linear-gradient(45deg, #4CAF50 1%, #8BC34A 100%);
background: linear-gradient(45deg, #4CAF50 1%, #8BC34A 100%);
border-radius: 30px;
}
.wisdom-health-section .sticky-side {
position: sticky;
top: 150px;
}
.nishanthi-text .timer-function {
padding: 15px 0;
}
.feature-section .owl-carousel-meet {
padding-bottom: 25px;
}
.nishanthi-text .timer-function #countdown {
display: contents;
}
#countdown .labels {
width: 100%;
height: 75px;
text-align: center;
position: absolute;
bottom: 15px;
left: 315px;
}
/* Search Page Design */
.pro-article-1 {
padding-bottom: 20px;
}
.btn.focus,
.btn:focus {
outline: 0;
box-shadow: none;
}
button.btn.filter-btn {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
border: 1px solid #ff7400;
text-transform: uppercase;
font-size: 15px;
color: #333333;
border-radius: 0px;
}
.filter-dropdown {
padding: 20px 40px;
margin: 20px 0;
border: 1px solid #ff7400;
}
.event-search-section .btn-box {
display: flex;
justify-content: flex-end;
}
/* scroll-bar */
.scrollbar-fixed {
height: 184px;
overflow-y: scroll;
}
/* scroll-bar-end */
.pro-article-1 h4 {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
padding-bottom: 15px;
}
.pro-article-1 #program-type-select {
width: 100%;
height: 36.5px;
border: 1px solid #ff7400;
font-size: 15px;
padding: 0 10px;
text-transform: uppercase;
color: #333333;
border-radius: 0px;
background: transparent;
background-image: url(../images/New-Images/down-arrow-1.svg);
background-repeat: no-repeat;
background-position-x: 96%;
background-position-y: 13px;
-webkit-appearance: none;
-moz-appearance: none;
background-color: transparent;
}
.pro-article-1 #program-type-select:focus-visible {
outline: none;
}
.filter-dropdown-last-row {
display: flex;
align-items: center;
justify-content: center;
grid-gap: 20px;
padding-top: 15px;
}
.filter-dropdown-last-row .filter-done-btn {
background-color: #fe5722;
color: #fff;
padding: 5px 30px;
border-radius: 0px;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
}
.filter-dropdown-last-row .reset-filter-btn {
color: #333333;
padding: 5px 30px;
border: 1px solid #999999;
border-radius: 0px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.filter-dropdown label {
font-family: "Roboto";
font-weight: normal;
}
/* The container */
.main-check {
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 12px;
cursor: pointer;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
max-width: fit-content;
line-height: 18px;
}
/* Hide the browser's default checkbox */
.main-check input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 15px;
width: 15px;
border: 1px solid #ff7a00;
}
/* When the checkbox is checked, add a blue background */
.main-check input:checked~.checkmark {
background-color: #2196f3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.main-check input:checked~.checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.main-check .checkmark:after {
left: 4px;
top: 0px;
width: 6px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.check-left-line {
border-left: 1px solid #ffb800;
}
.filters {
text-align: center;
}
.filter_link {
color: #fff;
padding: 6px 15px;
border-radius: 3px;
margin-right: 10px;
display: inline-block;
color: #6e6e6e;
border: 1px solid #ffa200;
border-radius: 25px;
font-weight: 500;
font-size: 14px;
}
.filter_link:active,
.filter_link:focus,
.filter_link:hover {
color: #fff !important;
opacity: 0.8;
background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
}
.cd-container:after {
display: table;
}
.cd-items {
padding: 0;
margin: 0;
}
.cd-item {
position: relative;
margin: 0 0 1em;
display: none;
}
.cd-item>img {
display: block;
width: 100%;
}
@media only screen and (min-width: 1024px) {
.cd-item.empty-box::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #392c3f;
}
}
.cd-trigger {
position: absolute;
font-weight: 500;
font-size: 16px;
bottom: 25%;
left: 0;
right: 0;
background: #ff5521bf;
text-align: center;
color: #fff;
padding: 10px;
margin: 0 15px;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.2s, background-color 0.2s;
-moz-transition: opacity 0.2s, background-color 0.2s;
transition: opacity 0.5s, background-color 0.5s;
font-size: 16px;
font-weight: 600;
cursor: pointer;
}
@media only screen and (max-width: 1024px) {
.cd-trigger {
height: 30%;
top: 70%;
padding-top: 0;
bottom: 0;
visibility: visible;
opacity: 1;
}
}
.cd-item:hover .cd-trigger {
visibility: visible;
opacity: 1 !important;
}
@-webkit-keyframes cd-slide-in {
0% {
-webkit-transform: translate3d(-40px, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes cd-slide-in {
0% {
-moz-transform: translate3d(-40px, 0, 0);
}
100% {
-moz-transform: translate3d(0, 0, 0);
}
}
@keyframes cd-slide-in {
0% {
-webkit-transform: translate3d(-40px, 0, 0);
-moz-transform: translate3d(-40px, 0, 0);
-ms-transform: translate3d(-40px, 0, 0);
-o-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.cd-container:after {
display: table;
}
.cd-container:after,
.cd-quick-view:after,
.cd-slider-wrapper:after {
content: "";
clear: both;
}
.cd-items h6 {
font-size: 14px;
color: #333333;
}
.cd-items p {
font-size: 15px;
color: #333333;
font-family: "Roboto";
font-weight: normal;
}
.cd-items p .offer-rate {
color: #fe5722;
padding-left: 10px;
font-weight: 600;
}
.product-article-row-3 .pro-ar3-inner-2 {
padding: 0;
}
.product-article-row-3 .pro-ar3-inner-2 .cd-item {
padding: 0;
}
a#seeMore {
display: block;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: white;
text-decoration: none;
background-color: #fe5722;
padding: 10px 20px;
width: 130px;
text-align: center;
margin: 30px auto;
cursor: pointer;
border-radius: 10px;
}
a#seeMore:hover {
background-color: #dd5c1a;
color: #ffffff;
}
.product-article-row-4 {
padding: 40px 0;
}
.gallery-block .event-logo-sec {
width: 80%;
}
.event-search-section .last-check-column {
display: block;
position: relative;
}
.event-search-section .close-btn-sec {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.schedule-timeline .box-position {
display: inline-flex;
margin-left: 50px;
}
.booking-btn {
display: flex;
margin-top: 0px;
}
.booking-btn .btn-style-three {
margin-top: 30px;
margin-left: 40px;
}
.tab-row {
grid-row-gap: 30px;
}
.tab-section-wrapper {
margin: 40px 0;
}
.tab-heading-section .nav-tabs .nav-item.show .nav-link,
.tab-heading-section .nav-tabs .nav-link.active,
.tab-heading-section .nav-tabs .nav-link:focus,
.tab-heading-section .nav-tabs .nav-link:hover {
border-color: #b7b7b7;
}
.tab-heading-section .nav-tabs {
column-gap: 20px;
}
.tab-heading-section .nav-link {
border: 1px solid #b7b7b7;
border-radius: 20px;
padding: 6px 25px;
font-weight: 500;
color: #000;
transition: 0.25s all;
}
.tab-heading-section .nav-tabs .nav-item.show .nav-link,
.tab-heading-section .nav-tabs .nav-link.active,
.tab-heading-section .nav-tabs .nav-link:focus,
.tab-heading-section .nav-tabs .nav-link:hover {
background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
color: #fff;
}
.schedule-block.even .booking-btn .btn-box a,
.schedule-block.even .speaker-info .btn-box {
margin-left: 0;
}
.schedule-block.even .speaker-info {
display: flex;
align-items: end;
justify-content: space-between;
}
.shop-page .prod-tabs .tab-btns .tab-btn:hover,
.shop-page .prod-tabs .tab-btns .tab-btn.active-btn {
color: #ffffff;
background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
border-color: unset;
}
::-webkit-scrollbar {
width: 10px
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #dd5c1a
}
::-webkit-scrollbar-thumb {
background: linear-gradient(45deg, #ffcd00 1%, #ffae00 100%);
border-radius: 5px
}
::-webkit-scrollbar-thumb:hover {
background: #ffad00
}
/* Css - Gowtham */
.filter-sec {
/* background: linear-gradient(45deg, #ffcd00 1%, #ffae00 100%); */
padding: 3px;
}
.filter-main {
display: flex;
align-items: center;
}
.filter-content {
padding: 20px 10px 20px 30px;
background: #e9e9e9;
width: 13%;
}
.filter-option {
width: 100%;
background: transparent;
padding: 15px 10px;
}
.hidden {
display: none;
}
.hiden-sec {
position: relative;
margin: 0 5px;
/* background: white; */
width: 15%;
padding: 5px;
border-radius: 7px;
border-bottom: 1px solid #ffb600;
}
.hide-sec {
position: absolute;
top: 100%;
left: 0;
border: 1px solid #e1e1e2;
border-left: 3px solid #ff7800;
box-shadow: 0px 8px 10px gray;
padding: 20px 10px;
width: 100%;
background: white;
z-index: 9999;
}
.hide-sec button {
width: 100%;
}
.arrow-down {
transform: rotate(0deg);
transition: transform 0.2s;
}
/* Rotate the arrow icon when the submenu is open */
.open .arrow-down {
transform: rotate(180deg);
}
.open i {
color: orangered;
}
.open .hidden {
transition: all 0.8s;
}
.event-title {
font-weight: 600;
color: black;
}
.submenu-filter {
padding: 8px 3px;
}
.filter-sec-top {
/* background-image: url(../images/New-Images/finder-bg.png); */
background: #ebebeb;
padding: 20px 0px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.filter-sec-top .flaticon-search:after {
content: unset !important;
}
.w-90 {
width: 90%;
}
.finder-content {
color: white;
text-transform: capitalize;
letter-spacing: 1.5px;
font-weight: 600;
font-size: 14px;
}
.search-content {
color: white;
margin-top: 18px;
font-weight: 400;
}
.search-content span {
color: white;
font-weight: 600;
letter-spacing: 1.5px;
font-size: 44px;
}
.search-top-content {
margin-bottom: 15px;
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
word-spacing: 1px;
letter-spacing: 1.6px;
}
.submit-btn {
margin-top: 8px;
width: 100%;
height: 48px;
font-weight: 700;
padding: 0px 20px;
text-align: center;
border-radius: 3px;
color: #ffffff;
text-transform: uppercase;
background-color: #333333;
}
.filter-btn .submit-btn {
margin-top: 33px;
width: 100%;
height: 42px;
font-weight: 700;
padding: 0px 20px;
text-align: center;
border-radius: 3px;
color: #ffffff;
text-transform: uppercase;
background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
}
.filter-sec-top input[type=search] {
color: gray;
}
.submit-icon {
position: absolute;
top: 14px;
right: 10px;
}
.w-70 {
width: 70%;
}
.w-80 {
width: 80%;
}
.owl-nav {
display: none;
}
.floating-button {
display: none !important;
}
.date-fixer {
display: flex;
flex-direction: column;
}
.event-section .section-title .big-title {
font-size: 42px;
}
.event-section .event-tab-menu {
padding-top: 45px;
}
.event-section .event-tab-menu .nav {
float: right;
display: table;
}
.event-section .event-tab-menu .nav li {
float: left;
margin-right: 30px;
display: inline-block;
}
.event-section .event-tab-menu .nav li:last-child {
margin-right: 0px;
}
.event-section .event-tab-menu .nav li a {
width: 100%;
display: block;
overflow: hidden;
position: relative;
padding-bottom: 15px;
color: #878787;
font-size: 18px;
text-transform: capitalize;
font-family: "Roboto", sans-serif;
}
.event-section .event-tab-menu .nav li a strong {
font-weight: 900;
}
.event-section .event-tab-menu .nav li a strong i {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.event-section .event-tab-menu .nav li a:before {
left: 0;
right: 0;
opacity: 0;
height: 3px;
bottom: -2px;
content: "";
position: absolute;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #ffbe30;
}
.event-section .event-tab-menu .nav li a:hover {
color: #333333;
}
.event-section .event-tab-menu .nav li a:hover strong i {
color: #ffbe30;
}
.event-section .event-tab-menu .nav li .active {
color: #333333;
}
.event-section .event-tab-menu .nav li .active strong i {
color: #ffbe30;
}
.event-section .event-tab-menu .nav li .active:before {
opacity: 1;
bottom: 0px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.event-section .tab-content .event-item {
padding: 15px;
margin-bottom: 30px;
background-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;
border: 1px solid #f0f0f0;
}
.event-section .tab-content .event-item .event-image {
float: left;
width: 250px;
height: 250px;
overflow: hidden;
position: relative;
margin-right: 30px;
}
.event-section .tab-content .event-item .event-image img {
width: 100%;
height: 100%;
display: block;
}
.event-section .tab-content .event-item .event-image .post-date {
top: 0px;
left: 0px;
z-index: 1;
width: 70px;
height: 70px;
padding: 10px;
text-align: center;
position: absolute;
color: #ffffff;
background: -webkit-gradient(linear, left top, right bottom, from(#ff3e00), to(#ffbe30));
background: -webkit-linear-gradient(top left, #ff3e00, #ffbe30);
background: -o-linear-gradient(top left, #ff3e00, #ffbe30);
background: linear-gradient(to bottom right, #ff3e00, #ffbe30);
}
.event-section .tab-content .event-item .event-image .post-date .date {
font-weight: 900;
font-size: 24px;
font-family: "Roboto", sans-serif;
}
.event-section .tab-content .event-item .event-image .post-date .month {
font-size: 16px;
text-transform: uppercase;
}
.event-section .tab-content .event-item .event-content {
display: table;
padding: 10px 0px;
}
.event-section .tab-content .event-item .event-content .event-title {
position: relative;
}
.event-section .tab-content .event-item .event-content .event-title:after {
top: 0;
width: 6px;
left: -33px;
bottom: 0px;
content: "";
height: 100%;
position: absolute;
background-color: #ffbe30;
}
.event-section .tab-content .event-item .event-content .event-title .title {
margin: 0px;
font-weight: 900;
color: #333333;
font-size: 18px;
}
.event-section .tab-content .event-item .event-content .event-post-meta ul li {
margin-bottom: 5px;
font-size: 14px;
}
.event-section .tab-content .event-item .event-content .event-post-meta ul li .icon {
width: 30px;
height: 30px;
line-height: 30px;
margin-right: 10px;
text-align: center;
border-radius: 100%;
color: #ffbe30;
font-size: 14px;
background-color: #f7f7f7;
}
.event-section .tab-content .event-item .event-content .tickets-details-btn {
z-index: 1;
font-weight: 600;
overflow: hidden;
padding: 15px 45px;
position: relative;
border-radius: 30px;
color: #878787;
font-size: 14px;
text-transform: uppercase;
background: #f7f7f7;
}
.event-section .tab-content .event-item .event-content .tickets-details-btn:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: -1;
content: "";
position: absolute;
border-radius: 30px;
background: -webkit-gradient(linear, left top, right bottom, from(#ff3e00), to(#ffbe30));
background: -webkit-linear-gradient(top left, #ff3e00, #ffbe30);
background: -o-linear-gradient(top left, #ff3e00, #ffbe30);
background: linear-gradient(to bottom right, #ff3e00, #ffbe30);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.event-section .tab-content .event-item .event-content .tickets-details-btn:hover {
color: #ffffff;
background: #ffbe30;
}
.event-section .tab-content .event-item .event-content .tickets-details-btn:hover:before {
opacity: 1;
}
.event-section .tab-content .event-item:hover {
border-color: #ffbe30;
}
.event-section .tab-content .pagination ul {
margin: 50px auto 0px;
}
.volunteer-sec {
z-index: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.bg-layout {
padding-top: 100px;
background: -webkit-radial-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9), white);
background: -o-radial-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9), white);
background: radial-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9), white);
}
.pt-60 {
padding-top: 60px;
}
.pb-30 {
padding-bottom: 30px;
}
.pt-30 {
padding-top: 30px;
}
.p-40 {
padding: 0 40px;
}
.pb-60 {
padding-bottom: 60px;
}
.mb-40 {
margin-bottom: 40px !important;
}
.upcoming-event-too .custom-card {
padding: 10px !important;
}
.upcoming-event-too .pricing-block-two .features {
padding: 13px;
}
.awaed-wrapper {
max-height: 425px;
overflow-y: scroll;
position: relative;
}
.awaed-item {
padding: 30px 0px;
position: relative;
padding-left: 120px;
}
.awaed-wrapper .awaed-item .awaed-content .awaed-title {
font-weight: 700;
position: relative;
font-size: 24px;
}
.awaed-wrapper .awaed-item .awaed-content p {
font-size: 14px;
}
.awaed-wrapper .awaed-item .awaed-content .awaed-title .awaed-date {
top: 5px;
left: -105px;
padding-left: 10px;
position: absolute;
padding-bottom: 10px;
color: #ffbe30;
font-size: 16px;
text-transform: uppercase;
}
.awaed-wrapper .awaed-item .awaed-content .awaed-title .awaed-date:before {
left: -6px;
z-index: 1;
content: "";
width: 10px;
bottom: -4px;
height: 10px;
position: absolute;
border-radius: 100%;
background-color: #ffbe30;
}
.awaed-wrapper .awaed-item .awaed-content .awaed-title .awaed-date:after {
left: 0;
right: 0;
bottom: 0;
content: "";
height: 2px;
width: 100%;
position: absolute;
background-color: #878787;
}
.award-section .awaed-item-area {
position: relative;
}
.award-section .awaed-item-area:before {
top: 0;
bottom: 0;
left: 13px;
width: 2px;
content: "";
height: 100%;
position: absolute;
background-color: #878787;
}
.award-section .awaed-item-area .arrow-up {
top: -22px;
}
.award-section .awaed-item-area .arrow-up,
.award-section .awaed-item-area .arrow-down {
left: 0px;
z-index: 2;
position: absolute;
color: #ff9916;
font-size: 30px;
}
.award-section .awaed-item-area .arrow-down {
bottom: -22px;
}
.award-section .awaed-item-area .arrow-up,
.award-section .awaed-item-area .arrow-down {
left: 0px;
z-index: 2;
position: absolute;
color: #ff9916;
font-size: 30px;
}
.award-section .company-age {
height: 620px;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.w-95 {
width: 95%
}
.insights-box {
box-shadow: 0 0 16px 0 rgb(0 0 0 / 40%);
}
.insights-box:hover {
box-shadow: 0 0 48px 0 rgb(0 0 0 / 25%);
}
.upcoming-event-too .pricing-block-two .price-box {
min-height: 171px;
}
.volunteer-content {
height: 90%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.text-black {
color: gray !important;
}
.text-blackk {
color: black !important;
}
.finder {
color: #ffaf00;
font-weight: 600;
line-height: 10px !important;
font-size: 16px;
}
.finder:hover {
color: #ffaf00;
}
.pt-50 {
padding-top: 50px;
}
.pb-50 {
padding-bottom: 50px;
}
.pt-100 {
padding-top: 100px;
}
.pb-100 {
padding-bottom: 100px;
}
.upcoming-event-too .pricing-block-two .btn-box {
padding: 0 70px 30px;
}
.upcoming-event-too .pricing-block-two {
margin-bottom: 0;
}
.upcoming-event-too .pricing-block-two .features {
min-height: 350px;
}
.membership {
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
font-weight: 600;
/* padding: 20px 0; */
color: #081245;
opacity: 1;
text-align: center;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.membership-header .membership:hover {
color: #ffae00;
}
.lh-22 {
line-height: 22PX;
}
.w-max-content {
width: max-content;
}
.quotes {
background: #ebebeb8c;
}
.bg-gray {
background: #eaeaea;
}
.bg-white {
background: white !important;
}
.text-brand {
color: #ff5e0c !important;
}
.banner-content {
display: flex !important;
flex-direction: column !important;
align-items: start;
}
.baskar-event .tab-btn {
min-height: 70px;
display: flex;
align-items: center;
}
.baskar .shop-page .prod-tabs .tab-btns .tab-btn {
display: flex;
align-items: center;
justify-content: center;
}
.user-icon {
position: absolute;
top: -50%;
left: 50%;
transform: translateX(-50%);
z-index: 9;
}
.user-icon img {
border-radius: 50%;
width: 80% !important;
margin: auto;
}
.insight-sec {
display: flex;
flex-direction: column;
justify-content: center;
}
.magazine-date {
border-bottom: unset !important;
}
.magazine-sec .owl-carousel.owl-drag .owl-item {
margin-left: 0px !important;
margin-right: 7px !important;
}
.magazine-sec .insights-box {
box-shadow: unset !important;
border: 1px solid #dbdbdb;
}
/*
.magazine-calendar li i{
color: #5c5c5c;
} */
.magazine-column .info-list-two li i {
position: absolute;
left: 0px;
top: -3px;
font-size: 23px;
line-height: 30px;
color: #ffae00;
}
.magazine-column .info-list-two li {
position: relative;
padding-left: 30px;
font-size: 16px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
margin-right: 50px;
}
.navigation-dots {
text-align: center;
margin-top: 10px;
}
.dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
background-color: #555;
border-radius: 50%;
cursor: pointer;
}
.custom-dots {
text-align: center;
margin-top: 20px;
}
.custom-dot {
display: inline-block;
width: 10px;
height: 10px;
background-color: #ccc;
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
}
.custom-dot.active {
background-color: #007bff;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: block !important;
}
.abt-centre-right .owl-carousel .owl-dots.disabled,
.abt-centre-right .owl-carousel .owl-nav.disabled {
display: none !important;
}
.owl-theme .owl-nav.disabled+.owl-dots {
display: none !important;
}
.latest-info .owl-theme .owl-dots,
.owl-theme .owl-nav {
margin-top: 20px;
}
.baskar-tips .owl-theme .owl-dots,
.owl-theme .owl-nav {
margin-top: 20px;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: block !important;
}
.enable-nav .owl-theme .owl-dots,
.owl-theme .owl-nav {
display: none !important;
}
.owl-theme .owl-nav [class*=owl-] {
background: #ff9700b8 !important;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #ff6600 !important;
}
.owl-theme .owl-dots .owl-dot span:hover {
background: #ff9b0a !important;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #ff9c0a !important;
}
.donation .floating-button {
display: block !important;
}
.event-details .upper-box {
padding: 10px;
border: 1px solid #c5c5c5;
}
.main-footer .footer-bottom .footer-nav li a:hover {
text-decoration: unset !important;
}
.main-footer .footer-bottom .copyright-text a:hover {
text-decoration: unset !important;
}
.main-footer .footer-bottom .copyright-text p {
margin-bottom: unset !important;
}
.contact-list-one li a:hover {
text-decoration: none !important;
}
.decoration-none {
text-decoration: none;
}
.decoration-none:hover {
color: #ff9800 !important;
}
.decoration-none {
text-decoration: underline;
color: #ff9800 !important;
}
.filter-btn {
background: white;
padding: 15px 19px;
}
.position-r {
position: relative;
}
#sticky {
position: -webkit-sticky;
position: sticky;
top: 21%;
z-index: unset;
}
.therapist #sticky {
top: 24% !important;
}
.z-99 {
z-index: 10;
}
.z-7 {
z-index: 7;
}
#multiSelector {
width: 100%;
}
.scroll-none::-webkit-scrollbar {
display: none;
}
.filter .about-image-wrapper:before {
font-weight: 600;
color: gray !important;
}
.fs-label-wrap {
border: none !important;
}
.fs-label-wrap .fs-label {
padding: 10px 21px 3px 8px !important;
color: #3c3c3c;
}
.fs-wrap {
width: 100% !important;
}
.fs-arrow {
top: 6px !important;
}
.page-link {
color: #ff4700 !important;
font-weight: 800 !important;
}
.know-more-btn a {
color: #ff4200 !important;
font-weight: 600;
}
.know-more-btn a:hover {
color: #ff4200;
text-decoration: none;
}
.position-unset {
position: unset !important;
margin-top: 3px !important;
}
.upcom-events .pricing-block-two .price-box {
min-height: 157px !important;
}
.upcom-events .pricing-block-two {
padding: 0;
}
.pricing-block-two .btn-box {
padding: 0 79px 30px;
text-align: center;
}
.banner-section-two .owl-dots {
display: none;
}
.banner-section-two .banner-carousel {
position: relative;
}
#arrowAnim {
display: flex;
justify-content: center;
align-items: center;
}
.arrow {
width: 10px;
height: 10px;
border: 20px solid;
border-color: black transparent transparent black;
transform: rotate(135deg);
}
.aerow i {
color: #ff4200;
}
.magazine-sec .owl-carousel .owl-stage-outer {
margin-bottom: 20px;
}
.event-finder .news-block.style-four {
margin-bottom: 30px !important;
}
.event-finder .news-block .inner-box {
position: relative;
background-color: #ffffff;
/* -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); */
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 12px, rgba(0, 0, 0, 0.08) 0px 0px 11px -1px;
}
.event-finder .news-block .lower-content {
padding: 0 10px 16px 10px;
}
.event-finder .news-block h4 {
text-align: start;
line-height: unset;
}
.event-finder .news-block h4 a {
font-size: 16px;
line-height: unset !important;
}
.event-finder .news-block .lower-content {
position: unset;
min-height: 202px;
}
.event-finder .news-block .post-info li span {
color: #ffae00;
margin-right: 2px;
padding-left: 2px;
}
.event-finder .schedule-tabs .tab-buttons li .day {
font-size: 16px;
}
.event-finder .news-block .post-info li {
font-size: 15px;
color: #000000;
}
.event-finder .schedule-tabs .tab-buttons li.active-btn {
box-shadow: unset !important;
-webkit-box-shadow: unset !important;
color: red !important;
}
.event-finder .schedule-tabs .tab-buttons li {
border: unset !important;
background: unset !important;
height: 23px;
width: 116px;
}
.event-finder .schedule-tabs .tab-buttons li .day {
border: unset !important;
border-radius: 3px;
box-shadow: unset;
background-color: transparent !important;
padding: 5px !important;
}
.event-finder .schedule-tabs .tab-buttons li.active-btn .day {
color: black;
background-color: #e9e9e9;
}
.all-events .news-block .text {
position: relative;
font-size: 17px;
line-height: 22px;
color: #000000;
font-weight: 400;
margin-bottom: 0px;
}
.all-events .news-block .lower-content {
padding: 0;
}
.all-events .event-title {
background: linear-gradient(135deg, #00082e 92%, white 50%)
}
.all-events .lower-content a,
.final-link a {
color: white !important;
}
.all-events .lower-content a,
.final-link a:hover i {
color: white;
}
.event-details .all-events .lower-content-2 h5 a {
color: black !important;
}
.event-details .lower-content-2 span a {
color: #ff7920 !important;
}
.events-sec-bg {
background-image: url(../images/New-Images/non-bg.svg), linear-gradient(rgb(255, 255, 255) 1%, rgb(204, 195, 176) 97%);
background-repeat: no-repeat;
background-position: right top;
}
.about-section .about-image-wrapper .play-btn:hover {
text-decoration: none;
}
.speaker-info-list li a:hover {
text-decoration: none;
}
.event-detail-btn .book-now-btn {
/* position: absolute; */
top: 0;
right: 0;
}
.speaker-detail-section-2 {}
.rules_regualtions {
padding-top: 30px;
}
.rules_regualtions ol li {
margin-top: 10px;
margin-bottom: 10px;
list-style: circle;
content: "";
font-size: 13px;
}
.rules_regualtions h6 {
font-size: 15px;
}
.rules_regualtions h5 {
font-size: 17px;
}
.rules_regualtions ol li a {
color: orange;
}
.rules_regualtions ol li a:hover {
color: orange;
text-decoration: none;
}
.rules {
background: #fefbf4;
}
.other-events .news-block .lower-content {
min-height: 195px;
}
.login-form .clearfix-2 {
display: flex;
flex-direction: column;
}
.login-form .create-account a {
color: #ffae00 !important;
}
.login-form .create-account a:hover {
color: #ffae00 !important;
text-decoration: none;
}
.year-selection {
border-bottom: 1px solid orange;
}
.membership .contact-form {
border: 1px solid gray;
box-shadow: 0 0 20px gray;
border-radius: 20px;
padding: 30px;
}
.membership {
background: url(../images/New-Images/special-bg.jpg), linear-gradient(white 50% green 100%);
}
.ovel-btn {
border-radius: 30px;
}
/* offcanvas */
/* ---- reset ---- */
canvas {
display: block;
}
/* header-two */
.header-2style-two::before {
background-color: white !important;
}
.header-top-2 {
background: #00082e !important;
width: max-content !important;
margin-left: auto !important;
border-bottom: 2px solid #00082e;
}
.header-style-two .header-top-2 .inner-container {
padding-left: 342px;
padding-right: 10px;
}
.special-event-sec {
background-image: url(../images/New-Images/special-event-bg.jpg);
}
.month-btn {
width: 100%;
}
.spl-event-btns {
border: 3px solid gray;
background: white;
}
.spl-event-btns-2 {
border: 3px solid gray;
border-top: 0;
background: white;
}
.spl-event-btns .event {
display: flex;
align-items: center;
justify-content: center;
}
.spl-event-btns .event-2 {
border-left: 3px solid gray;
}
.h-200 {
height: 110px;
}
.h-200 img {
height: 100%;
}
.footer-two a:hover {
text-decoration: none !important;
}
.mCustomScrollBox {
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.tg-player {
width: 100%;
float: left;
height: 150px;
overflow: hidden;
background: #fff;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.tg-players {
overflow-y: scroll;
width: 100%;
float: left;
height: max-content;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.mCustomScrollbar {
-ms-touch-action: pinch-zoom;
touch-action: pinch-zoom;
}
.tg-playcontent {
width: 100%;
float: left;
padding: 28px 0;
}
.mCSB_inside>.mCSB_container {
margin-right: 10px;
}
.mCSB_container {
overflow: hidden;
width: auto;
height: auto;
}
.tg-player {
height: 290px;
background: #181f5a url(../images/New-Images/specialbg.webp) no-repeat;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.tg-player+.tg-player {
margin: 10px 0 0;
}
.special-event-section a:hover,
a:focus,
a:visited {
text-decoration: none;
outline: none;
}
.tg-player figure {
float: left;
width: 100%;
margin: 0;
padding: 10px 0 0;
}
.tg-playcontent .tg-theme-tag {
float: left;
font-size: 12px;
color: #fff;
line-height: 20px;
position: relative;
text-align: center;
background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
padding: 2px 10px 2px 10px;
text-transform: capitalize;
cursor: pointer;
}
.tg-playcontent h3 a {
margin-top: 15px;
margin-bottom: 12px;
width: 100%;
float: left;
font-size: 22px;
text-transform: uppercase;
line-height: 24px;
color: #181f5a;
text-align: left;
}
.tg-player .tg-playcontent h3 a,
.tg-player .tg-playcontent h2 {
color: #fff;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.tg-playcontent .tg-description {
color: #fff;
float: left;
width: 100%;
padding: 10px 0;
text-align: left;
}
.tg-playcontent .tg-description p {
color: #fff !important;
}
.tg-players .tg-player h5 {
color: white;
}
.tg-players .tg-player h4 {
color: white !important;
}
.tg-players .tg-player .designation {
color: white !important;
}
.about_text_wrapper h2:after {
content: '';
position: absolute;
left: 0;
bottom: 30px;
height: 3px;
background: #181f5a;
width: 90px;
}
.about_text_wrapper h2 {
margin: 0px 0px 0px 0px;
color: #111;
font-size: 24px;
font-weight: 500;
position: relative;
text-transform: capitalize;
padding-bottom: 50px;
display: inline-block;
}
.about_text_wrapper .abt_link li {
padding-top: 12px;
display: flex;
align-items: start;
}
.about_text_wrapper .abt_link li {
color: #111;
font-size: 15px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.about_text_wrapper .abt_link li i {
padding-right: 13px;
color: #ffae00;
margin-top: 7px;
}
.healer-baskar-events {
background-attachment: fixed;
background-size: cover;
animation: moveBackground 10s linear infinite;
transition: transform 0.3s ease;
}
.about-section-two .owl-theme .owl-dots,
.owl-theme .owl-nav {
text-align: end !important;
}
.info-content .owl-carousel .owl-stage {
height: max-content !important;
}
.tg-players::-webkit-scrollbar {
display: none;
}
.quotes-sec {}
.w-25 {
width: 25%;
}
.w-75 {
width: 75%;
}
/* register */
.register-head {
padding: 10px;
background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
}
.register-sec .testimonial .description {
text-align: justify;
padding: 20px 22px;
background: #ffffff;
border: 2px solid #ffaa28;
font-size: 15px;
color: #585858;
line-height: 25px;
margin: 0;
position: relative;
}
.register-sec .testimonial {
margin: 0 20px 20px;
}
.login-container {
background-color: #fff;
width: 100%;
border: 1px solid #e1e1e1;
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
}
.create-text p {
font-size: 16px;
line-height: 26px;
color: #666666;
}
.right-btn-c {
padding: 12px 20px;
font-size: 14px;
font-weight: 400;
margin-left: 10px;
}
.btn-link {
font-size: 14px;
font-weight: 400;
color: #000;
border-radius: 0px;
border: 1px solid #ffa803;
background: #ffa8030a;
}
.btn-link:hover {
color: #fff;
text-decoration: none;
background-color: #e3880287;
border-color: 1px solid #e38802;
}
.actives {
color: #fff;
background-color: #e3880287 !important;
}
.login-form {
text-align: start;
}
.video-form {
color: #847577;
padding: 4px 20px;
font-size: 14px;
font-weight: 400;
width: 100%;
height: 45px;
border-radius: 3px;
border: 1px solid #e1e1e1;
background-color: rgb(255, 255, 255);
outline: 1px #fff !important;
}
.register-sec input:not([type="email" i],
[type="number" i],
[type="password" i],
[type="search" i],
[type="tel" i],
[type="text" i],
[type="url" i]) {
writing-mode: horizontal-tb !important;
}
.register-sec .form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.select-form {
display: block;
width: 100%;
height: 40px;
padding: 10px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.register-sec .select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.register-sec .select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.register-sec .select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
border: 1px solid #d2d6de;
border-radius: 0 !important;
padding: 6px 12px;
height: 40px !important;
}
.signin a:hover {
text-decoration: none;
}
.customer-details-one .login-container {
background-color: #000000a6;
}
/* login css */
.login-container {
width: 100%;
border: 1px solid #e1e1e1;
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
border-radius: 30px;
}
.login-form {
padding: 0px 10px;
text-align: center;
}
.login-logo {
margin-top: 30px;
margin-bottom: 30px;
}
.form-group {
margin-bottom: 30px;
}
.video-form {
color: #847577;
padding: 4px 10px;
font-size: 14px;
font-weight: 400;
width: 100%;
min-height: 40px;
border-radius: 3px;
border: 1px solid #e1e1e1;
background-color: rgb(255, 255, 255);
}
.login-btn {
width: 100%;
height: 50px;
margin-top: 10px;
}
.forgot-password {
padding: 49px 0 0px;
}
.forgot-password a {
font-size: 14px;
font-weight: 400;
color: #847577;
cursor: pointer;
}
.forgot-password p {
font-size: 14px;
font-weight: 400;
color: #847577;
margin-top: 20px;
}
.logimg img {
float: left;
padding: 5px;
text-align: center;
width: 540px;
}
.login_register .btn-link {
font-size: 14px;
font-weight: 400;
color: #000 !important;
border-radius: 0px;
border: 1px solid #ffb000;
background: #fff1bd;
transition: all 0.5s;
}
.login_register .btn-link:hover {
background: #ffd779;
}
.btn-link:hover {
color: #fff;
text-decoration: none !important;
background-color: #b3d4548c;
border-color: 1px solid #e38802;
}
.forgot-password a:hover {
color: #ff4200;
cursor: pointer;
text-decoration: none;
}
.login-phara {
margin-top: 50px;
}
/* dashboard */
.dashboard-sec .my-Profile-dt {
position: relative;
min-width: 100%;
min-height: 112px;
background: #f3f3f3;
margin-top: -3px;
}
.dashboard-sec .profile-dpt {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-bottom: -3px;
width: 200px;
}
.dashboard-sec .profile-dpt img {
border-style: solid;
border-width: 5px;
border-color: rgb(255, 255, 255);
border-radius: 5px;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.18);
width: 100px;
}
.dashboard-sec .profile-name-dt {
margin-left: 250px;
float: left;
padding: 27px 0;
}
.dashboard-sec .profile-name-dt span {
color: #ffa803;
margin-right: 10px;
}
.dashboard-sec .profile-dt {
float: right;
padding: 20px 0;
}
.dashboard-sec .profile-name-dt h1 {
font-size: 24px;
font-weight: 600;
color: #000;
line-height: 24px;
cursor: pointer;
}
.dashboard-sec .profile-dt ul {
width: 100%;
}
.dashboard-sec .profile-dt li {
padding: 10px 0;
margin: 0px;
line-height: 14px;
display: inline-block;
margin-left: 44px;
}
.dashboard-sec .setting-btn {
padding: 10px 15px;
line-height: 3;
}
.dashboard-sec .btn-link {
font-size: 14px;
font-weight: 400;
color: #000;
border-radius: 0px;
border: 1px solid #ffa803;
text-decoration: none;
background: #ffa8030a;
transition: all 0.5s;
}
.dashboard-sec .btn-link:hover {
color: #fff;
text-decoration: none;
/* background-color: #e3880200; */
background-color: #e3880287;
border-color: 1px solid #e38802;
}
.dashboard-sec .setting-btn span {
margin-right: 10px;
}
.all-profile-details {
margin-top: 80px;
margin-bottom: 60px;
}
.dashboard-sec-2 .left-tab-links {
margin-bottom: 30px;
}
.dashboard-sec-2 .ui.menu:first-child {
margin-top: 0;
}
.dashboard-sec-2 .ui.vertical.menu {
/* display: block; */
display: inline-block;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #FFF;
box-shadow: 0 1px 2px 0 #e7e7e7;
}
.dashboard-sec-2 .ui.menu .item.user-tab {
padding: 16px 20px !important;
}
.dashboard-sec-2 .ui.menu .item {
position: relative;
vertical-align: middle;
line-height: 18px;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
-webkit-box-flex: 0;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: 0 0;
padding: 13px 28px;
text-transform: none;
color: #847577;
font-size: 14px;
font-weight: 400;
-webkit-transition: background .1s ease, box-shadow .1s ease, color .1s ease;
transition: background .1s ease, box-shadow .1s ease, color .1s ease;
}
.dashboard-sec-2 .ui.menu {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 1rem 0;
background: #FFF;
font-weight: 400;
box-shadow: none;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
border-radius: 0px;
min-height: 58px;
}
.edit-profile {
float: left;
border: 1px solid #e1e1e1;
width: 100%;
}
.setting-dt h4 {
font-size: 16px;
font-weight: 500;
color: #000;
}
.dashboard-sec .table {
width: 100%;
margin-bottom: 0;
color: #212529;
}
.dashboard-sec table tr {
border-bottom: 1px solid gray;
}
.dashboard-sec table tr td {
padding: 10px;
border-right: 1px solid gray;
}
.payment-table table thead tr td {
padding: 8px;
border-right: 1px solid #dddddd;
}
.payment-table table tbody tr td {
padding: 8px;
border-right: 1px solid #dddddd;
font-size: 13px;
line-height: 20px;
}
.text-orangered {
color: #ff4200;
}
.language-btn i {
margin-left: -5px;
}
.signin a {
color: #ff4200;
}
.signin a:hover {
color: #ff4200;
}
.modal-backdrop.show {
display: none !important;
}
.modal-open .modal {
background: #3c3c3cad;
}
/* Start balaji css */
.call-to-action-two .content-box h2 span {
font-size: 23px;
color: #ffae00;
}
.call-to-action-two ul li img {
padding-right: 5px;
}
.call-to-action-two ul li {
color: #fff;
line-height: 27px;
}
.news-section .lower-content h5 {
position: relative;
display: block;
line-height: 1.4em;
color: #ff4200;
font-weight: 600;
margin-bottom: 15px;
text-align: center;
}
.news-section .lower-content .text-map-sec {
margin: 0;
font-weight: 500;
font-size: 19px;
color: #00082e;
}
.sec-title-middle h2 {
display: block;
font-size: 36px;
line-height: 48px;
color: #081245;
font-weight: 700;
text-transform: capitalize;
text-align: center;
}
.centre-details .map-section {
font-weight: 500;
color: #555555;
}
.centre-details .map-section:hover {
color: #ff4200;
}
.centre-details-1 .map-section {
font-weight: 400;
color: #555555;
}
.centre-details-1 .map-section:hover {
color: #ff4200;
}
.centre-details-1 i {
color: #ffae00;
}
/* need to remove important */
.lower-content a,
.final-link a:hover i {
color: #ff4200;
}
.centre-details {
height: max-content;
}
/* balaji css End */
/* Customer Details Start */
.customer-details-one b {
font-weight: 400;
color: white;
}
/* Customer Details End */
/* success sec Start */
.success-sec .thankyou-card {
border: 3px solid gray;
border-top: 5px solid gray;
border-bottom: 5px solid gray;
}
.success-sec .thankyou-card h2 {
color: #4cb200;
}
.thankyou-card {
width: 50%;
}
/* Success End */
.terms-conditions .paragraph {
margin-left: 20px;
text-align: justify;
}
.terms-conditions .bullet-mark i {
color: #ffae00;
margin-right: 5px;
}
.speaker-detail-section-2 .details-column .name a span {
color: #ff4200 !important;
}
.block-floating .floating-button {
display: block !important;
}
/* donation */
.donation-rit-sec .donate-head-sec h4 {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #F00;
font-size: 25px;
font-weight: bold;
font-style: italic;
text-align: center;
}
.donation-rit-sec .donate-head-sec .sub-title {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #060;
font-size: 25px;
font-weight: bold;
font-style: italic;
text-transform: capitalize;
text-align: center;
}
.donation-rit-sec .donate-head-sec h5 {
text-align: center;
}
.donation-rit-sec .donate-head-sec h6 {
font-size: 17px;
font-weight: 500;
text-align: end;
padding-top: 10px;
color: #c77600;
}
.donate-icon-sec .icon-box {
display: flex;
justify-content: space-around;
align-items: center;
grid-gap: 10px;
margin: 0px 90px;
text-transform: capitalize;
margin-bottom: 10px;
}
.donate-icon-sec .icon-box i {
color: #ffbb00;
font-size: 45px;
}
.donation-rit-sec .donate-icon-sec .icon-box h4 {
font-weight: 600;
color: #ff4200;
}
.donation-rit-sec .donate-icon-sec a {
text-decoration: underline;
color: #ff4200;
font-weight: 600;
}
.donation-sec-two .donation-colum .date-box-outer {
justify-content: center;
}
.donation-sec-two .single-mission:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
transition: 0.5s;
}
.donation-sec-two .single-mission {
margin-bottom: 30px;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.donation-sec-two .single-mission h3 {
font-weight: 600;
font-size: 23px;
color: #081245;
margin-top: 14px;
}
.donation-sec-two .single-mission p {
text-align: justify;
}
.knowledge-share-sec .knowledge-left-sec .text {
text-align: justify;
}
.knowledge-share-sec .knowledge-left-sec .text a {
text-decoration: underline;
color: #ff4200;
font-weight: 600;
}
.donation-sec-two .inner-column .text {
margin-top: 20px;
}
.knowledge-share-sec {
background-color: #f9f9f9;
}
.donate-detail-sec .other-info h2 {
font-size: 36px;
line-height: 1.2em;
color: #001376;
font-weight: 700;
margin-bottom: 20px;
}
.donate-detail-sec .donate-cont a {
color: #ffb342;
font-weight: 500;
}
.speaker-session-info .inner-box:hover .donate-cont a {
color: #ffffff !important;
}
.donate-detail-sec .text-high {
font-size: 20px;
font-weight: 500;
color: #ff4200;
}
.donation-sec-two .non-cash-section {
padding-bottom: 50px;
}
.event-type-2 .news-block .inner-box {
box-shadow: unset !important;
}
.failure-page .thankyou-card h2 {
color: black;
}
.event-details-column .date-btn .book-now-btn {
position: unset !important;
}
.event-details-column .date-btn .book-now-btn .btn-style-special {
min-width: max-content !important;
padding: 4px 12px;
}
/* future section two end */
.volunteer-sec h4 {
font-size: 24px;
line-height: 1.2em;
color: #081245;
font-weight: 700;
margin-bottom: 20px;
margin-top: 20px;
}
.become-volunteer {
background-color: #f9f9f9;
}
.become-volunteer .circle span {
background: #ffae00;
border-radius: 50%;
height: 100px;
width: 100px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.become-volunteer .circle {
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
}
.become-volunteer .circle:hover {
animation: hover-animation linear 1s infinite;
}
.become-volunteer h4 {
font-size: 24px;
line-height: 1.2em;
color: #081245;
font-weight: 700;
margin-bottom: 20px;
margin-top: 20px;
text-align: center;
}
.become-volunteer h6 {
text-align: center;
margin-top: 15px;
font-weight: 600;
}
.become-volunteer p {
text-align: center;
}
.become-volunteer .circle-line {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 20px 0 20px 0;
position: relative;
z-index: 0;
}
.become-volunteer .circle-line::after {
content: "";
width: 100%;
height: 5px;
background-image: linear-gradient(to right, #ffb300 10%, #ff7800 5%, #ff7200 90%, #ffae00 10%);
position: absolute;
top: 37%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
@keyframes hover-animation {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
#contact:active {
background: #ff4200;
}
#contactForm {
display: none;
border: 6px solid #ff4200;
padding: 20px;
width: 400px;
text-align: center;
background: #f9f9f9;
position: fixed;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
z-index: 9999;
}
input,
textarea {
margin: 3px 5px;
font-family: inherit;
text-transform: inherit;
font-size: inherit;
display: block;
width: 560px;
padding: .4em;
}
textarea {
height: 80px;
resize: none;
}
#contactForm h3 {
font-size: 20px;
line-height: 1.2em;
color: #081245;
font-weight: 700;
margin-bottom: 10px;
}
#contactForm .form-wrapper {
margin-bottom: 10px;
}
#contactForm label {
margin-bottom: 0px;
display: flex;
font-size: 14px;
}
#contactForm .form-control {
display: block;
width: 100%;
height: 28px;
padding: 0px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
margin: 0;
}
#contactForm .cross-icon {
position: absolute;
font-size: 20px;
cursor: pointer;
right: 10px;
top: 10px;
}
#contactForm .cross-icon .close-icon-bg {
background: #ff7600;
height: 35px;
width: 35px;
border-radius: 50%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
.dontat-form-btns {
display: flex;
align-items: center;
justify-content: center;
grid-gap: 15px;
}
.know-more-btn-1 a {
color: #ff4200 !important;
font-weight: 600;
text-decoration: underline 2px solid;
}
#pills-tab {
justify-content: center;
}
#pills-tab .nav-link {
font-size: 22px;
font-weight: 600;
color: #363636;
}
.day-parent .nav-link.active {
color: #ffffff !important;
background-color: #ff4200;
}
.faq-category select {
background: whitesmoke;
border: 1px solid #dbdbdb;
border-radius: 3px;
color: #fe4200;
font-weight: 600;
}
.faq-category select option {
background: whitesmoke;
padding: 10px !important;
border: 1px solid #dbdbdb !important;
color: gray;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-button {
color: #fff;
padding: 2px;
border: none;
cursor: pointer;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
border-radius: 5px;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.dropdown-content a {
color: #000 !important;
}
.dropdown-content a:hover {
color: #ffae00 !important;
}
.dropdown-item {
text-decoration: none;
display: block;
color: #333;
}
.dropdown-item:active {
background-color: #ddd;
}
.dropdown:hover .dropdown-content {
display: block;
}
#header-new {
color: #fff;
padding: 20px;
text-align: center;
transition: all 0.3s;
}
.schedule-tabs input,
textarea {
width: max-content;
}
.event-finder .tab-btn {
color: red !important;
background: green !important;
accent-color: green;
}
.extra-nav li {
position: relative;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.extra-nav li a {
position: relative;
display: block;
line-height: 24px;
padding: 10px 13px;
font-size: 16px;
color: #404040;
font-weight: 500;
text-transform: capitalize;
}
.extra-nav .dropdown-btn {
position: absolute;
right: 0px;
top: 0px;
width: 44px;
height: 44px;
text-align: center;
font-size: 16px;
line-height: 44px;
color: #404040;
cursor: pointer;
z-index: 5;
display: none;
}
.mobile-menu .extra-nav li>ul,
.mobile-menu .extra-nav li>ul>li>ul {
display: none;
}
.desk-display {
display: none;
}
.mobile-display {
display: block;
}
.w_50 {
width: 50%;
}
.md-block {
display: none;
}
#particles-js {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.animation-dts #particles-js {
position: absolute;
width: 100%;
height: 650px;
background-size: cover;
background-position: 50% 50%;
top: 0px;
z-index: 1;
}
#particles-js {
z-index: -1 !important;
}
#header-new {
color: #fff;
padding: 20px;
text-align: center;
transition: all 0.25s;
}
.header-background-demo {
transition: all 0.25s;
position: fixed !important;
top: 0;
left: 0;
background-color: white !important;
box-shadow: 0 0 20px gray;
z-index: 99;
width: 100%
}
.masthead.-type-6 {
position: relative;
z-index: 0;
}
[data-anim-wrap].animated {
pointer-events: auto;
}
.y-gap-50 {
margin-top: -25px;
margin-bottom: -25px;
}
.masthead.-type-6 .masthead__bg>img:nth-child(1) {
left: 0;
}
.masthead.-type-6 .masthead__bg>img {
position: absolute;
top: 0;
}
.masthead .-type-6 .masthead__title {
text-transform: capitalize;
font-weight: 700;
font-size: 55px;
line-height: 1.2;
}
.y-gap-20 {
margin-top: -10px;
margin-bottom: -10px;
}
.x-gap-20 {
margin-left: -10px;
margin-right: -10px;
}
.button.-orange-1 {
background-color: #8f2737;
border: 2px solid #8f2737;
}
.button.-orange-1:hover {
background: #00000000;
color: #8f2737 !important;
text-decoration: none;
}
.text-dark-1 {
color: #140342;
}
.button.-outline-light-5:hover {
background-color: #ededed;
border-color: #00000000;
color: #140342;
text-decoration: none;
}
.button.-outline-light-5 {
border: 2px solid #ededed;
}
.masthead__content .about-image-wrapper:before.-orange-1 {
background-color: #8f2737;
border: 2px solid #8f2737;
}
.masthead__content .button.-md {
padding: 12px 55px;
font-size: 16px;
line-height: 18px;
font-weight: 500;
height: 60px;
}
.masthead__content .button {
display: flex;
align-items: center;
justify-content: center;
vertical-align: middle;
text-align: center;
border-radius: 8px;
line-height: 1;
font-weight: 400;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.masthead__content .button .-outline-light-5 {
border: 2 x solid var(--color-light-5);
}
.masthead__content .absolute-full-center {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.masthead.-type-6 .masthead__title {
text-transform: capitalize;
font-weight: 700;
font-size: 29px;
line-height: 1.2;
color: #ff9c00;
}
.text-purple-1 {
color: #140342 !important;
}
.masthead__content p {
color: #4f5f7b;
text-indent: 50px;
}
.masthead__content .icon-content {
color: #140342;
font-weight: 600;
line-height: 18px;
}
.owl-carousel .banner-icon img {
width: 30px;
}
.home-page .header-style-two {
transition: all 0.25s;
position: sticky;
}
.vision-parent {
position: relative;
}
.vision-parent .vision {
position: absolute;
left: 34%;
top: 48%;
z-index: 10;
transform: translateY(-50%);
}
.vision-parent .vision li {
min-height: 80px;
width: 150px;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 20px !important;
}
.vision-parent .tab img {
width: 100%;
}
.vision-content {
padding-left: 8%;
}
.vision-content-2 {
height: 280px;
overflow-y: scroll;
}
.vision-mission .shop-page .prod-tabs .tab-btns .tab-btn {
background: white;
}
.vision-mission .shop-page .prod-tabs .tab-btns .tab-btn:hover,
.shop-page .prod-tabs .tab-btns .tab-btn.active-btn {
color: #ffffff;
background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
border-color: unset;
}
.photo-article-1 .row .col-md-4 {
margin-bottom: 30px;
}
.photo-article-1 .gallery-img-zoom {
overflow: hidden;
position: relative;
margin-top: 10px;
}
.photo-article-1 .btn-gallery .gallery-img-zoom img {
max-width: 100%;
width: 100%;
height: 100%;
border-radius: 0 35px 0 35px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.photo-article-1 .btn-gallery:hover {
color: #fff;
transform: scale(1.025);
box-shadow: rgba(0, 0, 0, 0.24) 0px 5px 10px;
}
.photo-article-1 .btn-gallery:hover .gallery-img-zoom img {
-webkit-transform: scale(1.35);
-moz-transform: scale(1.35);
-ms-transform: scale(1.35);
-o-transform: scale(1.35);
transform: scale(1.35);
}
.photo-article-1 .btn-gallery:hover h5 {
color: #fff;
}
.photo-article-1 .btn-gallery h5 {
padding: 15px 0;
font-size: 20px;
color: #003083;
margin: 0;
}
.photo-article-1 .btn-gallery .backgroundEffect_2 {
bottom: 0;
height: 0px;
}
.all-category .event-title {
background-image: linear-gradient(-155deg, rgb(30 12 79 / 50%) 37%, rgba(255, 255, 255, .08) 15%), linear-gradient(258deg, rgba(87, 238, 255, .1), rgb(0 11 48));
background-color: rgba(74, 148, 214, .9);
}
.all-category .lower-content-2 span a {
color: white !important;
font-size: 14px !important;
}
.quote-sec .quotes-card {
background: #fff5df;
box-shadow: 0 0 10px gray;
height: max-content;
border: 3px solid white;
padding: 16px;
margin-bottom: 18px;
}
.quote-sec .quotes-card h4 {
font-size: 17px;
line-height: 30px;
}
.accordion-sec .accordion-item p {
position: relative;
font-size: 16px;
line-height: 30px;
color: #555555;
font-weight: 400;
margin-bottom: 30px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
text-align: justify;
}
.event-search-form .form-group:last-child::before {
display: none;
}
.filter-option select option {
background: white;
font-size: 15px;
}
.filter-option select option:hover {
background: gray !important;
}
.event-detail-btn .benefits .benefits-area {
height: 176px;
border: 1px solid #bdbdbd;
border-radius: 3px;
padding: 10px;
overflow: auto;
}
.benefits .benefits-area ul li {
text-align: justify;
}
.benefits .benefits-area ul li p img {
margin-top: -3px;
}
.meet-section .content-box h2 {
margin-bottom: 35px;
}
.overlay {
position: fixed;
top: 50px;
bottom: 0;
left: 0;
right: 0;
transform: translateY(50px);
z-index: 9;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.popup {
margin: 60px auto;
border: 5px solid #ffae00;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 41%;
position: relative;
transition: all 5s ease-in-out;
}
.popup h2 {
margin-top: 0;
color: #ff4200;
font-family: Tahoma, Arial, sans-serif;
font-size: 28px;
margin-bottom: 20px;
text-align: center;
}
.popup .close {
position: absolute;
top: 5px;
right: 15px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: #ff6a02;
}
.popup .content {
max-height: 30%;
overflow: auto;
}
.form label {
cursor: pointer;
}
.card .form .input-radio {
box-shadow: 0px 0px 0px 1px #6d6d6d;
font-size: 3em;
width: 25px;
height: 25px;
margin-right: 7px;
border: 4px solid #fff;
background-clip: border-box;
border-radius: 50%;
appearance: none;
transition: background-color 0.3s, box-shadow 0.3s;
}
.popup .form label {
display: flex;
margin: 10px 15px;
}
.input-radio.on:checked {
box-shadow: 0px 0px 0px 4px #00eb27;
background-color: #51ff6e;
}
.input-radio.off:checked {
box-shadow: 0px 0px 0px 4px #eb0000;
background-color: #ff5151;
}
.popup .form {
display: flex;
align-items: center;
justify-content: center;
}
.popup .content h6 {
line-height: 28px;
}
.form-check-input:checked {
background-color: #ff4200;
border-color: #ff4200;
}
.form-check-input {
border: 1px solid rgb(255 66 0);
}
.content .form-group {
margin-bottom: 10px;
}
.popup .content p {
text-align: center;
}
.popup .content .text-black {
color: #081245 !important;
font-weight: 600;
}
.content .form-group span {
margin-right: 5px;
}
.section-height {
height: 250px;
}
.badge-info {
background-color: rgba(23, 160, 184, 0.17);
color: #17a2b8;
}
.section-title .badge {
margin: 0 0 8px;
}
.badge {
border-radius: 100px;
font-size: 12px;
font-stretch: normal;
font-style: normal;
font-weight: 500;
letter-spacing: 1px;
line-height: normal;
padding: 4px 14px;
text-transform: uppercase;
}
.h2,
h2 {
color: #081245;
}
h2 {
font-size: 36px;
}
.social-overlap {
width: 100%;
transform: translateY(-50%);
}
.social-bar {
display: flex;
border-radius: 10px;
background: #fff;
box-shadow: 0 0 60px rgba(93, 70, 232, 0.15);
border: 1px solid#ebe9e9;
}
.iconpad {
padding: 12px 0;
width: 100%;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.process-scetion .slider-nav-item {
position: relative;
flex-grow: 0;
flex-shrink: 0;
border-radius: 50%;
text-align: center;
background: #fff;
cursor: pointer;
transition: all 0.4s ease;
}
.social-icons a {
display: inline-block;
line-height: 52px;
height: 50px;
width: 50px;
box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15);
margin: 15px 15px;
font-size: 22px;
text-decoration: none !important;
transition: all 0.3s ease 0s;
}
a {
text-decoration: none !important;
color: #3f345f;
transition: all 0.3s ease 0s;
}
.slider-nav-item:before {
position: absolute;
content: "";
height: calc(100% + 16px);
width: calc(100% + 16px);
top: -8px;
left: -8px;
border-radius: 50%;
border: 1px solid rgba(132, 132, 164, 0.35);
animation: 1.5s linear 0s normal none infinite focuse;
}
.share-img {
margin-top: -3px;
width: 20px !important;
height: 20px !important;
}
.health-tips-card .healthtips:hover .share-img {
transform: unset;
}
/* All Topics Start */
.all-topics .health-topics h4 a {
border-bottom: 3px solid #ff9c00;
width: max-content;
padding-bottom: 3px;
font-size: 22px;
color: #000c47;
}
.all-topics .health-topics h4 a:hover {
color: #ff9c00;
}
.all-topics .health-topics ul li {
line-height: 38px;
font-size: 17px;
}
.all-topics .all-topics-heading hr {
opacity: 0.8;
}
/* All Topics End */
.event-details-column {
position: relative;
}
.event-details-column .book-btn {
position: absolute;
top: 8px;
right: 0;
}
/* form Wizrad start */
.wizard .progress {
height: 97px;
position: relative;
}
.wizard .progress .step-2 {
background: gray;
position: absolute;
width: 100%;
height: 100%;
display: flex;
}
/* form wizard */
.main-content .wizard-form .progressbar-list::before {
content: " ";
background-color: rgb(155, 155, 155);
border: 10px solid #fff;
border-radius: 50%;
display: block;
width: 30px;
height: 30px;
margin: 9px auto;
box-shadow: 1px 1px 3px #606060;
transition: all;
}
.main-content .wizard-form .progressbar-list::after {
content: "";
background-color: rgb(155, 155, 155);
padding: 0px 0px;
position: absolute;
top: 14px;
left: -50%;
width: 100%;
height: 2px;
margin: 9px auto;
z-index: -1;
transition: all 0.8s;
}
.main-content .wizard-form .progressbar-list.active::after {
background-color: #2ba800;
}
.main-content .wizard-form .progressbar-list:first-child::after {
content: none;
}
.main-content .wizard-form .progressbar-list.active::before {
font-family: "Font Awesome 5 free";
font-size: 11px;
font-weight: 600;
color: #fff;
padding: 6px;
background-color: #2ba800;
box-shadow: 0 0 0 7.5px rgb(176 60 70 / 11%);
}
.progressbar-list {
color: #6f787d;
}
.active {
color: #000;
}
/* card */
.card img {
width: 40px;
}
.price {
border-left: 2px solid #ff6400;
padding-left: 14px;
}
.active-card {
color: #ff8d3d;
font-weight: bold;
border: 3px solid #ff8d3d;
}
.form-check-input:focus {
box-shadow: none;
}
.bg-color-info {
background-color: #2ca801 !important;
}
.border-color {
border-color: #ececec;
}
.btn {
padding: 8px 30px;
}
.back-to-wizard {
transform: translate(-50%, -139%) !important;
}
.bg-success-color {
background-color: #87D185;
}
.bg-success-color:focus {
box-shadow: 0 0 0 0.25rem rgb(55 197 20 / 25%);
}
/* dropdown select */
.main {
margin: 1rem;
max-width: 350px;
width: 50%;
height: 250px;
}
@media(max-width:34em) {
.main {
min-width: 150px;
width: auto;
}
}
.finder select {
display: none !important;
}
.dropdown-select {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
background-color: #fff;
border-radius: 6px;
border: solid 1px #eee;
box-shadow: 0px 2px 5px 0px rgba(155, 155, 155, 0.5);
box-sizing: border-box;
cursor: pointer;
display: block;
float: left;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
}
.dropdown-select:focus {
background-color: #fff;
}
.dropdown-select:hover {
background-color: #fff;
}
.dropdown-select:active,
.dropdown-select.open {
background-color: #fff !important;
border-color: #bbb;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}
.dropdown-select:after {
height: 0;
width: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #777;
-webkit-transform: origin(50% 20%);
transform: origin(50% 20%);
transition: all 0.125s ease-in-out;
content: '';
display: block;
margin-top: -2px;
pointer-events: none;
position: absolute;
right: 10px;
top: 50%;
}
.dropdown-select.open:after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.dropdown-select.open .list {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
pointer-events: auto;
}
.dropdown-select.open .option {
cursor: pointer;
}
.dropdown-select.wide {
width: 100%;
}
.dropdown-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.dropdown-select .list {
box-sizing: border-box;
transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
-webkit-transform: scale(0.75);
transform: scale(0.75);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
background-color: #fff;
border-radius: 6px;
margin-top: 4px;
padding: 3px 0;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
z-index: 8;
max-height: 250px;
overflow: auto;
border: 1px solid #ddd;
}
.dropdown-select .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.dropdown-select .dd-search {
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.dropdown-select .dd-searchbox {
width: 90%;
padding: 0.5rem;
border: 1px solid gray !important;
border-color: #999;
height: 40px !important;
border-radius: 4px;
outline: none;
padding: 0 10px !important;
margin: 5px 8px 0 8px !important;
}
.dropdown-select .dd-searchbox:focus {
border-color: #12CBC4;
}
.dropdown-select .list ul {
padding: 0;
}
.dropdown-select .option {
cursor: default;
font-weight: 400;
line-height: 40px;
outline: none;
color: black;
padding-left: 18px;
padding-right: 29px;
text-align: left;
transition: all 0.2s;
list-style: none;
}
.dropdown-select .option:hover,
.dropdown-select .option:focus {
background-color: #f6f6f6 !important;
}
.dropdown-select .option.selected {
font-weight: 600;
color: #140342;
}
.dropdown-select .option.selected:focus {
background: #f6f6f6;
}
.dropdown-select a {
color: #aaa;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.dropdown-select a:hover {
color: #666;
}
/* 21 days update start */
.masthead .carousel-item .project-img img {
clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
margin: auto;
}
.masthead .big-one .carousel-control-prev-icon {
background: black;
border-radius: 50%;
border: 1px solid gray;
display: flex;
padding: 6px;
align-items: center;
justify-content: center;
}
.masthead .big-one .carousel-control-next-icon img {
background: black;
border-radius: 50%;
border: 1px solid gray;
padding: 6px;
display: flex;
align-items: center;
justify-content: center;
}
.masthead .big-one .carousel-control-next {
right: -50px;
}
.masthead .big-one .carousel-control-prev-icon img {
width: 40px;
}
.masthead .big-one .carousel-control-next-icon img {
width: 40px;
}
.know-more-btn-2 a {
color: #ffa500 !important;
font-weight: 600;
font-size: 15px;
}
.accept-btn {
font-size: 24px;
}
.masthead .carousel-control-prev {
left: -50px;
}
.masthead .carouselthumb-selector .carousel-control-prev {
left: 0 !important;
}
#carousel-thumbs .carousel-item .selected {
position: relative;
}
#carousel-thumbs .carousel-item .selected .project-title {
position: absolute;
padding-top: 50px;
padding-bottom: 8px;
cursor: pointer;
bottom: 0;
background: linear-gradient(to bottom, transparent, #00000021, black);
}
#carousel-thumbs .carousel-item .selected .project-title h3 {
color: #fff;
font-size: 17px;
}
.carousel-content .carousel-item .text-dark-1 img {
width: 30px;
}
.carouselthumb-selector .carousel-item .row {
height: 130px;
}
.carouselthumb-selector .carousel-item .row .thumb {
height: 130px;
}