/*
Copyright (c) 2018 Template Bundle
------------------------------------------------------------------
[Master Default Stylesheet]
Template Name: Basket Ball  - Responsive HTML Template
Version: 2.0.0
Author: Template Bundle
-------------------------------------------------------------------
[Table of contents]
1. body
2. normal css
3. header section
4. banner section
5. live match setion
6. about section
7. selection seciton
8. team section
9. portfolio section
10. award section
11. testimonial section
12. next match section
13. footer section
14. page title section
15. team page
16. blog page
17. pagination
18. blog single page
19. contact page
20. map section
21. go top
22. media css
*/
/*-------- body --------*/
body {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #282828;
	background-color: #ffffff;
}
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*-------- normal css start --------*/
h1,h2,h3,h4,h5,h6{
  font-weight: 500;
  color: #fc851d;
  margin: 0;
} 
a {
  text-decoration: none;
  font-size: 16px;
  color:#282828;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}
p {
  color: #282828;
  font-size: 16px;
  margin: 0px;
}
button:hover {
  cursor: pointer;
}
button:focus {
  outline: none;
}
.form-control::-webkit-input-placeholder {
  color: #282828;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #282828;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #282828;
  opacity: 1;
}
.form-control::placeholder {
  color: #282828;
  opacity: 1;
}
input.form-control:focus{
  outline:none;
  box-shadow: none;
}
.bb_heading {
  text-align: center;
  margin-bottom: 50px;
}
.bb_heading h2{
	font-size:35px;
	color: #444;
    font-weight: 700;
    margin-bottom: 10px;
}
.bb_btn{
  background-color: #fc851d;
  color: #ffffff;
  padding: 0px 24px;
  height: 50px;
  border:2px solid #fc851d;
  display: inline-block;
  line-height: 45px;
  min-width:140px;
  text-align:center;
  border-radius: 30px;
  text-transform:capitalize;
  font-weight:bold;
  position:relative;
  overflow:hidden;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -ms-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}
.bb_btn:hover{
  color:#fc851d;
  background-color: #fff;
}
.bb_top_padder10 {
  padding-top: 10px;
}
.bb_top_padder20 {
  padding-top: 20px;
}
.bb_top_padder30 {
  padding-top: 30px;
}
.bb_top_padder40 {
  padding-top: 40px;
}
.bb_top_padder50 {
  padding-top: 50px;
}
.bb_top_padder60 {
  padding-top: 60px;
}
.bb_top_padder70 {
  padding-top: 70px;
}
.bb_top_padder80 {
  padding-top: 80px;
}
.bb_top_padder90 {
  padding-top: 90px;
}
.bb_top_padder100 {
  padding-top: 100px;
}
.bb_bottom_padder10 {
  padding-bottom: 10px;
}
.bb_bottom_padder20 {
  padding-bottom: 20px;
}
.bb_bottom_padder30 {
  padding-bottom: 30px;
}
.bb_bottom_padder40 {
  padding-bottom: 40px;
}
.bb_bottom_padder50 {
  padding-bottom: 50px;
}
.bb_bottom_padder60 {
  padding-bottom: 60px;
}
.bb_bottom_padder70 {
  padding-bottom: 70px;
}
.bb_bottom_padder80 {
  padding-bottom: 80px;
}
.bb_bottom_padder90 {
  padding-bottom: 90px;
}
.bb_bottom_padder100 {
  padding-bottom: 100px;
}
#preloader {
	background-color: #ffffff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2147483647;
	width: 100%;
	height: 100%;
}
#status {
    background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
