.heading-counter {
padding: 10px 68px;
}
.heading-counter {
color: #FFFFFF!important;
} 
.white-top-txt {   
font-size: 6rem; 
color: #FFFFFF!important; 
line-height: 52px;
padding-bottom: 10px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
position: relative;
margin-bottom: 10px;
}
.white-top-small-txt {   
font-size: 5rem;  
color: #FFFFFF!important; 
line-height: 52px;
padding-bottom: 20px;
font-weight: 700;
text-align: center; 
position: relative;
margin-bottom: 10px;
}
.summit-btn {
font-size: 2rem;
padding: 12px 20px;
border-radius: 4px;
cursor: pointer;
font-weight: 500;
color: #fff;
text-transform: uppercase;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
display: inline-block; }
.summit-btn:focus,
.summit-btn:active {
box-shadow: none;
outline: none;
color: #fff; }
.summit-btn-common {
background-color: #70aa42;
position: relative;
z-index: 1; }
.summit-btn-common:hover {
color: #fff;
background: #70aa42;
box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out; }
p.describer {
font-weight: 400;
font-family: 'Lato', sans-serif;
margin: 0px;
font-size: 16px;
padding-left: 15px;
padding-right: 15px; 
}
.section-title-bg {
display: inline;
font-size: 115px;
font-weight: 700;
height: 100%;
left: -173px;
opacity: 0.1;
position: absolute;
top: -14px;
width: 100%;
text-align: center; }
.section-title-header p {
text: center;
font-weight: 400;
line-height: 26px;
padding-bottom: 36px; }
.section-title {
font-size: 36px;
color: #212121;
line-height: 52px;
padding-bottom: 20px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
position: relative;
margin-bottom: 15px; }
.section-title:before {
position: absolute;
content: '';
left: 0px;
bottom: 8px;
width: 60%;
height: 1px;
background-color: #cccccc; }
.section-title:after {
position: absolute;
content: '';
left: 0px;
bottom: 8px;
width: 60%;
height: 1px;
background-color: #cccccc; } 
.section-title:before, .section-title:after {
left: 18%;
margin-left: 10px; }
.section-title:after {
margin-left: 10px; }
.section-subcontent {
font-size: 16px;
text: center;
font-weight: 400;
line-height: 26px;
padding-bottom: 36px; }
.section-sub {
text-transform: uppercase;
font-size: 24px;
line-height: 52px;
padding-bottom: 15px;
margin-bottom: 30px;
position: relative; }
.section-sub:before {
position: absolute;
content: '';
height: 1px;
width: 45px;
left: 50%;
bottom: 10px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #70aa42; }
.subtitle {
font-size: 15px;
margin-top: 20px;
font-weight: 500;
margin-bottom: 10px; }
.inner-title {
font-size: 24px;
font-weight: 700;
text-tranform: capitalize; }
.page-tagline {
font-size: 24px;
font-weight: 400;
color: #ddd; }
.page-title {
font-size: 62px;
font-weight: 700;
color: #fff; }
.icon-close, .icon-check {
color: #E91E63; }
.bg-drack {
background: #f1f1f1; }
.bg-white {
background: #fff; }
.mb-30 {
margin-bottom: 30px; }
.mt-30 {
margin-top: 30px; }
.section-summit-top-padding {
padding: 50px 0;
margin-top: -40px; 
}
.section-summit-padding {
padding: 30px 0; }
.no-padding {
padding: 0 !important; }
.padding-left-none {
padding-left: 0; }
.padding-right-none {
padding-right: 0; }
#page-banner-area {
background: url(//motisports.com/img/background/banner.jpg) no-repeat;
background-position: 50% 50%;
background-size: cover; }
.page-banner {
position: relative;
min-height: 250px;
color: #fff; }
.page-banner:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2); }
.page-banner .page-banner-title {
position: absolute;
top: 50%;
width: 100%;
height: 100%;
text-transform: uppercase; }
.page-banner .page-banner-title h2 {
color: #fff;
font-size: 40px; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
#white-bg {
background: #fff; } .about-item {
padding: 10px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.17);
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; }
.about-item .about-text {
padding: 20px;
background: #fff; }
.about-item .about-text h3 {
font-size: 16px;
text-transform: uppercase;
font-weight: 500; }
.about-item .about-text h3 a {
color: #212121; }
.about-item .about-text h3 a:hover {
color: #E91E63; }
.about-item .about-text .btn {
margin-top: 10px; }
.about-item:hover {
box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.1); }
#event-slides .video img {
border-radius: 4px; }
#event-slides .intro-desc {
line-height: 26px;
margin-bottom: 30px; }
#event-slides .intro-title {
color: #212121;
font-size: 22px;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 15px; }
#event-slides .list-specification li {
margin-bottom: 10px;
font-size: 15px; }
#event-slides .list-specification li i {
margin-right: 5px; }
.counter-section {
background: #70aa42;
overflow: hidden;
position: relative; }
.counter-section .counter {
padding: 30px 0; }
.counter-section .counter .icon {
margin-bottom: 15px; }
.counter-section .counter .icon i {
font-size: 60px;
color: #fff; }
.counter-section .counter p {
font-size: 15px;
color: #fff;
font-weight: 700;
text-transform: uppercase; }
.counter-section .counter span {
color: #fefefe;
font-size: 12px;
font-weight: 400;
text-transform: uppercase; } #sponsors {
background: #ffffff; }
#sponsors .sponsors-logo {
text-align: center;
border-radius: 4px;
padding: 34px;
margin-bottom: 20px;
display: inline-block;
border: 1px solid #ddd;
background: #fff;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; }
#sponsors .sponsors-logo:hover {
border-color: transparent;
box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); } #schedules {
background: #ffffff; }
#schedule-tab {
position: relative; }
.schedule .schedule-tab-title {
margin-bottom: 35px; }
.schedule .schedule-tab-title .nav-tabs {
background: #ffffff; }
@media (max-width: 767px) {
.schedule .schedule-tab-title .nav-tabs .nav-item {
width: 100%; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
.schedule .schedule-tab-title .nav-tabs .nav-item {
width: 25%; } }
.schedule .schedule-tab-title .nav-tabs .nav-item .nav-link {
border-radius: 0px;
position: relative;
cursor: pointer;
height: 90px;
width: 255px;
border-bottom: 1px solid #e5e5e5;
transition: all 500ms ease;
padding: 20px 20px; }
@media (max-width: 767px) {
.schedule .schedule-tab-title .nav-tabs .nav-item .nav-link {
width: 100%; } }
.schedule .schedule-tab-title .nav-tabs .nav-item.show .nav-link, .schedule .schedule-tab-title .nav-tabs .nav-link.active,
.schedule .schedule-tab-title .nav-tabs .nav-item .nav-link:hover {
background: #70aa42;
border: 1px solid #E91E63;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s; }
.schedule .schedule-tab-title .nav-tabs .nav-item.show .nav-link h4, .schedule .schedule-tab-title .nav-tabs .nav-link.active h4,
.schedule .schedule-tab-title .nav-tabs .nav-item .nav-link:hover h4 {
color: #fff; }
.schedule .schedule-tab-title .nav-tabs .nav-item.show .nav-link h5, .schedule .schedule-tab-title .nav-tabs .nav-link.active h5,
.schedule .schedule-tab-title .nav-tabs .nav-item .nav-link:hover h5 {
color: #fff; }
.schedule .schedule-tab-title .item-text h4 {
font-size: 15px;
color: #2f323c;
line-height: 22px;
font-weight: 400;
text-transform: uppercase; }
.schedule .schedule-tab-title .item-text h5 {
font-size: 14px;
color: #848484;
line-height: 16px;
font-weight: 400;
text-transform: capitalize; }
.schedule .schedule-tab-content .s-tab-content {
box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.1); }
.schedule .schedule-tab-content .card {
border: none; }
.schedule .show .card-body {
background: #f3f4f3; }
.schedule .card-header {
border: none;
cursor: pointer;
background: #fff;
border-bottom: 1px solid #ddd; }
.schedule .card-header .images-box {
width: 70px;
height: 70px;
float: left;
margin-right: 20px; }
.schedule .card-header .images-box img {
border-radius: 50%; }
.schedule .card-header .time {
color: #777777;
font-size: 13px;
margin-bottom: 5px; }
.schedule .card-header h4 {
font-weight: 700;
font-size: 18px;
color: #212121;
margin-bottom: 8px; }
.schedule .card-header .name {
position: relative;
font-size: 14px;
color: #777777;
font-weight: 500;
display: inline-block;
margin-bottom: 5px; }
.schedule .card-body {
padding: 5px 60px 5px 110px;
background: #fff;
border-bottom: 1px solid #ddd; }
.schedule .card-body .location {
font-size: 13px;
color: #777777; }
.schedule .card-body .location span {
color: #70aa42;
margin-right: 5px; }
.accordion .card {
border-radius: 0px;
margin-bottom: -2px; }
.accordion .header-title {
position: relative; }
.accordion .header-title:after {
font-family: "FontAwesome";
content: "\f00c";
position: absolute;
right: 10px;
color: #999;
top: 50%;
line-height: 1;
padding: 0px 5px;
margin-top: -7px; }
.accordion .card-header {
background: transparent;
cursor: pointer;
padding: 0; }
.accordion .card-header i {
color: #70aa42;
width: 40px;
height: 40px;
display: inline-block;
line-height: 40px;
text-align: center;
margin-right: 10px;
border-right: 1px solid #ddd; }
.accordion .card-body {
padding-left: 56px; } #teams {
background: #f3f4f3;
}
.team-item:hover {
box-shadow: 0 25px 35px -12px rgba(0, 0, 0, 0.35); }
.team-item {
margin: 15px 0;
padding: 10px;
max-width: 400px;
border-radius: 4px;
position: relative;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.17);
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s; }
.team-item .team-img {
position: relative;
cursor: pointer;
overflow: hidden; }
.team-item .team-overlay {
height: 100%;
position: absolute;
top: 0;
background: rgba(47, 47, 47, 0.7);
opacity: 0;
width: 100%;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s; }
.team-item .overlay-social-icon {
color: #fff;
top: 15px;
position: absolute;
right: 15px; }
.team-item .overlay-social-icon .social-icons {
padding-left: 0;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
transform: translateY(-30px);
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s; }
.team-item .overlay-social-icon .social-icons li {
display: inline-block;
margin: 0 4px; }
.team-item .overlay-social-icon .social-icons li a {
letter-spacing: 0px;
outline: 0 !important; }
.team-item .overlay-social-icon .social-icons li a i {
font-size: 20px;
color: #fff;
width: 36px;
height: 36px;
background: #70aa42;
display: block;
border-radius: 4px;
line-height: 36px;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s; }
.team-item .overlay-social-icon .social-icons li a:hover .fa-facebook {
background: #3B5998; }
.team-item .overlay-social-icon .social-icons li a:hover .fa-twitter {
background: #00aced; }
.team-item .overlay-social-icon .social-icons li a:hover .fa-instagram {
background: #fb3958; }
.team-item .info-text {
position: absolute;
bottom: 10px;
left: 10px;
padding: 15px 20px;
background: #f3f4f3;
text-align: left; }
.team-item .info-text h3 {
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 5px; }
.team-item .info-text h3 a {
color: #212121; }
.team-item .info-text h3 a:hover {
color: #70aa42; }
.team-item .info-text p {
margin: 0;
color: #888; }
.team-item .info-logo {
position: absolute;
top: 10px;
right: 10px;
padding: 10px 10px;
background: #f3f4f3;
text-align: right;
}
.team-item:hover .team-overlay {
opacity: 1; }
.team-item:hover .social-icons {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px); }
.image-list {
padding: 0;
margin: 0; }
.image-list li {
margin-bottom: 15px;
display: inline-block; }
.image-list li .overlay {
float: left;
width: 70px;
height: 60px;
position: relative;
overflow: hidden;
text-align: center;
margin: 0; }
.image-list li .overlay:hover figcaption {
opacity: 1;
transition: all 0.3s ease-in-out; }
.image-list .post-content {
margin-left: 85px;
margin-bottom: 0; }
.image-list .post-content .post-title {
margin-bottom: 5px;
font-weight: 500;
font-size: 15px;
margin: 0; }
.image-list .post-content .post-title a {
color: #fff; }
.image-list .post-content .post-title a:hover {
color: #70aa42; }
.image-list .post-content .meta {
color: #999; }
.image-list .post-content .meta span {
text-transform: uppercase;
font-size: 12px;
line-height: 18px;
margin-bottom: 10px; } .countdown-timer .heading-count {
padding: 10px 68px; }
.countdown-timer .heading-count h2 {
font-size: 40px;
color: #212121;
text-transform: uppercase;
line-height: 48px; }
.countdown-timer .heading-count h4 {
font-size: 24px;
font-weight: 300;
color: #fff;
margin-top: 30px; }
.countdown-timer .heading-count h4 span {
background: #212121;
padding: 7px 15px;
border-radius: 4px; }
.countdown-timer .heading-count p {
font-size: 14px;
color: #212121;
line-height: 30px; }
.time-count div {
text-align: center; }
.time-entry {
display: inline-block;
width: 140px;
height: 140px;
margin: 14px;
padding: 30px;
box-shadow: 1px 10px 20px rgba(0, 0, 0, 0.2);
border-radius: 4px;
background: #fff;
text-align: center;
font-weight: 400;
color: #212121;
font-size: 18px;
text-transform: uppercase;
line-height: 32px; }
@media (max-width: 767px) {
.time-entry {
width: 110px;
height: 110px;
margin: 6px;
padding: 20px; 
font-size: 16px; 
line-height: 22px;
} 
.time-countdown {
margin: 0px 0px 30px 0; } 
}
.time-entry span {
font-size: 45px;
line-height: 45px;
font-weight: 700;
display: block;
color: #212121;
margin-bottom: 10px; }
@media (max-width: 767px) {
.time-entry span {
font-size: 28px;
line-height: 28px; } }
.time-entry:first-child {
border-left: none; }
.time-countdown {
margin: 0px 0px 50px 0; }