@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700|Lato:400,700|Great+Vibes&display=swap');

.share-button  , .breadcrumb-wrap:after , .nav-holder  li:before , .slider-zoom  ,  .portfolio-wrap .swiper-scrollbar-drag , .nav-social li a , .interact a , .thumb-button  , .promo-video a , header.main-header:after , #subscribe-button , .footer-decor:before , .middle-circle:before , .small-circle  , .to-top i:hover , .cssload-ball_1 , .scroll-nav ul li  a:after , .about-image:before , .inline-facts i , .btn , .team-link ,.client-link , .client-control .swiper-button-next , .client-control .swiper-button-prev  , .clients-header h2:before , .client-control .swiper-button-next i:hover , .client-control .swiper-button-prev i:hover , .swiper-pagination.client-pagin .swiper-pagination-bullet-active , .testi-link , .testilider .swiper-pagination , .testilider .swiper-button , .serv-overlay , .sl-tabs li.current .tb-item , .serv-dec:before , .dec-list li:before , .price , .color-bg , .parallax-section .section-title  h2:before , .input-wrap i , .contact-detail i , .fixed-filter .gallery-filters  a:after , .box-item.vis-det a.image-popup:after , .box-item.vis-det a.popgal:after , .fixed-filter .folio-counter , .grid-det:after , .inline-filter .gallery-filters a:after   , .inline-filter .folio-counter , .portfolio-wrap .carousel-counter , .page-nav a.ppn  , .page-nav a.npn , .appn:after ,   .sw-button  , .section-title  h4:before   , .image-slider  .swiper-button-prev i, .image-slider  .swiper-button-next i , .home-slider  .swiper-button-prev i, .home-slider  .swiper-button-next i , .custom-skillbar , .team-single-social:after , .post-tags:after , .current-page  , .controls button , .post-author-wrap ul:after , .slide-progress , .hero-dec:before , .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active  , .share-icon , .appn:hover span , .pagination a:hover , .pagination a.current-page , .progress-bar , .image-slider  .swiper-button-prev , .image-slider  .swiper-button-next  , .home-slider  .swiper-button-prev , .home-slider  .swiper-button-next , .hero-item h3:before , .grid-carousel-title  h3:before , .fs-slider-wrap_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active , .carousle-item-dec:before , .line-dec:before , .team-image a:before , .resum-header i  , .custom-inner-content ul li:before , .custom-inner-content:before , .swiper-pagination.client-pagin:after , .sec-dec:after  , .hp_popup  , .error-wrap:before  , .loader-spin:before  , .loader-bg2 , .pvlin  {
	background:#FFC628;
} 
.close-search  , .nav-holder  li a:hover , .nav-holder  li a.act-link  , .blockquote-wrap:before , .nav-contacts li i  , .hse:hover , .scroll-nav ul li a:hover , .section-title  h2 span    , .fixed-filter .gallery-filters  a:hover , .show-info span i  , .team-single-social li a:hover , .artcicle-icon  i  , .post-meta li i , .hero-item p span , #success_page p strong , .promo-video-text span   , .fixed-filter .filter-header i , .leaflet-touch .leaflet-bar a , .cat-item span , .widget-posts-date i  , .post-opt i , .widget-inner .post-tags li a, .widget-inner  .tagcloud li a , .post-tags li a:hover , .tagcloud li a:hover , .search-submit   , .subscribe-message i   , .cus-inner-head-link:hover , .text-title span , .element-item.close-icon:after , .element-item.slider_hover:after , .mob-filter_btn i  {
	color:#FFC628;
}
.resum-header:after , .triangle-dec span , .triangle-dec span:before , .ab_cirle-dec , .element-item  {
	border-color:#FFC628;
} 


/*
.btn-grad {background-image: linear-gradient(to right, #ffc628 0%, #ffffff 51%, #ffc628 100%);}

.btn-grad {
	padding: 0 10px;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 10px;
    font-size: 50px;
    position: relative;
    top: 10px;
    text-shadow: 1px 1px 1px #000;
}
*/
.btn-grad {background-image: linear-gradient(to right, #00a0e3 0%, #ffffff 51%, #ffc628 100%);}
.btn-grad {
    padding: 0 10px;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 10px;
    font-size: 40px;
    position: relative;
    top: 15px;
    text-shadow: 1px 1px 1px #000;
    left: 30px;
}

.btn-grad:hover { background-position: right center; }
 .btn-grad:before {
  background: #fff;
  color: #000;
  content: 'Thefootvolley';
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0% 0% , 30% 0%, 30% 100%, 0% 100%);
  clip-path: polygon(0% 0% , 30% 0%, 30% 100%, 0% 100%);
  animation: slide 4s 1s linear infinite;
  padding: 0 10px;
  text-shadow: 1px 1px 1px #ffc628;
} 
           
@keyframes slide {      
  50% {     
    -webkit-clip-path: polygon(70% 0%, 100% 0%, 100% 100%, 70% 100%); 
  } 
}    


.language {position: absolute; top: 10px; right: 10px;}
.language a {position: relative; margin-right: 5px;}

.struktur-btn {background: #ffc628; padding: 20px; box-shadow: 0px 6px 6px -4px rgb(0 0 0 / 70%); text-align: center;}
.struktur-table, .struktur-table-right, .struktur-table-downn,.struktur-left,struktur-right { position: relative; }
.struktur-table:before { content: ""; width: 1px; height: 35px; top: -35px; background-color: #DEDEDE; position: absolute; right: 50%;}
.sstruktur-table-right:after {content: "";width: 258px;height: 1px;top: -35px;background-color: #DEDEDE;position: absolute;right: 115px;}
.struktur-table-down:before { content: ""; width: 1px; height: 35px; top: 50px; background-color: #DEDEDE; position: absolute; right: 50%;}
.struktur-table-downn:after {content: "";height: 1px;bottom: -37px;background-color: #DEDEDE;position: absolute;width: 72.9%;left: 13.5%;}
.struktur-left:after {content: ""; width: 1px; height: 35px; top: -35px; background-color: #DEDEDE; position: absolute; right: 50%;     border-left: 3px solid #fff;}
.struktur-right:after {content: "";width: 1px;height: 35px;top: -35px;position: absolute;right: 47%;border-right: 4px solid #fff;}

.h450 { height: 450px;}
.h400 { height: 400px;}
.h468 { height: 468px;}