#status img{
	width:100px;
	height:100px;
}
/*-------- sidebar start --------*/
.bb_sidebar_wrapper{
  margin-bottom:50px;
  box-shadow: 0px 4px 10px 0px rgb(135 135 135 / 10%);
    padding: 15px;

}
.widget-title{
  font-size:22px;
  margin-bottom:20px;
}
.widget.widget_search {
  margin-bottom: 40px;
}
.widget.widget_search .input-group {
  position: relative;
  z-index: 0;
}
.widget.widget_search .input-group input[type=search] {
  width: 100%;
  background: none;
  border: 1px solid #ccc;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 50px;
  padding: 0 40px 0 20px;
  color: #282828;
}
.widget.widget_search .input-group .search_btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    border: none;
    color: #ffffff;
    padding: 0 20px;
    font-size: 18px;
    z-index: 5;
    background: #fc851d;
	border-radius:0 3px 3px 0;
}
.widget.widget_categories{
  margin-bottom:40px;

}
.widget.widget_categories ul{
  padding:0;
  margin:0;
  list-style: none;
}
.widget.widget_categories ul li:first-child a{
  padding-top:0px;
}
.widget.widget_categories ul li a{
  color: #282828;
  display: block;    
  padding: 10px 0px;
  border-bottom: 1px solid #f1f0f0;
}
.widget.widget_categories ul li a:hover{
  color:#fc851d;
}
.widget.widget_recent_blog{
  margin-bottom:40px;
}
.widget.widget_recent_blog ul{
  padding:0;
  margin:0;
  list-style: none;
}
.widget.widget_recent_blog ul li:after{
  content:"";
  width:100%;
  display:table;
}
.widget.widget_recent_blog ul li{
  margin-bottom:20px;
}
.widget.widget_recent_blog ul li .recent_post_thumb{
  float:left;
}
.widget.widget_recent_blog ul li .recent_post_text{
  float: right;
  width: calc(100% - 90px);
}
.widget.widget_recent_blog ul li .recent_post_text h5 a{
  font-size:16px;
  color:#282828;
  display:inline-block;
  margin-bottom:8px;
}
.widget.widget_recent_blog ul li .recent_post_text h5 a:hover{
  color:#fc851d;
}
.widget.widget_recent_blog ul li .recent_post_text h5 p{
  font-size: 16px;
}
.widget.widget_tags,.widget.widget_insta{
  margin-bottom:40px;
}
.widget.widget_tags a{
  background: #fc851d;
  color: #ffffff;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0px 22px;
  margin: 0 6px 10px 0;
  border:1px solid transparent;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  transition:all 0.3s;
  border-radius: 3px;
}
.widget.widget_tags a:hover{
  background:#ffffff;
  color:#fc851d;
  border:1px solid #fc851d;
}
.widget.widget_social_icons {
  margin-bottom: 40px;
}
.widget.widget_social_icons ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.widget.widget_social_icons ul li {
  display: inline-block;
  margin-right: 10px;
}
.widget.widget_social_icons ul li:last-child {
  margin-right: 0px;
}
.widget.widget_social_icons ul li a {
  font-size: 18px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.widget.widget_social_icons ul li a:hover {
  color: #fc851d;
}
.img-fluid{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
textarea.form-control::placeholder {
  color: #afacac;
}
/*-------- banner section start --------*/
.banner_wrapper{
	background-image:url(../images/black-background.jpg);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	height:950px;
	overflow:hidden;
}
.banner_wrapper .bb_banner_cp {
	padding: 22em 0 0;
}
.banner_wrapper .bb_banner_content h1{
	font-size:85px;
	font-weight:800;
	text-transform:capitalize;
	color:#fff;
}
.banner_wrapper .bb_banner_content h1 span{
	color:#fc851d;
}
.banner_wrapper .bb_banner_content p{
    font-size: 22px;
    color: #fff;
	padding:30px 0;
}
.banner_wrapper .bb_banner_img {
    margin-top: -180px;
}
.bb_banner_content .bb_btn {
    margin-top: 20px;
}
.banner_wrapper .bb_banner_content p span{
	color:#fc851d;
}
.banner_wrapper .bb_smoke {
    position: absolute;
    top: 35px;
    left: -170px;
    opacity: 0.3;
    height: 750px;
}
/*-------- header section start --------*/
.bb_header_wrapper{
  position: absolute;
  width:100%;
  top:15px;
  left:0;
  z-index: 10;
}
.toggle_btn {
    cursor: pointer;
    width: 27px;
    height: 21px;
    float: right;
    display: none;
    position: absolute;
    right: 15px;
    top: -45px;
}
.toggle_btn span{
  height: 2px;
  background: #ffffff;
  float: left;
  width: 100%;
  margin-bottom: 5px;
  -webkit-transition:all 0.4s cubic-bezier(0.480, -0.050, 0.535, 1.370);
  -moz-transition:all 0.4s cubic-bezier(0.480, -0.050, 0.535, 1.370);
  -ms-transition:all 0.4s cubic-bezier(0.480, -0.050, 0.535, 1.370);
  transition:all 0.4s cubic-bezier(0.480, -0.050, 0.535, 1.370);
}
.toggle_btn.toggle_btn_open span:nth-child(1){
  -webkit-transform: translateY(6px) rotate(-45deg);
  -moz-transform: translateY(6px) rotate(-45deg);
  -ms-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
}
.toggle_btn.toggle_btn_open span:nth-child(2){
  visibility: hidden;
  opacity:0;
}
.toggle_btn.toggle_btn_open span:nth-child(3){
  -webkit-transform: translateY(-8px) rotate(-135deg);
  -moz-transform: translateY(-8px) rotate(-135deg);
  -me-transform: translateY(-8px) rotate(-135deg);
  transform: translateY(-8px) rotate(-135deg);
}
.bb_menu:after{
  content:"";
  width:100%;
  display: table;
}
.bb_menu > ul{
   list-style: none;
   padding: 0;
   margin:0;
}
.bb_menu > ul:after{
  content:"";
  width:100%;
  display: table;
}
.bb_menu > ul > li{
  display:inline-block;
  margin-left:12px;
  background-color:transparent;
  position:relative;
}
.bb_menu > ul > li:first-child{
  margin-left:0;
}
.bb_menu > ul > li > a{
  color:#ffffff;
  font-size: 18px;
  padding: 0px 20px;
  display: block;
  font-weight:600;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.bb_menu > ul > li:hover > a,
.bb_menu > ul > li.active > a,.bb_header_wrapper .bb_menu_top li a:hover{
  color:#fc851d;
  fill:#fc851d;
}
.dropdown-expander{
  display:none;
}
.bb_menu ul.sub-menu:before {
    content: '';
    position: absolute;
    top: -13px;
    left: 20px;
    border-bottom: 13px solid #ffffff;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
}
.bb_menu ul li > ul.sub-menu > li > ul.sub-menu:before {
    content: '';
    position: absolute;
    top: 13px;
    left: 100%;
    border-top: 13px solid transparent;
    border-right: 13px solid transparent;
    border-left: 13px solid #ffffff;
    border-bottom: 13px solid transparent;
}
.bb_header_wrapper .bb_menu_top ul{
	list-style:none;
	padding-left:0;
	margin-top:20px;
}
.bb_header_wrapper .bb_menu_top li{
	display:inline-block;
	padding:0 30px;
	position: relative;
}
.bb_header_wrapper .bb_menu_top li, .bb_header_wrapper .bb_menu_top li a {
    color: #c5c5c5;
    fill: #c5c5c5;
    font-size: 13px;
}
.bb_header_wrapper .bb_menu_top, .bb_header_wrapper .bb_menu {
    text-align: right;
    padding: 33px 20px;
}
.bb_header_wrapper .bb_menu_top span {
    padding-right: 8px;
}
.bb_header_wrapper .bb_menu_top a.bb_top_social {
    padding: 0 5px;
}
.bb_menu_top li:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 20px;
    background: #fc851d;
    transform: rotate(10deg);
    top: 0;
}
.bb_menu_top ul li:last-child:after{
	position:inherit;
}
.bb_menu_top li svg{
	vertical-align: sub;
}
/*-------- on match section start --------*/
.bb_live_mtc_wrapper {
  padding: 74px 0 80px;
}
.bb_mtc_team1 .bb_team1_text h3,.bb_mtc_team2 .bb_team2_text h3{
  color: #333;
  font-size: 22px;
  margin-bottom: 5px;
}
.bb_mtc_team1 .bb_team1_text h5,.bb_mtc_team2 .bb_team2_text h5{
  font-size: 16px;
  color: #333;
}
.bb_team2_content{
  background: #fc851d;
  width: auto;
  display: inline-block;
  padding: 12px 12px 12px 0px;
  border-radius: 0 55px 55px 0;
  position: relative;
  perspective: 100px;
}
.bb_mtc_button{
  text-align:center;
}
.bb_team1_text, .bb_team2_text {
    background-color: #eee;
    padding: 35px 15px 15px;
    margin-top: 50px;
    border-radius: 3px;
}
.bb_team1_img, .bb_team2_img {
    position: absolute;
    top: -50px;
    left: 20px;
}
.bb_mtc_text h4 {
    margin-top: 50px;
	font-weight: 700;
    text-align: center;
}
.bb_mtc_team1, .bb_mtc_team2 {
    position: relative;
}
.bb_mtc_team1 span,.bb_mtc_team2 span {
    position: absolute;
    right: 20px;
    top: -20px;
    background: #fc851d;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    line-height: 34px;
    border-radius: 3px;
}
.bb_heading h5{
	font-size: 16px;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
    display: inline-block;
}
/* .bb_heading h5:after {
    content: '';
    position: absolute;
    right: -70px;
    bottom: 2px;
    width: 70px;
    background: #fc851d;
    height: 1px;
    margin: auto;
} */
/*-------- about section start --------*/
.bb_about_wrapper {
    background-image: url(../images/hand_basket1.jpg);
    background-size: contain;
    position: relative;
    -webkit-perspective: 100px;
    -moz-perspective: 100px;
    -ms-perspective: 100px;
    -o-perspective: 100px;
    perspective: 100px;
    overflow-x: hidden;
    height: 620px;
    background-repeat: no-repeat;
	padding: 80px 0;
  background-attachment: fixed;
}
.bb_about_wrapper:after {
    content: "";
    width: 63%;
    height: 100%;
    background: #fc851d;
    position: absolute;
    right: -105px;
    top: 0;
    z-index: -1;
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    transform: skewX(-15deg);
}
.bb_about_box h1,.bb_about_box h3 {
    font-size: 50px;
    color: #444;
    margin-bottom: 25px;
}
.bb_about_box h1 span,.bb_about_box h3 span{
    color: #fc851d;
}
.bb_about_box h3 {
	font-size:20px;
}
.bb_about_box p{
  margin-bottom: 50px;
}
.bb_about_box .bb_btn:hover:after{
  color:#fc851d;
}
.bb_about_box {
    background: #ffffff;
    position: absolute;
    left: -220px;
    top: 0px;
    padding: 50px;
    box-shadow:0 12px 29px 0 rgba(0,0,0,0.08);
	border-radius: 3px;
}
/*-------- service seciton start --------*/
.bb_selection_wrapper {
    background-image: url(../images/match.jpg);
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 74px; 
    background-attachment: fixed;

}
.bb_selection_wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(255, 255, 255, 0.92);
    z-index: 0;
}
.bb_selection_wrapper .container{
	z-index:1;
}
.bb_selection_wrapper .bb_heading{
  text-align: left;
}
.bb_selection_wrapper .bb_selection_img{
  text-align: center;
}
.bb_selection_content{
  margin-bottom: 35px;
}
.bb_selection_content span {
    fill: #444444;
    height: 70px;
    width: 70px;
    padding-top: 13px;
    text-align: center;
    border-radius: 100%;
    margin-bottom: 10px;
    /* border: 2px solid #fc851d; */
    transition: 0.3s;
    display: inline-block;
}
.bb_selection_content span
{
  background-color: rgb(240 255 255 / 44%);
}
.bb_selection_content span:before{
  font-size: 40px;
  margin: 0;
}
.bb_selection_content h4 {
    margin-bottom: 10px;
    color: #1b1b1b;
    display: inline-block;
    padding-left: 10px;
    vertical-align: text-bottom;
}
.bb_selection_content p {
    font-size: 15px;
    font-weight: 500;
}
.bb_selection_wrapper .bb_selection_img:after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    background: #fc851d;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 100%;
    z-index: -1;
    opacity: 0.4;
}

