@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold_1.woff2') format('woff2'),
         url('../fonts/opensans-bold_1.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light_1.woff2') format('woff2'),
         url('../fonts/opensans-light_1.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular_0.woff2') format('woff2'),
         url('../fonts/opensans-regular_0.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
img{max-width:100%; height: auto}
.top-header {
    line-height: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: 
    #000000;
    height: 38px; color:#fff; font-size:14px; 
}

body{ font-family: 'open_sansregular'!important;}
.top-header .fa{padding:0px 5px;}
.headsld{position:relative}
header{position:absolute; width: 100%; z-index: 999}
.headsld .carousel-caption{ text-align:left!important; bottom:inherit!important; top: 40%; width:35%;}
.headsld .carousel-caption h5{font-size:46px; color:#fff; border-bottom: 2px solid #ffff; display: inline-block; font-family: 'open_sansbold';}
.headsld p{font-size:18px;}


.headsld .nav-link{color:#fff!important; text-transform:uppercase; padding:0px 15px!important }
.headsld .navbar{padding:1rem 1rem; color:#fff!important}
.headsld .navbar .fa{padding:0px 5px; font-size:20px;}

.sportlight{ background-image:url("../img/bg1.png"); padding: 80px 0px; background-repeat: no-repeat; background-size:cover; background-position: center top}



.sportlight h2{font-size:24px; color:#000; text-align: center; margin: 0px 0px 20px 0px; font-family: 'open_sansbold'; text-transform: uppercase }

.sportlight .nav-tabs{border-bottom:0px rgba(0,0,0,1.00) solid!important}
.sportlight .nav-tabs .nav-link{border:0px solid #000!important; color:#a3a2a1; text-transform: uppercase }
.sportlight .nav-tabs .nav-item.show .nav-link, .sportlight .nav-tabs .nav-link.active{background-color:transparent; border-bottom:2px solid #23a049!important; color:#000}
.proddesc{text-align: center; color:#404040; font-size:14px; }
.proprice{color:#FF0004; font-size:18px; text-align: center; margin-bottom:15px}
.proprice span{color:#525252; font-size:14px; text-decoration: line-through; }
.propriceblack {color: #000000;font-size: 18px;text-align: center;margin-bottom: 15px}
.prodbox{background-color:#f4f2f0; padding:10px; min-height:250px; margin-bottom:15px; text-align:center}

.sportlight .tab-content{margin-top:40px;}

/*.aboutara { background-image:url("../img/bg2.png"); padding: 80px 0px; background-repeat: no-repeat; background-size:cover; background-position: center top}*/
.aboutara {
    padding: 80px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

.aboutara h2{font-size:24px; color:#000; font-family: 'open_sansbold'; text-transform:uppercase; margin-bottom:15px;  }
.aboutara p{font-size:16px; margin:0px 0px 30px 0px; color:#404040}
.aboutara .btn{border-radius:0px!important; padding:8px 20px; text-transform:uppercase}
.abtsect{margin-top:40%}

.catearea [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
.catebox {
  position: relative;

}

.catebox.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.catebox .middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.catebox:hover .image {
  opacity: 0.3;
}

.catebox:hover .middle {
  opacity: 1;
}

.catebox .text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px; font-family: 'open_sansbold'; text-transform: uppercase
}

.picks{background-image:url("../img/bet.png"); background-size: cover; background-repeat: no-repeat; padding: 80px 0px}

.picks h2{font-size:24px; color:#000; text-align: center; margin: 0px 0px 20px 0px; font-family: 'open_sansbold'; text-transform: uppercase }
.picks p{font-size:16px; color:#404040; text-align:center; margin-bottom: 25px;}
.blog{background-image:url("../img/blog.png"); background-size: cover; background-repeat: no-repeat; padding: 80px 0px}
.blog h2{font-size:24px; color:#000; text-align: center; margin: 0px 0px 20px 0px; font-family: 'open_sansbold'; text-transform: uppercase }

.blog h3{font-size:16px; color:#000; margin: 15px 0px 5px 0px; font-family: 'open_sansbold'; text-transform: uppercase }
.blog .date{color:#949494; font-size:12px}
.blog .discrpt{font-size:14px; color:#3D3D3D; line-height:18px; margin-bottom:15px;}

.blog .btn{border-radius:0px!important; padding:8px 20px; text-transform:uppercase}
.frnsect{text-align:center}
.frnsect h3{font-size:16px; color:#000; margin: 15px 0px 5px 0px; font-family: 'open_sansbold'; text-transform: uppercase }
.frnsect p{font-size:14px; color:#3D3D3D; line-height:18px; margin-bottom:15px;}

footer {
    margin-top: 36px;
    background: 
#fafafa;
border-top: 1px solid
    #e8e8e8;
    padding: 15px 0px;
}


footer h3{font-size:16px; color:#000; margin: 15px 0px 15px 0px; font-family: 'open_sansbold'; text-transform: uppercase }
footer ul {padding:0px; margin: 0px; list-style: none}
footer ul li {padding:0px; margin: 0px; list-style: none; line-height: 30px; font-size:14px;}
footer ul li a{color:#000; text-decoration:none}
footer ul li a:hover{color:#787878; text-decoration:none}

.contdtl {position:relative; padding:0px 0px 0px 30px; margin-bottom: 10px; }
.contdtl figure{position:absolute; top:0px; left:0px;}

footer .btn{border-radius:0px!important; padding:8px 20px; text-transform:uppercase}

.copyrht{border-top:1px solid #cccccc; padding: 10px 0px; font-size:16px; margin-top:15px;}
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; z-index: 9999999!important; background-color:rgba(0,0,0,1)!important; display: block
}

#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #DDD;
    color: #555;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #DDF;
    color: #000;
}

.inhead{background-color:#000; }

.field-validation-error {
    color: Red;
}

.input-validation-error {
    background: pink;
    border: 1px solid red;
}
.blackcolor{
    color:black;
}