/* ---------- Header --------------- */
		ul {
		  display: flex;
		  flex-direction: column;
		  align-items: start;
		  list-style-type: none;
		}
		#mobile-nav ul li a{
	  		position: relative;
		    padding: 4px 0;
		    text-decoration: none;
		    text-transform: uppercase;
		    transition: 0.5s;
		}
		#mobile-nav ul li:hover a{
	  		color: #95a5a6;
		}
		#mobile-nav ul li a:after{
	        position: absolute;
	        content: "";
	        top: 100%;
	        left: 0;
	        width: 100%;
	        height: 3px;
	        background: var(--secondary-color);
	        transform: scaleX(0);
	        transform-origin: right;
	        transition: transform 0.5s;
	    }
	    #mobile-nav ul li:hover a:after{
	    	transform: scaleX(1);
	    	transform-origin: left;
		}
		.menu-active{
	  		color: rgba(115,220,255, .7);
		}
		#mobile-nav ul li{
	  		margin-top: 5px;
		}

        hS{
			font-size:28px;
			/*shadows*/
			/*text-shadow: 2px 1px 0px #fff, 4px 3px 0px rgba(22,175,228,0.15);*/
		}
		h1{
			font-weight: 400;
			/*shadows*/
			/*text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.15);*/
		}
		h2{
			font-weight: 300;
			/*shadows*/
			/*text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.15);*/
		}
/*  ---------   Header  End -------------- */

/* -----------  Default View ------------ */
/*.single-feature img{
    filter: drop-shadow(1px 1px 1px rgba(255,255,255,1)) drop-shadow(1px 1px 1px rgba(0,0,0,0.3)) ;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
    border-radius: 2px;

}
.singleicon{
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    background-color:rgba(0,0,0,0.5);
    height:100%;
}*/ /*xl 488 l 436 m 518 sm 544 xs 492*/
.toptitles{
   color: #268CB2;
   font-weight: bold;
}
.subs{
    font-size: 25px;
    text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.15);
}

h7{
    text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.15);
}
.section-title li{
    text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.15);
}
.tcustomballs-area li{
    text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.15);
}

.gallery-area img{
    /*box-shadow:0px 10px 30px 0px rgba(255,255,255, .3), 0px 10px 30px 0px rgba(0, 0, 0, .3);
    border-radius: 2px;*/
}
.container-fluid .fix .p-0{
	background-color: transparent !important;
}
.col-xl-6 .col-lg-6 .col-md-12 .col-sm-12 .col-12{
	background-color: transparent !important;
}
.row{
	background-color: transparent !important;
}
.popular-img{
    border-radius: 4px;
}
.designs{
    border-radius: 4px;
}

ul {
	list-style: disc outside;
	margin-left: 20px;
	padding-left: 0;
}
.pelotafondo{
	box-shadow: 1px 1px 2px rgba(255,255,255, 1), 3px 3px 2px rgba(0, 0, 0, .4);
}
.pelota img{
	box-shadow:0px 10px 30px 0px rgba(255,255,255, .3), 0px 10px 30px 0px rgba(0, 0, 0, .3);
	border-radius: 10px;
}
.banner{
	box-shadow:0px 10px 30px 0px rgba(255,255,255, .3), 0px 10px 30px 0px rgba(0, 0, 0, .3);
	border-radius: 4px;
}

.single-price{
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
	font-size:22px;
	opacity:0.95;
}
.single-price:hover{
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);
	color: var(--gray-color);
	opacity:1;
}
.end-sec3{
	border-bottom:3px solid var(--gray-color);
	border-top:3px solid var(--gray-color);
	height:100%;
	border-radius: 6px;
}
.end-sec3:after {
  display: block;
  content: "";
  height: 16px;
  width:18px;
  position: absolute;
  top: 23px;
  right: 35px;
  border-top: 3px solid var(--secondary-color);
  border-right: 3px solid var(--secondary-color);
  transition: border-top .5s, border-right .5s;
  border-radius: 4px;
}
.end-sec3:before {
  display: block;
  content: "";
  height: 16px;
  width:18px;
  position: absolute;
  bottom: 23px;
  left: 35px;
  border-bottom: 3px solid var(--secondary-color);
  border-left: 3px solid var(--secondary-color);
  transition: border-bottom .5s, border-left .5s;
  border-radius: 4px;
}
.tname{
  text-align:right;
  color:var(--secondary-color);
  text-shadow: 1px 1px 1px rgba(60,60,60,0.2);
  font-size:18px;
  transition: color .5s;
}
.end-sec3{
	  text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.15);
}

.first-square{
	background: none !important;
	border-right: 0px solid white;
	border-left: 0px solid white;
	border-bottom: 0px solid white;
}

.wrapper .text-imagen{
	text-align:center;
  top:30%;
  position:relative;
}
.div-img{
	animation: mymove 5s infinite;
}
  .img-up {
	position: absolute;
	top: 3%;
	left: 15.5%;
	animation-timing-function: ease;
  }
  @keyframes mymove {
	from {left: 0px;}
	to {left: 150px;}
  }
.imgCol1{
	animation: fadeIn ease 2s;
-webkit-animation: fadeIn ease 2s;
-moz-animation: fadeIn ease 2s;
-o-animation: fadeIn ease 2s;
-ms-animation: fadeIn ease 2s;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
body{
	background-image: url(../assets/img/Backgroundv3.png) !important;
	background-size: cover !important;
}
.feature-area{
	/*background-image: url(../assets/img/Basketballguy-opasity.png);
	background-size: cover;*/
	/*opacity: 0.6;*/
}

.about-area{
	/*background-image: url(../assets/img/background2.jpg);
	background-size: cover;*/
}
.designs-patterns{
	background-image: url(../assets/img/background3.jpg) !important;
	background-size: cover;
}
.gallery-area{
	/*background-color: #38393b; background for gallery area*/
}
.modal-header, .modal-footer {
	background-color: #636565 !important;
}
.modal-body {
	background-color: #6d7070 !important;
}
span{
	color:white !important;
}
.needsclick{
	color:white !important;
}
img, .popular-img, a, .designs  {
	background-color: transparent !important;
}

/*  ------------Default view End ----------*/