.bb_selection_wrapper .bb_selection_img:before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    background: #fc851d;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 100%;
    z-index: -1;
    opacity: 0.2; 
}

.bb_selection_content span:before
{
  width: 70px;
    height: 70px;
    line-height: 147px;
    content: '';
    position: absolute;
    top: 0px;
    left: 15px;
    margin: 0 auto;
    bottom: -7px;
    border-radius: 50%;
    border: 2px dashed #fc851d;;
    animation: cspin 20s linear infinite;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

  .bb_selection_content:hover span::before {
  visibility: visible;
  opacity: 1;
}
@keyframes cspin{
  from{
      transform: rotate(0);
  }
  to{ 
      transform: rotate(359deg);
  }
}

.dd_one
{
  animation: up-down 8s alternate infinite;
   -webkit-animation: up-down 8s alternate infinite;
}

@keyframes up-down
{
  0% {
    transform: translateY(30px);
    -webkit-transform: translateY(0);
}
50% {
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
}
100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}
}


/*-------- team section start --------*/
.bb_team_wrapper{
  padding: 80px 0px 73px;
}
.bb_team2
{
  padding: 74px 0px 43px;
}
.bb_team_box{
  margin-bottom:30px;
  position:relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 3px;
}
.bb_team_box:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 0;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	opacity: 0;
    visibility: hidden;
}
.bb_team_box .bb_team_text {
    position: absolute;
    top: 23%;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    padding: 35px 0px 20px;
	opacity: 0;
    visibility: hidden;
}
.bb_team_box:hover:after{
    visibility: visible;
    opacity: 1;
}
.bb_team_box:hover .bb_team_text{
    visibility: visible;
    opacity: 1;
	-webkit-transition:all 0.8s ease;
	transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
}
.bb_team_box .bb_team_text ul{
  list-style: none;
  padding:0;
  margin:0;
}
.bb_team_box .bb_team_text ul li{
  margin: 0px;
  display: inline-block;
}
.bb_team_box .bb_team_text ul li a,.bb_footer .bb_footer_one li a,.bb_contact_social li a{
	color: #fc851d;
	fill:#fc851d;
	font-size: 17px;
	background: #ffffff;
	width: 35px;
	height: 35px;
	display: block;
	line-height: 35px;
	text-align: center;
	border-radius: 100%;
	border: 1px solid #ffffff;
}
.bb_team_box .bb_team_text ul li a:hover,.bb_footer .bb_footer_one li a:hover,.bb_contact_social li a:hover{
  color:#222;
  fill:#222;
  background-color: #ffffff;
}
.bb_team_box .bb_team_text1 h3 a{
  font-size: 22px;
  color:#ffffff;
  display: block;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
}
.bb_team_box .bb_team_text1 h3 a:hover{
	color:#fc851d;
}
.bb_team_box .bb_team_text1 p {
    color: #fff;
    padding: 5px 0 0 0;
}
.bb_team_text1 {
    background: rgba(252, 133, 29, 0.75);
    text-align: center;
    padding: 10px;
    position: absolute;
    bottom: 10px;
	left:0;
	right:0;
	margin:auto;
    width: 90%;
    border-radius: 0;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
}
.bb_team_box:hover .bb_team_text1 {
    background: transparent;
    bottom: 75px;
    z-index: 1;
}

/* .bb_footer ul li
{
  transition: 0.3s;
}
.bb_footer ul li:hover
{
  margin-left: 11px;
} */
/*-------- portfolio section start -------*/
.bb_portfolio_wrapper{
	text-align: center;
	/* background: #f5f5f5;	   */
  padding: 80px 0px 73px;
}
.bb_portfolio2
{
  padding: 74px 0px 0px;
}
.bb_portfolio_wrapper .bb_portfolio_img{
  margin-bottom: 5px;
  position: relative;
  width:auto;
  display:inline-block;
}
.bb_portfolio_icon {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    margin: auto;
}
.bb_portfolio_img svg{
	margin: 0;
	color: #fff;
	fill: #fff;
	font-size: 35px;
	z-index:1;
	position:relative;
	visibility:hidden;
	opacity:0;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}
.bb_portfolio_img a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.75);
	z-index:0;
	visibility:hidden;
	opacity:0;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}
.bb_portfolio_img:hover a:after , .bb_portfolio_img:hover svg{
	visibility:visible;
	opacity:1;
}

