/*button*/

.cust-new-btn{
  background: #ef473d;
  color: #333;
  border-radius: 3px;
  border:1px solid #ef473d;
}

.cust-new-btn:hover,.btn:not(:disabled):not(.disabled):active{
    color: #fff;
    background:black;
    border-color:black;
  }
.navbar-expand-lg .navbar-nav .nav-link {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
     color: #fff;
}
 .navbar-dark.scrolled .navbar-nav .show>.nav-link{
  color: #000;
}
.navbar-dark .navbar-nav .nav-link:focus{
  color: #ef473d;
    border-bottom: 1px solid #ef473d;
}
.navbar-dark.scrolled .navbar-nav .show>.nav-link{
  color: #ef473d;
}
.middle-area-services{
 height: 550px;
    overflow-x: hidden;
    overflow-y: auto;
}
/* width */
.middle-area-services ::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.middle-area-services ::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.middle-area-services ::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.middle-area-services ::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
/* banner */
.new-banner{
  background-image: 
    /* top, transparent blue */
    linear-gradient(
      rgba(0, 37, 57, 0.9), 
      rgba(0, 37, 57, 0.9)
    ),
    /* your image */
    url('../imgs/banner-bg.jpg');
    background-size: cover;
    margin-top:60px;
    padding:80px 0;
    color: #fff;
    min-height: 400px;
}
.new-banner .btn-banner{
  color: #fff;
  border:1px solid #fff;
}
.new-banner .btn-banner:hover, .new-banner .btn-banner:focus{
  background: #000;
  border:1px solid #000;
}
section.testis .testimonial {
    border: 1px solid #ddd;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
section.testis .testimonial .title {
    padding: 7px 0;
    margin: 0 -30px 20px;
    border: 7px solid #fff;
    background: none;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
}
section.testis .testimonial .title {
       border: 0px solid #fff;
 }
section.testis .testimonial .title:before {
  border-top: 0px solid #662a66;
}

section.testis .testimonial .title:after {
  border-top: 0px solid #662a66;
} 
section.testis .testimonial{
  box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
  border:0px;
  margin: 30px 15px;
}
section.testis .testimonial .title {
  color: #333;
  margin:0 0px 15px;
}
section.testis .testimonial .post{
  color: #333;
  display: block;
  padding-top:10px;
}
section.testis .testimonial .description{
  padding: 0 10px;
  font-size: 14px;
  line-height: 22px;
}
section.testis .testimonial:before{
  position: static;
  line-height:50px;
}
.britwise .accordion .btn-link:hover {
    text-decoration: none;
}
.britwise .accordion .btn-link:focus {
    text-decoration: none;
}
section.quck-lnk{
  background: #002940 !important;
  padding: 30px 40px;
}
section.quck-lnk .quck-lnk-para{
  padding-top: 10px;
}
section .quck-lnk-btn{
    display: inline-block;
    border: 1px solid #fff;
    padding: 6px 15px;
    font-size: 18px;
    color: #fff;
    border-radius: 3px;
    margin-left: 25px;
}
section .quck-lnk-btn:hover{
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
  background: #fff;
  color: #3d3d3d;
}
.accordion .card-header {
    padding: .5rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0px;
}
.accordion .card{
  border-radius: 0px;
}
.accordion .card-body{
  padding-top: 0px;
}
.accordion .btn-link {
     color: #000; 
}
.navbar {
    background: none;
  
}
.banner{
/*  background: url('../imgs/banner-bg.jpg');
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);*/

  background-image: 
    /* top, transparent blue */
    linear-gradient(
      rgba(0, 37, 57, 0.9), 
      rgba(0, 37, 57, 0.9)
    ),
    /* your image */
    url('../imgs/banner-bg.jpg');
    margin-top:-60px;
    padding-bottom: 7%;
}
.banner .carousel .carousel-inner {
    background: none;
}
.banner .carousel .carousel-inner .carousel-item h1 {
    padding-top: 12%;
}
.cust-btn-outline {
    border-radius: 3px;
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}
section.testis .testimonial:before {

    color: #ed463d;
 
}
.owl-theme .owl-controls .owl-buttons div {

   background-color: #ddd;
  
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {

    background: #003a5a;
}
.cust-btn {
     border-radius: 3px;
}
footer{
  /*background-image: url('../imgs/footer-bg.png') top left no-repeat;*/
  background: linear-gradient(to left, #003a5a 35%, #003553 35%, #003553 75%);
 /* position: relative;*/

}
footer .footer-bg{
background: url('../imgs/footer-bg.png') top left no-repeat ;
background-size: 65%;
 /* position: absolute;*/
  
}
footer .title {
    font-size: 16px;
}
footer .social-icon {
    width: 45px;
    height: 45px;
}
.copy-right{
  opacity: 0.5;
}
/*blockchain css*/
.service-styel .benefites {
    background: url(../imgs/services/angular/benefit-bg.png) top left;
    background-size: cover;
}
.overview .title {
    text-align: center;
}
.benefites {
    background: url(../imgs/services/angular/benefit-bg.png) top left;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0;
}
.pros-of-blockchain{
  background:#f5f5f5;

}
.pros-of-blockchain p{
  font-size: 14px;
   
}
.pros-of-blockchain .border-bx{
  position: relative;
}
.pros-of-blockchain .border-bx .number{
  position: absolute;
  left:75%;
  top:0;
  font-size:50px;
  color: #ddd;
}
.why-blockchain{
  background: #003a5a;
}
.gray-bg{
  background: #f2f2f2;  

}
.service-styel .benefites .benefite {
   
   margin-left:auto;
   margin-right:auto;
   display: block;
}
.blockchin-technology{
  background: linear-gradient(to left, #f2f2f2 42%, #fff 35%, #fff 68%);
  padding:20px;
}

/* ===================== End Max Width 767 ====================== */
@media (min-width: 1024px){
  .text-center-md{
    text-align: center;
  }
  .ios_serivces-grids {

    min-height:auto;
}
 
}
@media(max-width: 767px){
  footer{
  /*background-image: url('../imgs/footer-bg.png') top left no-repeat;*/
  background: linear-gradient(to left, #003553 35%, #003553 35%, #003553 75%);
 /* position: relative;*/

}
 .blockchin-technology{
  background: #fff;
  padding:20px;
}
.banner .carousel .carousel-inner .carousel-item{
  text-align: left;
}
.banner .carousel .carousel-inner .carousel-item h1 {
    padding-top: 20%;

}
.service-styel .overview .title {
    text-align: left;
}
footer .title {
    margin-bottom: 0.5rem;
    font-size: 14px;
}
}

/*iphone css*/

.ios_serivces-grids {
    border-top: 5px solid #152f4c;
    box-shadow: 0 2px 20px 1px rgba(21, 47, 76, 0.35);
    padding: 15px;
    background: #fff;
    height: auto; 
    margin-top:30px;
    min-height:470px;
}
.get-started{
  background:#003a5a;
}
.why-choose{
  padding:30px;
}
.sideways{
  background:#003a5a;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  padding:15px;
}
.sideways li{padding:5px 0px;}
.sideways li a{
  display: block;
  border-bottom: 1px solid #003a5a;
  color: #fff;
  padding:5px 0px;
}
.sideways li a:hover{
  border-bottom:1px solid #ef473d;
  border-image: linear-gradient(to left, #003a5a 65%, #003a5a 65%, #ef473d 35%);
  border-image-slice: 1;
}

.why-choose-bg{
  background: url(../imgs/services/angular/benefit-bg.png) top left;
  padding:60px 20px;
}

img.services_imges {
    width: 50px;
    padding:5px;
    min-height: auto;
}
img.maintenance-img {
    min-height: 530px;
    width:auto;
}
@media(max-width: 767px){
.banner.iphone-banner{

    margin-top:40px;
   
}
.ios_serivces-grids {

    margin-top:15px;

}
.why-choose {
    padding: 30px 0;
}
.why-choose-bg{
  background: none;
  padding:15px 0;
 
}
.ios_serivces-grids {

    min-height:auto;
}
}
/*ReactJS */

.vue_services_img{
  width:70%;
}
.reactJs-features{
  background: url(../imgs/black-bg.jpg) top left;
  color: #fff;
}
section.why_vue_section {
    background: #fff;
}
.why_vue_img{
  width:60px;
  padding-bottom: 10px;
}
.why-choose-bg{
 background: url(../imgs/services/reactjs/why-choose-bg.jpg) top left;
 color: #fff; 
 padding:15px;
 
 margin-bottom: 30px;
}
.react-process{
  border:1px dashed #ccc;
  border-radius: 10px;
  padding:15px;
  min-height: 250px;
}
.react-process ul {
  list-style: none;
  padding-left:15px;
}

.react-process ul li::before {
  content: "\2022";
  color: #00aeef;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
.react-process img{
  width:50px;
}
@media (min-width: 1024px){
 .why-choose-bg{
  min-height: 260px;
 }
 
}
/*------vuejs------------*/

.vue_services_sec .dash-border{
  border:1px dashed #ccc;
  padding:0 50px 30px 50px;
}
.vue_services_sec .dash-border h2{
  background:#fff;
  margin-top:-50px;
  display: inline-block;
  padding:10px;
}
section.why_vue_section{
  background: url(../imgs/black-bg.jpg) top left;
  color: #fff;
}
.vuejs-development{
  padding:60px 0;
}
.vuejs-development img{
  width:60px;
  border-radius: 50%;
  background: #f2f2f2;
  padding:10px;
}
.Vuejs-benefits .nav-link{
  width:132px;
  height:80px;
}
.Vuejs-benefits .benefit-content img{
  width:300px;
}
.Vuejs-benefits .nav-link.active {
    font-size: 16px;
    border:0px !important;
    background: #003a5a;
    color: #fff !important;
    border-radius: 0px;
}
.Vuejs-benefits .nav-link:hover {
    border-color: transparent;
}
.Vuejs-benefits .nav-tabs {
    border-bottom: 0px ; 
    background: #f6f6f6;
}
.hire_vuejs-dev{
  background: url(../imgs/services/vuejs/hire-vuejs-bg.jpg) top center;
  padding-top:60px;
}

@media (min-width: 1024px){
.vuejs-development .bg-white{
  min-height: 350px;

}
}
@media (max-width: 767px){
  .new-banner{
        padding: 30px 0;
  }
  .vue_services_sec .dash-border{
    border:0px dashed #ccc;
    padding:0;
  }
  .vue_services_sec .dash-border h2{
    margin-top:20px;
    padding:0px;
  }
  .Vuejs-benefits .nav-link {
    width: auto;
    display: block;
    height:auto;
}
  .Vuejs-benefits .nav-tabs .nav-item {
    display: block;
}
}
/*node js*/
.why-nodejs{
  background: #f5f5f5;
}
.why-nodejs h2{
  padding-bottom: 30px;
}
.why-nodejs .title{
  font-weight: bold;
}
.why-nodejs .why-section{
  background: #fff;
  min-height: 250px;
  padding: 15px;
  margin-bottom: 15px;
  border-bottom: 3px solid #ccc; 
}
 .node-benefites{
  background: #181818;
  color: #fff;
}
.service-styel-1 .hire {
    background: #fff;
}
.green-box{
  border:1px solid #83cd29;
  min-height: 350px;
  margin-bottom: 30px;
  padding: 15px;
}
.green-box img{
  float: left;
  height:80px;
  
  margin-left:-40px;
  padding-right:20px;
  background: #fff;

}
.green-box .title{
  font-weight: bold;
}

span {
  content: "\2713";
}
@media (max-width: 767px){
.green-box img{
display: none;

}
.green-box{ 
  min-height: auto;
  }
  .why-nodejs .why-section {
    min-height: auto;
  }
}
@media (max-width: 1024px){
.why-nodejs .why-section {
    min-height: auto;
  }
}
/*python*/

.python-dev-services-bg{
  background: url(../imgs/black-bg.jpg) top left;
  padding-bottom:150px;
}
.python-services{ 
   margin-top:-100px;
    
}
.post-slide8{margin:0 15px;position:relative;background:#fff;box-shadow:0 1px 2px rgba(43,59,93,.3);margin-bottom:2em; min-height: 530px;}
.post-slide8 .post-img{position:relative;overflow:hidden}
.post-slide8 .post-img img{width:100%;height:auto}



.post-slide8 .post-content{
  padding:15px;
}

.post-slide8 .post-description{
  font-size:14px;
  line-height:24px;
  color:grey;
}

.python-tabs li{
  float: left;
  width:160px;
  padding:10px;
  text-align: center;

}

.process-bg{
  background: url(../imgs/services/python/process-bg.png) top left no-repeat;
  background-size: 100%;
  margin-top:30px;
}
.process-bg .flex-fill{
  padding-top:32%;
  padding-left:10px;
  padding-right: 10px;
  width:200px;
  font-size:11px;
}

div.android-banner {
    padding: 151px 0 60px 0;
      }
.angular-banner {

    background: #b50a28;
    color: #fff;

    padding: 170px 60px 60px 60px;
}
.mean-banner {
    background: #00728c;
    padding: 155px 0 60px 0;
    } 
.python {
  padding-top: 160px;
}
.hire-python-devlopere{
  background: url(../imgs/services/vuejs/hire-vuejs-bg.jpg) no-repeat cover;
padding-top:100px;
}
.mean-stack-dvlpmnt .overview .shadow{
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

@media (min-width: 767px)and(max-width: 992px){
.process-bg{
  background: none;
  
  margin-top:30px;
}
 .process-bg .flex-fill{
  padding-top:0;
  padding-left:0px;
  padding-right: 0px;
  width:auto;
  font-size:14px;
}
.hire-python-devlopere {
    padding-top:10px;
    background: none;
}
.post-slide8 {

    min-height: auto;
}
}
/*means*/
.vertical-tab .nav-tabs {
   
    background: #010000;
    padding:0 10px 0 10px;
}
.vertical-tab .nav-tabs li.active a{
  border:1px solid #fff;
  font-weight: normal;
}
.vertical-tab .nav-tabs li a{
   font-size: 14px;
   text-align: left;
   color: #aaa;
   padding:15px 0;
   border:0px;
   border-bottom: 1px solid #4e4d4d;
 
}
.vertical-tab .nav-tabs li a:hover, .vertical-tab .nav-tabs li.active a, .vertical-tab .nav-tabs li.active a:hover {
    color: #fff;
    background-color: transparent;
    border:0px;
    border-bottom: 1px solid #fff;

}
.vertical-tab .nav-tabs li.active a:after, .vertical-tab .nav-tabs li a:hover:after{
    opacity: 0;
    left: 0;
}
.vertical-tab .nav-tabs li a:before{
  background-color: transparent;
}
.vertical-tab .nav-tabs{
  width:45%;
}

.vertical-tab .tab-content{
  background-color: #fff;
  border:1px solid #ccc;  
}
.vertical-tab .tab-content h3{
  padding-bottom: 10px;
  padding-top:10px;
}
.mean-service{
  background: #003a5a !important;
}
.why_chse {
    padding:20px;
    }
.why-britwise-mean{
    background: url(../imgs/black-bg.jpg) center;
    color: #fff;
    padding:60px 0;
}
.why_python img{
  width: 160px;
  padding-bottom: 10px;
}
.choose-mean-stack-dev img{
  width:50px;

}
.choose-mean-stack-dev .nav-tabs .nav-link.active, 
.choose-mean-stack-dev .nav-tabs .nav-link:hover{
  border:1px solid transparent;
}
.choose-mean-stack-dev .nav-link{
      padding: .5rem 2.5rem;
}
.choose-mean-stack-dev .tab-content{
  border:1px solid #ccc;
  padding:5px;
}
.service-styel-1 .services.mean-stck 
.hovicon.effect-4 img {
    width: 60px;
  }
  .service-styel-1 .services.mean-stck .hovicon.effect-4 {
    background:rgba(255,255,255,.9);
}
@media (max-width: 767px){
  .advantage-meanstack .nav-tabs{
    display: none;
  }
  .advantage-meanstack .tab-content>.tab-pane {
    display: block;
  }
  .advantage-meanstack .fade {
   opacity: 1;
    }
  .choose-mean-stack-dev .nav-link {
    padding: .5rem .5rem;
  }
  .choose-mean-stack-dev img {
    width:35px;
  }
  section.why_python{
    padding-top:40px;
    padding-bottom:40px;
  }
}
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
/*android-developent*/
.why-android{
  background: url(../imgs/black-bg.jpg) center;
  color: #fff;
  padding:60px 0;
}
.process-title{
  display: block;
  margin:15px auto;
}
.process-title h3 {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  border-radius: 25px;
  display: inline-block;
  padding:15px;
}
.android-benefites .benefit-box {
    border: 2px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    padding-left: 40px;
}
.android-benefites .benefit-box:before {
    background: #d4dee2;
    border-radius: 100%;
    content: url(../imgs/services/mean-stack/globe-tick.png);
    height: 31px;
    left: 2px;
    margin-top: -20px;
    padding: 2px;
    position: absolute;
    top: 60%;
    width: 31px;
}
.android-benefites .benefit-box {
    padding-left: 30px;
}
.android-benefites .benefit-box:before {
  top:45%;
  }
@media (max-width: 767px){
  .android-benefites .benefit-box:before {
   
    content: none;
   
  }
  .android-benefites .benefit-box {

    padding-left:15px;
}
}
/*angular*/
.angular-benefits{
  background: url(../imgs/black-bg.jpg) center;
    color: #fff;
    padding:60px 0;
}
.angular-benefits .title{
  color: #ffd200;
}
.angular-benefits h4{
  line-height: 24px;
}

.functionalities-angularjs .post-slide8{
  min-height: 350px;
}
.functionalities-angularjs .post-slide8 .post-img{
  width:25%;
  padding-left:15px;
}
.why-us-angular{background: url(../imgs/services/angular/benefit-bg.png);
  background-size: cover;}
.why-use-angularJs{
  
}
/* contact*/
.input-group textarea {
    resize: none;
    height: auto;
}
/* client */
.clients img{
 filter: grayscale(80%);
 transition-duration: 60s ease-in-out;
}
.clients img:hover{
  filter:drop-shadow(0 0 0.50rem #ddd);
  transition-duration: 60s ease-in-out;
}
  .dropdown-menu .first-nav {
    min-height: auto;
}
.navbar-nav .nav-link{
  border-bottom: 1px solid transparent;
}
@media (min-width: 768px){
.nav-link {
    display: block;
    padding: .75rem 1rem;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }
 .dropdown-menu .dropdown-item {
    margin-left: 20px;
  }
  .dropdown-menu p {
     margin-left:10px;
    }

.navbar-expand-lg .navbar-nav .dropdown-menu {
   
    margin-top: -7px;
}

}
/* Hire Developer */
.hire-developers{
  background: #f7f7f7;
}
.hire-developers .hire-section{
  background:#fff;
  border-radius: 3px;
}
.hire-developers .hire-section img{
  height: 80px;
}