.three-bx5 {
width: 50%;
}
.col-md-5.yu {
height: auto;
}
@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700");
body {
font-family: "Poppins", sans-serif;
padding: 0;
margin: 0;
font-size: 15px;
}
center {
margin-top: -38px;
}
.fiv-one5 {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
flex-flow: wrap;
margin-top: 50px;
}
.three-bx5 {
text-align: center;
transition: ease all 0.4s;
justify-content: center;
display: flex;
flex-direction: column;
width: 20%;
border-right: solid 1px #f16e21;
padding: 6px 0 0 0px;
background: #fff;
}
.three-bx5 h2 {
font-size: 26px !important;
color: #0e4194 !important;
text-align: center;
margin-bottom: 12px;
font-weight: normal;
}
.three-bx5:last-child {border-right: none}
.three-bx5 h2 span {
font-size: 15px;
color: #393737;
}
.ex-bx {
position: relative;
margin-top: 5px;
}
.row.rtu ul li {
background: rgba(255, 255, 255, 1);
padding: 8px 7px;
border: solid 1px #ccc6c6;
margin-bottom: 10px;
}
.main-banner-content img {
margin: 11px 0px;
border-radius: 13px;
}
.row.rtu ul {
padding: 0;
margin: 0;
list-style: none;
margin-top: 22px;
}
.row.rtu ul li img {
padding: 0 6px;
}
.hty button.owl-dot {
margin-top: 15px;
}
.hty .recognitions_item img {
width: 98%;
padding: 17px;
border: solid 1px #eee;
}
.col-md-5.yu {
background: #fff;
height: 184px;
padding: 10px;
text-align: center;
border-radius: 38px 0px;
margin-top: 86px;
}
.row.tx ul li {
color: #000; font-size: 14px;
text-align: left;
}
.gallery {
--size: 100px;
display: grid;
grid-template-columns: repeat(6, var(--size));
grid-auto-rows: var(--size);
margin-bottom: var(--size);
place-items: start center;
gap: 5px;
&:has(:hover) img:not(:hover),
&:has(:focus) img:not(:focus){
filter: brightness(0.5) contrast(0.5);
}
& img {
object-fit: cover;
width: calc(var(--size) * 2);
height: calc(var(--size) * 2);
clip-path: path("M90,10 C100,0 100,0 110,10 190,90 190,90 190,90 200,100 200,100 190,110 190,110 110,190 110,190 100,200 100,200 90,190 90,190 10,110 10,110 0,100 0,100 10,90Z");
transition: clip-path 0.25s, filter 0.75s;
grid-column: auto / span 2;
border-radius: 5px;
&:nth-child(5n - 1) {
grid-column: 2 / span 2
}
&:hover,
&:focus {
clip-path: path("M0,0 C0,0 200,0 200,0 200,0 200,100 200,100 200,100 200,200 200,200 200,200 100,200 100,200 100,200 100,200 0,200 0,200 0,100 0,100 0,100 0,100 0,100Z");
z-index: 1;
transition: clip-path 0.25s, filter 0.25s;
}
&:focus {
outline: 1px dashed black;
outline-offset: -5px;
}
}
}
.mentor-profile {
text-align: center;
min-height: 334px;
border-radius: 18px;
color: #f4e8e8;
padding: 6px 6px;
background-color: #f2f2f2;
border-top: solid 2px #e47e06;
width: 270px;
margin-bottom: 22px;
}
.mentor-profile img {
border-radius: 50%;
display: inline-block;
border: 2px #e6e6e6 solid;
width: 100px !important;
padding: 3px;
margin: auto;
}
.mentor-profile h5 {
font-size: 15px;
color: #262626;
font-weight: bold;
margin: 4px 0 4px 0px;
}
.mentor-profile p {
color: #302e2e;
text-align: center;
line-height: 23px;
margin: 0;
font-size: 14px;
}
.sponser1 img {
width: 158px;
}
.sem.tx {
display: inline-block;
width: 100%;
}
.sem.tx {
display: inline-block;
width: 100%;
}
.tab {
float: left;
background: linear-gradient(to right, #1f4690, #437ce6);
width: 30%;
height: 421px;
border-radius: 10px 0 0 10px;
z-index: 999;
position: relative;
}
.tab button {
display: block;
background-color: inherit;
color: white;
padding: 8px 7px;
width: 90%;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 15px;
margin: 5%;
border-radius: 4px;
border: solid 1px #b8b8b8;
}
.tab button:hover {
background-color: #bee9f7;
}
.sem.tx h3 {
color: #272727;
font-size: 20px;
a
margin-top: 5px;
}
.tab button.active {
background-color: #f16e21;
color: #ffffff;
font-weight: bold;
}
.tabcontent {
float: left;
padding: 8px 24px;
width: 70%;
border-left: none;
min-height: 388px;
border-radius: 0 10px 10px 0;
box-shadow: 0px 0px 12px -3px rgb(94 94 94);
background: #fff;
}
.bc-img01:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
.rup h2 {
color: #fff;
font-size: 38px;
}
hr.hn {
border: solid 1px #fff;
opacity: 0.5;
width: 58%;
text-align: left;
}
.rup {
text-align: left;
margin-bottom: 17px;
}
.cent {
text-align: left;
position: relative;
width: 73%;
}
.sponser1 {
position: relative;
z-index: 999;
top: 37px;
text-align: center;
}
.navbar-brand img {
max-width: none;
}
.button-box1 {
margin: -6px 0px;
}
.sponser img {
margin-left: 90px;
margin-top: -40px;
width: 112px;
}
.ex-bx ul {
background: #bd451e;
display: inline-block;
padding: 2px 6px 5px 6px !important;
border-radius: 10px 0px;
width: 37%;
}
.ex-bx ul li {
padding: 2px;
height: 29px;
}
.ex-bx ul li img {
border: solid 1px #040404;
border-radius: 50%;
width: 31px;
padding: 2px;
filter: invert(1);
}
span.plus-ic {
color: #272525;
font-size: 30px;
display: inline-block;
position: absolute;
top: 3px;
margin-left: 3px;
}
.af {
text-align: center;
position: relative;
}
.icon img {
width: 70px;
}
.one-lin .col-sm-4 {
width: 52%;
display: inline-block;
margin-top: 0px;
}
.one-lin .col-sm-3 {
display: inline-block;
width: 23%;
padding: 0;
margin-top: 0px;
}
#par img {
margin-top: 7px;
width: 100%;
border-radius: 10px;
border: solid 1px #eee;
}
a.btn1 {
background: #30266b;
color: #fff;
padding: 8px 7px;
position: relative;
top: 14px;
border-radius: 6px;
}
.col-lg-6.gy {
text-align: center;
}
.copyright-area img {
width: 69%;
}
.location {
background: linear-gradient(288deg, #ff8b75, #c34f38);
padding: 48px;
color: white;
margin-top: 38px;
width: 80%;
}
.fiv-one {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
flex-flow: wrap;
}
.three-bx {
border-radius: 10px;
transition: ease all 0.4s;
margin-bottom: 15px;
justify-content: center;
display: flex;
flex-direction: column;
width: 19%;
height: 155px;
padding: 7px 11px;
box-shadow: 0px 0px 12px -3px rgb(0 0 0 / 90%);
background: #e9b320;
text-align: center;
color: white;
margin-top: 0;
border-bottom-right-radius: 25px;
}
.ptb-14 {
padding: 10px 0 19px 0px;
}
.three-bx img {
width: 90px;
margin-left: auto;
margin-right: auto;
padding: 0px 0px;
}
.three-bx h2 {
font-style: normal;
font-size: 15px;
color: #1c1b1b;
text-align: center;
margin-bottom: 17px;
line-height: 1.3;
font-weight: bold;
}
.cl-form h1 {
font-size: 19px;
text-align: center;
=: 11px;
background: #024397;
padding: 7px 1px;
}
.about-content {
margin-top: -54px;
}
.head h2 {
text-align: center;
color: #fff;
font-size: 40px;
margin-top: -41px;
margin-bottom: 47px;
}
.about-area-three:after {
position: absolute;
content: "";
background: url(../img/about-thumb-ring.png);
left: 0;
z-index: -1;
right: 0px;
top: 0;
width: 350px;
height: 374px;
border: 0;
background-repeat: no-repeat;
background-position: -205px 9px;
opacity: 0.8;
}
.main-banner-content ul li img {
width: 50px;
margin: 0px 12px 5px 0px;
border: solid 1px #eee;
padding: 5px;
border-radius: 50%;
}
.button-box1 h1 {
margin: 0 !important;
text-align: left;
font-size: 18px !important;
padding: 4px 5px;
font-weight: normal;
}
.w-50 {
width: 100% !important;
}
.cl-form {
width: 91%;
height: auto;
padding: 15px;
position: relative;
top: 25px;
right: -32px;
border-radius: 5px;
border: solid 1px #645f5f;
background: rgb(51 49 49 / 63%);
z-index: 9;
}
.cl-form label {
color: #fff !important;
text-align: left !important;
width: 100%;
}
.cl-benefit {
line-height: 1.6;
}
.cl-benefit li {
padding: 15px 30px;
list-style: none;
position: relative;
padding-left: 25px;
font-size: 14px; line-height: 22px;
font-weight: 300;
color: #ffff;
}
.cl-benefit li i {
color: #ffde17;
margin-right: 5px;
font-size: 18px;
position: absolute;
left: 0;
top: 20px;
}
.cl-color {
color: #f16136;
}
.rup img {
margin-top: 6px;
=: 460px;
margin-left: 0;
width: 478px;
}
.event-countdown #timer div#hours span{font-size: 14px;}
a {
transition: 0.5s;
text-decoration: none;
}
a:hover, a:focus {
text-decoration: none;
}
.d-table {
width: 100%;
height: 100%;
}
.d-table-cell {
vertical-align: middle;
}
.ptb-120 {
padding-top: 30px;
padding-bottom: 38px;
}
img {
max-width: 100%;
}
p {
line-height: 1.9;
color: #707070;
margin-bottom: 15px;
font-size: 15px;
}
p:last-child {
margin-bottom: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 700;
color: #0d1028;
}
#timer span{
font-size:10px!important;
}
/*btn btn-primary*/
.btn {
font-weight: 600;
font-size: 15px;
color: #ffffff;
box-shadow: 0 8px 6px -6px rgba(50, 51, 51, 0.4);
border: none;
padding: 15px 30px;
border-radius: 0;
transition: 0.5s;
}
.btn-primary {
color: #ffffff;
background: #0d1028;
position: relative;
z-index: 1;
}
.btn-primary::before, .btn-primary::after {
content: "";
position: absolute;
top: 0;
width: 51%;
background: #302583;
height: 100%;
z-index: -1;
transition: 0.5s;
}
.btn-primary::before {
left: 0;
}
.btn-primary::after {
right: 0;
}
.btn-primary:hover::before, .btn-primary:hover::after, .btn-primary:focus::before, .btn-primary:focus::after {
width: 0;
}
.btn-primary.focus, .btn-primary:focus {
box-shadow: 0 13px 27px 0 rgba(245, 78, 162, 0.25);
color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus {
background: #0d1028;
color: #ffffff;
box-shadow: 0 13px 27px 0 rgba(245, 78, 162, 0.25);
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 13px 27px 0 rgba(245, 78, 162, 0.25);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
background: #0d1028;
color: #ffffff;
}
.btn-primary.disabled, .btn-primary:disabled {
opacity: 1;
background: #0d1028;
}
.btn-secondary {
color: #ffffff;
background: #0d1028;
position: relative;
z-index: 1;
}
.btn-secondary::before, .btn-secondary::after {
content: "";
position: absolute;
top: 0;
width: 51%;
background: #00acee;
height: 100%;
z-index: -1;
transition: 0.5s;
}
.btn-secondary::before {
left: 0;
}
.btn-secondary::after {
right: 0;
}
.btn-secondary:hover::before, .btn-secondary:hover::after, .btn-secondary:focus::before, .btn-secondary:focus::after {
width: 0;
}
.btn-secondary.focus, .btn-secondary:focus {
box-shadow: 0 13px 27px 0 rgba(245, 78, 162, 0.25);
color: #ffffff;
}
.btn-secondary:hover, .btn-secondary:focus {
background: #0d1028;
color: #ffffff;
box-shadow: 0 13px 27px 0 rgba(245, 78, 162, 0.25);
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 13px 27px 0 rgba(245, 78, 162, 0.25);
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {
background: #0d1028;
color: #ffffff;
}
.btn-secondary.disabled, .btn-secondary:disabled {
opacity: 1;
background: #0d1028;
}
/*section-title*/
.section-title {
position: relative;
margin-bottom: 35px;
z-index: 1;
}
.section-title span {
color: #FF2D55;
letter-spacing: 1px;
font-size: 16px;
text-transform: uppercase;
display: block;
}
.section-title h2 {
font-size: 25px;
margin-top: 12px;
margin-bottom: 10px;
}
.section-title h2 b {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 80%, #c24933 80%);
font-weight: unset;
background-size: 100px 1.07em !important;
}
.section-title .btn {
position: absolute;
top: 50%;
right: 0;
margin-top: -18px;
}
.section-title .bg-title {
color: rgba(73, 57, 231, 0.05);
font-weight: 700;
font-size: 140px;
line-height: 120px;
position: absolute;
top: 0;
right: 35%;
text-transform: uppercase;
letter-spacing: 1px;
z-index: -1;
margin-top: -25px;
}
.section-title .bar {
position: relative;
width: 20px;
height: 4px;
background: #FF2D55;
display: block;
}
.section-title .bar::after, .section-title .bar::before {
position: absolute;
height: 100%;
top: 0;
right: 0;
content: "";
}
.section-title .bar::after {
width: 25px;
background: #00acee;
right: -29px;
}
.section-title .bar::before {
background: #efa506;
width: 30px;
right: -63px;
}
/*owl-carousel-btn*/
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 0;
line-height: 0.01;
}
.owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 0 4px;
background: transparent;
border: 1px solid #dfdfdf;
display: block;
transition: 0.5s;
border-radius: 50%;
position: relative;
}
.owl-theme .owl-dots .owl-dot:hover, .owl-theme .owl-dots .owl-dot:focus {
outline: 0;
box-shadow: unset !important;
}
.owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot:focus span {
background: #00acee;
border-color: #00acee;
}
.owl-theme .owl-dots .owl-dot.active span {
background: #e47e06;
border-color: #e47e06;
}
/*form-control*/
.form-group {
margin-bottom: 0;
}
.form-control {
padding: 1px 10px;
font-size: 13px;
height: 32px;
margin: 14px 0px;
}
.form-control:hover, .form-control:focus, .form-control.active {
box-shadow: unset;
}
textarea.form-control {
min-height: 150px;
}
/*================================================
Preloader CSS
=================================================*/
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
overflow: hidden;
background: #0d1028;
}
.preloader .loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 110px;
height: 110px;
margin: -80px 0 0 -75px;
border-radius: 50%;
border: 7px solid transparent;
border-top-color: #FF2D55;
animation: spin 1.7s linear infinite;
z-index: 11;
}
.preloader .loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 7px solid transparent;
border-top-color: #efa506;
animation: spin-reverse 0.6s linear infinite;
}
.preloader .loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 7px solid transparent;
border-top-color: #00acee;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spin-reverse {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
/*================================================
Navbar CSS
=================================================*/
.elkevent-mobile-nav {
display: none;
}
.elkevent-mobile-nav.mean-container .mean-nav ul li a.active {
color: #FF2D55;
}
.elkevent-nav {
background: transparent;
position: absolute;
top: 25px;
left: 0;
padding-top: 15px;
width: 100%;
z-index: 999;
height: auto;
}
.elkevent-nav nav ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.elkevent-nav nav .navbar-nav .nav-item {
position: relative;
padding: 15px 0;
}
.elkevent-nav nav .navbar-nav .nav-item a {
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: #ffffff;
transition: 0.5s;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
margin-left: 13px;
margin-right: 13px;
}
.elkevent-nav nav .navbar-nav .nav-item a:hover, .elkevent-nav nav .navbar-nav .nav-item a:focus, .elkevent-nav nav .navbar-nav .nav-item a.active {
color: #ffffff;
}
.elkevent-nav nav .navbar-nav .nav-item:hover a {
color: #FF2D55;
}
.elkevent-nav nav .navbar-nav .nav-item .dropdown-menu {
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
background: #0d1028;
position: absolute;
top: 80px;
left: 0;
width: 250px;
z-index: 99;
display: block;
padding-top: 20px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 20px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.elkevent-nav nav .navbar-nav .nav-item .dropdown-menu li {
position: relative;
padding: 0;
}
.elkevent-nav nav .navbar-nav .nav-item .dropdown-menu li a {
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
padding: 9px 15px;
margin: 0;
display: block;
color: #ffffff;
}
.elkevent-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover, .elkevent-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus, .elkevent-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
color: #FF2D55;
}
.elkevent-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
position: absolute;
left: 220px;
top: 0;
opacity: 0 !important;
visibility: hidden !important;
}
.elkevent-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
color: #ffffff;
text-transform: capitalize;
}
.elkevent-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .elkevent-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .elkevent-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
color: #FF2D55;
}
.elkevent-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
opacity: 1 !important;
visibility: visible !important;
top: -20px !important;
}
.elkevent-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a {
color: #FF2D55;
}
.elkevent-nav nav .navbar-nav .nav-item:hover ul {
opacity: 1;
visibility: visible;
top: 100%;
}
.elkevent-nav nav .others-option {
margin-left: 13px;
}
.elkevent-nav.is-sticky {
position: fixed;
top: 29px;
left: 0;
width: 100%;
padding: 5px 0;
z-index: 999;
box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
background-color: #024397 !important;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
height: 114px;
}
/*================================================
Main Banner CSS
=================================================*/
.main-banner {
background: url("../img/banner.jpg");
height: 620px;
position: relative;
z-index: 1;
background-position: center center;
background-size: 100%;
background-repeat: no-repeat;
}
a.navbar-brand {
/* margin-left: -25px; */
}
.main-banner::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 2%);
}
.slideshow-banner::before {
z-index: 1;
}
.slideshow-banner .main-banner-content::before {
display: none;
}
.slideshow-banner .slideshow {
z-index: -1;
list-style-type: none;
padding: 0;
margin: 0;
}
.slideshow-banner .event-countdown {
position: relative;
right: 15px;
top: 117px;
text-align: center;
/* background: linear-gradient(45deg, #e14f82bf, #00aeefbd); */
border-top-left-radius: 20px;
border-bottom-right-radius: 34px;
height: 51px;
width: 459px !important;
margin: auto;
z-index: 99;
}
.slideshow-banner .event-countdown #days {
}
.video-banner {
overflow: hidden;
}
.video-banner .video-background {
position: absolute;
left: 0;
top: 0;
width: auto;
height: auto;
min-height: 100%;
min-width: 100%;
z-index: -2;
}
.item-bg1 {
background-image: url(../../assets/img/main-bg1.jpg);
}
.item-bg2 {
background-image: url(../../assets/img/main-bg2.jpg);
}
.item-bg3 {
background-image: url(../../assets/img/main-bg3.jpg);
}
.item-bg4 {
background-image: url(../../assets/img/main-bg4.jpg);
}
.item-bg5 {
background-image: url(../../assets/img/main-bg5.jpg);
}
.main-banner-content {
max-width: 100%;
position: relative;
z-index: 1;
margin-top: 81px;
text-align: left;
}
.main-banner-content::before {
content: "";
position: absolute;
top: -75px;
width: 100%;
max-width: 380px;
text-align: center;
height: 500px;
left: 18%;
margin-left: -190px;
z-index: -1;
border: 18px solid rgba(104, 89, 222, 0.24);
box-sizing: border-box;
box-shadow: 0 60px 40px -40px rgba(0, 0, 0, 0.3);
}
.main-banner-content h1 {
color: #e4e4e4;
margin: 0;
font-size: 26px;
margin-top: 6px;
display: inline-block;
line-height: 39px;
font-weight]: inherit;
font-weight: bold;
margin-bottom: 18px;
}
.main-banner-content h1 span {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 80%, #c24a32 80%);
background-size: 100px 1.2em !important;
}
.main-banner-content h1 b:nth-of-type(1) {
}
.main-banner-content h1 b:nth-of-type(2) {
color: #FF2D55;
}
.main-banner-content h1 b:nth-of-type(3) {
color: #ffffff;
animation: colorchange 20s;
}
.main-banner-content h1 b:nth-of-type(4) {
color: #00acee;
}
.main-banner-content ul {
padding: 0;
margin: 5px 0px;
=:
"Oswald", sans-serif;
list-style-type: none;
}
.main-banner-content ul li {
color: #ffffff;
margin-right: 12px;
font-size: 23px;
display: inline-block;
}
.main-banner-content ul li i {
margin-right: 3px;
color: #FF2D55;
}
.main-banner-content ul li:last-child {
margin-right: 0;
}
.main-banner-content p {
color: #efa506;
font-size: 22px;
font-style: italic;
letter-spacing: 1px;
margin-bottom: 10px;
}
.main-banner-content p span {
color: #00acee;
}
.main-banner-content .button-box a {
display: inline-block;
}
.main-banner-content .button-box .video-btn {
margin-left: 20px;
color: #dddddd;
font-weight: 500;
}
.main-banner-content .button-box .video-btn i {
width: 50px;
display: inline-block;
height: 50px;
line-height: 51px;
text-align: center;
background-color: #00acee;
border-radius: 50%;
font-size: 17px;
margin-right: 8px;
z-index: 1;
position: relative;
transition: 0.5s;
}
.main-banner-content .button-box .video-btn i::after {
z-index: -1;
content: "";
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
animation: ripple 1.6s ease-out infinite;
animation-delay: 3s;
opacity: 0;
border-radius: 50%;
background: rgba(51, 102, 204, 0.5);
}
.main-banner-content .button-box .video-btn:hover, .main-banner-content .button-box .video-btn:focus {
color: #00acee;
}
.main-banner-content .button-box .video-btn:hover i, .main-banner-content .button-box .video-btn:focus i {
background-color: #FF2D55;
color: #ffffff;
}
.main-banner-content.banner-content-center {
margin: 50px auto 0;
text-align: center;
}
.countdown-area {
padding: 50px 0;
background: #8dc63f;
}
.countdown-area .event-countdown {
position: relative;
right: 0;
bottom: 0;
text-align: center;
}
.countdown-area .event-countdown #timer div {
margin: 0 55px;
}
.countdown-area .event-countdown #timer div#seconds {
color: #FF2D55;
}
.event-countdown {
position: absolute;
right: 10%;
bottom: 0;
text-align: right;
}
.event-countdown #timer div {
display: inline-block;
font-size: 30px;
font-weight: 700;
color: #ffffff;
margin: 0 39px;
position: relative;
}
.event-countdown #timer div#days {
color: #FF2D55;
margin-left: 6px;
}
.event-countdown #timer div#hours {
color: #00acee;
margin-left: -2px;
}
.event-countdown #timer div#hours span {
right: -40px;
margin-top: -12px;
}
.event-countdown #timer div#minutes {
color: #ffffff;
margin-left: 9px;
}
.event-countdown #timer div#minutes span {
right: -45px;
margin-top: -12px;
}
.event-countdown #timer div#seconds {
color: #efa506;
margin-left: 6px;
}
.event-countdown #timer div#seconds span {
right: -48px;
margin-top: -12px;
}
.event-countdown #timer span {
display: block;
color: #ffffff;
margin-top: 0;
font-size: 15px;
font-weight: 500;
position: absolute;
right: -33px;
top: 50%;
text-transform: uppercase;
transform: rotate(-90deg);
margin-top: -10px;
letter-spacing: 2px;
}
@keyframes ripple {
0%, 35% {
transform: scale(0);
opacity: 1;
}
50% {
transform: scale(1.5);
opacity: 0.8;
}
100% {
opacity: 0;
transform: scale(2);
}
}
.shape1 {
position: absolute;
left: 70px;
bottom: 70px;
z-index: -1;
animation: movebounce 5s linear infinite;
opacity: 0.6;
}
.shape2 {
position: absolute;
right: 70px;
bottom: 70px;
z-index: -1;
opacity: 0.6;
}
.shape3 {
position: absolute;
left: 70px;
top: 70px;
z-index: -1;
opacity: 0.6;
}
.shape4 {
position: absolute;
right: 100px;
top: 100px;
z-index: -1;
opacity: 0.6;
animation: movebounce 5s linear infinite;
}
.rotateme {
animation-name: rotateme;
animation-duration: 40s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes rotateme {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes movebounce {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(20px);
}
100% {
transform: translateY(0px);
}
}
@keyframes colorchange {
0% {
color: #FF2D55;
}
25% {
color: #ffffff;
}
50% {
color: red;
}
75% {
color: #00acee;
}
0% {
color: #efa506;
}
}
.home-slides.owl-theme .owl-nav {
margin-top: 0;
line-height: 0.01;
}
.home-slides.owl-theme .owl-nav [class*=owl-] {
position: absolute;
left: 10px;
top: 50%;
width: 60px;
height: 60px;
line-height: 63px;
background-color: #00acee;
border-radius: 0;
color: #ffffff;
transition: 0.5s;
opacity: 0.7;
margin-top: -50px;
font-size: 28px;
}
.home-slides.owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: 10px;
}
.home-slides.owl-theme .owl-nav [class*=owl-]:hover {
background-color: #FF2D55;
color: #ffffff;
opacity: 1;
outline: 0;
box-shadow: unset;
}
.banner-form {
background: #ffffff;
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
padding: 40px 25px;
position: relative;
}
.banner-form::before {
content: "";
position: absolute;
z-index: -1;
background: #ffffff;
width: 96%;
opacity: 0.62;
height: 50%;
bottom: -10px;
left: 0;
right: 0;
margin: auto;
border-radius: 3px;
}
.banner-form form .form-control {
border: 1px solid #eeeeee;
font-size: 14px;
border-radius: 2px;
}
.banner-form form label {
color: #707070;
margin-bottom: 8px;
font-size: 15px;
}
.banner-form form select.form-control {
height: 50px;
cursor: pointer;
}
.banner-form form .btn {
margin-top: 10px;
}
.banner-with-speaker {
overflow: hidden;
}
.banner-with-speaker .main-banner-content {
max-width: 630px;
}
.banner-with-speaker .container {
position: relative;
}
.banner-image {
position: absolute;
top: -66px;
right: 0;
text-align: right;
}
/*================================================
About CSS
=================================================*/
.about-area {
position: relative;
z-index: 1;
overflow: hidden;
}
.about-area.bg-image {
background-image: url(../../assets/img/bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.about-content span {
color: #FF2D55;
letter-spacing: 1px;
font-size: 16px;
text-transform: uppercase;
display: block;
}
.about-content h2 {
font-size: 25px;
margin-top: 0px;
margin-bottom: 10px;
}
.about-content h2 b {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 80%, #FF2D55 80%);
font-weight: unset;
background-size: 100px 1.05em !important;
}
.about-content .signature {
margin-top: 35px;
margin-bottom: 35px;
}
.about-content .btn-primary {
margin-right: 8px;
}
.about-image {
text-align: center;
position: relative;
}
.about-image .about-img1 {
position: relative;
right: -100px;
top: -80px;
}
.about-image .about-img2 {
position: absolute;
left: 20px;
bottom: -80px;
}
.about-image .shape-img {
position: absolute;
top: -28px;
left: 48%;
animation: movebounce 5s linear infinite;
}
.about-image .btn {
position: absolute;
bottom: -20px;
right: 0;
}
/*about-style-two*/
.about-area-two {
overflow: hidden;
position: relative;
z-index: 1;
}
.about-area-two.bg-image {
background-image: url(../../assets/img/bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.about-area-two .about-image .about-img1 {
position: relative;
right: 0;
top: 0;
}
.about-area-two .about-image .btn {
bottom: 0;
}
.about-area-two .about-content .signature {
margin-bottom: 0;
}
/*about-style-three*/
.about-area-three {
position: relative;
overflow: hidden;
z-index: 1;
margin-top: 29px;
}
.about-area-three.bg-image {
background-image: url(../../assets/img/bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.about-area-three .about-image .about-img1 {
position: relative;
right: 0;
top: -41px;
border-radius: 20px;
}
.about-area-three .about-image .btn {
bottom: 0;
left: 70px;
right: auto;
}
.about-area-three .about-content .signature {
margin-bottom: 0;
}
.about-area-three .about-content h6 {
font-weight: 600;
line-height: 24px;
margin-bottom: 20px;
}
.about-area-three .about-content p {
margin-bottom: 0;
}
.about-area-three .about-content ul {
padding: 0;
margin: 20px 0 0;
list-style-type: none;
}
.about-area-three .about-content ul li {
margin-bottom: 10px;
color: #707070;
padding-left: 20px;
position: relative;
}
.about-area-three .about-content ul li i {
color: #FF2D55;
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
}
.about-area-three .about-content ul li:last-child {
margin-bottom: 0;
}
/*================================================
Why Choose Us CSS
=================================================*/
.why-choose-us {
position: relative;
z-index: 1;
}
.why-choose-us::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
background: #0d1028;
opacity: 0.7;
}
.why-choose-us .slideshow {
z-index: -1;
list-style-type: none;
padding: 0;
margin: 0;
}
.why-choose-us .slideshow li span {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
color: transparent;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
z-index: 0;
backface-visibility: hidden;
animation: imageAnimation 24s linear infinite 0s;
}
.why-choose-us .slideshow li:nth-child(1) span {
background-image: url(../../assets/img/slideshow-bg1.jpg);
}
.why-choose-us .slideshow li:nth-child(2) span {
background-image: url(../../assets/img/slideshow-bg2.jpg);
animation-delay: 6s;
}
.why-choose-us .slideshow li:nth-child(3) span {
background-image: url(../../assets/img/slideshow-bg3.jpg);
animation-delay: 12s;
}
.why-choose-us .slideshow li:nth-child(4) span {
background-image: url(../../assets/img/slideshow-bg4.jpg);
animation-delay: 18s;
}
.col-lg-3:first-child .single-box {
border-left: none;
}
.single-box {
position: relative;
z-index: 1;
border-left: 1px solid rgba(255, 255, 255, 0.2);
text-align: center;
height: 450px;
}
.single-box .d-table-cell {
vertical-align: bottom;
}
.single-box .content {
position: absolute;
padding-left: 25px;
padding-right: 25px;
bottom: 0;
left: 0;
transition: 0.5s;
}
.single-box .content::before {
content: "";
position: absolute;
bottom: 5px;
width: 100%;
max-width: 280px;
text-align: center;
height: 260px;
left: 50%;
margin-left: -155px;
z-index: -1;
border: 10px solid rgba(104, 89, 222, 0.03);
}
.single-box .content .icon {
font-size: 45px;
color: #FF2D55;
}
.single-box .content h3 {
font-size: 26px;
color: #ffffff;
margin-top: 15px;
margin-bottom: 15px;
}
.single-box .content p {
color: #ffffff;
margin-bottom: 0;
transition: 0.5s;
}
.single-box .content .btn {
opacity: 0;
visibility: hidden;
}
.single-box:hover .content, .single-box:focus .content {
bottom: 35px;
}
.single-box:hover .content p, .single-box:focus .content p {
margin-bottom: 25px;
}
.single-box:hover .content .btn, .single-box:focus .content .btn {
opacity: 1;
visibility: visible;
}
@keyframes imageAnimation {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
12.5% {
opacity: 1;
animation-timing-function: ease-out;
}
25% {
opacity: 1;
}
37.5% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.no-cssanimations .slideshow li span {
opacity: 1;
}
/*why-choose-style-two*/
.why-choose-content {
text-align: center;
padding: 20px 25px;
position: relative;
z-index: 1;
}
.why-choose-content h3 {
font-size: 24px;
margin-bottom: 15px;
}
.why-choose-content p {
margin-bottom: 0;
}
.why-choose-content a {
color: #FF2D55;
margin-top: 15px;
}
.why-choose-content a:hover, .why-choose-content a:focus {
letter-spacing: 1px;
}
.why-choose-content span {
font-size: 100px;
font-weight: 700;
color: #f2f2f2;
line-height: 90px;
position: absolute;
left: 0;
right: 0;
margin: -10px auto 0;
z-index: -1;
top: 0;
}
/*================================================
CTA CSS
=================================================*/
.cta-area {
background-color: #FF2D55;
padding-top: 50px;
padding-bottom: 50px;
}
.cta-area span {
display: block;
color: #ffffff;
font-size: 20px;
}
.cta-area h3 {
color: #ffffff;
font-size: 35px;
margin-top: 15px;
margin-bottom: 0;
}
/*================================================
Speakers CSS
=================================================*/
.single-speakers {
overflow: hidden;
position: relative;
}
.single-speakers::before {
content: "";
position: absolute;
top: 0;
right: 0;
background: linear-gradient(transparent 0%, transparent 40%, rgba(0, 0, 0, 0.3) 58%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.63) 100%);
width: 100%;
height: 100%;
}
.single-speakers .speakers-content {
position: absolute;
bottom: 35px;
left: 35px;
transition: 0.5s;
}
.single-speakers .speakers-content h3 {
font-size: 24px;
margin-bottom: 0;
}
.single-speakers .speakers-content h3 a {
color: #FF2D55;
}
.single-speakers .speakers-content h3 a:hover, .single-speakers .speakers-content h3 a:focus {
color: #8dc63f;
}
.single-speakers .speakers-content span {
display: block;
margin-top: 6px;
color: #ffffff;
transition: 0.5s;
}
.single-speakers ul {
padding: 15px 20px 10px;
margin: 0 0 0;
opacity: 0;
visibility: hidden;
list-style-type: none;
transition: 0.5s;
position: absolute;
right: -15px;
top: 0;
background-color: #ffffff;
}
.single-speakers ul li {
display: block;
margin-bottom: 5px;
}
.single-speakers ul li a {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #FF2D55;
color: #ffffff;
border-radius: 50%;
}
.single-speakers ul li a.facebook {
background-color: #4267b2;
}
.single-speakers ul li a.twitter {
background-color: #38A1F3;
}
.single-speakers ul li a.instagram {
background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.single-speakers ul li a.linkedin {
background-color: #0077B5;
}
.single-speakers ul li a:hover, .single-speakers ul li a:focus {
background-color: #FF2D55;
color: #ffffff;
}
.single-speakers:hover .speakers-content, .single-speakers:focus .speakers-content {
bottom: 45px;
}
.single-speakers:hover ul, .single-speakers:focus ul {
right: 0;
opacity: 1;
visibility: visible;
}
/*Speakers-Style-Two*/
.elkevent-single-speakers {
overflow: hidden;
position: relative;
}
.elkevent-single-speakers .speakers-content {
position: absolute;
bottom: -25px;
left: 0;
background-color: #ffffff;
width: 100%;
height: auto;
padding: 25px 15px;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.elkevent-single-speakers .speakers-content h3 {
font-size: 24px;
margin-bottom: 0;
}
.elkevent-single-speakers .speakers-content h3 a {
color: #0d1028;
}
.elkevent-single-speakers .speakers-content h3 a:hover, .elkevent-single-speakers .speakers-content h3 a:focus {
color: #FF2D55;
}
.elkevent-single-speakers .speakers-content span {
display: block;
margin-top: 8px;
color: #FF2D55;
transition: 0.5s;
}
.elkevent-single-speakers ul {
padding: 15px 20px 10px;
margin: 0 0 0;
opacity: 0;
visibility: hidden;
list-style-type: none;
transition: 0.5s;
position: absolute;
right: -15px;
top: 0;
background-color: #ffffff;
}
.elkevent-single-speakers ul li {
display: block;
margin-bottom: 5px;
}
.elkevent-single-speakers ul li a {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #FF2D55;
color: #ffffff;
border-radius: 50%;
}
.elkevent-single-speakers ul li a.facebook {
background-color: #4267b2;
}
.elkevent-single-speakers ul li a.twitter {
background-color: #38A1F3;
}
.elkevent-single-speakers ul li a.instagram {
background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.elkevent-single-speakers ul li a.linkedin {
background-color: #0077B5;
}
.elkevent-single-speakers ul li a:hover, .elkevent-single-speakers ul li a:focus {
background-color: #FF2D55;
color: #ffffff;
}
.elkevent-single-speakers img {
transition: 0.5s;
}
.elkevent-single-speakers:hover .speakers-content, .elkevent-single-speakers:focus .speakers-content {
bottom: 0;
opacity: 1;
visibility: visible;
}
.elkevent-single-speakers:hover ul, .elkevent-single-speakers:focus ul {
right: 0;
opacity: 1;
visibility: visible;
}
.elkevent-single-speakers:hover img, .elkevent-single-speakers:focus img {
transform: scale(1.2);
filter: grayscale(100%);
}
/*Speakers-style-three*/
.speakers-area-two {
padding-bottom: 90px;
}
.single-speakers-box {
margin-bottom: 30px;
text-align: center;
transition: 0.5s;
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
}
.single-speakers-box .speakers-content {
background: #ffffff;
padding: 30px 0;
position: relative;
transition: 0.5s;
}
.single-speakers-box .speakers-content::before {
content: "";
width: 0;
height: 20px;
color: #ffffff;
background: #FF2D55;
position: absolute;
top: -20px;
right: 0;
transition: 0.5s;
}
.single-speakers-box .speakers-content h3 {
font-size: 24px;
margin-bottom: 12px;
}
.single-speakers-box .speakers-content h3 a {
color: #0d1028;
}
.single-speakers-box .speakers-content span {
display: block;
text-transform: uppercase;
transition: 0.5s;
color: #FF2D55;
}
.single-speakers-box .speakers-content .social {
padding: 0;
margin: 0;
list-style-type: none;
position: absolute;
top: -37px;
left: 0;
right: 0;
margin: 0 auto;
transform: scale(0);
transition: 0.5s;
}
.single-speakers-box .speakers-content .social li {
display: inline-block;
}
.single-speakers-box .speakers-content .social li a {
display: block;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
color: #a0a0a0;
margin-right: 10px;
position: relative;
z-index: 1;
}
.single-speakers-box .speakers-content .social li a:hover {
color: #ffffff;
}
.single-speakers-box .speakers-content .social li a:hover::before {
background: #00acee;
color: #ffffff;
transform: rotate(-45deg);
}
.single-speakers-box .speakers-content .social li a::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #ffffff;
transform: rotate(45deg);
z-index: -1;
transition: 0.5s;
}
.single-speakers-box:hover {
box-shadow: 0 0 28px 0 rgba(6, 74, 255, 0.22);
}
.single-speakers-box:hover::before, .single-speakers-box:hover::after {
border-color: #FF2D55;
transform: scale(1);
}
.single-speakers-box:hover .speakers-content {
background: #FF2D55;
}
.single-speakers-box:hover .speakers-content::before {
width: 100%;
}
.single-speakers-box:hover .speakers-content .social {
transform: scale(1);
}
.single-speakers-box:hover .speakers-content h3 a, .single-speakers-box:hover .speakers-content span {
color: #ffffff;
}
/*================================================
Schedule CSS
=================================================*/
.schedule-area {
position: relative;
z-index: 1;
}
.schedule-area.bg-image {
background-image: url(../../assets/img/bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.tab {
width: 100%;
box-shadow: 0 0 10px 0 rgba(137, 173, 255, 0.35);
background-color: #ffffff;
}
.tab {
float: left;
background: linear-gradient(to right, #1f4690, #437ce6);
width: 30%;
height: 388px;
border-radius: 10px 0 0 10px;
z-index: 999;
position: relative;
}
.tabs {
list-style-type: none;
margin: 0 0 50px;
display: flex;
width: 100%;
text-align: center;
padding: 0;
}
.tabs li {
display: block;
flex: 1;
background-color: #efa506;
transition: 0.5s;
position: relative;
}
.tabs li::before {
width: 30px;
height: 30px;
left: 0;
bottom: -15px;
position: absolute;
background: #FF2D55;
content: "";
transform: rotate(45deg);
right: 0;
margin: 0 auto;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.tabs li a {
font-size: 24px;
color: #ffffff;
text-transform: uppercase;
padding: 25px 10px;
}
.tabs li a span {
opacity: 0.8;
display: block;
font-family: "Poppins", sans-serif;
font-size: 16px;
text-transform: capitalize;
margin-top: 5px;
}
.tabs li:nth-child(2) {
background-color: #00acee;
}
.tabs li:nth-child(3) {
background-color: #8dc63f;
}
.tabs li:nth-child(4) {
background-color: #efa506;
}
.tabs li.current {
background-color: #FF2D55;
}
.tabs li.current::before {
opacity: 1;
visibility: visible;
}
.tab_content {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-top: 15px;
background-color: #F9F9FF;
}
.tab_content .tabs_item {
display: none;
}
.tab_content .tabs_item:first-child {
display: block;
}
.tab_content .tabs_item .accordion {
list-style-type: none;
padding: 0;
margin: 0;
}
.tab_content .tabs_item .accordion .accordion-item {
display: block;
margin-bottom: 15px;
border: none;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 35px;
padding-top: 35px;
background-color: #ffffff;
}
.tab_content .tabs_item .accordion .accordion-item:last-child {
margin-bottom: 0;
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title {
display: flex;
position: relative;
align-items: center !important;
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .author {
max-width: 100px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .author img:nth-child(1) {
-webkit-clip-path: polygon(50% 0%, 38.11% 6.7%, 24.99% 6.72%, 18.06% 18.44%, 6.7% 25%, 6.56% 38.64%, 0% 50%, 6.7% 61.89%, 6.7% 75%, 18.44% 81.94%, 25% 93.3%, 38.64% 93.44%, 50% 100%, 61.88% 93.3%, 75% 93.3%, 81.94% 81.56%, 93.3% 74.9%, 93.44% 61.36%, 100% 50%, 93.3% 38.11%, 93.3% 25%, 81.56% 18.06%, 74.96% 6.7%, 61.36% 6.56%, 50% 0%);
clip-path: polygon(50% 0%, 38.11% 6.7%, 24.99% 6.72%, 18.06% 18.44%, 6.7% 25%, 6.56% 38.64%, 0% 50%, 6.7% 61.89%, 6.7% 75%, 18.44% 81.94%, 25% 93.3%, 38.64% 93.44%, 50% 100%, 61.88% 93.3%, 75% 93.3%, 81.94% 81.56%, 93.3% 74.9%, 93.44% 61.36%, 100% 50%, 93.3% 38.11%, 93.3% 25%, 81.56% 18.06%, 74.96% 6.7%, 61.36% 6.56%, 50% 0%);
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .author img:nth-child(2) {
-webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .author img:nth-child(3) {
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .author img:nth-child(4) {
border-radius: 50%;
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .author img:nth-child(5) {
-webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .author img:nth-child(6) {
-webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .author img:nth-child(7) {
-webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .author img:nth-child(8) {
-webkit-clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .author img:nth-child(9) {
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .author img:nth-child(10) {
-webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .author-multi {
overflow: hidden;
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .author-multi img {
width: 47%;
border-radius: 50%;
margin-bottom: 0.2rem;
margin-right: 1.5%;
margin-left: 1.5%;
margin-top: 0.2rem;
float: left;
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .schedule-info h3 {
font-size: 24px;
margin-bottom: 12px;
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .schedule-info ul {
padding: 0;
list-style-type: none;
margin: 0;
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .schedule-info ul li {
display: inline-block;
color: #707070;
margin-right: 12px;
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .schedule-info ul li i {
margin-right: 3px;
color: #FF2D55;
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .schedule-info ul li:last-child {
margin-right: 0;
}
.tab_content .tabs_item .accordion .accordion-item .accordion-title .schedule-info ul li span {
color: #00acee;
}
.tab_content .tabs_item .accordion .accordion-item .accordion-content {
margin-top: 25px;
display: none;
}
.tab_content .tabs_item .accordion .accordion-item .accordion-content p {
font-size: 16px;
margin-bottom: 20px;
}
.tab_content .tabs_item .accordion .accordion-item .accordion-content .location {
}
.tab_content .tabs_item .accordion .accordion-item .accordion-content .location b {
color: #FF2D55;
}
.tab_content .tabs_item .accordion .accordion-item .accordion-content .location span {
color: #00acee;
}
.btn-box {
text-align: center;
margin-top: 50px;
}
.btn-box .btn {
margin: 0 3px;
}
/*schedule-style-two*/
.schedule-slides-item .single-schedule {
position: relative;
background: #ffffff;
text-align: center;
padding: 0 0 0 200px;
}
.schedule-slides-item .single-schedule .schedule-date {
font-size: 24px;
color: #ffffff;
background: #FF2D55;
text-transform: uppercase;
padding: 25px 40px;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 200px;
}
.schedule-slides-item .single-schedule .schedule-date span {
opacity: 0.8;
display: block;
font-family: "Poppins", sans-serif;
font-size: 16px;
text-transform: capitalize;
margin-top: 5px;
}
.schedule-slides-item .single-schedule .schedule-content {
display: flex;
align-items: center !important;
border-bottom: 1px solid #eeeeee;
padding: 20px;
text-align: left;
}
.schedule-slides-item .single-schedule .schedule-content .author {
max-width: 100px;
margin-right: 25px;
}
.schedule-slides-item .single-schedule .schedule-content .author img:nth-child(1) {
-webkit-clip-path: polygon(50% 0%, 38.11% 6.7%, 24.99% 6.72%, 18.06% 18.44%, 6.7% 25%, 6.56% 38.64%, 0% 50%, 6.7% 61.89%, 6.7% 75%, 18.44% 81.94%, 25% 93.3%, 38.64% 93.44%, 50% 100%, 61.88% 93.3%, 75% 93.3%, 81.94% 81.56%, 93.3% 74.9%, 93.44% 61.36%, 100% 50%, 93.3% 38.11%, 93.3% 25%, 81.56% 18.06%, 74.96% 6.7%, 61.36% 6.56%, 50% 0%);
clip-path: polygon(50% 0%, 38.11% 6.7%, 24.99% 6.72%, 18.06% 18.44%, 6.7% 25%, 6.56% 38.64%, 0% 50%, 6.7% 61.89%, 6.7% 75%, 18.44% 81.94%, 25% 93.3%, 38.64% 93.44%, 50% 100%, 61.88% 93.3%, 75% 93.3%, 81.94% 81.56%, 93.3% 74.9%, 93.44% 61.36%, 100% 50%, 93.3% 38.11%, 93.3% 25%, 81.56% 18.06%, 74.96% 6.7%, 61.36% 6.56%, 50% 0%);
}
.schedule-slides-item .single-schedule .schedule-content .author img:nth-child(2) {
-webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
.schedule-slides-item .single-schedule .schedule-content .author img:nth-child(3) {
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.schedule-slides-item .single-schedule .schedule-content .author img:nth-child(4) {
border-radius: 50%;
}
.schedule-slides-item .single-schedule .schedule-content .author img:nth-child(5) {
-webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
.schedule-slides-item .single-schedule .schedule-content .author img:nth-child(6) {
-webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
.schedule-slides-item .single-schedule .schedule-content .author img:nth-child(7) {
-webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}
.schedule-slides-item .single-schedule .schedule-content .author img:nth-child(8) {
-webkit-clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
}
.schedule-slides-item .single-schedule .schedule-content .author img:nth-child(9) {
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
}
.schedule-slides-item .single-schedule .schedule-content .author img:nth-child(10) {
-webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
.schedule-slides-item .single-schedule .schedule-content .author-multi {
overflow: hidden;
}
.schedule-slides-item .single-schedule .schedule-content .author-multi img {
width: 47%;
border-radius: 50%;
margin-bottom: 0.4rem;
margin-right: 3%;
float: left;
}
.schedule-slides-item .single-schedule .schedule-content .schedule-info h3 {
font-size: 24px;
margin-bottom: 12px;
}
.schedule-slides-item .single-schedule .schedule-content .schedule-info h3 a {
color: #0d1028;
}
.schedule-slides-item .single-schedule .schedule-content .schedule-info h3 a:hover, .schedule-slides-item .single-schedule .schedule-content .schedule-info h3 a:focus {
color: #FF2D55;
}
.schedule-slides-item .single-schedule .schedule-content .schedule-info ul {
padding: 0;
list-style-type: none;
margin: 0;
}
.schedule-slides-item .single-schedule .schedule-content .schedule-info ul li {
display: inline-block;
color: #707070;
margin-right: 12px;
}
.schedule-slides-item .single-schedule .schedule-content .schedule-info ul li i {
margin-right: 3px;
color: #FF2D55;
}
.schedule-slides-item .single-schedule .schedule-content .schedule-info ul li:last-child {
margin-right: 0;
}
.schedule-slides-item .single-schedule .schedule-content .schedule-info ul li a {
display: inline-block;
color: #00acee;
}
.schedule-slides-item .single-schedule .schedule-content .schedule-info ul li a:hover, .schedule-slides-item .single-schedule .schedule-content .schedule-info ul li a:focus {
color: #FF2D55;
}
.schedule-slides-item .single-schedule:nth-child(2) .schedule-date {
background: #00acee;
}
.schedule-slides-item .single-schedule:nth-child(3) .schedule-date {
background: #efa506;
}
.schedule-slides-item .single-schedule:nth-child(4) .schedule-date {
background: #8dc63f;
}
.schedule-slides-item .single-schedule:nth-child(5) .schedule-date {
background: #00acee;
}
.schedule-slides-item .single-schedule:nth-child(6) .schedule-date {
background: #efa506;
}
.schedule-slides-item .single-schedule:nth-child(7) .schedule-date {
background: #8dc63f;
}
.schedule-slides.owl-theme .owl-nav {
margin-top: 0;
line-height: 0.01;
}
.schedule-slides.owl-theme .owl-nav [class*=owl-] {
color: #0d1028;
font-size: 25px;
margin: 0;
background: transparent;
border-radius: 0;
position: absolute;
left: -25px;
top: 50%;
transition: 0.5s;
outline: 0;
box-shadow: unset;
}
.schedule-slides.owl-theme .owl-nav [class*=owl-]:hover, .schedule-slides.owl-theme .owl-nav [class*=owl-]:focus {
color: #FF2D55;
}
.schedule-slides.owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: -25px;
}
/*schedule-style-three*/
.schedule-style-three {
/* padding-bottom: 90px; */
}
.schedule-style-three .col-lg-6:nth-child(2) .single-schedule-item .schedule-date {
background-color: #00acee;
}
.schedule-style-three .col-lg-6:nth-child(3) .single-schedule-item .schedule-date {
background-color: #efa506;
}
.schedule-style-three .col-lg-6:nth-child(4) .single-schedule-item .schedule-date {
background-color: #8dc63f;
}
.schedule-style-three .col-lg-6:nth-child(5) .single-schedule-item .schedule-date {
background-color: #00acee;
}
.schedule-style-three .col-lg-6:nth-child(6) .single-schedule-item .schedule-date {
background-color: #efa506;
}
.schedule-style-three .col-lg-6:nth-child(7) .single-schedule-item .schedule-date {
background-color: #8dc63f;
}
.single-schedule-item {
text-align: center;
margin-bottom: 30px;
background-color: #ffffff;
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
}
.single-schedule-item .schedule-date {
font-size: 24px;
color: #ffffff;
background: #FF2D55;
text-transform: uppercase;
padding: 20px;
}
.single-schedule-item .schedule-date span {
opacity: 0.8;
display: block;
font-family: "Poppins", sans-serif;
font-size: 16px;
text-transform: capitalize;
margin-top: 5px;
}
.single-schedule-item .schedule-item-wrapper .schedule-content {
display: flex;
align-items: center !important;
border-bottom: 1px solid #eeeeee;
padding: 20px;
text-align: left;
}
.single-schedule-item .schedule-item-wrapper .schedule-content .author {
max-width: 90px;
margin-right: 20px;
}
.single-schedule-item .schedule-item-wrapper .schedule-content .author img:nth-child(1) {
-webkit-clip-path: polygon(50% 0%, 38.11% 6.7%, 24.99% 6.72%, 18.06% 18.44%, 6.7% 25%, 6.56% 38.64%, 0% 50%, 6.7% 61.89%, 6.7% 75%, 18.44% 81.94%, 25% 93.3%, 38.64% 93.44%, 50% 100%, 61.88% 93.3%, 75% 93.3%, 81.94% 81.56%, 93.3% 74.9%, 93.44% 61.36%, 100% 50%, 93.3% 38.11%, 93.3% 25%, 81.56% 18.06%, 74.96% 6.7%, 61.36% 6.56%, 50% 0%);
clip-path: polygon(50% 0%, 38.11% 6.7%, 24.99% 6.72%, 18.06% 18.44%, 6.7% 25%, 6.56% 38.64%, 0% 50%, 6.7% 61.89%, 6.7% 75%, 18.44% 81.94%, 25% 93.3%, 38.64% 93.44%, 50% 100%, 61.88% 93.3%, 75% 93.3%, 81.94% 81.56%, 93.3% 74.9%, 93.44% 61.36%, 100% 50%, 93.3% 38.11%, 93.3% 25%, 81.56% 18.06%, 74.96% 6.7%, 61.36% 6.56%, 50% 0%);
}
.single-schedule-item .schedule-item-wrapper .schedule-content .author img:nth-child(2) {
-webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
.single-schedule-item .schedule-item-wrapper .schedule-content .author img:nth-child(3) {
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.single-schedule-item .schedule-item-wrapper .schedule-content .author img:nth-child(4) {
border-radius: 50%;
}
.single-schedule-item .schedule-item-wrapper .schedule-content .author img:nth-child(5) {
-webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
.single-schedule-item .schedule-item-wrapper .schedule-content .author img:nth-child(6) {
-webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
.single-schedule-item .schedule-item-wrapper .schedule-content .author img:nth-child(7) {
-webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}
.single-schedule-item .schedule-item-wrapper .schedule-content .author img:nth-child(8) {
-webkit-clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
}
.single-schedule-item .schedule-item-wrapper .schedule-content .author img:nth-child(9) {
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
}
.single-schedule-item .schedule-item-wrapper .schedule-content .author img:nth-child(10) {
-webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
.single-schedule-item .schedule-item-wrapper .schedule-content .author-multi {
overflow: hidden;
}
.single-schedule-item .schedule-item-wrapper .schedule-content .author-multi img {
width: 47%;
border-radius: 50%;
margin-bottom: 0.4rem;
margin-right: 3%;
float: left;
}
.single-schedule-item .schedule-item-wrapper .schedule-content .schedule-info h3 {
font-size: 22px;
margin-bottom: 12px;
}
.single-schedule-item .schedule-item-wrapper .schedule-content .schedule-info h3 a {
color: #0d1028;
}
.single-schedule-item .schedule-item-wrapper .schedule-content .schedule-info h3 a:hover, .single-schedule-item .schedule-item-wrapper .schedule-content .schedule-info h3 a:focus {
color: #FF2D55;
}
.single-schedule-item .schedule-item-wrapper .schedule-content .schedule-info ul {
padding: 0;
list-style-type: none;
margin: 0;
}
.single-schedule-item .schedule-item-wrapper .schedule-content .schedule-info ul li {
display: inline-block;
color: #707070;
margin-right: 12px;
}
.single-schedule-item .schedule-item-wrapper .schedule-content .schedule-info ul li i {
margin-right: 3px;
color: #FF2D55;
}
.single-schedule-item .schedule-item-wrapper .schedule-content .schedule-info ul li:last-child {
margin-right: 0;
}
.single-schedule-item .schedule-item-wrapper .schedule-content .schedule-info ul li a {
display: inline-block;
color: #00acee;
}
.single-schedule-item .schedule-item-wrapper .schedule-content .schedule-info ul li a:hover, .single-schedule-item .schedule-item-wrapper .schedule-content .schedule-info ul li a:focus {
color: #FF2D55;
}
.single-schedule-item .schedule-item-wrapper .schedule-content:last-child {
border-bottom: none;
}
/*schedule-style-four*/
.schedule-style-four .tab {
background-color: transparent;
box-shadow: unset;
}
.schedule-style-four .tabs {
display: block;
}
.schedule-style-four .tabs li::before {
left: -15px;
bottom: 37%;
margin: 0 0 0;
right: auto;
}
.schedule-style-four .tab_content {
box-shadow: 0 0 10px 0 rgba(137, 173, 255, 0.35);
}
/*================================================
FunFacts CSS
=================================================*/
.funfacts-area {
position: relative;
z-index: 1;
background-image: url(../img/funfacts-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
margin-top: 0;
}
.funfacts-area::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
background: #ffffff;
opacity: 0.99;
}
.single-funfact {
text-align: center;
background: #f6f6f6;
padding: 9px;
height: 161px;
border-radius: 10px;
}
.single-funfact .icon {
color: #ffffff;
font-size: 40px;
}
.single-funfact h3 {
color: #024397;
font-size: 31px;
margin-top: 10px;
margin-bottom: 2px;
}
.single-funfact p {
color: #131313;
letter-spacing: 1px;
font-size: 16px;
margin-bottom: 0;
line-height: 22px;
}
/*funfact-style-two*/
.funFact {
position: relative;
padding-left: 60px;
}
.funFact .icon {
color: #ffffff;
font-size: 40px;
position: absolute;
left: 0;
top: 0;
}
.funFact h3 {
color: #ffffff;
font-size: 55px;
margin-top: 0;
margin-bottom: 8px;
}
.funFact p {
color: #ffffff;
letter-spacing: 1px;
font-size: 16px;
margin-bottom: 0;
line-height: 1;
}
.col-lg-3:nth-child(1) .single-funfact h3, .col-lg-3:nth-child(1) .funFact h3 {
color: #024397;
}
.col-lg-3:nth-child(2) .single-funfact h3, .col-lg-3:nth-child(2) .funFact h3 {
color: #024397;
}
.col-lg-3:nth-child(3) .single-funfact h3, .col-lg-3:nth-child(3) .funFact h3 {
color: #024397;
}
.col-lg-3:nth-child(4) .single-funfact h3, .col-lg-3:nth-child(4) .funFact h3 {
color: #024397;
}
/*================================================
Pricing CSS
=================================================*/
.pricing-area {
position: relative;
z-index: 1;
}
.pricing-area.bg-image {
background-image: url(../../assets/img/bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.pricing-table-box {
padding-bottom: 30px;
background: #ffffff;
text-align: center;
z-index: 1;
position: relative;
border-radius: 5px;
background-image: url(../../assets/img/patt.png);
background-position: center center;
overflow: hidden;
box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
transition: 0.5s;
}
.pricing-table-box .pricingTable-header {
padding: 30px 15px 10px;
background: #FF2D55;
-webkit-clip-path: polygon(50% 100%, 100% 60%, 100% 0, 0 0, 0 60%);
clip-path: polygon(50% 100%, 100% 60%, 100% 0, 0 0, 0 60%);
position: relative;
}
.pricing-table-box .pricingTable-header::before {
content: "";
width: 400px;
height: 400px;
border-radius: 50%;
position: absolute;
right: -50%;
top: -130%;
background: repeating-radial-gradient(rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.17) 20%);
transition: 0.5s;
}
.pricing-table-box .title {
font-size: 24px;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 15px;
}
.pricing-table-box .price-value {
display: block;
font-size: 55px;
font-weight: 700;
color: #ffffff;
margin-bottom: 30px;
}
.pricing-table-box .price-value sup {
font-size: 23px;
top: -25px;
}
.pricing-table-box .pricing-content {
padding: 35px 0;
margin-bottom: 0;
list-style-type: none;
}
.pricing-table-box .pricing-content li {
color: #707070;
text-transform: capitalize;
border-bottom: 1px solid #eeeeee;
margin-bottom: 12px;
padding-bottom: 12px;
}
.pricing-table-box .pricing-content li:last-child {
margin-bottom: 0;
}
.pricing-table-box .pricing-content li:first-child {
border-top: 1px solid #eeeeee;
padding-top: 12px;
}
.pricing-table-box:hover, .pricing-table-box:focus, .pricing-table-box.active {
transform: translateY(-10px);
}
.pricing-table-box:hover .pricingTable-header::before, .pricing-table-box:focus .pricingTable-header::before, .pricing-table-box.active .pricingTable-header::before {
right: 50%;
}
/*pricing-style-two*/
.pricing-plan {
position: relative;
box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
text-align: center;
padding-bottom: 30px;
transition: 0.5s;
background-color: #ffffff;
}
.pricing-plan h3 {
font-size: 24px;
padding: 30px 15px;
margin-bottom: 100px;
background-color: #FF2D55;
color: #ffffff;
transition: 0.5s;
}
.pricing-plan h3 span {
display: block;
color: #FF2D55;
background: #ffffff;
height: 150px;
width: 150px;
line-height: 155px;
font-size: 35px;
box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
margin: 30px auto -95px;
border-radius: 50%;
transition: 0.5s;
}
.pricing-plan .pricing-content {
padding: 0 0 35px;
margin-bottom: 0;
list-style-type: none;
}
.pricing-plan .pricing-content li {
color: #707070;
text-transform: capitalize;
border-bottom: 1px solid #eeeeee;
margin-bottom: 12px;
padding-bottom: 12px;
}
.pricing-plan .pricing-content li:last-child {
margin-bottom: 0;
}
.pricing-plan .pricing-content li:first-child {
border-top: 1px solid #eeeeee;
padding-top: 12px;
}
.pricing-plan:hover, .pricing-plan:focus {
transform: translateY(-8px);
}
.col-lg-4:nth-child(2) .pricing-table-box .pricingTable-header {
background: #00acee;
}
.col-lg-4:nth-child(2) .pricing-table-box .btn-primary::before, .col-lg-4:nth-child(2) .pricing-table-box .btn-primary::after {
background: #00acee;
}
.col-lg-4:nth-child(2) .pricing-plan h3 {
background: #00acee;
}
.col-lg-4:nth-child(2) .pricing-plan h3 span {
color: #00acee;
}
.col-lg-4:nth-child(2) .pricing-plan .btn-primary::before, .col-lg-4:nth-child(2) .pricing-plan .btn-primary::after {
background: #00acee;
}
.col-lg-4:nth-child(3) .pricing-table-box .pricingTable-header {
background: #8dc63f;
}
.col-lg-4:nth-child(3) .pricing-table-box .btn-primary::before, .col-lg-4:nth-child(3) .pricing-table-box .btn-primary::after {
background: #8dc63f;
}
.col-lg-4:nth-child(3) .pricing-plan h3 {
background: #8dc63f;
}
.col-lg-4:nth-child(3) .pricing-plan h3 span {
color: #8dc63f;
}
.col-lg-4:nth-child(3) .pricing-plan .btn-primary::before, .col-lg-4:nth-child(3) .pricing-plan .btn-primary::after {
background: #8dc63f;
}
/*================================================
Partner CSS
=================================================*/
.partner-area {
overflow: hidden;
}
.partner-area .partner-title {
text-align: center;
margin-bottom: 50px;
}
.partner-area .partner-title h3 {
font-size: 24px;
font-weight: 900;
margin-bottom: 0;
color: #FF2D55;
text-transform: uppercase;
}
.partner-area .partner-title.gold-sponsor h3 {
color: #8dc63f;
}
.partner-area .partner-item {
text-align: center;
}
.partner-area .partner-item a {
position: relative;
}
.partner-area .partner-item a img {
width: unset !important;
display: inline-block !important;
}
.partner-area .partner-item a img:last-child {
position: absolute;
left: 0;
top: 30px;
right: 0;
margin: 0 auto;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.partner-area .partner-item:hover a img:last-child {
opacity: 1;
visibility: visible;
top: 0;
}
.partner-area .border {
border: 0.3px solid #eeeeee !important;
margin-top: 40px;
margin-bottom: 40px;
}
/*================================================
Blog CSS
=================================================*/
.blog-area {
position: relative;
z-index: 1;
}
.blog-area.bg-image {
background-image: url(../../assets/img/bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.single-blog-post {
margin-bottom: 30px;
background-color: #ffffff;
box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.06);
}
.single-blog-post .blog-image {
position: relative;
overflow: hidden;
}
.single-blog-post .blog-image a {
display: block;
}
.single-blog-post .blog-image a img {
transition: 0.5s;
}
.single-blog-post .blog-image .post-tag {
position: absolute;
right: 0;
top: 60px;
transition: 0.5s;
}
.single-blog-post .blog-image .post-tag a {
background: #FF2D55;
color: #ffffff;
padding: 9px 28px;
}
.single-blog-post .blog-post-content {
padding: 25px;
}
.single-blog-post .blog-post-content .date {
color: #8dc63f;
display: block;
text-transform: uppercase;
font-size: 14px;
transition: 0.5s;
}
.single-blog-post .blog-post-content h3 {
margin-top: 13px;
margin-bottom: 15px;
line-height: 30px;
font-size: 22px;
}
.single-blog-post .blog-post-content h3 a {
color: #0d1028;
}
.single-blog-post .blog-post-content h3 a:hover, .single-blog-post .blog-post-content h3 a:focus {
color: #FF2D55;
}
.single-blog-post .blog-post-content p {
margin-bottom: 15px;
}
.single-blog-post .read-more-btn {
position: relative;
font-weight: 500;
color: #FF2D55;
}
.single-blog-post .read-more-btn:hover {
color: #00acee;
letter-spacing: 1px;
}
.single-blog-post:hover .blog-image a img, .single-blog-post:focus .blog-image a img {
transform: scale(1.2);
}
.single-blog-post:hover .blog-image .post-tag, .single-blog-post:focus .blog-image .post-tag {
top: 70px;
}
.single-blog-post:hover .blog-image .post-tag a, .single-blog-post:focus .blog-image .post-tag a {
background: #8dc63f;
color: #ffffff;
}
.blog-slides.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 25px;
line-height: 0.01;
}
/*blog-style-two*/
.blog-section {
padding-bottom: 90px;
}
.single-blog-card {
position: relative;
margin-bottom: 30px;
}
.single-blog-card::before {
opacity: 0.6;
background: #0d1028;
content: "";
height: 100%;
bottom: 0;
left: 0;
z-index: 1;
right: 0;
position: absolute;
width: 100%;
}
.single-blog-card img {
width: 100%;
}
.single-blog-card .post-tag {
position: absolute;
right: 0;
top: 30px;
transition: 0.5s;
z-index: 2;
}
.single-blog-card .post-tag a {
background: #FF2D55;
color: #ffffff;
padding: 9px 28px;
}
.single-blog-card .blog-post-content {
position: absolute;
bottom: 0;
left: 0;
padding: 20px 30px 0;
transition: 0.5s;
z-index: 2;
}
.single-blog-card .blog-post-content h3 {
font-size: 22px;
margin-bottom: 15px;
line-height: 28px;
}
.single-blog-card .blog-post-content h3 a {
color: #ffffff;
}
.single-blog-card .blog-post-content h3 a:hover, .single-blog-card .blog-post-content h3 a:focus {
color: #FF2D55;
}
.single-blog-card .blog-post-content p {
color: #ffffff;
opacity: 0.77;
}
.single-blog-card .blog-post-content .read-more-btn {
position: relative;
font-weight: 500;
opacity: 0;
visibility: hidden;
color: #FF2D55;
}
.single-blog-card .blog-post-content .read-more-btn:hover {
color: #00acee;
letter-spacing: 1px;
}
.single-blog-card:hover .post-tag, .single-blog-card:focus .post-tag {
top: 40px;
}
.single-blog-card:hover .post-tag a, .single-blog-card:focus .post-tag a {
background: #8dc63f;
color: #ffffff;
}
.single-blog-card:hover .blog-post-content, .single-blog-card:focus .blog-post-content {
padding-bottom: 30px;
}
.single-blog-card:hover .blog-post-content .read-more-btn, .single-blog-card:focus .blog-post-content .read-more-btn {
opacity: 1;
visibility: visible;
}
/*================================================
Buy Tickets CSS
=================================================*/
.buy-tickets-area {
position: relative;
z-index: 1;
background-image: url(../../assets/img/funfacts-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.buy-tickets-area::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
opacity: 0.88;
}
.buy-tickets-area.ptb-120 {
padding-bottom: 10px;
padding-top: 7px;
}
.buy-tickets {
text-align: center;
}
.buy-tickets .section-title {
text-align: center;
margin-bottom: 40px;
}
.buy-tickets .section-title .bar {
margin-left: auto;
margin-right: auto;
}
.buy-tickets .section-title .bar::after {
width: 30px;
right: 25px;
}
.buy-tickets .section-title .bar::before {
right: -35px;
}
.buy-tickets .section-title h2 {
color: #ffffff;
}
/*================================================
Subscribe CSS
=================================================*/
.subscribe-area {
text-align: center;
position: relative;
margin-top: -80px;
z-index: 2;
}
.subscribe-area::before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 72%;
background: #0d1028;
content: "";
z-index: -1;
}
.subscribe-area .subscribe-inner {
padding: 50px;
transform: unset !important;
background-image: url(../../assets/img/color-bg.jpg);
background-repeat: no-repeat;
border-radius: 5px;
}
.subscribe-area .subscribe-inner span {
color: #ffffff;
font-size: 16px;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
}
.subscribe-area .subscribe-inner h2 {
font-size: 40px;
margin-top: 10px;
margin-bottom: 0;
color: #ffffff;
}
.subscribe-area .subscribe-inner .newsletter-form {
max-width: 650px;
position: relative;
margin: 35px auto 0;
}
.subscribe-area .subscribe-inner .newsletter-form .form-control {
border: none;
height: 60px;
box-shadow: 0 8px 6px -6px rgba(50, 51, 51, 0.4);
}
.subscribe-area .subscribe-inner .newsletter-form .btn {
position: absolute;
right: 0;
top: 0;
text-transform: uppercase;
height: 60px;
}
.subscribe-area .subscribe-inner .newsletter-form .btn:after, .subscribe-area .subscribe-inner .newsletter-form .btn::before {
background: #00acee;
}
.subscribe-area .subscribe-inner .newsletter-form #validator-newsletter {
position: absolute;
bottom: -35px;
left: 0;
color: #ffffff;
}
/*================================================
Page Title CSS
=================================================*/
.page-title-area {
position: relative;
z-index: 1;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
padding-top: 250px;
padding-bottom: 180px;
}
.page-title-area::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
background: #0d1028;
opacity: 0.88;
}
.page-title-area h1 {
color: #ffffff;
margin-bottom: 0;
text-transform: uppercase;
font-size: 40px;
}
.page-title-area span {
display: block;
color: #FF2D55;
margin-top: 10px;
font-size: 17px;
}
.page-title-area ul {
padding: 0;
margin: 0;
list-style-type: none;
position: absolute;
bottom: 10px;
right: 20px;
}
.page-title-area ul li {
display: inline-block;
position: relative;
color: #FF2D55;
font-size: 17px;
margin: 0 8px;
}
.page-title-area ul li a {
color: #ffffff;
}
.page-title-area ul li a:hover, .page-title-area ul li a:focus {
color: #00acee;
}
.page-title-area ul li::before {
content: "";
position: absolute;
left: -10px;
top: 50%;
width: 2px;
height: 15px;
background: #efa506;
margin-top: -9px;
transform: rotate(10deg);
}
.page-title-area ul li:first-child {
margin-left: 0;
}
.page-title-area ul li:first-child::before {
display: none;
}
.page-title-area ul li:last-child {
margin-right: 0;
}
/*================================================
Login CSS
=================================================*/
.login-area {
height: 100vh;
position: relative;
z-index: 1;
background-image: url(../../assets/img/main-bg1.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.login-area::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
background: #FF2D55;
opacity: 0.77;
}
.login-area .login-form {
max-width: 540px;
background: #ffffff;
margin: 0 auto;
}
.login-area .login-form h3 {
background: #00acee;
padding: 30px 0 25px;
font-size: 24px;
margin-bottom: 0;
color: #ffffff;
text-align: center;
text-transform: uppercase;
}
.login-area .login-form form {
padding: 35px;
}
.login-area .login-form form label {
margin-bottom: 8px;
font-weight: 500;
}
.login-area .login-form form .form-control {
background: transparent;
font-size: 13px;
}
.login-area .login-form .btn {
display: block;
width: 100%;
}
.login-area .login-form p {
overflow: hidden;
margin-bottom: 0;
margin-top: 20px;
}
.login-area .login-form p a {
color: #0d1028;
font-weight: 600;
}
.login-area .login-form p a:hover, .login-area .login-form p a:focus {
color: #FF2D55;
}
.login-area .login-form p a.pull-left {
float: left;
}
.login-area .login-form p a.pull-right {
float: right;
}
/*================================================
Signup CSS
=================================================*/
.signup-area {
height: 100vh;
position: relative;
z-index: 1;
background-image: url(../../assets/img/main-bg2.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.signup-area::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
background: #FF2D55;
opacity: 0.77;
}
.signup-area .signup-form {
max-width: 540px;
background: #ffffff;
margin: 0 auto;
}
.signup-area .signup-form h3 {
background: #00acee;
padding: 30px 0 25px;
font-size: 24px;
margin-bottom: 0;
color: #ffffff;
text-align: center;
text-transform: uppercase;
}
.signup-area .signup-form form {
padding: 35px;
}
.signup-area .signup-form form label {
margin-bottom: 8px;
font-weight: 500;
}
.signup-area .signup-form form .form-control {
background: transparent;
font-size: 13px;
}
.signup-area .signup-form .btn {
display: block;
width: 100%;
}
.signup-area .signup-form p {
text-align: center;
color: #0d1028;
margin-bottom: 0;
margin-top: 20px;
}
.signup-area .signup-form p a {
color: #0d1028;
display: inline-block;
font-weight: 600;
}
.signup-area .signup-form p a:hover, .signup-area .signup-form p a:focus {
color: #FF2D55;
}
/*================================================
404 Error CSS
=================================================*/
.error-area {
background-color: #f1f1f1;
padding: 30px 15px;
height: 100vh;
text-align: center;
}
.error-area h1 {
font-size: 150px;
font-weight: bold;
line-height: 110px;
margin: 0;
color: #FF2D55;
}
.error-area h1 span {
color: #efa506;
}
.error-area h1 b {
font-weight: unset;
color: #8dc63f;
}
.error-area h3 {
margin: 35px 0 15px;
}
.error-area p {
margin: 10px 0 20px;
}
/*================================================
FAQ CSS
=================================================*/
.faq-accordion {
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
padding: 60px;
background: #ffffff;
border-radius: 10px;
}
.faq-accordion .accordion {
list-style-type: none;
padding: 0;
margin: 0;
}
.faq-accordion .accordion .accordion-item {
display: block;
box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
background: #ffffff;
margin-bottom: 5px;
border: none;
}
.faq-accordion .accordion .accordion-item:last-child {
margin-bottom: 0;
}
.faq-accordion .accordion .accordion-title {
display: block;
padding: 15px 20px 15px 55px;
text-decoration: none;
color: #0d1028;
font-size: 16px;
font-weight: 600;
position: relative;
border-bottom: 1px solid #ffffff;
}
.faq-accordion .accordion .accordion-title span {
position: absolute;
left: 0;
top: 0;
width: 40px;
text-align: center;
height: 100%;
background: #FF2D55;
color: #ffffff;
}
.faq-accordion .accordion .accordion-title span i {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
margin-top: -8px;
}
.faq-accordion .accordion .accordion-title.active {
border-bottom-color: #e1e1e1;
}
.faq-accordion .accordion .accordion-title.active span i::before {
content: "\ef9a";
}
.faq-accordion .accordion .accordion-content {
display: none;
position: relative;
padding: 25px;
}
.faq-accordion .accordion .accordion-content.show {
display: block;
}
.faq-contact {
margin-top: 45px;
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
padding: 60px;
text-align: center;
border-radius: 4px;
}
.faq-contact h3 {
font-size: 25px;
margin-bottom: 35px;
}
/*================================================
Coming Soon CSS
=================================================*/
.coming-soon {
position: relative;
z-index: 1;
height: 100vh;
text-align: center;
background-image: url(../../assets/img/main-bg3.jpg);
background-position: center center;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
.coming-soon::before {
z-index: -1;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #0d1028;
opacity: 0.66;
position: absolute;
content: "";
}
.coming-soon .coming-soon-content {
max-width: 650px;
margin: 0 auto;
}
.coming-soon .coming-soon-content h1 {
color: #ffffff;
font-size: 45px;
text-transform: uppercase;
margin-bottom: 0;
line-height: 57px;
}
.coming-soon .coming-soon-content p {
color: #c7c3c7;
margin-top: 20px;
margin-bottom: 35px;
}
.coming-soon .coming-soon-content form {
position: relative;
}
.coming-soon .coming-soon-content form .form-control {
background: transparent;
border: 1px solid #ffffff;
border-radius: 50px;
color: #ffffff;
height: 55px;
}
.coming-soon .coming-soon-content form .form-control:focus, .coming-soon .coming-soon-content form .form-control:hover {
border-color: #FF2D55;
}
.coming-soon .coming-soon-content form .form-control::-moz-placeholder {
color: #c7c3c7;
}
.coming-soon .coming-soon-content form .form-control::placeholder {
color: #c7c3c7;
}
.coming-soon .coming-soon-content form button {
position: absolute;
right: -1px;
height: 100%;
background: #FF2D55;
top: 0;
color: #ffffff;
border: none;
width: 130px;
cursor: pointer;
text-transform: uppercase;
font-weight: 500;
border-radius: 0 50px 50px 0;
transition: 0.5s;
outline: 0 !important;
border: none;
}
.coming-soon .coming-soon-content form button:hover, .coming-soon .coming-soon-content form button:focus {
background: #00acee;
}
.coming-soon .coming-soon-content #timer {
margin-bottom: 35px;
}
.coming-soon .coming-soon-content #timer div {
display: inline-block;
font-size: 45px;
font-weight: 700;
color: #ffffff;
width: 135px;
height: 135px;
border: 1px solid #eeeeee;
border-radius: 50%;
padding-top: 34px;
line-height: 40px;
margin: 0 5px;
}
.coming-soon .coming-soon-content #timer span {
display: block;
font-size: 16px;
font-weight: 400;
}
/*================================================
Pagination CSS
=================================================*/
.pagination-area {
margin-top: 10px;
}
.pagination-area ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.pagination-area ul li a {
width: 40px;
height: 40px;
padding: 0;
margin: 0 5px !important;
background-color: #ffffff;
border-radius: 50px !important;
text-align: center;
line-height: 40px;
color: #0d1028;
transition: 0.5s;
font-size: 16px;
font-weight: 500;
box-shadow: 0 2px 10px 0 #d8dde6;
border: none;
}
.pagination-area ul li a.active, .pagination-area ul li a:hover, .pagination-area ul li a:focus {
background: #FF2D55;
color: #ffffff;
box-shadow: unset;
}
/*================================================
Blog Details CSS
=================================================*/
.blog-details .post-image {
margin-bottom: 35px;
}
.blog-details .post-image img {
width: 100%;
border-radius: 5px;
}
.blog-details h3 {
font-size: 22px;
margin-top: 5px;
margin-bottom: 15px;
}
.blog-details .blog-meta ul {
padding: 0;
margin: 20px 0;
list-style-type: none;
}
.blog-details .blog-meta ul li {
display: inline-block;
position: relative;
color: #707070;
font-size: 14px;
margin-left: 9px;
margin-right: 9px;
}
.blog-details .blog-meta ul li i {
margin-right: 4px;
color: #FF2D55;
}
.blog-details .blog-meta ul li::before {
width: 2px;
height: 14px;
background: #707070;
left: -10px;
top: 50%;
position: absolute;
content: "";
margin-top: -6px;
transform: rotate(11deg);
}
.blog-details .blog-meta ul li a {
display: inline-block;
color: #707070;
}
.blog-details .blog-meta ul li a:hover, .blog-details .blog-meta ul li a:focus {
color: #00acee;
}
.blog-details .blog-meta ul li:last-child {
margin-right: 0;
}
.blog-details .blog-meta ul li:first-child {
margin-left: 0;
}
.blog-details .blog-meta ul li:first-child::before {
display: none;
}
.blog-details p {
margin-top: 15px;
margin-bottom: 0;
}
.blog-details p:last-child {
margin-bottom: 0;
}
.blog-details blockquote, .blog-details .blockquote {
background: #f6f6f6 none repeat scroll 0 0;
padding: 35px 20px 35px 100px;
position: relative;
border-left: 5px solid #00acee;
margin-top: 25px;
margin-bottom: 25px;
}
.blog-details blockquote::before, .blog-details .blockquote::before {
font-family: IcoFont !important;
position: absolute;
content: "\efcd";
left: 25px;
top: 50%;
transform: translateY(-50%);
font-size: 55px;
color: #FF2D55;
}
.blog-details blockquote p, .blog-details .blockquote p {
color: #0d1028;
font-size: 18px;
font-weight: 600;
margin: 0;
}
.post-tag-media {
background-color: #f5f7fb;
padding: 20px;
margin-top: 25px;
margin-bottom: 35px;
}
.post-tag-media ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.post-tag-media ul li {
display: inline-block;
}
.post-tag-media ul li span {
font-weight: 600;
margin-right: 5px;
display: inline-block;
}
.post-tag-media ul li a {
color: #707070;
margin-right: 4px;
}
.post-tag-media ul li a:hover, .post-tag-media ul li a:focus {
color: #FF2D55;
}
.post-tag-media ul.social-share {
text-align: right;
}
.comments-area .comments-title, .comments-area .comment-reply-title {
font-size: 22px;
margin-bottom: 25px;
}
.comments-area .comment-reply-title {
margin-bottom: 8px;
}
.comments-area ol, .comments-area ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.comments-area ol li ol li, .comments-area ol li ul li, .comments-area ul li ol li, .comments-area ul li ul li {
margin-top: 15px;
margin-left: 35px;
margin-bottom: 15px;
}
.comments-area ol li .comment-body, .comments-area ul li .comment-body {
background: #f7f7ff;
padding: 25px 20px;
position: relative;
border-radius: 5px;
}
.comments-area ol li .comment-body .comment-meta, .comments-area ul li .comment-body .comment-meta {
position: relative;
padding-left: 85px;
padding-top: 8px;
}
.comments-area ol li .comment-body .comment-meta .comment-author img, .comments-area ul li .comment-body .comment-meta .comment-author img {
position: absolute;
left: 4px;
top: -4px;
border-radius: 50%;
max-width: 68px;
}
.comments-area ol li .comment-body .comment-meta .comment-author .fn, .comments-area ul li .comment-body .comment-meta .comment-author .fn {
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
display: block;
}
.comments-area ol li .comment-body .comment-meta .comment-author .says, .comments-area ul li .comment-body .comment-meta .comment-author .says {
display: none;
}
.comments-area ol li .comment-body .comment-meta .comment-metadata a, .comments-area ul li .comment-body .comment-meta .comment-metadata a {
display: inline-block;
color: #707070;
font-size: 14px;
}
.comments-area ol li .comment-body .comment-meta .comment-metadata a:hover, .comments-area ol li .comment-body .comment-meta .comment-metadata a:focus, .comments-area ul li .comment-body .comment-meta .comment-metadata a:hover, .comments-area ul li .comment-body .comment-meta .comment-metadata a:focus {
color: #FF2D55;
}
.comments-area ol li .comment-body .comment-content, .comments-area ul li .comment-body .comment-content {
margin-top: 25px;
}
.comments-area ol li .comment-body .reply, .comments-area ul li .comment-body .reply {
position: absolute;
right: 30px;
top: 30px;
}
.comments-area ol li .comment-body .reply a, .comments-area ul li .comment-body .reply a {
display: inline-block;
background: #0d1028;
padding: 5px 15px;
color: #ffffff;
border-radius: 5px;
}
.comments-area ol li .comment-body .reply a:hover, .comments-area ol li .comment-body .reply a:focus, .comments-area ul li .comment-body .reply a:hover, .comments-area ul li .comment-body .reply a:focus {
background: #FF2D55;
}
.comments-area .comment-respond {
margin-top: 30px;
}
.comments-area .comment-respond .comment-notes {
font-size: 14px;
margin-bottom: 20px;
}
.comments-area .comment-respond .comment-form-comment input, .comments-area .comment-respond .comment-form-comment textarea, .comments-area .comment-respond .comment-form-author input, .comments-area .comment-respond .comment-form-author textarea, .comments-area .comment-respond .comment-form-email input, .comments-area .comment-respond .comment-form-email textarea, .comments-area .comment-respond .comment-form-url input, .comments-area .comment-respond .comment-form-url textarea {
display: block;
width: 100%;
height: 55px;
outline: 0 !important;
box-shadow: unset !important;
border: 1px solid #eeeeee;
padding: 15px;
border-radius: 5px;
transition: 0.5s;
}
.comments-area .comment-respond .comment-form-comment input:focus, .comments-area .comment-respond .comment-form-comment textarea:focus, .comments-area .comment-respond .comment-form-author input:focus, .comments-area .comment-respond .comment-form-author textarea:focus, .comments-area .comment-respond .comment-form-email input:focus, .comments-area .comment-respond .comment-form-email textarea:focus, .comments-area .comment-respond .comment-form-url input:focus, .comments-area .comment-respond .comment-form-url textarea:focus {
border-color: #FF2D55;
}
.comments-area .comment-respond .comment-form-comment textarea, .comments-area .comment-respond .comment-form-author textarea, .comments-area .comment-respond .comment-form-email textarea, .comments-area .comment-respond .comment-form-url textarea {
height: auto;
}
.comments-area .comment-respond .form-submit {
margin-top: 10px;
}
.comments-area .comment-respond .form-submit input {
display: inline-block;
background: #FF2D55;
border: none;
color: #ffffff;
padding: 12px 30px;
text-transform: uppercase;
font-weight: 600;
outline: 0 !important;
margin-top: 5px;
transition: 0.5s;
}
.comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus {
background: #0d1028;
box-shadow: 0 13px 27px 0 rgba(255, 82, 2, 0.11);
}
/*================================================
Sidebar CSS
=================================================*/
.sidebar .widget {
margin-bottom: 40px;
}
.sidebar .widget:last-child {
margin-bottom: 0;
}
.sidebar .widget .widget-title {
font-size: 22px;
margin-bottom: 25px;
position: relative;
}
.sidebar .widget .widget-title::before {
content: "";
position: absolute;
right: 0;
top: 2px;
width: 17px;
height: 17px;
background: #FF2D55;
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
transition: 0.5s;
}
.sidebar .widget:hover .widget-title::before, .sidebar .widget:focus .widget-title::before {
transform: rotate(180deg);
}
.sidebar .widget.widget_search {
background: #ffffff;
box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
padding: 15px;
}
.sidebar .widget.widget_search form {
position: relative;
}
.sidebar .widget.widget_search form .form-control {
background: transparent;
}
.sidebar .widget.widget_search form button {
position: absolute;
right: 5px;
top: 0;
height: 100%;
border: none;
outline: 0;
box-shadow: unset;
background: transparent;
color: #FF2D55;
transition: 0.5s;
}
.sidebar .widget.widget_search form button:hover, .sidebar .widget.widget_search form button:focus {
color: #00acee;
}
.sidebar .widget.widget_categories ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.sidebar .widget.widget_categories ul li {
position: relative;
border-top: 1px solid #eeeeee;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 18px;
}
.sidebar .widget.widget_categories ul li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 10px;
height: 10px;
background: #FF2D55;
margin-top: -5px;
transition: 0.5s;
}
.sidebar .widget.widget_categories ul li:last-child {
border-bottom: 1px solid #eeeeee;
}
.sidebar .widget.widget_categories ul li a {
color: #707070;
}
.sidebar .widget.widget_categories ul li a:hover {
color: #FF2D55;
}
.sidebar .widget.widget_categories ul li:hover::before {
border-radius: 50%;
}
.sidebar .widget.widget_recent_entries ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.sidebar .widget.widget_recent_entries ul li {
position: relative;
padding-left: 100px;
margin-bottom: 15px;
}
.sidebar .widget.widget_recent_entries ul li a {
display: block;
}
.sidebar .widget.widget_recent_entries ul li a img {
position: absolute;
left: 0;
top: 3px;
width: 85px;
height: 75px;
border-radius: 5px;
}
.sidebar .widget.widget_recent_entries ul li h5 {
font-size: 18px;
line-height: 25px;
margin-bottom: 2px;
}
.sidebar .widget.widget_recent_entries ul li h5 a {
color: #0d1028;
display: inline-block;
}
.sidebar .widget.widget_recent_entries ul li h5 a:hover, .sidebar .widget.widget_recent_entries ul li h5 a:focus {
color: #FF2D55;
}
.sidebar .widget.widget_recent_entries ul li:last-child {
margin-bottom: 0;
}
.sidebar .widget.widget_tag_cloud .tagcloud a {
font-size: 15px !important;
border: 1px dashed #eeeeee;
padding: 7px 20px;
margin-top: 6px;
color: #707070;
display: inline-block;
}
.sidebar .widget.widget_tag_cloud .tagcloud a:hover {
background: #FF2D55;
color: #ffffff;
border-color: #FF2D55;
}
.sidebar .widget.widget_archive ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.sidebar .widget.widget_archive ul li {
position: relative;
border-top: 1px solid #eeeeee;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 18px;
}
.sidebar .widget.widget_archive ul li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 10px;
height: 10px;
background: #FF2D55;
margin-top: -5px;
transition: 0.5s;
}
.sidebar .widget.widget_archive ul li:last-child {
border-bottom: 1px solid #eeeeee;
}
.sidebar .widget.widget_archive ul li a {
color: #707070;
display: inline-block;
}
.sidebar .widget.widget_archive ul li a:hover {
color: #FF2D55;
}
.sidebar .widget.widget_archive ul li:hover::before {
border-radius: 50%;
}
/*================================================
Contact Us CSS
=================================================*/
.contact-box {
background: #ffffff;
padding: 30px 20px 30px 90px;
border-radius: 5px;
position: relative;
transition: 0.5s;
box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
}
.contact-box .icon {
position: absolute;
left: 20px;
top: 30px;
width: 50px;
height: 50px;
text-align: center;
line-height: 47px;
border: 1px dashed #FF2D55;
border-radius: 50%;
color: #FF2D55;
font-size: 20px;
transition: 0.5s;
}
.contact-box h4 {
font-size: 20px;
margin-bottom: 15px;
}
.contact-box .content p {
margin-bottom: 5px;
}
.contact-box .content p a {
color: #707070;
}
.contact-box .content p a:hover, .contact-box .content p a:focus {
color: #FF2D55;
}
.contact-box .content p:last-child {
margin-bottom: 0;
}
.contact-box:hover, .contact-box:focus {
box-shadow: 0 0 30px 0 rgba(67, 67, 67, 0.15);
transform: translateY(-5px);
}
.contact-box:hover .icon, .contact-box:focus .icon {
background: #FF2D55;
color: #ffffff;
}
#map iframe {
height: 550px;
width: 100%;
margin-bottom: -10px;
}
.contact-form {
margin-top: 50px;
}
.leave-your-message h3 {
margin-bottom: 12px;
font-size: 22px;
}
.leave-your-message .stay-connected {
margin-top: 25px;
}
.leave-your-message .stay-connected h3 {
margin-bottom: 20px;
}
.leave-your-message .stay-connected ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.leave-your-message .stay-connected ul li {
margin-bottom: 10px;
}
.leave-your-message .stay-connected ul li:last-child {
margin-bottom: 0;
}
.leave-your-message .stay-connected ul li a {
font-weight: 500;
display: inline-block;
color: #707070;
}
.leave-your-message .stay-connected ul li a i {
width: 40px;
height: 40px;
text-align: center;
display: inline-block;
line-height: 40px;
border: 1px solid;
border-radius: 50%;
margin-right: 10px;
font-size: 15px;
}
.leave-your-message .stay-connected ul li a:hover, .leave-your-message .stay-connected ul li a:focus {
color: #FF2D55;
}
#contactForm {
background: #ffffff;
padding: 30px;
box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
}
#contactForm label {
font-weight: 500;
margin-bottom: 10px;
}
#contactForm .form-control {
background: transparent;
}
#contactForm ul {
padding: 0;
margin: 0;
}
#contactForm ul li {
color: red;
margin-top: 10px;
font-size: 14px;
}
#contactForm .text-danger, #contactForm .text-success {
margin-bottom: 0;
margin-top: 20px;
}
#contactForm .h4 {
font-size: 15px;
}
/*================================================
Footer CSS
=================================================*/
.footer-area {
background-color: #30266b;
padding-top: 30px;
}
.single-footer-widget h3 {
color: #ffffff;
font-size: 24px;
margin-bottom: 20px;
}
.single-footer-widget span {
color: #FF2D55;
display: block;
margin-bottom: 8px;
}
.single-footer-widget span i {
margin-right: 3px;
}
.single-footer-widget p {
margin-bottom: 0;
color: rgba(255, 255, 255, 0.6);
}
.single-footer-widget p i {
margin-right: 3px;
}
.single-footer-widget .contact-authority {
margin-top: 8px;
color: #ffffff;
}
.single-footer-widget .contact-authority:hover, .single-footer-widget .contact-authority:focus {
color: #FF2D55;
}
.single-footer-widget .social-links {
padding: 0;
margin: 15px 0 0;
list-style-type: none;
}
.single-footer-widget .social-links li {
display: inline-block;
margin-right: 4px;
}
.single-footer-widget .social-links li a {
color: #ffffff;
border: 1px solid #525164;
width: 40px;
height: 40px;
line-height: 39px;
text-align: center;
border-radius: 50%;
}
.single-footer-widget .social-links li a.facebook {
border: none;
background-color: #4267b2;
}
.single-footer-widget .social-links li a.twitter {
border: none;
background-color: #38A1F3;
}
.single-footer-widget .social-links li a.instagram {
border: none;
background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.single-footer-widget .social-links li a.linkedin {
border: none;
background-color: #0077B5;
}
.single-footer-widget .social-links li a:hover, .single-footer-widget .social-links li a:focus {
background-color: #FF2D55;
color: #ffffff;
border-color: #FF2D55;
}
.copyright-area {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 17px;
margin-top: 14px;
text-align: center;
padding-bottom: 10px;
}
.copyright-area .logo a {
display: inline-block;
}
.copyright-area ul {
padding: 0;
margin: 30px 0 20px;
list-style-type: none;
}
.copyright-area ul li {
position: relative;
margin: 0 10px;
display: inline-block;
}
.copyright-area ul li::before {
position: absolute;
width: 6px;
height: 6px;
content: "";
background: #a8a8ad;
left: -15px;
top: 50%;
margin-top: -2px;
border-radius: 50%;
}
.copyright-area ul li a {
color: #a8a8ad;
}
.copyright-area ul li a:hover, .copyright-area ul li a:focus {
color: #FF2D55;
}
.copyright-area ul li:first-child {
margin-left: 0;
}
.copyright-area ul li:first-child::before {
display: none;
}
.copyright-area ul li:last-child {
margin-right: 0;
}
.copyright-area p {
color: #ffffff;
}
/*================================================
Back To Top CSS
=================================================*/
.back-to-top {
position: fixed;
right: 1.5%;
bottom: -7.5%;
height: 15px;
cursor: pointer;
width: 40px;
padding: 3px 5px;
font-size: 10px;
font-weight: bold;
color: #000;
text-align: center;
z-index: 3;
visibility: hidden;
outline: 0 !important;
transition: 0.5s;
background-color: #ffffff;
}
.back-to-top::before, .back-to-top::after {
content: "";
position: absolute;
left: 0;
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 0;
}
.back-to-top::before {
top: -20px;
z-index: 4;
border-bottom: 20px solid #ffffff;
}
.back-to-top::after {
bottom: 0;
z-index: 5;
border-bottom: 20px solid #1068b5;
}
.back-to-top:hover, .back-to-top:focus {
opacity: 1;
text-decoration: none;
height: 40px;
color: #333131;
}
.back-to-top.show-back-to-top {
display: block;
bottom: 1.25%;
visibility: visible;
}
/* Start "Marketing", "Education" & "Health" "Demo CSS" */
.ptb-100 {
padding-top: 100px;
padding-bottom: 100px;
}
.pt-100 {
padding-top: 100px;
}
.pb-100 {
padding-bottom: 100px;
}
.pt-75 {
padding-top: 75px;
}
.pb-75 {
padding-bottom: 75px;
}
.home-nine-with-background-black-color {
background-color: #0d1028;
}
.section-title-with-center {
text-align: center;
margin-bottom: 45px;
}
.section-title-with-center span {
color: #FF2D55;
font-weight: 500;
display: inline-block;
margin-bottom: 15px;
}
.section-title-with-center h2 {
font-size: 40px;
margin-bottom: 0;
}
.section-title-with-center.with-color h2 {
background: linear-gradient(90deg, #EFA506 0%, #FF2D55 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.navbar-area-with-white-boxed-color .container-fluid {
padding-left: 50px;
padding-right: 50px;
}
.navbar-area-with-white-boxed-color .elkevent-nav .navbar {
background-color: #ffffff;
padding-top: 0;
padding-bottom: 0;
padding-right: 25px;
}
.navbar-area-with-white-boxed-color .elkevent-nav .navbar .navbar-brand {
background-color: #0d1028;
padding: 25px 20px;
}
.navbar-area-with-white-boxed-color .elkevent-nav .navbar .navbar-nav .nav-item a {
color: #0d1028;
}
.navbar-area-with-white-boxed-color .elkevent-nav .navbar .navbar-nav .nav-item a:hover, .navbar-area-with-white-boxed-color .elkevent-nav .navbar .navbar-nav .nav-item a:focus, .navbar-area-with-white-boxed-color .elkevent-nav .navbar .navbar-nav .nav-item a.active {
color: #FF2D55;
}
.navbar-area-with-white-boxed-color .elkevent-nav .navbar .navbar-nav .nav-item:hover a {
color: #FF2D55;
}
.navbar-area-with-white-boxed-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
color: #ffffff;
}
.navbar-area-with-white-boxed-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-area-with-white-boxed-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-area-with-white-boxed-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
color: #FF2D55;
}
.navbar-area-with-white-boxed-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
color: #ffffff;
}
.navbar-area-with-white-boxed-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .navbar-area-with-white-boxed-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .navbar-area-with-white-boxed-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
color: #FF2D55;
}
.navbar-area-with-white-boxed-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover a {
color: #FF2D55;
}
.navbar-area-with-white-boxed-color .elkevent-nav.is-sticky {
padding: 15px 0;
}
.navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar {
background-color: #0d1028;
padding: 0;
}
.navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar .navbar-brand {
background-color: #0d1028;
padding: 0;
}
.navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar .navbar-nav .nav-item a {
color: #ffffff;
}
.navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar .navbar-nav .nav-item a:hover, .navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar .navbar-nav .nav-item a:focus, .navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar .navbar-nav .nav-item a.active {
color: #FF2D55;
}
.navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar .navbar-nav .nav-item:hover a {
color: #FF2D55;
}
.navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar .navbar-nav .nav-item .dropdown-menu li a {
color: #ffffff;
}
.navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
color: #FF2D55;
}
.navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
color: #ffffff;
}
.navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
color: #FF2D55;
}
.navbar-area-with-white-boxed-color .elkevent-nav.is-sticky .navbar .navbar-nav .nav-item .dropdown-menu li:hover a {
color: #FF2D55;
}
.navbar-area-with-bottom-color .elkevent-nav .navbar .navbar-nav .nav-item a:hover, .navbar-area-with-bottom-color .elkevent-nav .navbar .navbar-nav .nav-item a:focus, .navbar-area-with-bottom-color .elkevent-nav .navbar .navbar-nav .nav-item a.active {
color: #FF2D55;
border-bottom: 1px solid #ffffff;
}
.navbar-area-with-bottom-color .elkevent-nav .navbar .navbar-nav .nav-item:hover a {
color: #FF2D55;
border-bottom: 1px solid #ffffff;
}
.navbar-area-with-bottom-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
border-bottom: none;
color: #ffffff;
}
.navbar-area-with-bottom-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-area-with-bottom-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-area-with-bottom-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
color: #FF2D55;
border-bottom: none;
}
.navbar-area-with-bottom-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
color: #ffffff;
}
.navbar-area-with-bottom-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .navbar-area-with-bottom-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .navbar-area-with-bottom-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
color: #FF2D55;
border-bottom: none;
}
.navbar-area-with-bottom-color .elkevent-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover a {
color: #FF2D55;
border-bottom: none;
}
/*================================================
Marketing Banner Area CSS
=================================================*/
.marketing-banner-area {
position: relative;
z-index: 1;
overflow: hidden;
background-image: url(../../assets/img/marketing/banner/banner-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding-top: 265px;
padding-bottom: 365px;
}
.marketing-banner-area::before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
right: 0;
top: 0;
background: linear-gradient(107.56deg, #292CDC 0%, rgba(255, 45, 85, 0) 100%);
z-index: -1;
}
.marketing-banner-area .container-fluid {
padding-left: 50px;
padding-right: 50px;
}
.marketing-banner-content {
max-width: 1050px;
}
.marketing-banner-content span {
color: #FF2D55;
display: inline-block;
margin-bottom: 15px;
font-weight: 500;
}
.marketing-banner-content h1 {
font-size: 100px;
margin-bottom: 15px;
font-weight: 500;
color: #ffffff;
}
.marketing-banner-content h1 b {
font-weight: bold;
}
.marketing-banner-content p {
margin-bottom: 0;
color: #ffffff;
font-size: 20px;
font-weight: 500;
}
.marketing-banner-content .banner-btn {
margin-top: 30px;
}
/*================================================
Countdown Area CSS
=================================================*/
.m-countdown-area {
position: relative;
z-index: 1;
margin-top: -180px;
}
.m-countdown-image {
padding-right: 65px;
position: relative;
}
.m-countdown-image::before {
position: absolute;
content: "";
right: 0;
top: 0;
height: 100%;
width: 1px;
background: #ffffff;
}
.m-countdown-inner-box {
background: #efa506;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 50px;
padding-right: 50px;
}
.m-countdown-inner-box .m-event-countdown {
text-align: end;
}
.m-countdown-inner-box .m-event-countdown #timer div {
display: inline-block;
font-size: 80px;
font-weight: 700;
color: #ffffff;
margin: 0 10px;
line-height: 1;
padding: 25px 30px;
text-align: center;
background: rgba(255, 255, 255, 0.15);
transition: 0.5s;
border: 1px solid #ffffff;
}
.m-countdown-inner-box .m-event-countdown #timer div:first-child {
margin-left: 0;
}
.m-countdown-inner-box .m-event-countdown #timer div:last-child {
margin-right: 0;
}
.m-countdown-inner-box .m-event-countdown #timer div:hover {
transform: translateY(-5px);
background-color: #FF2D55;
border: 1px solid #FF2D55;
}
.m-countdown-inner-box .m-event-countdown #timer span {
display: block;
color: #ffffff;
margin-top: 15px;
font-size: 18px;
font-weight: 500;
}
/*================================================
About Area CSS
=================================================*/
.m-about-image {
position: relative;
z-index: 1;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.m-about-image .shape-1 {
position: absolute;
right: 0;
top: 0;
animation: movebounce 5s linear infinite;
}
.m-about-image .shape-2 {
position: absolute;
left: 0;
bottom: 0;
animation: movebounce 5s linear infinite;
}
.m-about-content {
padding-left: 30px;
}
.m-about-content span {
color: #FF2D55;
display: inline-block;
margin-bottom: 15px;
font-weight: 500;
}
.m-about-content h3 {
font-size: 40px;
margin-bottom: 15px;
}
.m-about-content p {
margin-bottom: 0;
}
.m-about-content .inner-card {
margin-top: 25px;
}
.m-about-content .inner-card h4 {
font-size: 22px;
margin-bottom: 12px;
}
.m-about-content .inner-card p {
margin-bottom: 0;
}
.m-about-content .about-btn {
margin-top: 25px;
}
/*================================================
FunFacts Area CSS
=================================================*/
.m-funfacts-area {
position: relative;
z-index: 9;
margin-bottom: -155px;
}
.m-funfacts-inner-box {
background: linear-gradient(93.54deg, #292CDC 0%, #FF2D55 100%);
padding-left: 50px;
padding-right: 50px;
position: relative;
z-index: 1;
}
.m-single-funfact {
text-align: center;
margin-bottom: 25px;
}
.m-single-funfact h3 {
font-size: 95px;
color: #ffffff;
font-weight: 500;
line-height: 1 !important;
margin-bottom: 5px;
}
.m-single-funfact h3 .small-text {
position: relative;
top: 8px;
left: -10px;
}
.m-single-funfact .odometer.odometer-auto-theme {
line-height: 1;
}
.m-single-funfact .odometer-inside {
line-height: 1;
}
.m-single-funfact .odometer-formatting-mark {
display: none;
}
.m-single-funfact p {
font-size: 18px;
color: #ffffff;
}
.m-funfacts-shape-1 {
position: absolute;
left: -30px;
bottom: -30px;
animation: movebounce 5s linear infinite;
}
.m-funfacts-shape-2 {
position: absolute;
right: -30px;
top: -40px;
animation: movebounce 5s linear infinite;
}
/*================================================
Speakers Area CSS
=================================================*/
.m-speakers-area {
position: relative;
z-index: 1;
overflow: hidden;
background-image: url(../../assets/img/marketing/speakers/speakers-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding-top: 250px;
}
.m-speakers-area .section-title-with-center h2 {
color: #ffffff;
}
.m-speakers-card {
margin-bottom: 30px;
text-align: center;
}
.m-speakers-card .speakers-image {
position: relative;
}
.m-speakers-card .speakers-image img {
border: 5px solid #efa506;
}
.m-speakers-card .speakers-image .color2 {
border: 5px solid #FF2D55;
}
.m-speakers-card .speakers-image .color3 {
border: 5px solid #8dc63f;
}
.m-speakers-card .speakers-image .color4 {
border: 5px solid #ffffff;
}
.m-speakers-card .speakers-image .social {
padding: 0;
margin-bottom: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.m-speakers-card .speakers-image .social li {
list-style-type: none;
display: inline-block;
margin-right: 5px;
}
.m-speakers-card .speakers-image .social li:last-child {
margin-right: 0;
}
.m-speakers-card .speakers-image .social li a i {
display: inline-block;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
background-color: #FF2D55;
color: #ffffff;
transition: 0.5s;
border-radius: 50px;
}
.m-speakers-card .speakers-image .social li a i:hover {
background-color: #efa506;
}
.m-speakers-card .speakers-content {
margin-top: 30px;
}
.m-speakers-card .speakers-content h3 {
color: #ffffff;
font-size: 22px;
margin-bottom: 0;
font-weight: 600;
}
.m-speakers-card .speakers-content span {
color: #ffffff;
font-size: 14px;
display: inline-block;
margin-top: 12px;
}
.m-speakers-card:hover .speakers-image .social {
bottom: 30px;
opacity: 1;
visibility: visible;
}
.m-speakers-slides.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 0 5px;
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
border: none;
border-radius: 20px;
}
.m-speakers-slides.owl-theme .owl-dots .owl-dot:hover span, .m-speakers-slides.owl-theme .owl-dots .owl-dot:focus span {
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
}
.m-speakers-slides.owl-theme .owl-dots .owl-dot.active span {
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
width: 30px;
}
/*================================================
Feature Area CSS
=================================================*/
.m-feature-area {
position: relative;
z-index: 1;
overflow: hidden;
}
.m-feature-content span {
color: #FF2D55;
display: inline-block;
margin-bottom: 15px;
font-weight: 500;
}
.m-feature-content h3 {
font-size: 40px;
margin-bottom: 15px;
}
.m-feature-content p {
margin-bottom: 0;
}
.m-feature-content .feature-list {
padding: 0;
margin-top: 20px;
margin-bottom: 0;
}
.m-feature-content .feature-list li {
list-style-type: none;
margin-bottom: 15px;
color: #0d1028;
font-weight: 500;
position: relative;
padding-left: 22px;
}
.m-feature-content .feature-list li:last-child {
margin-bottom: 0;
}
.m-feature-content .feature-list li i {
color: #FF2D55;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.m-feature-image {
position: relative;
}
.m-feature-image .shape-1 {
position: absolute;
left: -20px;
top: -10px;
animation: movebounce 5s linear infinite;
}
.m-feature-image .shape-2 {
position: absolute;
right: 25px;
bottom: -10px;
animation: movebounce 5s linear infinite;
}
.m-feature-shape {
position: absolute;
left: -20px;
top: -610px;
z-index: -1;
opacity: 50%;
animation: movebounce 5s linear infinite;
}
/*================================================
Schedule Area CSS
=================================================*/
.m-schedule-area {
background-color: #F8F7FE;
}
.m-schedule-list-tabs .nav {
margin: 0 0 55px 0;
border-radius: 0;
border: none;
width: 1320px;
}
.m-schedule-list-tabs .nav .nav-item {
margin: 0;
border-radius: 0;
border: none;
}
.m-schedule-list-tabs .nav .nav-item .nav-link {
background-color: #FF2D55;
margin: 0;
border-radius: 0;
border: none;
display: flex;
align-items: center;
padding: 20px 100px 20px 50px;
position: relative;
}
.m-schedule-list-tabs .nav .nav-item .nav-link::before {
width: 30px;
height: 30px;
left: 0;
bottom: -15px;
position: absolute;
background: #FF2D55;
content: "";
transform: rotate(45deg);
right: 0;
margin: 0 auto;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.m-schedule-list-tabs .nav .nav-item .nav-link .title {
font-size: 35px;
font-weight: 600;
color: #ffffff;
border-right: 1px solid #ffffff;
padding-right: 20px;
}
.m-schedule-list-tabs .nav .nav-item .nav-link .content {
padding-left: 20px;
}
.m-schedule-list-tabs .nav .nav-item .nav-link .content span {
font-size: 20px;
font-weight: 600;
display: block;
margin-bottom: 5px;
color: #ffffff;
}
.m-schedule-list-tabs .nav .nav-item .nav-link .content p {
color: #ffffff;
margin-bottom: 0;
font-size: 14px;
}
.m-schedule-list-tabs .nav .nav-item .nav-link.active::before {
opacity: 1;
visibility: visible;
}
.m-schedule-list-tabs .nav .nav-item:nth-child(2) .nav-link {
background-color: #292CDC;
}
.m-schedule-list-tabs .nav .nav-item:nth-child(2) .nav-link.active::before {
opacity: 1;
visibility: visible;
background-color: #292CDC;
}
.m-schedule-list-tabs .nav .nav-item:nth-child(3) .nav-link {
background-color: #efa506;
}
.m-schedule-list-tabs .nav .nav-item:nth-child(3) .nav-link.active::before {
opacity: 1;
visibility: visible;
background-color: #efa506;
}
.m-schedule-list-tabs .tab-content .tab-pane .schedule-list-item {
border-bottom: 1px solid #e9e9e9;
margin-bottom: 30px;
padding-bottom: 30px;
}
.m-schedule-list-tabs .tab-content .tab-pane .schedule-info {
display: flex;
align-items: center;
}
.m-schedule-list-tabs .tab-content .tab-pane .schedule-info img {
max-width: 70px;
}
.m-schedule-list-tabs .tab-content .tab-pane .schedule-info .title {
padding-left: 15px;
}
.m-schedule-list-tabs .tab-content .tab-pane .schedule-info .title span {
color: #62618D;
display: block;
margin-bottom: 10px;
}
.m-schedule-list-tabs .tab-content .tab-pane .schedule-info .title h3 {
font-size: 20px;
margin-bottom: 0;
font-weight: 600;
}
.m-schedule-list-tabs .tab-content .tab-pane .accordion {
padding: 0;
margin-bottom: 0;
}
.m-schedule-list-tabs .tab-content .tab-pane .accordion .accordion-item {
list-style-type: none;
background-color: transparent;
border: none;
}
.m-schedule-list-tabs .tab-content .tab-pane .accordion .accordion-item .accordion-button {
position: relative;
background-color: transparent;
display: block;
padding: 0 50px 0 0;
box-shadow: unset;
}
.m-schedule-list-tabs .tab-content .tab-pane .accordion .accordion-item .accordion-button p {
display: block;
font-size: 15px;
color: #62618D;
margin-bottom: 15px;
}
.m-schedule-list-tabs .tab-content .tab-pane .accordion .accordion-item .accordion-button p span {
color: #FF2D55;
}
.m-schedule-list-tabs .tab-content .tab-pane .accordion .accordion-item .accordion-button h3 {
font-size: 22px;
margin-bottom: 15px;
}
.m-schedule-list-tabs .tab-content .tab-pane .accordion .accordion-item .accordion-button::before {
position: absolute;
content: "\eee4";
font-family: IcoFont;
right: 0;
color: #FF2D55;
font-size: 18px;
}
.m-schedule-list-tabs .tab-content .tab-pane .accordion .accordion-item .accordion-button:not(.collapsed)::before {
content: "\efc2";
color: #0d1028;
font-size: 15px;
}
.m-schedule-list-tabs .tab-content .tab-pane .accordion .accordion-item .accordion-body {
padding: 0;
}
.m-schedule-list-tabs .tab-content .tab-pane .accordion .accordion-item .accordion-body p {
color: #62618D;
margin-bottom: 0;
}
.m-schedule-list-tabs .m-schedule-btn {
text-align: center;
}
.m-schedule-list-tabs.e-border-color {
border: 1px solid #2F3050;
}
.m-schedule-list-tabs.e-border-color .nav .nav-item .nav-link .title {
padding-right: 19px;
}
.m-schedule-list-tabs.e-border-color .tab-content .tab-pane .schedule-list-item {
border-bottom: 1px solid #2F3050;
padding: 30px;
}
.m-schedule-list-tabs.e-border-color .tab-content .tab-pane .schedule-list-item:last-child {
border-bottom: none;
}
.m-schedule-list-tabs.e-border-color .tab-content .tab-pane .schedule-list-item .schedule-info .title span {
color: #FF2D55;
}
.m-schedule-list-tabs.e-border-color .tab-content .tab-pane .schedule-list-item .schedule-info .title h3 {
color: #ffffff;
}
.m-schedule-list-tabs.e-border-color .tab-content .tab-pane .schedule-list-item .accordion .accordion-item .accordion-button p {
color: #ffffff;
}
.m-schedule-list-tabs.e-border-color .tab-content .tab-pane .schedule-list-item .accordion .accordion-item .accordion-button p span {
color: #FF2D55;
}
.m-schedule-list-tabs.e-border-color .tab-content .tab-pane .schedule-list-item .accordion .accordion-item .accordion-button h3 {
color: #ffffff;
}
.m-schedule-list-tabs.e-border-color .tab-content .tab-pane .schedule-list-item .accordion .accordion-item .accordion-button::before {
color: #FF2D55;
}
.m-schedule-list-tabs.e-border-color .tab-content .tab-pane .schedule-list-item .accordion .accordion-item .accordion-button:not(.collapsed)::before {
color: #ffffff;
}
.m-schedule-list-tabs.e-border-color .tab-content .tab-pane .schedule-list-item .accordion .accordion-item .accordion-body p {
color: #ffffff;
}
.e-schedule-btn {
text-align: center;
margin-top: 30px;
}
/*================================================
Sponsors Area CSS
=================================================*/
.m-sponsors-area {
background-image: url(../../assets/img/marketing/sponsors/sponsors-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.m-sponsors-area .section-title-with-center h2 {
color: #ffffff;
}
.m-partner-card {
margin-bottom: 25px;
text-align: center;
transition: 0.5s;
}
.m-partner-card:hover {
transform: translateY(-5px);
}
/*================================================
Pricing Area CSS
=================================================*/
.m-pricing-area {
background-color: #F8F7FE;
}
.m-pricing-area .section-title-with-center {
max-width: 750px;
margin: 0 auto 45px;
}
.m-pricing-card {
background-color: #FF2D55;
text-align: center;
padding: 35px 45px;
position: relative;
overflow: hidden;
margin-bottom: 25px;
transition: 0.5s;
}
.m-pricing-card::before {
position: absolute;
content: "";
left: -10px;
top: -10px;
height: 40px;
width: 40px;
border-radius: 50px;
background-color: #ffffff;
}
.m-pricing-card::after {
position: absolute;
content: "";
right: -10px;
top: -10px;
height: 40px;
width: 40px;
border-radius: 50px;
background-color: #ffffff;
}
.m-pricing-card .pricing-header {
position: relative;
padding-bottom: 15px;
margin-bottom: 30px;
}
.m-pricing-card .pricing-header::before {
position: absolute;
content: "";
left: -200px;
bottom: 0;
border-bottom: 1px dashed #ffffff;
width: 750px;
height: 1px;
}
.m-pricing-card .pricing-header .title {
font-size: 22px;
font-weight: 500;
color: #ffffff;
margin-bottom: 10px;
}
.m-pricing-card .pricing-header .price-value {
font-size: 55px;
font-weight: 600;
color: #ffffff;
}
.m-pricing-card .pricing-content {
padding: 0;
margin-bottom: 0;
}
.m-pricing-card .pricing-content li {
list-style-type: none;
color: #ffffff;
margin-bottom: 15px;
font-size: 15px;
font-weight: 500;
}
.m-pricing-card .pricing-content li:last-child {
margin-bottom: 0;
}
.m-pricing-card .pricing-btn {
margin-top: 25px;
}
.m-pricing-card .pricing-btn .btn {
box-shadow: unset;
color: #0d1028;
}
.m-pricing-card .pricing-btn .btn-primary {
color: #0d1028;
}
.m-pricing-card .pricing-btn .btn-primary::before {
background-color: #ffffff;
}
.m-pricing-card .pricing-btn .btn-primary::after {
background-color: #ffffff;
}
.m-pricing-card .pricing-btn .btn-primary:hover {
color: #ffffff;
}
.m-pricing-card.color2 {
background-color: #efa506;
}
.m-pricing-card.color3 {
background-color: #292CDC;
}
.m-pricing-card:hover {
transform: translateY(-5px);
}
.e-pricing-area .section-title-with-center {
max-width: 750px;
margin: 0 auto 45px;
}
.e-pricing-area .m-pricing-card::before {
background-color: #0d1028;
}
.e-pricing-area .m-pricing-card::after {
background-color: #0d1028;
}
.h-pricing-area {
background-color: transparent;
}
.h-pricing-area .m-pricing-card {
background-color: transparent;
border: 1px solid #FF2D55;
padding: 0 0 35px 0;
}
.h-pricing-area .m-pricing-card::before {
z-index: 1;
}
.h-pricing-area .m-pricing-card::after {
z-index: 1;
}
.h-pricing-area .m-pricing-card .pricing-header {
background-color: #FF2D55;
padding: 35px 45px;
margin-bottom: 0;
}
.h-pricing-area .m-pricing-card .pricing-content {
padding: 30px;
}
.h-pricing-area .m-pricing-card .pricing-content li {
color: #707070;
}
.h-pricing-area .m-pricing-card .pricing-btn {
margin-top: 0;
}
.h-pricing-area .m-pricing-card .pricing-btn .btn {
box-shadow: unset;
color: #ffffff;
}
.h-pricing-area .m-pricing-card .pricing-btn .btn-primary {
color: #ffffff;
}
.h-pricing-area .m-pricing-card .pricing-btn .btn-primary::before {
background-color: #FF2D55;
}
.h-pricing-area .m-pricing-card .pricing-btn .btn-primary::after {
background-color: #FF2D55;
}
.h-pricing-area .m-pricing-card .pricing-btn .btn-primary:hover {
color: #ffffff;
}
.h-pricing-area .m-pricing-card.color2 {
border: 1px solid #efa506;
}
.h-pricing-area .m-pricing-card.color2 .pricing-header {
background-color: #efa506;
}
.h-pricing-area .m-pricing-card.color3 {
border: 1px solid #292CDC;
}
.h-pricing-area .m-pricing-card.color3 .pricing-header {
background-color: #292CDC;
}
/*================================================
Gallery Area CSS
=================================================*/
.m-gallery-area {
position: relative;
z-index: 1;
overflow: hidden;
}
.m-gallery-card {
margin-bottom: 25px;
overflow: hidden;
transition: 0.5s;
}
.m-gallery-card a img {
transition: 0.5s;
}
.m-gallery-card:hover {
transform: translateY(-5px);
}
.m-gallery-card:hover a img {
transform: scale(1.2);
}
.m-gallery-shape {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -80%;
z-index: -1;
text-align: center;
}
/*================================================
Overview Area CSS
=================================================*/
.m-overview-inner-box {
background-color: #292CDC;
padding-left: 90px;
padding-right: 90px;
position: relative;
z-index: 1;
}
.m-overview-content span {
font-weight: 500;
color: #ffffff;
display: inline-block;
margin-bottom: 15px;
}
.m-overview-content h3 {
font-size: 40px;
color: #ffffff;
margin-bottom: 0;
}
.m-overview-btn {
text-align: end;
}
.m-overview-shape-1 {
position: absolute;
right: -20px;
top: -20px;
animation: movebounce 5s linear infinite;
}
.m-overview-shape-2 {
position: absolute;
left: -20px;
bottom: -20px;
animation: movebounce 5s linear infinite;
}
/*================================================
Testimonial Area CSS
=================================================*/
.m-testimonial-image {
position: relative;
padding-left: 20px;
padding-bottom: 30px;
padding-right: 80px;
}
.m-testimonial-image .shape {
position: absolute;
left: 0;
bottom: 0;
animation: movebounce 5s linear infinite;
}
.m-testimonial-content .content {
margin-bottom: 30px;
}
.m-testimonial-content .content span {
color: #FF2D55;
display: inline-block;
margin-bottom: 15px;
font-weight: 500;
}
.m-testimonial-content .content h3 {
font-size: 40px;
margin-bottom: 0;
}
.m-testimonial-card .info {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.m-testimonial-card .info img {
max-width: 70px;
}
.m-testimonial-card .info .title {
padding-left: 15px;
}
.m-testimonial-card .info .title h3 {
font-size: 22px;
margin-bottom: 0;
font-weight: 600;
}
.m-testimonial-card .info .title span {
color: #62618D;
display: block;
margin-top: 12px;
}
.m-testimonial-card p {
font-size: 20px;
color: #62618D;
}
.m-testimonial-slides.owl-theme .owl-dots {
text-align: start;
margin-top: 30px !important;
}
.m-testimonial-slides.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 0 5px;
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
border: none;
border-radius: 20px;
}
.m-testimonial-slides.owl-theme .owl-dots .owl-dot:hover span, .m-testimonial-slides.owl-theme .owl-dots .owl-dot:focus span {
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
}
.m-testimonial-slides.owl-theme .owl-dots .owl-dot.active span {
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
width: 30px;
}
/*================================================
Blog Area CSS
=================================================*/
.m-blog-area {
background-color: #F8F7FE;
}
.m-blog-card {
margin-bottom: 25px;
transition: 0.5s;
}
.m-blog-card .blog-image {
overflow: hidden;
}
.m-blog-card .blog-image a img {
transition: 0.5s;
}
.m-blog-card .blog-content {
margin-top: 25px;
}
.m-blog-card .blog-content .meta {
padding: 0;
margin-bottom: 15px;
}
.m-blog-card .blog-content .meta li {
list-style-type: none;
color: #62618D;
display: inline-block;
margin-right: 30px;
position: relative;
}
.m-blog-card .blog-content .meta li::before {
content: "";
position: absolute;
right: -18px;
top: 3.5px;
width: 2px;
height: 15px;
background: #62618D;
transform: rotate(10deg);
}
.m-blog-card .blog-content .meta li:last-child {
margin-right: 0;
}
.m-blog-card .blog-content .meta li:last-child::before {
display: none;
}
.m-blog-card .blog-content .meta li a {
color: #62618D;
display: inline-block;
}
.m-blog-card .blog-content .meta li a:hover {
color: #FF2D55;
}
.m-blog-card .blog-content h3 {
font-size: 24.5px;
line-height: 1.4;
margin-bottom: 0;
}
.m-blog-card .blog-content h3 a {
color: #0d1028;
}
.m-blog-card .blog-content h3 a:hover {
color: #FF2D55;
}
.m-blog-card:hover {
transform: translateY(-5px);
}
.m-blog-card:hover .blog-image a img {
transform: scale(1.2);
}
.e-blog {
background-color: transparent;
}
.e-blog .m-blog-card .blog-content .meta li {
color: #ffffff;
}
.e-blog .m-blog-card .blog-content .meta li a {
color: #ffffff;
}
.e-blog .m-blog-card .blog-content .meta li a:hover {
color: #FF2D55;
}
.e-blog .m-blog-card .blog-content h3 a {
color: #ffffff;
}
.e-blog .m-blog-card .blog-content h3 a:hover {
color: #FF2D55;
}
/*================================================
Education Banner Area CSS
=================================================*/
.education-banner-area {
background-image: url(../../assets/img/education/banner/banner-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding-top: 200px;
padding-bottom: 110px;
position: relative;
z-index: 1;
}
.education-banner-area::before {
position: absolute;
content: "";
height: 100%;
width: 100%;
background: linear-gradient(107.56deg, rgba(41, 44, 220, 0.5) 0%, rgba(255, 45, 85, 0.3) 100%);
left: 0;
right: 0;
top: 0;
z-index: -1;
}
.education-banner-content {
text-align: center;
}
.education-banner-content h1 {
font-size: 100px;
margin-bottom: 15px;
font-weight: 500;
color: #ffffff;
}
.education-banner-content h1 b {
font-weight: bold;
color: #efa506;
}
.education-banner-content p {
margin-bottom: 0;
color: #ffffff;
font-size: 20px;
font-weight: 500;
}
.education-banner-content .banner-btn {
margin-top: 30px;
}
.education-banner-content .banner-btn .btn-primary {
box-shadow: unset;
}
.education-banner-content .e-event-countdown {
background: rgba(255, 255, 255, 0.1);
border: 1px solid #ffffff;
max-width: 910px;
margin: 65px auto 0;
padding: 50px 25px;
border-radius: 5px;
}
.education-banner-content .e-event-countdown #timer div {
display: inline-block;
font-size: 80px;
font-weight: 700;
color: #ffffff;
margin: 0 50px;
line-height: 1;
text-align: center;
position: relative;
}
.education-banner-content .e-event-countdown #timer div:first-child {
margin-left: 0;
}
.education-banner-content .e-event-countdown #timer div:last-child {
margin-right: 0;
}
.education-banner-content .e-event-countdown #timer div:last-child::before {
display: none;
}
.education-banner-content .e-event-countdown #timer div::before {
position: absolute;
content: ":";
right: -65px;
color: #ffffff;
font-size: 55px;
top: 50%;
transform: translateY(-50%);
}
.education-banner-content .e-event-countdown #timer span {
display: block;
color: #ffffff;
margin-top: 15px;
font-size: 18px;
font-weight: 500;
}
/*================================================
Education About Area CSS
=================================================*/
.e-about-image {
position: relative;
text-align: center;
}
.e-about-image .video-btn {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 50%;
transform: translateY(-50%);
text-align: center;
display: inline-block;
height: 75px;
width: 75px;
line-height: 75px;
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
color: #ffffff;
border-radius: 50px;
font-size: 30px;
}
.e-about-image .video-btn::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
z-index: -1;
bottom: 0;
left: 0;
border-radius: 50%;
border: 2px solid #ffffff;
animation: ripple 5s linear infinite;
}
.e-about-content {
padding-left: 35px;
}
.e-about-content span {
color: #FF2D55;
font-weight: 500;
display: inline-block;
margin-bottom: 15px;
}
.e-about-content h3 {
background: linear-gradient(90deg, #EFA506 0%, #FF2D55 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-size: 40px;
margin-bottom: 15px;
}
.e-about-content p {
color: #ffffff;
}
.e-about-content .about-btn {
margin-top: 25px;
}
.e-about-content .about-btn .btn-primary {
box-shadow: unset;
}
@keyframes ripple {
0% {
transform: scale(1);
}
75% {
transform: scale(1.75);
opacity: 1;
}
100% {
transform: scale(2);
opacity: 0;
}
}
/*================================================
Education FunFacts Area CSS
=================================================*/
.e-funfacts-inner-box {
background-image: url(../../assets/img/education/funfacts-bg.jpg);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
padding-left: 50px;
padding-right: 50px;
}
.e-single-funfact {
text-align: center;
margin-bottom: 25px;
}
.e-single-funfact h3 {
font-size: 95px;
color: #ffffff;
font-weight: 500;
line-height: 1 !important;
margin-bottom: 5px;
}
.e-single-funfact h3 .small-text {
position: relative;
top: 8px;
left: -10px;
}
.e-single-funfact .odometer.odometer-auto-theme {
line-height: 1;
}
.e-single-funfact .odometer-inside {
line-height: 1;
}
.e-single-funfact .odometer-formatting-mark {
display: none;
}
.e-single-funfact p {
font-size: 18px;
color: #ffffff;
}
/*================================================
Education Speakers Area CSS
=================================================*/
.e-speakers-card {
margin-bottom: 30px;
text-align: center;
}
.e-speakers-card .speakers-image {
position: relative;
}
.e-speakers-card .speakers-image img {
border: 5px solid #efa506;
}
.e-speakers-card .speakers-image .color2 {
border: 5px solid #FF2D55;
}
.e-speakers-card .speakers-image .color3 {
border: 5px solid #292CDC;
}
.e-speakers-card .speakers-image .color4 {
border: 5px solid #7E23CB;
}
.e-speakers-card .speakers-image .color5 {
border: 5px solid #1EB1E9;
}
.e-speakers-card .speakers-image .color6 {
border: 5px solid #C13584;
}
.e-speakers-card .speakers-image .color7 {
border: 5px solid #62618D;
}
.e-speakers-card .speakers-image .color8 {
border: 5px solid #0077B5;
}
.e-speakers-card .speakers-image .social {
padding: 0;
margin-bottom: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.e-speakers-card .speakers-image .social li {
list-style-type: none;
display: inline-block;
margin-right: 5px;
}
.e-speakers-card .speakers-image .social li:last-child {
margin-right: 0;
}
.e-speakers-card .speakers-image .social li a i {
display: inline-block;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
background-color: #FF2D55;
color: #ffffff;
transition: 0.5s;
border-radius: 50px;
}
.e-speakers-card .speakers-image .social li a i:hover {
background-color: #efa506;
}
.e-speakers-card .speakers-content {
margin-top: 30px;
}
.e-speakers-card .speakers-content h3 {
color: #ffffff;
font-size: 22px;
margin-bottom: 0;
font-weight: 600;
}
.e-speakers-card .speakers-content span {
color: #FF2D55;
font-size: 14px;
display: inline-block;
margin-top: 12px;
}
.e-speakers-card:hover .speakers-image .social {
bottom: 30px;
opacity: 1;
visibility: visible;
}
/*================================================
Education Overview Area CSS
=================================================*/
.e-overview-inner-box {
background-image: url(../../assets/img/education/overview-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding-left: 90px;
padding-right: 90px;
}
.e-overview-content span {
font-weight: 500;
color: #ffffff;
display: inline-block;
margin-bottom: 15px;
}
.e-overview-content h3 {
font-size: 40px;
color: #ffffff;
margin-bottom: 0;
}
.e-overview-btn {
text-align: end;
}
/*================================================
Education Registration Area CSS
=================================================*/
.e-registration-area {
background-image: url(../../assets/img/education/registration-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
z-index: 1;
}
.e-registration-area::before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
height: 20px;
width: 100%;
background-color: #0d1028;
z-index: -1;
}
.e-registration-area::after {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
height: 20px;
width: 100%;
background-color: #0d1028;
z-index: -1;
}
.e-registration-form {
background: rgba(255, 255, 255, 0.1);
border: 1px solid #ffffff;
padding: 30px;
border-radius: 5px;
text-align: center;
margin-left: 55px;
}
.e-registration-form h3 {
font-size: 22px;
font-weight: 600;
margin-bottom: 25px;
color: #ffffff;
}
.e-registration-form form .form-group .form-control {
height: 50px;
border-radius: 8px;
border: 1px solid #ffffff;
color: #707070;
font-size: 14px;
transition: 0.5s;
background-color: #ffffff;
}
.e-registration-form form .form-group .form-control::-moz-placeholder {
color: #707070;
-moz-transition: 0.5s;
transition: 0.5s;
}
.e-registration-form form .form-group .form-control::placeholder {
color: #707070;
transition: 0.5s;
}
.e-registration-form form .form-group .form-control:focus {
border: 1px solid #FF2D55;
background-color: #FF2D55;
color: #ffffff;
}
.e-registration-form form .form-group .form-control:focus::-moz-placeholder {
color: transparent;
}
.e-registration-form form .form-group .form-control:focus::placeholder {
color: transparent;
}
/*================================================
Education Gallery Area CSS
=================================================*/
.e-gallery-area .container-fluid {
padding-left: 0;
padding-right: 0;
}
.e-gallery-card {
overflow: hidden;
transition: 0.5s;
}
.e-gallery-card a img {
transition: 0.5s;
}
.e-gallery-card:hover {
transform: translateY(-5px);
}
.e-gallery-card:hover a img {
transform: scale(1.2);
}
.e-gallery-slides.owl-theme .owl-dots {
margin-top: 35px !important;
}
.e-gallery-slides.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 0 5px;
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
border: none;
border-radius: 20px;
}
.e-gallery-slides.owl-theme .owl-dots .owl-dot:hover span, .e-gallery-slides.owl-theme .owl-dots .owl-dot:focus span {
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
}
.e-gallery-slides.owl-theme .owl-dots .owl-dot.active span {
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
width: 30px;
}
/*================================================
Education Testimonial Area CSS
=================================================*/
.e-testimonial-card {
background-color: #091142;
padding: 35px;
border-radius: 5px;
position: relative;
z-index: 1;
transition: 0.5s;
}
.e-testimonial-card::before {
position: absolute;
content: "\efce";
font-family: IcoFont;
right: 35px;
top: 35px;
z-index: -1;
color: #ffffff;
font-size: 55px;
opacity: 8%;
line-height: 1;
}
.e-testimonial-card .info {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.e-testimonial-card .info img {
max-width: 70px;
}
.e-testimonial-card .info .title {
padding-left: 15px;
}
.e-testimonial-card .info .title h3 {
font-size: 22px;
margin-bottom: 0;
font-weight: 600;
color: #ffffff;
}
.e-testimonial-card .info .title span {
color: #ffffff;
display: block;
margin-top: 12px;
}
.e-testimonial-card p {
font-size: 18px;
color: #ffffff;
}
.e-testimonial-card:hover {
background-color: #000636;
}
.e-testimonial-slides.owl-theme .owl-dots {
margin-top: 35px !important;
}
.e-testimonial-slides.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 0 5px;
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
border: none;
border-radius: 20px;
}
.e-testimonial-slides.owl-theme .owl-dots .owl-dot:hover span, .e-testimonial-slides.owl-theme .owl-dots .owl-dot:focus span {
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
}
.e-testimonial-slides.owl-theme .owl-dots .owl-dot.active span {
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
width: 30px;
}
/*================================================
Health Banner Area CSS
=================================================*/
.health-banner-area {
background-image: url(../../assets/img/health/banner/banner-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 120px;
}
.health-banner-area .container-fluid {
padding-left: 50px;
padding-right: 50px;
}
.health-banner-area.health-banner-video {
background-image: none;
position: relative;
overflow: hidden;
z-index: 1;
padding-top: 380px;
padding-bottom: 280px;
}
.health-banner-area.health-banner-video::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #651ea5;
opacity: 0.5;
z-index: -1;
}
.health-banner-area.health-banner-video .background-video {
position: absolute;
top: 0;
left: 0;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
z-index: -2;
}
.health-banner-area.health-banner-video .health-banner-content {
position: relative;
z-index: 2;
}
.health-banner-content {
position: relative;
top: -20px;
}
.health-banner-content span {
font-weight: 500;
color: #ffffff;
display: inline-block;
margin-bottom: 15px;
}
.health-banner-content h1 {
font-size: 65px;
margin-bottom: 15px;
color: #ffffff;
}
.health-banner-content p {
margin-bottom: 0;
color: #ffffff;
font-size: 18px;
font-weight: 500;
}
.health-banner-content .banner-btn {
margin-top: 30px;
}
.health-banner-image {
position: relative;
}
.health-banner-image .info {
position: absolute;
top: 35%;
right: 10%;
transform: translateY(-35%) translateX(-10%);
}
.health-banner-image .info span {
font-size: 14px;
color: #ffffff;
display: inline-block;
margin-bottom: 5px;
}
.health-banner-image .info h3 {
font-size: 20px;
color: #FF2D55;
margin-bottom: 0;
font-weight: 500;
}
/*================================================
Health Countdown Area CSS
=================================================*/
.h-countdown-area {
background-image: url(../../assets/img/health/countdown-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.h-countdown-content h3 {
font-size: 35px;
margin-bottom: 0;
color: #ffffff;
font-weight: 600;
}
.h-event-countdown #timer div {
display: inline-block;
font-size: 70px;
font-weight: 700;
color: #FF2D55;
margin: 0 50px;
line-height: 1;
text-align: center;
position: relative;
}
.h-event-countdown #timer div:first-child {
margin-left: 0;
}
.h-event-countdown #timer div:last-child {
margin-right: 0;
}
.h-event-countdown #timer div:last-child::before {
display: none;
}
.h-event-countdown #timer div::before {
position: absolute;
content: ":";
right: -65px;
color: #ffffff;
font-size: 55px;
top: 50%;
transform: translateY(-50%);
}
.h-event-countdown #timer span {
display: block;
color: #ffffff;
margin-top: 15px;
font-size: 18px;
font-weight: 500;
}
/*================================================
Health About Area CSS
=================================================*/
.h-about-image {
padding-right: 35px;
}
.h-about-content span {
color: #FF2D55;
display: inline-block;
margin-bottom: 15px;
font-weight: 500;
}
.h-about-content h3 {
font-size: 40px;
margin-bottom: 15px;
}
.h-about-content .h-about-tabs .nav {
padding: 0;
border: none;
}
.h-about-content .h-about-tabs .nav .nav-item {
border: none;
margin-right: 35px;
}
.h-about-content .h-about-tabs .nav .nav-item:last-child {
margin-right: 0;
}
.h-about-content .h-about-tabs .nav .nav-item .nav-link {
border: none;
padding: 0 0 10px 0;
margin-bottom: 20px;
font-size: 22px;
font-weight: 600;
color: #0d1028;
transition: 0.5s;
border-bottom: 1px solid #0d1028;
}
.h-about-content .h-about-tabs .nav .nav-item .nav-link:hover {
color: #FF2D55;
border-bottom: 1px solid #FF2D55;
}
.h-about-content .h-about-tabs .nav .nav-item .nav-link.active {
color: #FF2D55;
border-bottom: 1px solid #FF2D55;
}
.h-about-content .about-btn {
margin-top: 25px;
}
/*================================================
Health About Area CSS
=================================================*/
.h-speakers-area {
background-color: #F6F8FB;
}
.h-speakers-card {
margin-bottom: 30px;
text-align: center;
transition: 0.5s;
}
.h-speakers-card .speakers-image {
position: relative;
overflow: hidden;
}
.h-speakers-card .speakers-image img {
border: 5px solid #1DA1F2;
transition: 0.5s;
}
.h-speakers-card .speakers-image .color1 {
border: 5px solid #efa506;
}
.h-speakers-card .speakers-image .color2 {
border: 5px solid #FF2D55;
}
.h-speakers-card .speakers-image .color3 {
border: 5px solid #4C4FDE;
}
.h-speakers-card .speakers-image .social {
padding: 0;
margin-bottom: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.h-speakers-card .speakers-image .social li {
list-style-type: none;
display: inline-block;
margin-right: 5px;
}
.h-speakers-card .speakers-image .social li:last-child {
margin-right: 0;
}
.h-speakers-card .speakers-image .social li a i {
display: inline-block;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
background-color: #FF2D55;
color: #ffffff;
transition: 0.5s;
border-radius: 50px;
}
.h-speakers-card .speakers-image .social li a i:hover {
background-color: #efa506;
}
.h-speakers-card .speakers-content {
margin-top: 25px;
}
.h-speakers-card .speakers-content h3 {
font-size: 22px;
margin-bottom: 0;
font-weight: 600;
}
.h-speakers-card .speakers-content span {
color: #707070;
font-size: 14px;
display: inline-block;
margin-top: 12px;
transition: 0.5s;
}
.h-speakers-card:hover {
transform: translateY(-5px);
}
.h-speakers-card:hover .speakers-image img {
transform: scale(1.2);
}
.h-speakers-card:hover .speakers-image .social {
bottom: 30px;
opacity: 1;
visibility: visible;
}
.h-speakers-card:hover .speakers-content span {
color: #FF2D55;
}
/*================================================
FunFacts Area CSS
=================================================*/
.h-funfacts-area {
background-image: url(../../assets/img/health/funfact-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.h-single-funfact {
text-align: center;
margin-bottom: 25px;
}
.h-single-funfact h3 {
font-size: 95px;
color: #ffffff;
font-weight: 500;
line-height: 1 !important;
margin-bottom: 5px;
}
.h-single-funfact h3 .small-text {
position: relative;
top: 8px;
left: -10px;
}
.h-single-funfact .odometer.odometer-auto-theme {
line-height: 1;
}
.h-single-funfact .odometer-inside {
line-height: 1;
}
.h-single-funfact .odometer-formatting-mark {
display: none;
}
.h-single-funfact p {
font-size: 18px;
color: #ffffff;
}
/*================================================
Health Testimonial Area CSS
=================================================*/
.h-testimonial-area {
background-color: #F8F7FE;
}
.h-testimonial-area .container-fluid {
padding-left: 0;
}
.h-testimonial-image {
background-image: url(../../assets/img/health/testimonial.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
}
.h-testimonial-content {
max-width: 750px;
padding-top: 120px;
padding-bottom: 120px;
padding-left: 100px;
}
.h-testimonial-content .content {
margin-bottom: 30px;
}
.h-testimonial-content .content span {
color: #FF2D55;
display: inline-block;
margin-bottom: 15px;
font-weight: 500;
}
.h-testimonial-content .content h3 {
font-size: 40px;
margin-bottom: 0;
}
.h-testimonial-card .info {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.h-testimonial-card .info img {
max-width: 70px;
}
.h-testimonial-card .info .title {
padding-left: 15px;
}
.h-testimonial-card .info .title h3 {
font-size: 22px;
margin-bottom: 0;
font-weight: 600;
}
.h-testimonial-card .info .title span {
color: #62618D;
display: block;
margin-top: 12px;
}
.h-testimonial-card p {
font-size: 20px;
color: #62618D;
}
.h-testimonial-slides.owl-theme .owl-dots {
text-align: start;
margin-top: 30px !important;
}
.h-testimonial-slides.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 0 5px;
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
border: none;
border-radius: 20px;
}
.h-testimonial-slides.owl-theme .owl-dots .owl-dot:hover span, .h-testimonial-slides.owl-theme .owl-dots .owl-dot:focus span {
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
}
.h-testimonial-slides.owl-theme .owl-dots .owl-dot.active span {
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
width: 30px;
}
/*================================================
Health Registration Area CSS
=================================================*/
.h-registration-area {
background-image: url(../../assets/img/health/registration-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding-top: 120px;
padding-bottom: 120px;
}
.h-registration-form {
background: rgba(255, 255, 255, 0.25);
border: 1px solid #ffffff;
padding: 30px;
border-radius: 5px;
text-align: center;
max-width: 450px;
margin: 0 0 0 auto;
}
.h-registration-form h3 {
font-size: 22px;
font-weight: 600;
margin-bottom: 25px;
color: #ffffff;
}
.h-registration-form form .form-group .form-control {
height: 50px;
border-radius: 8px;
border: 1px solid #ffffff;
color: #707070;
font-size: 14px;
transition: 0.5s;
background-color: #ffffff;
}
.h-registration-form form .form-group .form-control::-moz-placeholder {
color: #707070;
-moz-transition: 0.5s;
transition: 0.5s;
}
.h-registration-form form .form-group .form-control::placeholder {
color: #707070;
transition: 0.5s;
}
.h-registration-form form .form-group .form-control:focus {
border: 1px solid #FF2D55;
background-color: #FF2D55;
color: #ffffff;
}
.h-registration-form form .form-group .form-control:focus::-moz-placeholder {
color: transparent;
}
.h-registration-form form .form-group .form-control:focus::placeholder {
color: transparent;
}
/*================================================
Health Overview Area CSS
=================================================*/
.h-overview-area {
background-image: url(../../assets/img/health/overview-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.h-overview-content span {
font-weight: 500;
color: #ffffff;
display: inline-block;
margin-bottom: 15px;
}
.h-overview-content h3 {
font-size: 40px;
color: #ffffff;
margin-bottom: 0;
}
.h-overview-btn {
text-align: end;
}
.h-overview-btn .btn-primary {
color: #0d1028;
}
.h-overview-btn .btn-primary::before {
background-color: #ffffff;
}
.h-overview-btn .btn-primary::after {
background-color: #ffffff;
}
.h-overview-btn .btn-primary:hover {
color: #ffffff;
}
/*================================================
Subscribe Area CSS
=================================================*/
.subscribe-wrap-area {
background-color: #efa506;
padding-left: 70px;
padding-right: 70px;
position: relative;
z-index: 1;
margin-bottom: 50px;
overflow: hidden;
}
.subscribe-wrap-area .section-title-with-center span {
color: #ffffff;
}
.subscribe-wrap-area .section-title-with-center h2 {
color: #ffffff;
}
.subscribe-wrap-area .newsletter-form {
max-width: 690px;
margin: auto;
position: relative;
}
.subscribe-wrap-area .newsletter-form .form-control {
background: rgba(255, 255, 255, 0.1);
border-radius: 0;
border: 1px solid #ffffff;
color: #ffffff;
padding: 15px 25px;
height: 70px;
}
.subscribe-wrap-area .newsletter-form .form-control::-moz-placeholder {
color: #ffffff;
-moz-transition: 0.5s;
transition: 0.5s;
}
.subscribe-wrap-area .newsletter-form .form-control::placeholder {
color: #ffffff;
transition: 0.5s;
}
.subscribe-wrap-area .newsletter-form .form-control:focus::-moz-placeholder {
color: transparent;
}
.subscribe-wrap-area .newsletter-form .form-control:focus::placeholder {
color: transparent;
}
.subscribe-wrap-area .newsletter-form button {
position: absolute;
right: 0;
top: 0;
box-shadow: unset;
height: 70px;
}
.subscribe-wrap-area .newsletter-form #validator-newsletter {
color: #FF2D55;
font-size: 14px;
margin-top: 10px;
}
.subscribe-wrap-area .shape-1 {
position: absolute;
left: -30px;
top: -30px;
animation: movebounce 5s linear infinite;
}
.subscribe-wrap-area .shape-2 {
position: absolute;
right: -30px;
bottom: -30px;
animation: movebounce 5s linear infinite;
}
.subscribe-wrap-area.with-linear-gradient-color {
background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
}
.subscribe-wrap-area.with-linear-gradient-color .newsletter-form .btn-primary {
color: #0d1028;
}
.subscribe-wrap-area.with-linear-gradient-color .newsletter-form .btn-primary::before {
background-color: #ffffff;
}
.subscribe-wrap-area.with-linear-gradient-color .newsletter-form .btn-primary::after {
background-color: #ffffff;
}
.subscribe-wrap-area.with-linear-gradient-color .newsletter-form .btn-primary:hover {
color: #ffffff;
}
.subscribe-wrap-area.with-blue-gradient-color {
background: linear-gradient(102.96deg, #651EA5 0.36%, #13157D 100%);
}
/*================================================
Footer Area CSS
=================================================*/
.footer-area-with-bg-image {
background-image: url(../../assets/img/marketing/footer-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
z-index: 1;
overflow: hidden;
}
.footer-area-with-bg-image::before {
position: absolute;
left: 0;
right: 0;
content: "";
top: 0;
background-color: #F8F7FE;
width: 100%;
height: 180px;
z-index: -1;
}
.footer-area-with-bg-image.e-footer::before {
background-color: #0d1028;
}
.footer-wrap-map {
position: relative;
}
.footer-wrap-map .content {
position: absolute;
left: 20px;
bottom: 20px;
background-color: #ffffff;
padding: 25px;
max-width: 300px;
}
.footer-wrap-map .content h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 12px;
}
.footer-wrap-map .content p {
color: #62618D;
font-size: 14px;
margin-bottom: 0;
}
.footer-wrap-right {
padding-left: 100px;
}
.footer-wrap-right .logo {
margin-bottom: 35px;
}
.footer-wrap-right .social-links {
padding: 0;
margin: 15px 0 0;
list-style-type: none;
}
.footer-wrap-right .social-links span {
color: #ffffff;
font-size: 18px;
font-weight: 500;
display: block;
margin-bottom: 20px;
}
.footer-wrap-right .social-links li {
display: inline-block;
margin-right: 5px;
}
.footer-wrap-right .social-links li:last-child {
margin-right: 0;
}
.footer-wrap-right .social-links li a {
color: #ffffff;
border: 1px solid #525164;
width: 40px;
height: 40px;
line-height: 39px;
text-align: center;
border-radius: 50%;
}
.footer-wrap-right .social-links li a.facebook {
border: none;
background-color: #4267b2;
}
.footer-wrap-right .social-links li a.twitter {
border: none;
background-color: #38A1F3;
}
.footer-wrap-right .social-links li a.instagram {
border: none;
background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.footer-wrap-right .social-links li a.linkedin {
border: none;
background-color: #0077B5;
}
.footer-wrap-right .social-links li a:hover, .footer-wrap-right .social-links li a:focus {
background-color: #FF2D55;
color: #ffffff;
border-color: #FF2D55;
}
.copyright-wrap-area {
padding-top: 35px;
padding-bottom: 35px;
}
.copyright-wrap-area p {
color: #ffffff;
font-size: 14px;
margin-bottom: 0;
}
.copyright-wrap-area p a {
display: inline-block;
color: #FF2D55;
font-weight: 500;
}
.copyright-wrap-area p a:hover {
color: #efa506;
}
.copyright-wrap-area .list {
padding: 0;
margin-bottom: 0;
text-align: end;
}
.copyright-wrap-area .list li {
list-style-type: none;
font-size: 14px;
display: inline-block;
margin-right: 10px;
}
.copyright-wrap-area .list li:last-child {
margin-right: 0;
}
.copyright-wrap-area .list li a {
color: #ffffff;
}
.copyright-wrap-area .list li a:hover {
color: #FF2D55;
}
@media(max-width:767px) {
.main-banner-content {
margin-top: -72px;
}
.elkevent-mobile-nav .logo img {
width: 168px;
}
.rup img {
width:329px;
}
.rup {
text-align: left;
}
.event-countdown #timer div {display: inline-block;}
.slideshow-banner .event-countdown {
position: relative;
right: 0;
top: 0; width: 100%;
text-align: center;
}
.main-banner {
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.main-banner {
height: 630px;
background-size: cover;
}
.main-banner-content h1 {
text-align: center;
display: block;
}
.main-banner-content ul {
margin-bottom: 29px;
}
.button-box1 h1 {
margin: 0 !important;
text-align: center;
font-size: 21px !important;
}
.main-banner-content ul {
text-align: center;
}
.form-control {
padding: 0 9px;
}
.about-content {
margin-top: 0;
}
.about-area-three::after {
width: 100%;
height: 349px;
opacity: 0.6;
}
.head h2 {
font-size: 23px;
margin-top: -27px;
margin-bottom: 20px;
}
.ptb-120 {
padding-bottom: 16px;
}
.cl-form {
top: 25px; width: 100%; right: 0;
}
.main-banner {
padding-bottom: 60px !important;
}
.offset-1 {
margin-left: 0;
}
.single-funfact {
margin-bottom: 35px;
border: solid 1px #eee;
padding: 10px;
border-radius: 10px;
}
.fiv-one {
display: block;
}
.three-bx {
width: 100%;
height: auto;
}
.buy-tickets-area.ptb-120 {
padding-bottom: 30px !important;
padding-top: 20px !important;
}
#par .col-md-2 {
float: left;
width: 48%;
}
.footer-area {
padding-top: 0;
}
.location {
margin-top: 6px;
width: 100%;
}
#clCenter {
margin: 10px 0px;
}
.elkevent-mobile-nav .logo img {
width: 89% !important;
margin-top: -15px !important;
}
.elkevent-mobile-nav .logo img {
width: 89%;
margin-top: -15px;
}
.slideshow-banner .event-countdown {
height: auto; background: none;
padding: 11px 9px;
}
.navbar-brand img {
width: 100%;
}
.sponser img {
margin-left: 0;
margin-top: -25px;
}
.sponser {
text-align: center;
}
.ex-bx ul {
display: block;
}
.offset-2 {
margin-left: 0;
}
.event-countdown #timer div#days {border: none;}
.event-countdown #timer div#hours {border: none;}
.event-countdown #timer div#minutes {border: none;}
.ex-bx ul {width: 100%;}
.slideshow-banner .event-countdown {width: 100% !important; margin-left: 0;
margin-top: 39px !important;
margin-bottom: -63px !important;}
.ex-bx {
position: relative;
margin-top: 27px;
}
.rup h2 {
font-size: 23px;
}
hr.hn {
width: 100%;
}
.cent {
width: 100%;
}
.main-banner-content h1 {
font-size: 18px !important;
text-align: left;
line-height: normal;
}
.main-banner-content ul {
text-align: left;
}
.main-banner-content ul li {
font-size: 14px !important;
}
.tab {
width: 100%;
height: auto;
}
.tabcontent {
width: 100%;
}
.mentor-profile {width: 100%;}
.col-md-5.yu {
margin-top: 0;
width: 98%;
margin: auto;
}
.gallery {
display: block;
text-align: center;
}
.three-bx5 {
width: 50%;
}
.col-md-5.yu {
height: auto;
}
}