.bg-polygon { clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%); }
.bg-polygon-bottom { clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); }
.bg-polygon-top { clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%); }

.preloader { background: #ffc107; }
.contact-item .icon-contact { background-color: #ffc107; }

.btn-warning, .btn-primary { color: #fff; text-align: center; padding: 11px 30px 9px 30px; font-weight: 500; position: relative; z-index: 1; }
.btn-primary:hover { color: #000; }

.service-item .service-item-icon { color: #ffc107; }
.inner-banner .inner-title h3 { color: #fff; }

.top-btn:hover { background: #ffc107; }

.widget-categories ul li a:hover { background-color: #ffc107 !important; }

.contact-item { background-image: none; padding: 20px; min-height: 222px; }
.form-area { background-image: none; background-color: #fff; }

.service-item-bg-1::before { background-image: url(../img/shape/actividades.png); }
.service-item-bg-2::before { background-image: url(../img/shape/instalaciones.png); }
.service-item-bg-3::before { background-image: url(../img/shape/campus.png); }
.service-item:hover .service-head { color:#fff; }

.inner-banner .inner-title { padding-top: 35px; padding-bottom: 35px; }

.banner-content h1 { font-size: 3.5rem; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2; }
.about-content p, .section-title p { max-width: 100%; }
.text-green { color: #008000; }
.text-black { color: #000; }
.bg-yellow { background-color: #ffc000; }
.cart-area .btn-warning { padding: 10px 30px 10px 30px; border-radius: 50px; }

.other-side .cart-area .cart-icon { top: 2px; }

.main-nav nav .navbar-nav .nav-item a.active,
.mobile-nav.mean-container .mean-nav ul li a.active {
    color: #ffc000 !important; font-weight: bold;
}

.main-nav nav .navbar-nav .nav-item:hover a, .main-nav nav .navbar-nav .nav-item .active {
    color: #ffc000 !important;
}

.cart-icon:hover p { color: #fff; }

.common-offer { background-color: #fff; }

.bg-grey { background-color: #f9f9f9; }

.pt-75 { padding-top: 75px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-25 { padding-top: 25px !important; }
.pb-75 { padding-bottom: 75px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-25 { padding-bottom: 25px !important; }
.ptb-75 { padding-top: 75px !important; padding-bottom: 75px !important; }
.ptb-50 { padding-top: 50px; padding-bottom: 50px; }
.ptb-25 { padding-top: 25px; padding-bottom: 25px; }

/* menu no radio */
@media only screen and (min-width: 1400px) {
	.nav-top { width: 100% !important; border-radius: 0; }
}

@media only screen and ( max-width : 767px ) {

    .bg-polygon { clip-path: polygon(0 2%, 100% 0, 100% 98%, 0 100%); }
    .bg-polygon-bottom { clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%); }
    .bg-polygon-top { clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 100%); }
    .inner-banner .inner-title { padding-top: 20px !important; padding-bottom: 10px !important; }

}

@media (min-width: 576px) {
    .pt-sm-75 { padding-top: 75px !important; }
    .pb-sm-50 { padding-bottom: 50px !important; }
    .ml-sm-20 { margin-left: 20px; }
}