/*-------- testimonial section start --------*/
.bb_test_wrapper {
    background: #f5f5f5;
    padding: 74px 0 63px;
}
.bb_test_box{
	position: relative;
	background-color: #fff;
	border-radius:3px;
	margin-bottom:80px; 
	box-shadow: 0 12px 25px 0 rgba(0,0,0,0.07);
}
.bb_test_img {
    text-align: center;
    background: url(../images/test/3.jpg);
    padding: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 3px 3px 0 0;
    height: 80px;
}
.bb_test_img:after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.45);
	top:0;
	left:0;
	z-index:0;
	border-radius:3px 3px 0 0;
}
.bb_test_img img {
    border-radius: 50%;
    z-index: 1;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 12px 29px 0 rgba(0,0,0,0.20);
}
.bb_test_data{
	padding: 30px;
	padding-top: 40px;
}
.bb_test_data h2{
  font-size:22px;
  color:#111;
}
.bb_test_data h4{
	font-size: 16px;
	color:#111;
	margin:10px 0;
	line-height: 24px;
}
.bb_test_data h5{
	font-size:15px;
	color:#777;
	margin:20px 0 15px;
}
.bb_test_data h5 span{
	color:#fc851d;
	font-weight:600;
}
.bb_test_data p{
  color:#111;
}
.bb_test_wrapper .swiper-slide{
	opacity:0;
}
.bb_test_wrapper .swiper-slide-active,.bb_test_wrapper .swiper-slide-prev,.bb_test_wrapper .swiper-slide-next{
	opacity:1;
}
.bb_test_wrapper .swiper-container-3d .swiper-slide-shadow-left,.bb_test_wrapper .swiper-container-3d .swiper-slide-shadow-right,.bb_nxt_mtc_wrapper .swiper-container-3d .swiper-slide-shadow-left,.bb_nxt_mtc_wrapper .swiper-container-3d .swiper-slide-shadow-right{
	background:transparent;
}
.bb_test_wrapper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fc851d;
}
/*-------- next match section start --------*/
.bb_nxt_mtc_wrapper{
	padding: 69px 0 80px;
}
.bb_nxt_mtc_wrapper .bb_nxt_mr{
	/* background:#f5f5f5; */
  background-color: #fff;
  box-shadow: 0px 4px 10px 0px rgb(135 135 135 / 21%);
	margin-top: 22px;
	border-radius:3px;
}
.swiper-container
{
  z-index: 0;
}

 table.table.swiper-slide tr:hover
{
  /* transform: scale(1.02); */
    z-index: 2;
    background-color: #cfcfcf;
    box-shadow: 0 0 0 3px rgb(0 0 0 / 5%);
    transition: all .2s;
}
table.table.swiper-slide tr
{
  transition: all .5s ease .2s;
} 
.bb_table
{
  padding: 14px;
    border-bottom: 1px solid #e7e7e7;
}

.bb_nxt_mtc_wrapper .bb_nxt_mr .table th, .table td {
    padding: 0.70rem;
    vertical-align: top;
	border:none;
}
.bb_nxt_mtc_wrapper .bb_nxt_mr .table tr{
    border-top: 1px solid #eaeaea;
}
.bb_nxt_mtc_wrapper .bb_nxt_mr .table tr:first-child{
    border-top:none;
}
.bb_nxt_mtc_wrapper table tr td {
    position: relative;
}
.bb_nxt_mtc_wrapper table tr td a:hover{
    color:#fc851d;
}
.bb_nxt_mtc_wrapper table tr td:first-child:after {
    content: '|';
    position: absolute;
    right: 10px;
}
.bb_nxt_mtc_wrapper table {
	margin-bottom:0;
}
.bb_nxt_mtc_wrapper .bb_mtc_date {
    background: #fc851d;
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    top: -25px;
    right: 20px;
    border-radius: 3px;
}
.bb_nxt_mtc_wrapper .bb_mtc_date p:first-child{
	background: #fc851d;
    color: #fff;
}
.bb_nxt_mtc_wrapper .bb_mtc_date p {
    color: #fc851d;
    background: #fff;
	font-weight: 700;
    line-height: 25px;
}
/* .bb_nxt_mtc_wrapper .swiper-container{
	height:318px;
} */
.table-responsive
{
 
    overflow-x: hidden;
}
/*-------- footer section start -------*/
.bb_footer_wrapper{
  background:#222;
  padding: 76px 0px 54px;
}
.bb_footer_wrapper h2{
  color:#fff;
  font-size:22px;
  margin-bottom:30px;
}
.bb_footer p,.bb_footer a,.bb_footer li{
	color:#ccc;
	padding-bottom:10px;
}
.bb_footer.bb_address svg{
	fill:#ccc;
}
.bb_footer.bb_address span{
	vertical-align: text-top;
}
.bb_footer_wrapper ul{
	padding-left:0;
	margin:0;
	list-style:none;
}
.bb_footer .bb_footer_one li{
	display:inline-block;
	margin-right: 5px;
	margin-top:10px;
}
.bb_footer_logo img{
	margin-bottom:15px;
}
.bb_footer a:hover,.bb_footer .bb_footer_post h3:hover{
	color:#fc851d;
}
.bb_footer .bb_footer_post h3{
	font-size: 20px; color:#ccc;
	display: -webkit-box;	
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;	
	overflow: hidden;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}
