/* Your Override and Custom CSS */
body {
    font-family: 'Calibri', sans-serif;
    font-size: 18px !important;
    color: #666;
}
.we-are-partners-no-margin {
  padding-top: 0 !important;
}
header {
    padding-top: .1em;
    padding-bottom: .1em;
    background: #1B5083;
}

#logoseal {
  border: 0 none;
  display: block;
  margin-top:10px;
}
.ccs {
  border-radius: 3px;
  height: 70px;
  margin-top: -59px;
  width: 120px;
}
#logoseal {
  display: block;
  text-align: center !important;
    margin-bottom: 10px;
    margin:0 auto !important;
}
.logo-center {
  margin-bottom: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 10px;
  text-align: center;
}
.container-full {
    max-width: 1285px !important;
}
nav {
    padding-top: 0.0em;
    padding-bottom: 0.3em;
}
.nav-pills > li > a {
    color: #ba1919;
}
.nav > li > a:hover {
    color: #c11e02 !important;
    background: none;
}
.nav-pills > li > a {
    padding: 10px 20px;
    font-size: 18px !important;
}
.nav-pills .dropdown-menu {
    right: 0;
    left: 16px !important;
    width: 321px;
}
.dropdown-menu > li > a:hover {
    color: #c11e02;
}

header .phone {
    font-weight: 700;
    font-size: 23px;
}
.toggle-menu {
    font-size: 18px;
    border-radius: 0;
    background: rgba(0,0,0,0.3) !important;
    border: transparent;

}
.slider {

    background:url("../img/newbanner/f7-min.jpg")no-repeat center center / cover;
    padding-top: 172px;
    padding-bottom: 187px;
}
.slider2 {
    padding: 2.2em 0;
    background: gray;
    color:black !important;
}
.item blockquote {
    border-left: none;
    margin: 0;
    font-size: 21px !important;
}
footer .semi-footer {
    background: #322e2f;
    color: #fff;
    padding: 1em 0;
}
.custom-btn-success {
    color: #ffffff !important;
    background-color:#c11e02 !important;
    border-color: #c11e02 !important;
/*    margin-right:20px !important;*/
}
.custom-btn-success:hover {
    color: #ffffff !important;
    background-color:#c11e02 !important;
    border-color: #c11e02 !important;
}
.topper {
    margin-top: 10px !important;
}
.btn-primary {
    color: #fff;
    background-color: #c11e02;
    border-color: #c11e02;
}
.btn-primary:active {
    color: #fff;
    background-color: #c11e02;
    border-color: #c11e02;
}
.testimonial.testimonial-info .testimonial-writer-name {
    color: #c11e02;
    font-size:24px;
}
header .phone .one {
    color: white;
    font-size: 23px;
}
.panel-info > .panel-heading {
    color: white;
}
.panel-info > .panel-heading {
    background-color: #c11e02;
    border-color: #c11e02;
}
.panel-heading .accordion-toggle::after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: white;
}
.panel-info {
    border-color:#fa909f;
}
.panel-default > .panel-heading {
    color: white;
    background-color: #c11e02;
    border-color: #c11e02;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0px solid #ddd;
    background: white;
    color: gray;
}
.btn-primary:hover {
    color: #fff;
    background-color: transparent;
    border-color: white;
}
.testimonial.testimonial-info .testimonial-section {
    border-color: #a1220c;
    color: #c11e02;
    background-color: rgba(0,0,0,0);
}
.testimonial.testimonial-info .testimonial-section::after {
    border-top-color: #c11e02;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #afafaf !important;
    background-color: transparent;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 0px;
}


select option {
    background:white;
    color: black;
}
select
{
  color:#9b9b9c !important;
}

input::-webkit-input-placeholder {
color: white !important;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: #9b9b9c !important;  
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: #9b9b9c !important;  
}
 
input:-ms-input-placeholder {  
color: #9b9b9c !important;  
}

