body,html {
height: auto;
width: 100%;
font-family: BrandonText-Regular;
overflow-x: hidden;
}
h1, h2 {
font-family: BrandonText-Bold;
}
h3, h4, h5, h6, p {
font-family: BrandonText-Regular;
}
@font-face {
font-family: BrandonText-Regular;
src: url(//edumartial.in/wp-content/themes/Edumartial/assets/fonts/HVD%20Fonts%20-%20BrandonText-Regular.otf); 
}
@font-face {
font-family: BrandonText-Bold;
src: url(//edumartial.in/wp-content/themes/Edumartial/assets/fonts/HVD%20Fonts%20-%20BrandonText-Bold.otf); 
}
.pre-loader {
position: fixed;
left: 0px;
top: 0px;
z-index: 10000;
width: 100%;
height: 100%;
overflow: visible;
background: url(//edumartial.in/wp-content/themes/Edumartial/assets/images/loader.gif) center center no-repeat white;
}
.yellow {
color: #ffc424;
}
* {
outline: none !important;
} .navbar {
background-color: white;
-webkit-box-shadow: 1px 5px 19px -13px rgba(0,0,0,0.75);
box-shadow: 1px 5px 19px -13px rgba(0,0,0,0.75);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.navbar-nav.main-menu li a {
color: #252525;
font-weight: 600;
font-size: 20px;
padding-left: 15px !important;
padding-right: 15px !important;
}
.navbar-nav.menu-right li a {
color: #252525;
font-weight: 400;
font-size: 14px;
}
.navbar-nav li a {
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}
.navbar-nav li a:hover {
color: #af1a24;
}
.navbar-nav.main-menu li.current-menu-item a {
color: #af1a24;
}
.navbar-brand {
max-width: 150px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.navbar.active .navbar-brand {
max-width: 90px;
}
.navbar-nav.menu-right li.location a::before {
content: "";
width: 5px;
height: 5px;
margin-right: 5px;
border-radius: 50%;
background-color: #af1a24;
display: inline-block;
}
.btn.bg-gradient {
background: rgba(175,26,36,1);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(175,26,36,1)), color-stop(88%, rgba(39,4,7,1)), color-stop(100%, rgba(20,1,3,1)));
background: -webkit-linear-gradient(left, rgba(175,26,36,1) 0%, rgba(39,4,7,1) 88%, rgba(20,1,3,1) 100%);
background: -o-linear-gradient(left, rgba(175,26,36,1) 0%, rgba(39,4,7,1) 88%, rgba(20,1,3,1) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(175,26,36,1)), color-stop(88%, rgba(39,4,7,1)), to(rgba(20,1,3,1)));
background: linear-gradient(to right, rgba(175,26,36,1) 0%, rgba(39,4,7,1) 88%, rgba(20,1,3,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af1a24', endColorstr='#140103', GradientType=1 );
border: none;
color: white !important;
}
.btn.bg-gradient:hover {
background: rgba(20,1,3,1);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,1,3,1)), color-stop(12%, rgba(39,4,7,1)), color-stop(100%, rgba(175,26,36,1)));
background: -webkit-linear-gradient(left, rgba(20,1,3,1) 0%, rgba(39,4,7,1) 12%, rgba(175,26,36,1) 100%);
background: -o-linear-gradient(left, rgba(20,1,3,1) 0%, rgba(39,4,7,1) 12%, rgba(175,26,36,1) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(20,1,3,1)), color-stop(12%, rgba(39,4,7,1)), to(rgba(175,26,36,1)));
background: linear-gradient(to right, rgba(20,1,3,1) 0%, rgba(39,4,7,1) 12%, rgba(175,26,36,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#140103', endColorstr='#af1a24', GradientType=1 );
} .home-banner .banner-bg {
height: calc( 100vh - 75px );
width: 100%;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.banner-caption {
text-align: center;
}
.banner-caption h1 {
color: white;
font-size: 3rem;
font-weight: 700;
line-height: 1.5;
}
.banner-btn.btn {
border-radius: 15px;
color: white !important;
padding: 7px 17px;
font-size: 14px;
font-weight: 400;
margin-top: 30px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
} .service-section {
background-color: #e4e4e4;
}
.service-section.bg-black {
background-color: #252525;
}
.service-section  .left-section h2 {
font-weight: 600;
color: #252525;
}
.service-section.bg-black .left-section h2 {
color: white;
}
.service-section .left-section {
padding: 10% 0 6%;
}
.service-section .left-section .content {
font-weight: 400;
font-size: 18px;
color: #252525;
line-height: 1.9;
padding: 8% 0;
}
.service-section.bg-black .left-section .content {
color: white;
}
.service-section .left-section .btn {
border-radius: 20px;
padding: 7px 25px;
font-size: 16px;
font-weight: 400;
}
.service-section .left-section .list-items {
list-style: none;
margin: 10% 0 0 0;
padding: 0;
}
.service-section .left-section .list-items li {
display: inline-block;
text-align: center;
margin-right: 30px;
}
.service-section .left-section .list-items li .item-img {
height: 35px;
width: auto;
margin: 0 auto 10px;
}
.service-section .left-section .list-items li h6 {
position: relative;
padding-top: 7px;
font-size: 15px;
font-weight: 400;
color: #252525;
}
.service-section.bg-black .left-section .list-items li h6 {
color: white;
}
.service-section .left-section .list-items li h6::before {
content: "";
display: block;
width: calc( 100% - 8px );
height: 3px;
position: absolute;
top: 0;
left: 4px;
right: 4px;
background-color: #af1a24;
}
.service-section .right-section {
height: calc( 100vh - 55px );
width: 100%;
background-size: cover!important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
}
.service-section.bg-black .right-section {
height: calc( 100vh - 55px );
width: 100%;
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-attachment: inherit !important;
}
.service-section .banner-right {
position: relative;
display: table;
table-layout: fixed;
width: 100%;
height: calc( 100vh - 55px );
overflow: hidden;
}
.service-section .banner-right .holder {
position: relative;
display: table-cell;
width: auto;
height: 100%;
vertical-align: top;
}
.service-section .banner-right .holder .image-wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.service-section .banner-right .holder .image {
position: absolute;
top: -12.5%;
right: 0;
bottom: -12.5%;
left: 0;
background-position: center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
} .page-slider .slick-dots {
text-align: left;
padding-left: calc((100% - 1160px)/2);
bottom: -43px;
z-index: 15;
}
.page-slider .slick-dots li button:before {
background: black;
border-radius: 50%;
width: 10px;
height: 10px;
color: transparent;
}
.page-slider .slick-dots li.slick-active button:before {
background: black;
color: transparent;
}
.page-slider-action .slider-btns {
text-align: right;
margin-top: -30px;
padding: 10px 0;
}
.page-slider-action .slider-btns .btn {
font-size: 20px;
opacity: 0.7;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
padding: .375rem 0;
}
.page-slider-action .slider-btns .btn.next {
margin-left: 15px;
}
.page-slider-action .slider-btns .btn:hover {
opacity: 1;
}
.why-section {
background-color: #f3f3fa;
padding: 30px 0;
}
.why-section h4.title {
color: #242222;
font-weight: 600;
text-transform: uppercase;
}
.why-section h6.sub-title {
color: #999999;
}
.why-slider {
margin: 0 -15px;
}
.why-slider li {
padding: 0 15px;
}
.why-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.why-box .number-text {
font-size: 75px;
font-weight: 700;
padding-right: 15px;
color: #b2b2d5;
}
.why-box .info-text {
padding-top: 50px;
color: #999999;
line-height: 1.5;
}
.slick-dots {
text-align: left;
bottom: -43px;
width: auto;
display: inline-block;
left: 15px;
}
.slick-dots li button:before {
background: black;
border-radius: 50%;
width: 10px;
height: 10px;
color: transparent;
}
.slick-dots li.slick-active button:before {
background: black;
color: transparent;
}
.all-slider-btns {
text-align: right;
margin-top: -30px;
padding: 10px 0;
}
.all-slider-btns .btn {
font-size: 20px;
opacity: 0.7;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
padding: .375rem 0;
}
.all-slider-btns .btn:hover {
opacity: 1;
}
.all-slider-btns .btn.nextitem {
margin-left: 15px;
}
.middle-section {
padding: 30px 0;
}
.video-wrapper {
padding: 30px 0;
}
.video-wrapper .video-box {
width: 100%;
height: 300px;
border-radius: 15px;
overflow: hidden;
}
.video-wrapper .video-box iframe {
border: none;
border-radius: 9px;
}
.video-wrapper .video-detail {
padding-top: 30px;
}
.video-wrapper .video-detail p {
color: #242222;
font-weight: 400;
line-height: 1.5;
}
.whats-in-wrapper h4.title {
color: #242222;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 30px;
}
.whats-in-wrapper {
padding: 30px 0;
}
.whats-slider {
margin: 0 -15px;
}
.whats-slider li {
padding: 0 15px;
}
.whats-box {
position: relative;
height: auto;
width: 100%;
padding-top: 50%;
background-color: black;
border-radius: 15px;
overflow: hidden;
display: block;
z-index: 2;
}
.whats-box::before {
content: "";
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.42);
}
.whats-box .box-img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
z-index: -1;
}
.whats-box h6.name {
position: absolute;
z-index: 3;
left: 10px;
top: 10px;
color: white;
}
.Location-wrapper {
padding: 30px 0;
}
.Location-wrapper h4.title {
color: #242222;
font-weight: 600;
text-transform: uppercase;
}
.Location-wrapper h6.sub-title {
margin-bottom: 30px;
color: #242222;
}
.location-slider {
margin: 0 -15px;
}
.location-slider li {
padding: 0 15px;
}
.Location-box {
position: relative;
height: auto;
width: 100%;
padding-top: 50%;
background-color: black;
border-radius: 15px;
overflow: hidden;
display: block;
}
.Location-box .box-img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.main-tab-menu {
margin: 0 0 10px;
padding: 0;
list-style: none;
text-align: center;
display: block !important;
border: none !important;
}
.main-tab-menu li {
display: inline-block;
margin: 10px 15px;
}
.main-tab-menu li a {
padding: 5px 0;
color: #999999 !important;
font-size: 20px;
font-weight: 600;
cursor: pointer;
text-decoration: none;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.main-tab-menu li a:hover {
color: black !important;
}
.main-tab-menu li a.active {
border-bottom: 5px solid #af1a24;
}
.tab-section .tab-container {
background-color: #ecf4fb;
padding: 30px 0;
}
.tab-contain {
padding: 30px 0;
}
.menu-tab-filter {
right: 0 !important;
}
.first-row-slider {
margin: 0 -15px;
}
.first-row-slider li {
padding: 0 15px;
}
.first-row-contain .content-box .box-img {
height: 210px;
width: 100%;
border-radius: 15px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.first-row-contain .content-box .detail {
padding-top: 15px;
}
.first-row-contain .content-box .detail h5 {
font-weight: 600;
color: #252525;
}
.first-row-contain .content-box .detail p {
color: #252525;
font-weight: 300;
line-height: 1.5;
}
.first-row-contain .first-row-slider .content-box .detail p .more-text {
display: none;
}
.first-row-contain .first-row-slider .content-box .detail .read-more {
text-transform: uppercase;
color: #af1a24;
font-size: 18px;
text-decoration: none;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}
.first-row-contain .first-row-slider .content-box .detail .read-more:hover {
color: black;
}
.second-row-slider {
margin: 0 -15px;
}
.second-row-slider li {
padding: 0 15px;
}
.second-row-contain .content-box .box-img {
height: 210px;
width: 100%;
border-radius: 15px 15px 0 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.second-row-contain h4.title {
color: #242222;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 30px;
}
.second-row-contain .content-box .detail {
padding-top: 15px;
}
.second-row-contain .content-box .detail h5 {
font-weight: 600;
color: #252525;
text-align: center;
}
.second-row-contain .content-box .detail p {
color: #252525;
font-weight: 300;
line-height: 1.5;
}
.third-row-contain h4.title {
color: #242222;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 20px;
}
.third-row-contain .content-box p {
color: #252525;
font-weight: 300;
line-height: 1.5;
}
.achievement-section {
padding: 30px 0;
}
.previous-achieves {
padding: 30px 0;
}
.previous-achieves h4.title {
color: #242222;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 30px;
}
.glimpses-slider {
margin: 0 -15px;
}
.glimpses-slider li {
padding: 0 15px;
}
.previous-achieves .achieve-box {
position: relative;
height: auto;
width: 100%;
padding-top: 50%;
background-color: black;
border-radius: 15px;
overflow: hidden;
display: block;
}
.previous-achieves .achieve-box .box-img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.testimonials {
padding: 30px 0;
}
.testimonials h4.title {
color: #242222;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 30px;
}
.testimonial-slider {
margin: 0 -15px;
}
.testimonial-slider li {
padding: 0 15px;
}
.testimonial {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.testimonial-photo {
margin-right: 15px;
}
.right-testimonial p {
color: #252525;
font-weight: 300;
line-height: 1.5;
}
.right-testimonial p a {
color: #af1a24;
cursor: pointer;
}
.right-testimonial h6.author {
color: #252525;
font-weight: 600;
}
.testimonial-photo img {
width: 60px;
height: 60px;
border-radius: 100%;
overflow: hidden;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
} .footer-area {
background-color: black;
padding: 5% 0 1%;
}
.footer-column .content {
color: white;
margin-top: 30px;
line-height: 1.5;
font-weight: 400;
}
.footer-column h5 {
color: white;
font-weight: 400;
}
.footer-column h5 a {
color: white;
transition: 0.5s;
}
.footer-column h5 a:hover {
color: #af1a24;
}
.footer-column .share-list {
list-style: none;
margin: 0;
padding: 0;
}
.footer-column .share-list li {
display: inline-block;
margin-right: 15px;
margin-bottom: 5px;
}
.footer-column .share-list li a img {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.footer-column .share-list li a:hover img {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.footer-area .social-share {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}
.footer-area .social-share li {
display: inline-block;
margin-left: 5px;
}
.footer-area .social-share li a {
color: white;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}
.footer-area .social-share li a:hover {
color: #af1a24;
}
.carousel-control-icon {
color: black;
font-size: 35px;
} .contact-page-contain {
padding: 5% 0;
}
.contact-page-contain .contact-box {
background-color: white;
-webkit-box-shadow: 5px 5px 23px -10px rgba(0,0,0,0.59);
-moz-box-shadow: 5px 5px 23px -10px rgba(0,0,0,0.59);
box-shadow: 5px 5px 23px -10px rgba(0,0,0,0.59);
}
.contact-page-contain .contact-box .left-wrapper {
padding: 15px;
}
.contact-page-contain .contact-box .left-wrapper h3 {
margin-bottom: 45px;
}
.contact-page-contain .contact-box h3 {
color: black;
font-weight: 700;
}
.contact-page-contain .contact-box h5 {
color: black;
font-weight: 600;
margin: 15px 0;
}
.contact-page-contain .contact-box p {
margin: 0;
color: black;
font-weight: 300;
}
.contact-page-contain .contact-box p .icon {
padding-right: 10px;
}
.contact-page-contain .contact-box p a {
color: black;
transition: 0.5s;
}
.contact-page-contain .contact-box p a:hover {
color: #b41f23;
}
.contact-page-contain .right-wrapper {
position: relative;
background-color: #b41f23;
padding: 15px 30px;
height: 100%;
z-index: 2;
display: flex;
align-items: center;
}
.contact-page-contain .right-wrapper .right-wrapper-contain {
width: 100%;
}
.contact-page-contain .right-wrapper::before {
content: "";
position: absolute;
top: 32px;
left: -10px;
width: 50px;
height: 50px;
background-color: #b41f23;
transform: rotate(45deg);
z-index: -1;
}
.contact-page-contain .right-wrapper h3 {
color: white;
margin-bottom: 15px;
}
.contact-page-contain .contact-form label {
color: white;
font-size: 14px;
margin-bottom: 3px;
}
.contact-page-contain .contact-form .form-control {
line-height: 1.2;
border-radius: 9px;
}
.contact-page-contain .contact-form .btn {
width: 100%;
background-color: transparent;
color: white !important;
border: 1px solid white;
border-radius: 9px;
padding: 4px 10px;
font-size: 15px;
transition: 0.5s;
}
.contact-page-contain .contact-form .btn:hover {
background-color: white;
color: #b41f23 !important;
}
.contact-page-map {
position: relative;
width: 100%;
padding-top: 40%;
height: auto;
}
.contact-page-map iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}