.bb_footer .bb_footer_post{
	width:75%;
	padding: 0 10px;
}
.bb_footer .bb_footer_post p{
	margin-top: 10px;
    font-size: 14px;
	padding:0;
	display: -webkit-box;	
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;	
	overflow: hidden;
}
.bb_footer .bb_footer_post_img{
	width:80px;
}
.bb_footer .bb_footer_post_img img{
	border-radius:3px;
}
.bb_btm_footer_wrapper{
	background:#111;
}
.bb_btm_footer_wrapper p{
	color:#ccc;
}
.bb_btm_footer_wrapper p a{
	color:#fc851d;
}
.bb_footer_subsc {
	position:relative;
	margin-top: 20px;
}
.bb_footer_subsc input {
    background: #fff;
    border: none;
    padding: 10px;
    width: 100%;
    color: #222;
    outline: none;
    border-radius: 3px;
}
.bb_footer_subsc button {
    position: absolute;
    top: 0;
    right: 0;
    background: #fc851d;
    width: 50px;
    height: 44px;
    text-align: center;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    border: none;
}
.bb_footer_subsc span svg{
	width:25px;
	height:25px; 
	transform: translate(0px, 4px);
}
.bb_footer_subsc span svg path{
	fill:#fff;
}
/*-------- page title section start --------*/
.bb_page_title_wrapper{
  background-image: url(../images/page_title.jpg);
  background-size: cover;
  padding:190px 0px 80px 0px;
  text-align: center;
}
.bb_page_title h2{
  font-size:45px;
  color: #ffffff;
}
/*-------- team page start --------*/
.bb_team_btn{
  text-align: center;
}
/*-------- blog page start --------*/
.bb_blog_wrapper{
	padding: 74px 0 80px;
}
.bb_blog_single_wrapper{
	padding:80px 0 80px;
}
.bb_blog_d_main,.bb_blog_c_text {
    display: inline-block;
}
.bb_blog_d_main:after {
    content: '';
    position: absolute;
    border-bottom: 52px solid #fc851d;
    border-left: 0px solid transparent;
    border-right: 23px solid transparent;
    top: 0px;
    right: -22px;
    margin: auto;
    z-index: -1;
}
.bb_blog_d_main:before {
    content: '';
    position: absolute;
    border-bottom: 52px solid #fc851d;
    border-right: 0px solid transparent;
    border-left: 23px solid transparent;
    top: 0px;
    left: -22px;
    margin: auto;
    z-index: -1;
}
.bb_blog_d_main span.bb_blog_m{
    text-align: center;
}
.bb_blog_d_main span.bb_blog_m{
    font-weight: 700;
    font-size: 20px;
    text-transform: capitalize;
    line-height: 32px;
    color: #fff;
    padding: 2px 5px;
	border-radius: 3px 3px 0 0;
}
.bb_blog_content .bb_blog_c_text h2 {
    color: #222;
    font-size: 30px;
    font-weight: 500;
	margin-bottom: 8px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.bb_blog_content .bb_blog_c_text .bb_by_post,.bb_blog_content .bb_blog_c_text .bb_by_post span a {
    font-size: 16px;
    font-weight: 700;
    color: #525252;
}
.bb_blog_content .bb_blog_c_text .bb_by_post a{
	color:#fc851d;
}
.bb_blog_content .bb_blog_c_text .bb_by_post a:hover,.bb_blog_content .bb_blog_c_text a h2:hover{
	color:#fc851d;
}
.bb_blog_content {
   
    position: relative;
    padding: 25px 16px 19px;
    box-shadow: 0px 4px 10px 0px rgb(135 135 135 / 10%);
    border-radius: 10px;
}
.bb_blog_d_main {
    vertical-align: top;
    position: absolute;
    top: -52px;
    left: 50%;
    margin: auto;
    padding: 10px 20px;
    transform: translateX(-50%);
	background: #fc851d;
}
.bb_blog_content .bb_by_post {
    margin-bottom: 10px;
}
.bb_blog_content .bb_by_post_c {
	color:#525252;
  margin-bottom: 10px;
}
.bb_blog_content .bb_by_post_c span a{
	text-transform: capitalize;
    color: #fa841d;
}
.bb_blog_img svg {
    position: absolute;
    top: -10px;
    right: 25px;
    fill: #ffffff;
    background: #fc851d;
    padding: 12px;
}
.widget.widget_insta ul {
    padding:0;
	list-style:none;
}
.widget.widget_insta ul li {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
}

span.bb_main_span a
{
  background-color: #fc851d;
  color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 111px;
    height: 38px;
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
    text-transform: uppercase;
    border-radius: 5px;
    border: 1px solid transparent;
}
span.bb_main_span:hover a
{
  background-color: transparent;
    color:#fc851d ;
    border: 1px solid #fc851d ;
}

.bb_blog_img {
  overflow: hidden;
}
.bb_blog_img a img {
  transition: all .3s;
}.bb_blog_img a img:hover {
  transform: scale(1.1);
}


/*-------- pagination start --------*/
.bb_pagination {
    text-align: right;
    margin-top: 30px;
}
.bb_pagination ul{
  list-style:none;
  padding:0;
  margin:0;
  display: inline-block;
}
.bb_pagination ul:after{
  content:"";
  width:100%;
  display: table;
}
.bb_pagination ul li{
	display:inline-block;
	margin:0 -1px;
}
.bb_pagination ul li a {
    padding: 7px 15px;
    background: #f7f7f7;
    color: #525252;
    font-weight: bold;
    display: block;
}
.bb_pagination ul li:hover a, 
.bb_pagination ul li.active a{
  background:#fc851d;
  color:#ffffff;
}
.bb_pagination ul li a i{
  color:#fc851d;
  font-weight:bold;
  font-size: 18px;
}
.bb_pagination ul li:hover a i{
  color: #ffffff;
}
.bb_pagination ul li:first-child a {
    border-radius: 3px 0 0 3px;
}

.bb_pagination ul li:last-child a {
    border-radius: 0 3px 3px  0;
}
/*-------- blog single page start --------*/
.bb_blog_item .bb_blog_head{
  background-color: #fc851d;
  margin-bottom:30px;
}
.bb_blog_item .bb_blog_head h4{
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
  font-size: 22px;
  color: #ffffff;
}
.bb_blog_item .bb_blog_head p{
  display: table-cell;
  background: #172843;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 8px;
}
.bb_blog_item .bb_blog_head p span{
  display: block;
  line-height: 25px;
  font-weight: 700;
  font-size: 25px;
}
.bb_blog_all_items{
  margin-bottom:50px;
}
.bb_blog_item{
  margin-bottom:80px;
}
.bb_blog_item .bb_blog_single_text p{
  margin-bottom:40px;
}
.bb_blog_item .bb_blog_single_text h2{
  font-size:22px;
  color:#282828;
  font-weight:600;
  margin-bottom:10px;
}
.bb_blog_item .bb_blog_footer{
  background:#fc851d;
  text-align:center;
  padding:15px 0px;
}
.bb_blog_item .bb_blog_footer > ul{
  list-style: none;
  padding:0;
  margin:0;
}
.bb_blog_item .bb_blog_footer > ul > li{
  display:inline-block;
  color:#ffffff;
  margin-right:20px;
  position:relative;
}
.bb_blog_item .bb_blog_footer > ul > li:last-child{
  margin-right:0px;
}
.bb_blog_item .bb_blog_footer > ul > li > i{
  margin-right:10px;
}
.bb_blog_item .bb_blog_footer > ul > li > ul{
  list-style:none;
  padding:0;
  margin:0;
  position: absolute;
  top: 0px;
  left: 100%;
  width: 135px;
  text-align: left;
  padding-left: 8px;
}
.bb_blog_item .bb_blog_footer > ul > li > ul > li{
  display:inline-block;
  margin:0 5px;
  transition:all 0.3s;
  opacity: 0;
  visibility:hidden;
}
.bb_blog_item .bb_blog_footer > ul > li > ul > li a{
  display: inline-block;
  background: #fff;
  padding: 2px 8px;
  border-radius: 100%;
  font-size: 14px;
  color: #fc851d;
  border:1px solid #ffffff;
}
.bb_blog_item .bb_blog_footer > ul > li > ul > li:hover a{
  background:#fc851d;
  color:#ffffff;
  border:1px solid #ffffff;
}
.bb_blog_item .bb_blog_footer > ul > li:hover ul li{
  margin:0;
  opacity: 1;
  visibility:visible;
}
.bb_comments{
  margin-bottom:40px;
  box-shadow: 0px 4px 10px 0px rgb(135 135 135 / 10%);
    padding: 15px;
}
.bb_comment_form
{
  box-shadow: 0px 4px 10px 0px rgb(135 135 135 / 10%);
    padding: 15px;
}
.bb_comments h2 {
    margin-bottom: 25px;
    margin-top: 25px;
    font-size: 22px;
	color: rgb(34, 34, 34);
}
.bb_comments > ul{
  list-style:none;
  padding:0;
  margin:0;
}
.bb_comment_box:after{
  content:"";
  width:100%;
  display:table;  
}
.bb_comment_box{
  margin-bottom:30px;
}
.bb_comment_box .bb_comment_img img{
	border-radius:50%;
}
.bb_comment_box .bb_comment_text{
	width: calc(100% - 100px);
    display: inline-block;
	position:relative;
}
.bb_comment_box .bb_comment_text:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    background: #ccc;
    top: 0;
    left: -66px;
    z-index: -1;
}
.bb_comment_box .bb_comment_text a{
  font-size:22px;
  margin-bottom:0px;
  display:block;
}
.bb_comment_box .bb_comment_text a.b_date{
  font-size:18px;
  margin-bottom:10px;
}
.bb_comment_box .bb_comment_text a:hover{
  color:#fc851d;
}