textarea::-webkit-input-placeholder {
color: white !important;
}


 
/*textarea:-ms-input-placeholder {  
color: white !important;  
}*/
.form-control:focus {
  border-color: #fa7577;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

@media only screen and (min-width : 1200px) {
          .box5 {
                  background: #f4f4f4;
                  border: 3px solid #e2e2e2;
                  padding-top: 1px;
                  padding-bottom: 1px;
                  padding-left: 3px;
                  padding-right: 3px;
                  margin-top: 20px;
                  font-size: 15px !important;
                  height: 245px;
              }
        .nav-pills {
                float: right;
                margin-top: 1.0em;
            }
       /*   .container {
                  width: 1281px;
              }*/

} 
@media only screen and (max-width: 1200px)
{
      #video-background {
        /*  making the video fullscreen  */
          position: absolute !important;
          right: 0 !important; 
          bottom: 0 !important;
          top:-160px !important;
          min-width: 100% !important; 
          min-height: 60% !important;
          width: auto !important; 
          height:auto !important;
          z-index: -100 !important;

        }
}
@media only screen and (max-width : 1024px) 
    {
          #video-background {
      position: absolute;
      right: 0; 
      bottom: 0;
      top:-200px;
      min-width: 100%; 
      min-height: 100%;
      width: auto; 
      height:auto;
      z-index: -100;
    }
      .outs-c {
            color: white;
            font-size: 50px;
            padding-top: -27px;
            padding-bottom: 101px;
            text-shadow: 2px 2px 4px #000000;
        }
      .numtel {
            margin-top: 10px !important;
            margin-right: 20px !important;
            font-size: 19px;
        }
        .calen {
                margin-left: 111px !important;
            }
      .nav-pills > li > a {
                  padding: 10px 14px;
                  font-size: 16px !important;
              }
              .outsource {
                        background: rgba(47,45,45,0.7);
                        font-size: 30px;
                        padding: 20px;
                        color: white;
                        font-weight: bold;
                    }
            .outsource2 {
                        font-size: 30px;
                        color: white;
                        font-weight: bold;
                        font-family: 'Lato', sans-serif;
                    }
            .outsource3 {
                      font-size: 23px;
                  }
            .w {
                  font-size: 20px;
                }
            .box5 {
                  background: #f4f4f4;
                  border: 3px solid #e2e2e2;
                  padding-top: 1px;
                  padding-bottom: 1px;
                  padding-left: 3px;
                  padding-right: 3px;
                  margin-top: 20px;
                  font-size: 14px;
                  height: 267px;
              }
            .box2a {
                background: #f4f4f4;
                border: 3px solid #e2e2e2;
                padding-top: 20px;
                padding-bottom: 0px;
                padding-left: 30px;
                padding-right: 30px;
                height: 545px;
                font-size: 19px;
            }
            .box2 {
                      background: #f4f4f4;
                      border: 3px solid #e2e2e2;
                      padding-top: 20px;
                      padding-bottom: 0px;
                      padding-left: 30px;
                      padding-right: 30px;
                      height: 579px;
                      font-size: 19px;
                  }
            .logo {
                      width: 181px;
                      height: 133px;
                  }
            .box3 {
                height: 759px !important;
            }
          .tit {
                font-size: 15px;
            }
          .whoweare {
              background: url('../img/banners/whoweare-min.png')no-repeat center center / cover;
              padding-top: 280px;
              padding-bottom: 10px;
          }


    }
@media only screen and (min-width : 992px) {
  .back-office div.col-md-3 {
    width: 20% !important;
  }

}
@media only screen and (max-width : 992px) {
    #video-background {
      position: absolute;
      right: 0; 
      bottom: 0;
      top:-400px;
      min-width: 100%; 
      min-height: 100%;
      width: 100%; 
      height:auto;
      z-index: -100;
    }
    nav {
        padding-top: 0.0em;
        padding-bottom: 0.3em;
    }
    .whoweare {
          background: url('../img/banners/whoweare-min.png')no-repeat center center / cover;
          padding-top: 258px;
          padding-bottom: 10px;
      }

}

/* Extra Small Devices, Phones */ 

