@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body{font: 16px/30px 'Poppins', sans-serif; font-weight: 300; letter-spacing: 1px; color: #232323;}

.bt-benifits .boxcon img, .btn-btred,.bt-menu, .bt-menu .navbar-expand-lg .navbar-nav .nav-link, .bt-benifits .boxcon, .bt-services .bt-services-box .boxcon, .imgwithplay::before, .imgwithplay .playicon, .bt-services .bt-services-overlap, .bt-portfolio-categories a::after, .bt-carousel .item .portfoliotxt, .customerslogo, .bt-clients-slider .carousel-indicators li, .bt-clients-slider .carousel-control-prev, .bt-clients-slider .carousel-control-next, .bt-footer a{transition: all ease 0.75s;}

.linedot{position: relative; height: 85px; width: 5px; display: block; margin: 30px auto;}
.linedot::before{position: absolute; content: ''; left: 0px; top: 0px; width: 1px; height: 100%; background: #232323;}
.linedot::after{position: absolute; content: ''; left: -3px; top: 0px; width: 7px; height: 7px; background: #232323;}
.botdot::after{top: auto; bottom: 0;}
.w-50px{width: 50px;}
.bt-redtxt{color: #e62828;}
h2{font-size: 42px;}
a{outline: none;}
.btn{border-radius: 0;}
.btn.focus,  .btn:focus, .form-control:focus{box-shadow: none;}
.form-control:focus, .input-group:focus-within { border-color: #111;}
.form-group{margin-bottom: 30px;}
.form-control{border-color: #e9e9e9; border-radius: 0px; height: 58px;}

.btn-btred{background-color:#e62828; color:#fff;   width: 200px;  height: 64px; line-height: 52px; text-transform: uppercase; font-weight:bold ;} 
.btn-btred:hover{background-color:#c01d1d; color:#fff;} 
.navbar-toggler{ color: #fff; font-size: 35px;}

.bt-menu{position: fixed; z-index: 99; width: 100%; padding: 15px 0;  top: 0px;    left: 0px;}
.btdark{background-color: #111; padding: 5px 0; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}
.bt-menu .navbar{padding: 0px;}
.bt-menu .navbar-expand-lg .navbar-nav .nav-link{ color: #fff; padding:15px 20px; }
.bt-menu .navbar-expand-lg .navbar-nav .nav-link:hover, .bt-menu .navbar-expand-lg .navbar-nav .nav-item.active .nav-link{ color: #e62828;}

.bt-slider .carousel-indicators{flex-direction: column; height: 100%; left: auto; margin-right: 20%;}
.bt-slider .carousel-indicators li{height: 18px; width: 18px; border-radius: 50%; background-color: transparent; border: 1px solid #fff; opacity: 1; margin: 5px 0px;}
.bt-slider .carousel-indicators li.active{ background-color: #e62828; border-color:#e62828}

.bt-slidercon{ position: absolute; top: 0; left: 0px; z-index: 9; justify-content: center; height: 100%; display: flex; margin-left:20%; color: #fff; flex-direction:column; width: 50%;}
.bt-slidercon h1{ font-weight: bold; font-size: 75px; margin-bottom: 30px;}
.bt-slidercon p{ font-size: 34px; margin: 0px;}
.bt-slidercon .linedot{ width: 200px; margin-left:0; }
.bt-slidercon .linedot::before{ left: 50%; background: #fff;}
.bt-slidercon .linedot::after{left: 50%; margin-left: -3px; background: #fff; top: auto; bottom: 0;}

.bt-benifits {    margin-top: -180px;    position: relative;    z-index: 9;}
.bt-benifits .boxcon{ background: #211f1f; padding: 43px; color: #fff; border-right: 1px solid #323232; }
.bt-benifits .boxcon:last-child{border: none;}
.bt-benifits .boxcon h4{font-weight: bold; margin: 30px 0px;}
.bt-benifits .boxcon p{margin: 0px;}
.bt-benifits .boxcon:hover{ background:#e62828 url('../images/hube-partten.png'); background-size: cover; background-repeat: no-repeat; background-position: top right;}
.bt-benifits .boxcon:hover img{filter:brightness(0) invert(1);}

.imgwithplay{position: relative;}
.imgwithplay::before{content: ''; position: absolute; left: 50%; top: 50%; width: 0%; height: 0%; border-radius: 50%; background: rgba(230, 40, 40, 0.7);}
.imgwithplay .playicon{position: absolute; top: 50%; left: 50%; margin-left: -65px; margin-top: -65px;  width: 130px; height: 130px; z-index: 2;}
.imgwithplay img{max-width: 100%;}
.imgwithplay:hover::before{width: 96%; height: 96%; border-radius: 0%; left:2%; top: 2%; }
.imgwithplay:hover .playicon{filter:brightness(0) invert(1);}

.bt-progressbar .progress{ border-radius: 0%; margin: 0px 0px; overflow: visible;  position: relative;}
.bt-progressbar .bt-proinner{ margin-bottom: 15px;}
.bt-progressbar .progress-bar {  overflow: visible; background-color: #e62828; width: 0;  -webkit-animation: progress 1.5s ease-in-out forwards;       animation: progress 1.5s ease-in-out forwards; }
.bt-progressbar .progress-bar .title {position: absolute; color: #232323;  font-weight:300; font-size: 18px;     top: -14px;  left: 0;   color: #000;    opacity: 0;    -webkit-animation: show 0.35s forwards ease-in-out 0.5s;  animation: show 0.35s forwards ease-in-out 0.5s; margin-left: -50px; }
@-webkit-keyframes progress {    from {      width: 0;    }    to {  width: 100%;    }  }  
@keyframes progress {    from {      width: 0;    }    to {      width: 100%;    }  }
@-webkit-keyframes show {    from {      opacity: 0;   }    to {      opacity: 1;    }  }
@keyframes show {   from {      opacity: 0;    }    to {      opacity: 1;    }  }
.bt-progressbar p{margin: 0 0 5px 0; font-weight: 400;}

.bt-aboutsec , .bt-services, .bt-awards, .bt-getintouch, .bt-customers{padding: 30px 0px;}

.bt-services{background: url('../images/bt-vector-lines-bg.png') no-repeat; background-position: bottom left;}
.bt-services .bt-services-box {position: relative;    z-index: 9;}
.bt-services .bt-services-box .boxcon{ padding: 30px; border-right: 1px solid #dbdbdb;  border-bottom: 1px solid #dbdbdb; position: relative;}
.bt-services .bt-services-box .boxcon h4{font-weight: bold; margin: 30px 0px;}
.bt-services .bt-services-box .boxcon p{margin: 0px;}
.bt-services .bt-services-box .boxcon:hover{ color: #fff; background:#e62828; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); background-size: cover; background-repeat: no-repeat; background-position: top right;}
.bt-services .bt-services-box .boxcon:hover img{filter:brightness(0) invert(1);}
.bt-services .bt-services-box .boxcon:nth-child(3),
.bt-services .bt-services-box .boxcon:last-child{border-right: none;}
.bt-services .bt-services-box .boxcon:nth-child(4), .bt-services .bt-services-box .boxcon:nth-child(5), .bt-services .bt-services-box .boxcon:nth-child(6){border-bottom: none;}
.bt-services .bt-service-ra{ margin: 30px 0px 0 0; display: inline-block;}
.bt-services .bt-services-overlap{position: absolute; bottom: 0; right: 0; width: 75%; height: 45%; opacity: 0; text-align: right;} 
.bt-services .bt-services-overlap img{ width: 75%;}
.bt-services .bt-services-box .boxcon:hover .bt-services-overlap{opacity: 0.15;}
  
.bt-portfolio-slider{ background: #211f1f url(../images/bt-cube-bg.png) no-repeat; background-size: cover; padding: 150px 0px 50px ;}
.bt-portfolio-categories{ text-align: right; margin-top: 45px;}
.bt-portfolio-categories a{ text-transform: uppercase; margin: 15px; color: #fff; font-weight: 300; text-decoration: none; position: relative; font-weight: 400; font-size: 20px;}
.bt-portfolio-categories a:hover, .bt-portfolio-categories a.active{color: #e62828; }
.bt-portfolio-categories a::after{content: ''; width: 0%; height: 1px; position: absolute; bottom: 0px; left: 0px; background: #e62828; }
.bt-portfolio-categories a:hover::after, .bt-portfolio-categories a.active::after{width: 100%;}

.bt-carousel .item{ position: relative; color: #fff; text-align: center; overflow: hidden;}
.bt-carousel .item .portfoliotxt{ position: absolute; width: 100%; height: 100%; background: rgba(58, 58, 58, 0.5); z-index: 9; bottom: -100%; left: 0px; padding-top: 50%;}
.bt-carousel .item .portfoliotxt .titletxt{ text-transform: uppercase; font-weight: bold;}
.bt-carousel .item:hover .portfoliotxt{ bottom: 0;}
.bt-carousel .owl-dots .owl-dot span{width: 18px !important; height: 18px !important; background-color: transparent !important; border: 1px solid #fff;}
.bt-carousel .owl-dots .owl-dot.active span{ background-color: #e62828 !important; border-color:#e62828}
.bt-carousel .owl-dots {    margin-top: 50px;}

.bt-customers-box{position: relative; margin: 50px 0px;}
.bt-customers-box::before{position: absolute; content: ''; top: 0; right: 0; width: 50%; height: 100%; background:#e62828 url(../images/bt-statue-of-liberty.png) no-repeat; background-size: contain; background-position: bottom right;}
.customermsg{ margin-top:150px; padding: 50px; margin-bottom: 50px;}
.customermsg h3{line-height: 38px;}
.customermsg .quote-icon{ margin-bottom: 10px; display: inline-block;}
.customermsg .signature{ margin-top: 85px;}
.customerslogo{ padding:30px 15px; filter: grayscale(100%);}
.customerslogo img{max-width: 100%;}
.customerslogo:hover{filter: grayscale(0%);}

.bt-getintouch{position: relative; margin: 50px 0px;}
.bt-getintouch-img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;    background: url(../images/bt-get-in-touch.jpg) no-repeat;        background-position: center;    background-size: cover;}
.bt-getintouch-img img{max-width: 100%;}
.bt-all-count{ padding: 110px 75px 0px 75px;}
.bt-count-box{color: #fff; margin-bottom: 65px; padding: 0px 15px;}
.bt-count-box h3{ font-size: 62px; font-weight: 600;}
.bt-count-box .font-weight-bold{font-size: 20px;}

.bt-awards{position: relative;}
.bt-awards-bg{position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: -1; height: 67%; background: url('../images/bt-our-clients-says.jpg') no-repeat; background-size: cover; background-position: center;}
.bt-clients-bg{position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: -1; height: 67%; background: url('../images/bt-clients-bg.jpg') no-repeat; background-size: cover; background-position: center;}
.bt-clients-slider{padding-bottom: 10px;}
.bt-clients-slider .carousel-indicators{ position: relative; bottom: auto; top: 0px; margin: 75px 0px -15px 0px;}
.bt-clients-slider .carousel-indicators li {    border-radius: 50%;    width: 150px; overflow: hidden;   height: 150px;    opacity: 1 !important;    margin: 0px -25px;    filter: grayscale(100%); text-indent: 0%;}
.bt-clients-slider .carousel-indicators li img{max-width: 100%;}
.bt-clients-slider .carousel-indicators li:hover, .bt-clients-slider .carousel-indicators li.active{  width: 200px;    height: 200px;  filter: grayscale(0); margin-top: -50px;}
.bt-clients-slider .carousel-indicators li.active{z-index: 1;  position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.bt-clients-slider .carousel-control-prev, .bt-clients-slider .carousel-control-next { margin-top: -45px; top: 50%;   width: 90px;    height: 90px;    border-radius: 50%;    border: 2px solid #e62828; opacity: 1; font-size: 30px;}
.bt-clients-slider .carousel-control-prev:hover, .bt-clients-slider .carousel-control-next:hover{background:#e62828 ;}

.bt-clients-slider .bt-clientname{ font-size: 22px; font-weight: bold;}
.bt-clients-slider .bt-clientdesc{ font-size: 16; font-weight: light; font-style: italic;}

.bt-clients-slider .linedot::before{ background: #fff;}
.bt-clients-slider .linedot::after{ background: #fff;}

.bt-footer{ padding: 100px 100px 0 100px; background: #1f1f1f; color: #a8a8a8;}
.foot-about{padding-right: 100px;}
.bt-footer h4{ text-transform: uppercase; color: #e62828; font-size: 18px; margin: 20px 0;}
.bt-footer a{color: #a8a8a8; font-size: 16px; text-decoration: none;}
.bt-footer a:hover{color: #e62828;}

.bt-newsletterfrom .form-control{ background: #404040; border: none; padding-right: 75px; color: #fff;}
.bt-newsletterfrom .btn {    height: 45px;    width: 135px;    font-size: 14px;    font-weight: 400;    line-height: 34px;    position: relative;    left: -60px;    top: 6px; z-index: 9;}

.bt-socialicons{ text-align: right;  margin-top: 150px;}
.bt-socialicons a{ font-size: 25px; margin: 0px 15px; color: #e62828;}
.bt-socialicons a:hover{color: #fff;}

.bt-gototop{text-align: right; margin-top: 50px; margin-bottom: 30px;}
.bt-gototop a{ color: #fff; display: inline-block; width: 50px; height: 50px; text-align: center; background:#e62828; font-size: 25px; line-height: 50px;}
.bt-gototop a:hover{ background: #fff; color: #e62828;}

.bt-copyright{ background: #1f1f1f; color: #a8a8a8;  padding: 30px 100px; border-top: 1px solid #a9a9a9;}


.team_list{text-align:center;}
.team_list h6{ margin:30px 0px; text-transform:uppercase;   transition:all ease 0.75s; }
.team_list h6 span{ color:#e52828;  transition:all ease 0.75s;}
.team_list:hover h6{color:#e52828;}
.team_list:hover h6 span{ color:#333;}
.team_list img{ transition:all ease 0.75s; -webkit-filter: grayscale(100%);  filter: grayscale(100%);}
.team_list:hover img{ -webkit-filter: grayscale(0%);  filter: grayscale(0%);  transition:all ease 0.75s;}
.team_box{ width:250px; height:250px; box-shadow:0px 0px 10px rgba(0,0,0,0.2); display:block; margin:0px auto; background:#fff; position:relative; top:0px; left:0px; transition:all linear 0.3s; z-index:9}
.team_box::before{content:''; position:absolute; width:90%; height:90%; top:5%; left:5%; border:1px solid #e52828;  transition:all linear 0.3s; z-index:5}
.team_box::after{content:''; position:absolute; width:100%; height:100%; top:0; left:0; transition:all ease 0.9s; z-index:1; opacity:0; background:rgba(255,255,255,0);}
.team_box img{ position:relative; transition:all ease 0.75s; z-index:1; max-width:100%; max-height:100%;}
.team_list:hover .team_box img{ z-index:6}
.team_list:hover .team_box{ top:-15px; left:15px;}
.team_list:hover .team_box::before{ top:10%; left:-10%; width:100%; height:100%; border-color:#555;}
.team_list:hover .team_box::after{ opacity:1; transition:all ease 0.9s; background:rgba(255,255,255,1);}
.teamlogo {position: absolute;z-index: 9;right: 15px;top: 15px;opacity: 0.1; transition:all ease 0.3s; }
.team_list:hover .teamlogo { opacity:1; right:5px; top:5px;}
.awarddbox .team_list p{ text-align:center;  color:#e52828}
.awarddbox .team_list h5{ margin-top:30px; margin-bottom:0px; line-height:30px; color: #fff;}
.awarddbox .team_box{ width:100%; height:250px;}
.awarddbox  .team_list:hover .team_box::before{ z-index:1;}
.awarddbox .team_box{ background:#fff url('../images/trophy.png') no-repeat; background-position: 133% center; }


@media(max-width:1680px){
.h4, h4 {font-size: 1.3rem;}
.bt-clients-slider {padding-top: 0px;}
.bt-slidercon{margin-left: 17%;}
.bt-slider .carousel-indicators{margin-right: 17%;}
}
@media(max-width:1600px){
.bt-benifits {margin-top: -125px;}
.bt-clients-slider .carousel-control-prev, .bt-clients-slider .carousel-control-next{top: 75%;}
.bt-slidercon {    margin-left: 15%;}
.bt-slider .carousel-indicators{margin-right: 15%;}
}
@media(max-width:1536px){
.bt-slidercon {        margin-left: 14%;    }
}
@media(max-width:1440px){
.foot-about{ padding-right: 50px;}
.bt-slider .carousel-indicators {    margin-right: 11%;}
}
@media(max-width:1366px){
.bt-benifits {margin-top: -80px;}
.bt-getintouch .col-md-7.pl-5 {max-width: 90%;}
.bt-slidercon h1{font-size: 55px;}
.bt-slidercon p { font-size: 28px;}
.bt-count-box .font-weight-bold {font-size: 18px;}
.bt-footer { padding: 100px 50px 0;}
.bt-all-count {    padding: 110px 30px 0px;}
.bt-slider .carousel-indicators {    margin-right: 10%;}
}
@media(max-width:1199px){
.container, .container-lg, .container-md, .container-sm {max-width: 95%;}
.bt-slider .carousel-indicators {    margin-right: 5%;}
}
@media(max-width:1024px){
.bt-slidercon h1 {    font-size: 40px; margin-bottom: 10px;}
.bt-slidercon p {    font-size: 20px;}
.btn-btred{width: 150px;    height: 50px;    line-height: 36px;}
.bt-slidercon .linedot {    width: 150px; height: 50px;}
.bt-slidercon {    margin-left: 5%;}
.bt-portfolio-categories a{font-size: 15px;}
.h4, h4 {font-size: 1rem;}
h2 {font-size: 35px;}
.bt-count-box h3 {font-size: 40px;}
.bt-all-count {    padding: 60px 30px 0px;}
.bt-count-box{padding: 0;}
.bt-count-box .font-weight-bold {font-size: 16px;}
.bt-footer {padding: 50px 0px 0;}
}
@media(max-width:991px){
.bt-footer .col-md-4{ max-width: 100%; flex: 0 0 100%;}
.bt-footer .col-md-2{ max-width: 50%; flex: 0 50%;}
.bt-socialicons {    text-align: left;    margin-top: 50px;}
.foot-about {    padding-right: 0;}
.bt-copyright{padding: 30px 0px;}
.bt-copyright .float-right{float: none !important; display: block; margin-top: 15px;}
.navbar-nav {    margin: 0px !important;}
.bt-menu .navbar-expand-lg .navbar-nav .nav-link{padding: 10px 5px;}
.navbar-brand{padding-top: 0;    padding-bottom: 0;    margin-right: 0;}
.bt-customers h4 {    margin-bottom: 30px !important;}
}
@media(max-width:830px){
.bt-slidercon h1 {font-size: 30px;}
.bt-slidercon .linedot{margin: 15px auto 15px 0;}
.bt-benifits {margin-top: 0;}
.bt-benifits .boxcon{border-bottom: 1px solid #323232;    }    
.bt-benifits .boxcon, .bt-aboutsec .col-md-6, .bt-customers-box .bt-customers-list, .bt-getintouch .bt-count{max-width: 100%;    flex: 0 0 100%;}
.imgwithplay{margin-top: 30px;}
.imgwithplay img {    width: 100%; }
.bt-services-box .boxcon{max-width: 50%;    flex: 0 0 50%; border-right: 1px solid #dbdbdb !important; border-bottom: 1px solid #dbdbdb !important;}
.bt-services-box .boxcon:nth-child(even){border-right: none !important;}
.bt-services-box .boxcon:nth-child(5), .bt-services-box .boxcon:last-child{border-bottom: none !important;}
.bt-portfolio-categories a{margin: 15px 10px; font-size: 13px;}
.bt-portfolio-slider{padding: 85px 0px 50px;}
.bt-customers-box::before{width: 100%;  height: 45%; top: auto; bottom: 0;}
.bt-getintouch .bt-count{margin-bottom: 30px;}
}

@media(max-width:767px){
.bt-slidercon h1{margin-top: 45px;}
.bt-portfolio-categories {    text-align: left;    margin-top: 0;    margin-bottom: 30px;}
.bt-portfolio-slider h4{ margin-bottom: 30px !important;}
.bt-getintouch .col-md-7.pl-5 {    max-width: 100%;    padding-left: 15px !important;}
.bt-slider {    margin-top: 65px; }
.bt-menu{background-color: #111; padding: 10px 0;}
.bt-newsletterfrom .btn{width: auto;}
.h4, h4 {    font-size: 1.3rem;}
.customerslogo { padding: 15px;}
.bt-customers-box{margin-top: 0px;}
.bt-getintouch .bt-count:last-child{margin: 0px;}
.customermsg{margin-top: 0px;}
}

@media(max-width:630px){
.bt-slidercon h1 {font-size: 25px;}    
.bt-slidercon p {font-size: 16px;}
.bt-slidercon .linedot{height: 35px;    }
.bt-slidercon h1 {margin-top: 0px;}
.container, .container-lg, .container-md, .container-sm {    max-width: 100%;}
}
@media(max-width:575px){
.bt-slidercon{width: 60%;}
}
@media(max-width:475px){
.bt-slidercon {width: 100%;text-align: center;margin: 0px;}
.bt-slidercon .linedot{width: 100%;}
.bt-slidercon .btn-btred{margin: 0px auto;}
.bt-services-box .boxcon {    max-width: 100%;    flex: 0 0 100%;    border-right: none !important;    border-bottom: 1px solid #dbdbdb !important;}
.bt-services-box .boxcon:nth-child(5){ border-bottom:1px solid #dbdbdb !important;}
.bt-clients-slider .carousel-control-prev, .bt-clients-slider .carousel-control-next {    top: 115%;}
.bt-clients-slider .carousel-indicators li{width: 100px;    height: 100px;}
.bt-clients-slider .carousel-indicators li:hover, .bt-clients-slider .carousel-indicators li.active {    width: 150px;    height: 150px;}
.customermsg {margin-top: 0; padding: 0px;}
.customermsg h3 {line-height: 30px; font-size: 20px;}
.customermsg .signature { margin-top: 50px;}
h2 {    font-size: 25px;}
}
@media(max-width:414px){
.bt-slidercon h1 {    font-size: 20px; margin: 0;}
.bt-slidercon p {    font-size: 13px;}
.btn-btred {    width: 150px;    height: 40px;    line-height: 27px;    font-size: 14px;}
.bt-awards-bg{height: 75%}
.bt-benifits .boxcon, .bt-services .bt-services-box .boxcon {    padding: 30px 15px;}
.bt-progressbar p { margin: 0 0 20px 0}
.bt-all-count {padding: 30px 15px 0px;}
.bt-footer .col-md-2 {    max-width: 100%;    flex: 0 100%;}
.bt-footer h4{font-size: 16px;}
}