.bb_comment_box .bb_comment_text a.reply {
    color: #fc851d;
    fill: #fc851d;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 3px;
}
.bb_comments > ul > li > ul.children{
  padding:0 0 0 40px;
}
.bb_comments > ul > li:last-child .bb_comment_box{
  margin-bottom:0;
}
.bb_comment_form h2{
	margin-bottom:40px;
	font-size:22px;
	color: rgb(34, 34, 34);

}
.bb_comment_form .bb_comment_input input,.bb_comment_form .bb_comment_input textarea,.bb_contact_form .bb_contact_input input.form-control,.bb_contact_form .bb_contact_input textarea.form-control {
    border-radius: 3px;
    font-size: 16px;
    margin-bottom: 30px;
    border: 1px solid #ddd;
    color: #444;
	padding: 15px;
}
.bb_comment_form .bb_comment_input textarea,.bb_contact_form .bb_contact_input textarea.form-control{
	resize:none;
}
.bb_comment_img {
    width: 95px;
    display: inline-block;
    vertical-align: top;
}
.bb_comment_input input::placeholder, .bb_contact_input textarea::placeholder, .bb_contact_input input::placeholder {
    color: #b9b8b8;
}
/*-------- contact page start -------*/
.bb_contact_form {
    padding: 30px 30px 30px 170px;
    background: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    border-radius: 3px;
}
.bb_contact_wrapper{
	padding:80px 0;
}
.bb_contact_form .bb_heading {
	text-align:left;
}
.bb_contact_form .bb_heading h2{
  font-size:35px;
}
.bb_contact_form .bb_contact_input .response{
  color:#ff0000;
}
.bb_contact_info {
    background: #fc851d;
    padding: 30px;
    margin-bottom: 50px;
    position: absolute;
    right: -150px;
    z-index: 1;
    width: 325px;
    top: 63px;
    border-radius: 3px;
}
.bb_contact_info h2{
  color: #ffffff;
  margin-bottom: 30px;
  font-size: 30px;
}
.bb_contact_info .bb_contact_text {
  padding-bottom: 20px;
}
.bb_contact_info .bb_contact_text span svg{
  fill:#fff;
}
.bb_contact_info .bb_contact_text span {
	margin-top: 3px;
}
.bb_contact_info .bb_contact_text p {
    color: #ffffff;
    letter-spacing: 1px;
    margin-left: 15px;
    padding-bottom: 8px;
}
.bb_contact_info .bb_contact_text p a{
  color:#ffffff;
}
.bb_contact_info .bb_contact_text p a:hover{
  color:#ffffff;
}
ul.bb_contact_social {
    padding-left: 0;
    margin: 0;
    list-style: none;
}
.bb_contact_social li {
    display: inline-block;
    margin-right: 5px;
	margin-top:10px;
}
/*------- map section start --------*/