@media only screen and (max-width : 991px) {

  .careers
{
    background: url('../img/banners/careers-min.png')no-repeat center center / cover;
    padding-top: 300px;
    padding-bottom: 10px;
}

.nav-pills a {
    text-align: center;
    border-radius: 0 !important;
    border: transparent;
    background: white;
}

  .back-office {
    
    text-align: center;
  }
  .nav-pills > li > a {
                  padding: 10px 25px;
                  font-size: 19px !important;
              }

  .nav-pills a {
                  text-align: center;
                  border-bottom: 1px solid white;
                  border-radius: 0 !important;
              }
  .dropdown-menu li a {
                  color:  #c11e02;
              }
        .logo {
                width: 222px;
                height: 140px;
            }
  .box3 {
          background: transparent;
          border: 3px solid #e2e2e2;
          padding-top: 20px;
          padding-bottom: 20px;
          padding-left: 30px;
          padding-right: 30px;
          height: 665px;
          margin-top:10px;      
        }
  .box4 {
            background: #f4f4f4;
            border: 3px solid #e2e2e2;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 30px;
            padding-right: 30px;
            height: 678px;
            margin-top: 10px;
        }
    .red {
          background: #f5f5f5;
          padding: 10px;
          color: white;
          width: 278px;
          border-radius: 2px;
          margin-left: 41px;
          border: 1px solid #d0c6c6;
      }
    .outs-c {
          color: white;
          font-size: 50px;
          padding-top: 20px;
          padding-bottom: 150px;
          text-shadow: 2px 2px 4px #000000;
      }
}
@media only screen and (max-width : 800px) {
  #video-background {
      position: absolute;
      right: 0; 
      bottom: 0;
      top:-460px;
      min-width: 100%; 
      min-height: 100%;
      width: 100%; 
      height:auto;
      z-index: -100;
    }
    .outs-c {
          color: white;
          font-size: 50px;
          padding-top: 20px;
          padding-bottom: 40px;
          text-shadow: 2px 2px 4px #000000;
      }
        .careers
{
    background: url('../img/banners/careers-min.png')no-repeat center center / cover;
    padding-top: 250px;
    padding-bottom: 10px;
}

}
        @media only screen and (max-width : 768px) {

          .whoweare {
                background: url('../img/banners/whoweare-min.png')no-repeat center center / cover;
                padding-top: 148px;
                padding-bottom: 10px;
            }
            .nav-pills a {
                text-align: center;
                border-radius: 0 !important;
                border: transparent;
                background: white;
            }
        footer .semi-footer {
                text-align: center;
            }

        .box5 {
                background: #f4f4f4;
                border: 3px solid #e2e2e2;
                padding-top: 1px;
                padding-bottom: 1px;
                padding-left: 5px;
                padding-right: 5px;
                margin-top: 20px;
                font-size: 19px;
                height: 264px;
            }
            .box3 {
                  height: 790px !important;
                  margin-top: 10px;
              }
              .panel-title {
                    font-size: 15px;
                    color: inherit;
                }
            .box2 {

                      height: 524px !important;
                  }
            .box2a {
                      height: 446px;

                  }

            .tit {
                font-size: 22px;
                  }
            nav {
                  padding-top: 0.5em;
                  padding-bottom: 0em;/*0.5em*/
              }
            .calen {
                    margin-left: 29px !important;
                }
            .red {
                background: #f5f5f5;
                padding: 10px;
                color: white;
                width: 371px !important;
                border-radius: 2px;
                margin-left: -3px;
                border: 1px solid #d0c6c6;
            }
            .w {
                  font-size: 16px;
                }
            .slider {
           
                padding-top: 94px;
                padding-bottom: 85px;
            }
                #video-background {
                  position: absolute !important;
                  right: 0 !important; 
                  bottom: 0 !important;
                  top:-380px !important;
                  min-width: 100% !important; 
                  min-height: 50% !important;
                  width: 100% !important; 
                  height:1200px !important;
                  z-index: -100 !important;
                }
                  .outs-c {
                  color: white;
                  font-size: 50px;
                  padding-top: 20px;
                  padding-bottom: 70px;
                  text-shadow: 2px 2px 4px #000000;
              }
              .successstories {
                  background: url('../img/banners/success-min.png')no-repeat center center / cover;
                  padding-top: 250px;
                  padding-bottom: 10px;
              }
              .whatweoffer {
                  padding-top: 235px;
                  padding-bottom: 10px;
              }
              .howwedoit {
                  padding-top: 235px;
                  padding-bottom: 10px;
              }


          }
    @media only screen and (max-width : 736px) {

      #video-background {
          position: absolute !important;
          right: 0 !important; 
          bottom: 0 !important;
          top:-650px !important;
          min-width: 100% !important; 
          min-height: 100% !important;
          width: 100% !important; 
          height:1700px !important;
          z-index: -100 !important;
        }

  }
    @media only screen and (max-width : 667px) {
         #video-background {
          position: absolute !important;
          right: 0 !important; 
          bottom: 0 !important;
          top:-413px !important;
          min-width: 100% !important; 
          min-height: 100% !important;
          width: 100% !important; 
          height:1700px !important;
          z-index: -100 !important;
        }
        .outs-c {

          color: white;
          font-size: 30px;
          padding-top: 50px;
          padding-bottom: 66px;
          text-shadow: 2px 2px 4px #000000;
          line-height: 36px;

      }

  }

    @media only screen and (max-width : 480px) 
    {
      .whoweare {
          padding-top: 26px;
          padding-bottom: 10px;
      }

      .outs-c {
            color: white;
            font-size: 30px;
            padding-top: 80px;
            padding-bottom: 90px;
            text-shadow: 2px 2px 4px #000000;
        }
        footer .semi-footer {
                text-align: center;
            }
      .panel-title {
              font-size: 14px;
              color: inherit;
          }

        .outsource {
                    background: rgba(47,45,45,0.7);
                    font-size: 24px;
                    padding: 20px;
                    color: white;
                    font-weight: bold;
                    }
        .outsource2
          {
              background: rgba(47,45,45,0.7);
              font-size:21px;
              padding:20px;
              color:white;
              font-weight: bold;
          }
        .content {
            font-size: 15px;
            font-weight: normal !important;
        }
        .box5
          {
              background: #f4f4f4;
              border:3px solid #e2e2e2;
              padding-top:1px;
              padding-bottom:1px;
              padding-left:5px;
              padding-right:5px;
              margin-top:20px;
              font-size:16px;
              height:235px;

          }

          .box2a {
              height: 685px;
          }
          .box2a {
              height: 622px;
                }
          .box2 {
                height: 645px !important;
            }
          .outsource3 {
                font-size: 19px;
            }
          .w {
                font-size: 14px;
            }
          .slider {
     
              padding-top: 40px;
              padding-bottom: 45px;
          }
          .outsource3 {
              font-size: 16px;
          }
          .whoweare {
   
              padding-top: 35px;
              padding-bottom: 22px;
          }
          .whatweoffer {
   
              padding-top: 40px;
              padding-bottom: 40px;
          }
          .howwedoit {
        
            padding-top: 40px;
            padding-bottom: 60px;
        }
        .successstories {
     
            padding-top: 25px;
            padding-bottom: 25px;
        }
        .careers {

            padding-top: 50px;
            padding-bottom: 50px;
        }
        .resources {

          padding-top: 30px;
          padding-bottom: 30px;
      }
      .contact {

          padding-top: 45px;
          padding-bottom: 45px;
      }
        #video-background {
          position: absolute !important;
          right: 0 !important; 
          bottom: 0 !important;
          top:-463px !important;
          min-width: 100% !important; 
          min-height: 100% !important;
          width: 100% !important; 
          height:1700px !important;
          z-index: -100 !important;
        }
    }
    @media only screen and (max-width : 375px) {

      #video-background {
          position: absolute !important;
          right: 0 !important; 
          bottom: 0 !important;
          top:-495px !important;
          min-width: 100% !important; 
          min-height: 100% !important;
          width: 100% !important; 
          height:1700px !important;
          z-index: -100 !important;
        }
      .numtel {
          margin-top: 29px !important;
          margin-right: 28px !important;
          font-size: 17px;
      }
              
    }
    @media only screen and (max-width : 414px) {

      #video-background {
          position: absolute !important;
          right: 0 !important; 
          bottom: 0 !important;
          top:-495px !important;
          min-width: 100% !important; 
          min-height: 100% !important;
          width: 100% !important; 
          height:1700px !important;
          z-index: -100 !important;
        }
              
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

      #video-background {
          position: absolute !important;
          right: 0 !important; 
          bottom: 0 !important;
          top:-510px !important;
          min-width: 100% !important; 
          min-height: 100% !important;
          width: 100% !important; 
          height:1700px !important;
          z-index: -100 !important;
        }

      .alert-success {
          font-size: 13px;
      }

      .panel-title {
                font-size: 14px;
                color: inherit;
            }

        .outsource {
                        background: rgba(47,45,45,0.7);
                        font-size: 18px;
                        padding: 20px;
                        color: white;
                        font-weight: bold;
                    }
        .outsource2
          {
              background: rgba(47,45,45,0.7);
              font-size:17px;
              padding:20px;
              color:white;
              font-weight: bold;
              font-family: 'Lato', sans-serif;
          }

        .box4 {
            background: #f4f4f4;
            border: 3px solid #e2e2e2;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 30px;
            padding-right: 30px;
            height: 777px;
            margin-top: 10px;
        }

        .box2 {
                height: 730px !important;
            }
      .box2a {
              height: 700px;
          }

      .box3 {
            height: 900px !important;
            margin-top: 10px;
        }
      .w {
            font-size: 12px;
        }
      .outs-c {

          color: white;
          font-size: 20px;
          padding-top: 50px;
          padding-bottom: 66px;
          text-shadow: 2px 2px 4px #000000;
          line-height: 36px;

      }
      .whoweare {
          background: url('../img/banners/whoweare-min.png')no-repeat center center / cover;
          padding-top: 20px;
          padding-bottom: 10px;
      }
      .numtel {
          margin-top: 30px !important;
          margin-right: 20px !important;
          font-size: 17px;
      }
              
    }