/* .bb_map_wrapper #gmap{
  height:485px;
} */
.bb_map_wrapper
{
  position: relative;
}
.bb_map_wrapper iframe
{
  display: block;
    height: 450px;
    width: 100%;
}
/*------- go top css --------*/
.go_top{
  position: fixed;
  bottom: 20px;
  /* bottom: 160px; */
  right: 20px;
  text-align: center;
  line-height: 60px;
  opacity:0;
  visibility:hidden;
  transition:all 0.3s;
  cursor: pointer;
  -webkit-animation:bb_bounce 1.5s infinite;
  -moz-animation:bb_bounce 1.5s infinite;
  -ms-animation:bb_bounce 1.5s infinite;
  animation:bb_bounce 1.5s infinite;
}
.go_top.show_go_top{
  opacity:1;
  visibility:visible;
}
@-webkit-keyframes bb_bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  60% {
   -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bb_bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bb_bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
/*------- media css start --------*/
@media(max-width:1200px){
  .bb_about_wrapper:after{
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  .banner_overlay{
    display:none;
  }
  .widget.text_widget .bb_footer_contact .bb_contact_text {
    float: right;
    width: calc(100% - 30px);
  }
}

@media(min-width:992px) and (max-width:1199px){
  .bb_selection_content{
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .bb_menu > ul > li > ul.sub-menu,
  .bb_menu > ul > li > ul.sub-menu > li > ul.sub-menu{
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    background: #ffffff;
	border-radius:4px;
    width: 190px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    border-bottom:2px solid #fc851d;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  .bb_menu > ul > li > ul.sub-menu{
    top: 150%;
    left: 0;
  }
  .bb_menu > ul > li > ul.sub-menu > li > ul.sub-menu{
    top: 0;
    right: 107%;
    width:230px;
  }
  .bb_menu > ul > li > ul.sub-menu > li > ul.sub-menu > li,
  .bb_menu > ul > li > ul.sub-menu > li {
    text-align: left;
    border-bottom: 1px solid #f5f5f5;
    position:relative;
  }
  .bb_menu > ul > li > ul.sub-menu > li > ul.sub-menu > li > a ,
  .bb_menu > ul > li > ul.sub-menu > li > a {
    color:#777777;
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    text-transform: capitalize;
  }
  .bb_menu > ul > li > ul.sub-menu > li > ul.sub-menu > li.active a,
  .bb_menu > ul > li > ul.sub-menu > li > ul.sub-menu > li:hover a,
  .bb_menu > ul > li > ul.sub-menu > li.active a,
  .bb_menu > ul > li > ul.sub-menu > li:hover a {
    color: #fc851d;
  }
  .bb_menu > ul > li > ul.sub-menu > li:hover > ul.sub-menu,
  .bb_menu > ul > li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@media(min-width:992px) and (max-width:1200px){
.bb_blog_item .bb_blog_footer > ul > li {
  width: 50%;
  margin: 0;
  float: left;
  padding: 5px 20px;
}
.bb_blog_item .bb_blog_footer {
  text-align: left;
}
.bb_blog_item .bb_blog_footer:after{
  content:"";
  display:table;
  width:100%;
}
.bb_blog_item .bb_blog_footer > ul > li > ul {
  top: 4px;
  right: 70px;
  left: auto;
}
}
@media(min-width:768px) and (max-width:991px){
.bb_blog_wrapper .bb_blog_img img {
    width: 100%;
}
}
@media(max-width:991px){
  .wh_menu_top{
    margin-top: -35px;
  }
  .bb_team_box:hover .bb_team_text1
  {
    bottom: 66px;
  }
  .bb_team_box .bb_team_text
  {
    top: 22%;
  }
.bb_contact_info {
    padding: 30px;
    position: inherit;
    right: 0;
    left: 0;
    width: auto;
    top: 0;
}
.bb_contact_form {
    padding: 30px;
}
.bb_footer_wrapper h2 {
    margin-bottom: 20px;
    margin-top: 30px;
}
.banner_wrapper .bb_banner_content h1 {
    font-size: 40px;
}
.banner_wrapper {
    height: auto;
}
.banner_wrapper .bb_banner_cp {
    padding: 12em 0 0;
}
.banner_wrapper .bb_banner_img img {
    width: 180px;
}
.banner_wrapper .bb_banner_img {
    margin-top: 0;
}
.banner_wrapper .bb_banner_content p {
    font-size: 16px;
}
.bb_header_wrapper .bb_menu_top, .bb_header_wrapper .bb_menu{
	text-align:left;
}
.bb_header_wrapper .bb_menu_top li {
    padding: 0 10px;
}
.bb_about_box{
	left:0;
}
  .bb_header_wrapper{
    padding:20px 0px;
  }
  .bb_logo{
    top:-44px;
  }
  .bb_menu::-webkit-scrollbar {
    width: 5px;
    background:none;
  }
  .bb_menu::-webkit-scrollbar-thumb {
  background-color: #fc851d;
  }
  .bb_menu{
    position: absolute;
    width: 100%;
    max-height:354px;
    overflow-x: hidden;
    top: 6px;
    left: 0;
    background: #ffffff;
    z-index: 100;
    -webkit-transition:all 0.5s cubic-bezier(0.480, -0.050, 0.535, 1.600);
    -moz-transition:all 0.5s cubic-bezier(0.480, -0.050, 0.535, 1.600);
    -ms-transition:all 0.5s cubic-bezier(0.480, -0.050, 0.535, 1.600);
    transition:all 0.5s cubic-bezier(0.480, -0.050, 0.535, 1.600);
    -webkit-transform: translateY(-150px);
    -moz-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    transform: translateY(-150px);
    visibility:hidden;
    opacity:0;
    border: 1px solid #f0f0f0;
    border-bottom:none;
    z-index:20;
  }
  .bb_menu.open_menu{
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    visibility:visible;
    opacity:1;
  }
  .bb_menu > ul{
    width: 100%;
    padding: 20px 0px;
    border-bottom: 2px solid #fc851d;
  }
  .bb_menu > ul > li{
    width:100%;
    margin:0;
    padding: 20px 0px;
    border-bottom:1px solid #f0f0f0;
  }
  .bb_menu > ul > li:after{
    display:none;
  }
  .bb_menu > ul > li:last-child{
    border-bottom:none;
  }
  .bb_menu > ul > li > a{
    color:#777777;
    margin:0;
    padding:12px 30px;
  }
  /* .dropdown-expander{
    display:inline-block;
    position: absolute;
    top: 12px;
    right: 10px;
  } */
  .bb_menu > ul > li > ul.sub-menu {
    display:none;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #f1f1f1;
  }
  .bb_menu > ul > li > ul.sub-menu > li{
    border-bottom:1px solid #ffffff;
  }
  .bb_menu > ul > li > ul.sub-menu > li:last-child{
    border-bottom:none;
  }
  .bb_menu > ul > li > ul.sub-menu > li > a{
    color: #777777;
    margin: 0;
    padding: 12px 40px;
    font-size: 16px;
    display: block;
  }
  .bb_menu > ul > li > ul.sub-menu > li:hover > a{
    color:#fc851d;
  }
  .bb_menu > ul > li > ul.sub-menu > li > ul.sub-menu {
    display:none;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .bb_menu > ul > li > ul.sub-menu > li > ul.sub-menu > li{
    border-bottom:1px solid #ffffff;
  }
  .bb_menu > ul > li > ul.sub-menu > li > ul.sub-menu > li:first-child{
    border-top:1px solid #ffffff;
  }
  .bb_menu > ul > li > ul.sub-menu > li > ul.sub-menu > li:last-child{
    border-bottom:none;
  }
  .bb_menu > ul > li > ul.sub-menu > li > ul.sub-menu > li > a{
    color: #777777;
    margin: 0;
    padding: 12px 50px;
    font-size: 16px;
    display: block;
  }
  .bb_menu > ul > li > ul.sub-menu > li > ul.sub-menu > li:hover > a{
    color:#fc851d;
  }
  .toggle_btn{
    display:block;
  }
  .bb_team1_content{
    width:100%;
    display:block;
  }
  .bb_team1_content:after{
    content:"";
    width:100%;
    display:table;
    position:relative;
  }
  .bb_team2_content{
    width:100%;
    display:block;
  }
  .bb_team2_content:after{
    content:"";
    width:100%;
    display:table;
    position:relative;
  }
  .bb_mtc_text h4 {
    padding:20px 0px;
  }
  .bb_about_wrapper:after{
    display: none;
  }
  .bb_nxt_mtc1,
  .bb_nxt_mtc2{
    text-align:center;
  }
  .bb_nxt_mtc_text h4{
    padding:20px 0px;
  }
  .bb_footer_wrapper .widget-title{
    margin-top:0px;
  }
  .bb_page_title_wrapper {
    padding: 200px 0px 50px 0px;	
	/* text-align:left; */
}
.bb_page_title h2 {
    font-size: 30px;
}
.bb_blog_content
{
  margin-bottom: 38px;
}
}
@media(max-width:767px){
  .bb_team_box .bb_team_text
  {
    top: 28%;
  }
  .wh_menu_top{
    margin-top: -15px;
  }
.bb_header_wrapper {
    padding:0px;
}
.bb_nxt_mtc_wrapper table {
    white-space: nowrap;
}
.bb_selection_wrapper .bb_selection_img:before {
    width: 300px;
    height: 300px;
}
.bb_selection_wrapper .bb_selection_img:after {
    width: 230px;
    height: 230px;
}
.bb_blog_d_main span.bb_blog_m {
    font-size: 16px;
}
.banner_wrapper .bb_banner_img {
    display: none;
}
.bb_banner_content .bb_btn {
    margin-top: 0;
    margin-bottom: 20px;
}
.bb_about_wrapper {
    background-color: #f5f5f5;
    background-image: none;
	height: auto;
}
.bb_about_box {
    background: transparent;
    position: inherit;
    left: 0;
    padding: 0;
    box-shadow: none;
}
.bb_team_wrapper {
    text-align: center;
}
  .bb_about_box h1{
    font-size: 40px;
  }
  .bb_mtc1_content:after,
  .bb_mtc2_content:after{
    display: none;
  }
  .bb_blog_item .bb_blog_footer{
    text-align:left;
  }
  .bb_blog_item .bb_blog_footer > ul:after{
    content:"";
    width:100%;
    display:table;
  }
  .bb_blog_item .bb_blog_footer > ul > li {
    width: 50%;
    margin: 0;
    float: left;
    padding: 5px 20px;
  }
  .bb_blog_item .bb_blog_footer > ul > li > ul {
    top: 4px;
    right: 20px;
    left:auto;
  }
.bb_blog_content {
    margin-bottom: 50px;
}  
.bb_blog_content .bb_blog_c_text h2 {
    font-size: 20px;
}  
.bb_blog_content .bb_blog_c_text .bb_by_post, .bb_blog_content .bb_blog_c_text .bb_by_post span a {
    font-weight: 400;
}  
.bb_sidebar_wrapper {
    margin-top: 30px;
} 
li.wh_nav2
{
  text-align: inherit;
}

.wh_menu_top
{
  text-align: center;
}
}
@media(max-width:576px){
.banner_wrapper .bb_banner_cp {
    padding: 14em 0 0;
}
  .bb_countdown ul li{
    margin-right: 5px;  
    width: 80px;
    padding: 5px 0px;
  }
  .bb_countdown ul li span{
    font-size: 35px;
  }
  .bb_blog_heading h4{
    font-size:20px;
    padding-left:10px;
  }
  .bb_comment_box .bb_comment_text h4 span {
    float: none;
    display: block;
    margin-top: 10px;
  }
  .bb_blog_heading h4 a {
    font-size: 18px;
   
  }
  .bb_blog_heading p a {
    font-size: 16px;
}
  .bb_blog_heading p a span {
    font-size: 22px;
  }
.bb_live_mtc_wrapper,.bb_about_wrapper,.bb_team_wrapper,.bb_selection_wrapper,.bb_portfolio_wrapper,.bb_nxt_mtc_wrapper,.bb_test_wrapper,.bb_blog_wrapper,.bb_footer_wrapper,.bb_blog_single_wrapper,.bb_contact_wrapper {
    padding: 40px 0px;
}
.table-responsive
{ 
  overflow-x:auto;
}
}
@media(max-width:540px)
{
  .bb_nxt_mtc_wrapper table tr td:first-child:after
  {
    display: none;
  }
}
@media(max-width:480px){
  .bb_team1_content{
    border-radius: 0;
  }
  .bb_team1_content .bb_team1_img{
    float: none;
    text-align: center;
  }
  
  .bb_team2_content{
    border-radius: 0;
  }
  .bb_team2_content .bb_team2_img{
    float: none;
    text-align: center;
  }
  .bb_about_box h1{
    font-size: 30px;
  }
  .bb_test_box{
    margin-top: 0px;
  }
  .bb_test_img{
    position: relative;
    text-align: center;
    bottom: 0;
  }
  .bb_test_data{
    padding: 30px 20px;
  }
  .bb_test_data:after{
    display:none;
  }
  .bb_countdown ul li {
    margin-right: 7px;
    width: 75px;
    padding: 5px 0px;
  }
  .bb_countdown ul li span{
    font-size: 30px;
  }
  .bb_comment_box .bb_comment_img {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .bb_comment_box .bb_comment_text {
    float: none;
    width: 100%;
  }
  .bb_blog_item .bb_blog_footer > ul > li {
    width: 100%;
  }
  .bb_blog_item .bb_blog_footer > ul > li > ul {
    right: -20px;
  }
  /* .table-responsive
  { 
    overflow-x:auto;
  } */
}

@media(max-width:380px){
  .bb_blog_heading h4{
    font-size:18px;
  }
  .bb_blog_text .ff_blog_social{
    width:100%;
    text-align:center;
    right:0;
  }
  .bb_blog_text .ff_blog_social:before{
    display: none;
  }
  .bb_countdown ul li{
    margin-right: 0px;  
    width: 68px;
    padding: 5px 0px;
  }
}
@media(max-width:1199px)
{
  .bb_menu > ul > li > a
  {
    padding: 0px 7px;
  }
  .bb_team_box:hover .bb_team_text1
  {
    bottom: 41px;
  }
}
@media(max-width:390px)
{
  .bb_page_title
  {
    padding-top: 32px;
  }
}
/* ======menu bar====== */
.wh_menu_top
{
  background-color: rgb(252 133 29);
  margin-top: -15px;
}
ul.wh_nav
{
  display: inline-flex;
    align-items: center;
    padding: 10px 0px;
    margin: 0;
    flex-wrap: wrap;
}
.wh_nav2{
  text-align: end;
  line-height: 43px;
}
li.dd_nav_cls a:hover {
  color: #000;
}
/* li.dd_nav_cls:hover span>svg {
  fill: #000;} */
li.dd_nav_cls:hover span {
  color: #fff;
  fill: #000;
}
li.dd_nav_cls2:hover
{
  color: #000;
}
li.dd_nav_cls2:hover span>svg
{
  fill: #000;
}
a.bb_top_social svg:hover {
  fill: #000;
}
li.dd_nav_cls:hover span i
{
  color: #000;
}
li.dd_nav_cls2 span i
{
  margin-right: 2px;
    font-size: 14px;
}
li.dd_nav_cls
{
  padding-right: 29px;
}
ul.wh_nav li {
  list-style-type: none;
}
li.wh_nav2 {
  list-style-type: none;
}
a.bb_top_social
{
  padding: 6px;
}
li.dd_nav_cls span svg
{
  margin-right: 4px;
}
li.dd_nav_cls span i
{
  margin-right: 4px;
  font-size: 14px;
}
.dd_nav_cls2 span svg
{
  margin-right: 4px;
}
li.dd_nav_cls a
{
  color: #fefefe;
}
li.dd_nav_cls2
{
  color: #fff;
}
li.dd_nav_cls a span svg, li.dd_nav_cls2 span svg, .bb_top_social svg {
  fill: #fff;
}

li.dropdown>a>i
{
  margin-left: 5px;
}

ul.wh_box
{
  display: inline-flex;
    justify-content: center;
    max-width: 100%;
    width: 251px;
    height: 48px;
    align-items: center;
    margin-left: -39px;
   
}
ul.wh_box li
{
  margin-left: 7px;
  list-style-type: none;
}
.wh_active
{
  color: rgb(252 133 29);
}
ul.wh_box li a
{
  color: #fff;
}
span.dd_more a
{
  color: #fc851d;
    font-weight: 600;
    
}
/* ============top manu bar end============== */