* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  word-wrap: break-word;
}

body {
  color: #000;
  line-height: 1.3;
  font-weight: 400;
  font-size: 15px;
  font-family: 'Rubik', sans-serif;
  overflow-x: hidden !important;
}

p {
  font-size: 15px;
  font-weight: 300;
  color: #333;
  line-height: 1.6;
  margin: 0 0 15px 0;
}

img {
  width: 100%;
  height: auto;
}

span, a, a:hover {
  text-decoration: none;
  color: inherit;
}

.section-padding {
  padding:30px 0;
}

.section-head {
  margin-bottom: 80px;
}
.section-head h6{
  color: #333;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
  padding: 0 15px;
  position: relative;
}
.section-head h6:before, .section-head h6:after {
  content: '';
  width: 40px;
  height: 1px;
  background-color: #2AAFC0;
  position: absolute;
  bottom: 3px;
}
.section-head h6:before {
  left: -40px;
}
.section-head h6:after {
  right: -40px;
}
.section-head h4 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 15px;
}

.bg-gray {
  background: #f7f7f7;
}

.o-hidden {
  overflow: hidden;
}

.position-re {
  position: relative;
}

.full-width {
  width: 100% !important;
}

.lg-line-height {
  line-height: 1.5;
}

.bg-img {
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-fixed {
  background-attachment: fixed;
}

.valign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.v-middle {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 15px;
  line-height: .7;
}

.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0 7px;
  border-radius: 50%;
  background: #ddd;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #2AAFC0;
}

/* ----------------------------------------------------------------
     [ End Basics ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 02 Start Buttons ]
-----------------------------------------------------------------*/
.butn {
  padding: 14px 30px;
  background: #fff;
  border: 1px solid transparent;
  position: relative;
  z-index: 3;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  -webkit-transition: all .4s;
  transition: all .4s;
  cursor: pointer;
  outline: none !important;
  overflow: hidden;
}
.butn span {
  position: relative;
  z-index: 2;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.butn:before, .butn:after {
  content: '';
  width: 0;
  height: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
  z-index: 1;
  opacity: .4;
}
.butn:after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background: #fff;
  opacity: 1;
}
.butn:hover:before, .butn:hover:after {
  width: 100%;
}
.butn:hover:after {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}
.butn:hover span {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.butn-bg {
  background: #f71316;
  border-color: #f71316;
  color: #fff;
  display: inline-block;
}
.butn-bg:hover span {
  color: #f71316;
}

.butn-light {
  background: #fff;
}
.butn-light:before, .butn-light:after {
  background: #ff0000;
}
.butn-light:hover span {
  color: #fff;
}
.butn-light span {
  color: #ff0000;
}
.clearfix{ clear: both;}

/* ----------------------------------------------------------------
     [ End Buttons ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 03 Start Navbar ]
-----------------------------------------------------------------*/
.navbar {
  position: relative;
  left: 0;
  top:0;
  width: 100%;
  background: transparent;
  z-index: 9;
  border-top: 2px solid #f71316;
  padding: 5px 0;
}
.navbar .icon-bar {
  color: #fff;
}
.navbar .navbar-nav .nav-link {
  font-size: 15px;
  font-weight: 500;
  color: #222;
  margin: 0 0;
  -webkit-transition: all .5s;
  transition: all .5s; text-transform: capitalize;
}
.navbar .navbar-nav .active {
  color: #ff0000 !important;
}

.nav-scroll {
  background: #fff;
  border-bottom: 1px solid rgba(12, 12, 12, 0.04);
  padding: 5px 0;
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}
.nav-scroll .icon-bar {
  color: #222;
}
.nav-scroll .navbar-nav .nav-link {
  color: #222;
}
.nav-scroll .navbar-nav .logo {
  padding: 15px 0;
  color: #111;
}

.logo {
  padding: 0 0;color: #ff0000 ;
  }

/* ----------------------------------------------------------------
     [ End Navbar ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 04 Start Header ]
-----------------------------------------------------------------*/
.header {
  min-height: calc(100vh + 80px);
  padding-bottom: 80px;
  overflow: hidden;
}
.header .caption .o-hidden {
  display: inline-block;
}
.header .caption h4 {
  font-weight: 200;
  letter-spacing: 4px;
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
}
.header .caption h1 {
  margin: 10px 0;
  font-size: 60px;
  font-weight: 500;
  font-family: inherit;
  word-spacing: 2px;
  letter-spacing: 2px;
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}
.header .caption p {
  font-size: 15px;
  font-weight: 300;
  color: #eee;
  letter-spacing: 1px;
  word-spacing: 2px;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.header .caption p span {
  letter-spacing: 5px;
  text-transform: uppercase;
  margin: 0 5px;
  padding-right: 14px;
  position: relative;
}
.header .caption p span:last-child {
  padding: 0;
}
.header .caption p span:last-child:after {
  display: none;
}
.header .caption p span:after {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2AAFC0;
  position: absolute;
  top: 10px;
  right: 0;
  opacity: .5;
}
.header .caption .butn {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.slider .owl-item, .slider-fade .owl-item {
  height: 100vh;
  position: relative;
}
.slider .item, .slider-fade .item {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
}
.slider .item .caption, .slider-fade .item .caption {
  z-index: 9;
}
.slider .owl-theme .owl-dots, .slider-fade .owl-theme .owl-dots {
  position: absolute;
  bottom: 5vh;
  width: 100%;
}

.creative {
  min-height: 105vh;
}
.creative .svg {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  z-index: 2;
}
.creative .svg svg {
  fill: #fff;
  width: 101%;
}

.wave:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -5%;
  width: 110%;
  height: 100px;
  background-image: url(../img/wave.svg);
  background-size: cover;
  z-index: 7;
}

.bg-vid {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
}

#particles-js {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* ----------------------------------------------------------------
     [ End Header ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 05 Start Hero ]
-----------------------------------------------------------------*/
.hero .intro h3 {
  margin-bottom: 10px;
  color: #ff0000;
}
.hero .intro h4 {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
  font-weight: 500;
}
.hero .intro h4:after {
  content: '';
  width: 60px;
  height: 2px;
  background: #2AAFC0;
  position: absolute;
  bottom: 0;
  left: calc(50% - 30px);
}
.hero .intro p {
  width: 90%;
  margin: 20px auto;
}
.hero .item .icon {
  width: 80px;
  height: 80px;
  line-height: 90px;
  border: 1px solid #eee;
  border-radius: 50%;
  font-size: 40px;
  color: #2AAFC0;
  margin-bottom: 40px;
  position: relative;
}
.hero .item .icon:after {
  content: '';
  width: 20px;
  height: 1px;
  background: #2AAFC0;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -20px;
}
.hero .item h5 {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 20px;
}
.hero .hero-img {
  padding: 0 30px;
  position: relative;
}
.hero .hero-img img {
  position: relative;
  z-index: 2;
}
.hero .hero-img:after {
  content: '';
  position: absolute;
  top: -30px;
  left: 0px;
  bottom: 30px;
  right: 60px;
  background: #2AAFC0;
  background: -webkit-gradient(linear, left bottom, left top, from(#2AAFC0), to(#6976c5));
  background: linear-gradient(to top, #2AAFC0, #6976c5);
  z-index: -1;
}
.hero .hero-img:before {
  content: '';
  position: absolute;
  top: -20px;
  left: 10px;
  bottom: 40px;
  right: 70px;
  background: #fff;
  z-index: 1;
}
.hero .content {
  padding-top: 30px;
}
.hero .content .sub-title {
  margin: 10px 0 15px;
  letter-spacing: 2px;
}
.hero .content p {
  margin-top: 15px;
}
.hero .content .butn {
  margin-left: 0;
}

/* ----------------------------------------------------------------
     [ End Hero ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 06 section-box ]
-----------------------------------------------------------------*/
.section-box .half-img {
  background-position:75% 50%;
}
.section-box .half-content {
  padding: 30px;
}
.section-box .box-white {
  padding: 50px 4%;
  background: #fff;
  -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.08);
}
.section-box .skills .skill-item {
  margin-bottom: 30px;
}
.section-box .skills .skill-item:last-child {
  margin-bottom: 0;
}
.section-box .skills .skill-item h6 {
  font-size: 14px;
  margin-bottom: 10px;
}
.section-box .skills .skill-progress {
  width: 100%;
  height: 26px;
  border: 4px solid #f7f7f7;
  background: #f7f7f7;
  border-radius: 20px;
  position: relative;
  -webkit-box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.08) inset;
          box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.08) inset;
}
.section-box .skills .skill-progress .progres {
  position: absolute;
  height: 100%;
  width: 0;
  left: 0;
  top: 0;
  background: #2AAFC0;
  background: -webkit-gradient(linear, left top, right top, from(#2AAFC0), to(#6976c5));
  background: linear-gradient(to right, #2AAFC0, #6976c5);
  border-radius: 20px;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.section-box .skills .skill-progress .progres:before {
  content: attr(data-value);
  padding: 4px 10px 3px;
  border-radius: 10px;
  font-size: 10px;
  color: #fff;
  background: #2AAFC0;
  background: -webkit-gradient(linear, left top, right top, from(#2AAFC0), to(#6976c5));
  background: linear-gradient(to right, #2AAFC0, #6976c5);
  position: absolute;
  top: -35px;
  right: 0;
}
.section-box .skills .skill-progress .progres:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #2AAFC0;
  position: absolute;
  top: -12px;
  right: 15px;
}
.section-box .accordion .item {
  margin-bottom: 30px;
}
.section-box .accordion .title {
  padding: 10px 20px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  cursor: pointer;
  position: relative; 
}
.section-box .accordion .title:after {
  content: '\f067';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 12px;
  position: absolute;
  top: 12px;
  right: 20px; display: none;
}
.section-box .accordion .title h6 {
  font-size: 22px;
  font-weight: 500;
}
.section-box .accordion .accordion-info {
  display: none;
  padding: 0px 15px;
  margin-top: 30px;
  border-left: 1px dotted #ccc;
}
.section-box .accordion .accordion-info .spac {
  margin-top: 30px;
  padding-left: 30px;
}
.section-box .accordion .accordion-info .spac h6 {
  position: relative;
  margin-bottom: 15px;
}
.section-box .accordion .accordion-info .spac h6:after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #555;
  position: absolute;
  top: 3px;
  left: -15px;
}
.section-box .accordion .accordion-info .spac ul {
  padding-left: 30px;
}
.section-box .accordion .accordion-info .spac li {
  margin-bottom: 10px;
  position: relative;
  font-size: 15px;
}
.section-box .accordion .accordion-info .spac li:after {
  content: "";
  width: 6px;
  height: 6px;
  border: 1px solid #222;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: -15px;
}
.section-box .accordion .active {
  display: block;
}
.section-box .accordion .active .title {
  color: #fff;
  background: #ff0000;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}
.section-box .accordion .active .title:after {
  content: '\f068';
  display: none;
}
.section-box .vid-butn {
  font-size: 70px;
  color: #2AAFC0;
  position: relative;
  width: 70px;
  height: 70px;
  line-height: 70px;
  z-index: 3;
}
.section-box .vid-butn:hover:after {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.section-box .vid-butn:after {
  content: '';
  position: absolute;
  top: -10px;
  bottom: -10px;
  right: -10px;
  left: -10px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.section-box .vid-butn:before {
  content: '';
  position: absolute;
  top: -5px;
  bottom: -5px;
  right: -5px;
  left: -5px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  z-index: -1;
}

/* ----------------------------------------------------------------
     [ End section-box ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 07 Start Services ]
-----------------------------------------------------------------*/
.services .item {
  text-align: center;
  padding: 30px 15px;
}
.services .item .icon {
  font-size: 40px;
  color: #2AAFC0;
  margin-bottom: 15px;
}
.services .item h6 {
  margin-bottom: 10px;
  font-weight: 500; font-size: 22px;
}
.services .bord {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.services hr {
  height: 1px;
  width: 100%;
  border: 0;
  display: block;
  background: #eee;
}

/* ----------------------------------------------------------------
     [ End Services ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 08 Start Numbers ]
-----------------------------------------------------------------*/
.numbers .icon {
  font-size: 45px;
  color: #2AAFC0;
  margin-bottom: 30px;
}
.numbers h3 {
  font-size: 55px;
  font-weight: 700;
  margin-bottom: 30px;
}
.numbers h6 {
  font-weight: 300;
}

/* ----------------------------------------------------------------
     [ End Numbers ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 09 Start Works ]
-----------------------------------------------------------------*/
.works .row {
  padding: 0 15px;
}
.works .filtering .filter {
  display: inline-block;
  padding: 2px 10px;
  border: 1px solid #eee;
  border-radius: 30px;
}
.works .filtering span {
  margin: 0 5px;
  padding: 8px 15px;
  border-radius: 30px;
  cursor: pointer;
}
.works .filtering .active {
  background: #2AAFC0;
  background: -webkit-gradient(linear, left top, right top, from(#2AAFC0), to(#6976c5));
  background: linear-gradient(to right, #2AAFC0, #6976c5);
  -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.2);
  color: #fff;
}
.works .item-img {
  position: relative;
  margin-top: 30px;
}
.works .item-img:hover .item-img-overlay {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  opacity: 1;
}
.works .item-img-overlay {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: rgba(255, 255, 255, 0.95);
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: all .5s;
  transition: all .5s;
}
.works .item-img-overlay:after {
  content: '';
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  background: rgba(255, 255, 255, 0.5);
  z-index: -1;
}
.works .item-img-overlay .icon {
  font-size: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background: #f1f1f1;
  margin: 15px 5px 0;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.works .item-img-overlay .icon:hover {
  background: #2AAFC0;
  color: #fff;
}
.works .item-img-overlay .icon:before {
  line-height: 2;
}
.works .item-img-overlay p {
  color: #2AAFC0;
  font-weight: 400;
}
.works .item-img-overlay h6 {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 1px;
  margin-top: 5px;
}

/* ----------------------------------------------------------------
     [ End Works ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 10 Start Team ]
-----------------------------------------------------------------*/
.team .item {
  border: 1px solid rgba(42, 175, 192, 0.3);
  border-radius: 100px;
  overflow: hidden;
  position: relative;
}
.team .item:hover {
  background: #2AAFC0;
  background: -webkit-gradient(linear, left top, right top, from(#540000), to(#ff0000));
  background: linear-gradient(to right, #540000, #ff0000);
  color: #fff;
}
.team .item:hover .team-img {
  border-color: #fff;
}
.team .item:hover span {
  color: #eee !important;
}
.team .item:hover p {
  color: #ccc;
}
.team .item .team-img {
  float: left;
  width: 170px;
  height: 170px;
  border: 5px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  margin: 20px;
}
.team .item .info {
  padding: 15px 15px 15px 0;
  margin-left: 200px;
}
.team .item .info h6 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
.team .item .info span {
  font-size: 13px;
  margin-bottom: 10px;
  color: #2AAFC0;
}
.team .item .info p {
  margin-bottom: 10px;
  font-size: 15px;
}
.team .item .info .icon {
  margin: 0 5px;
}

/* ----------------------------------------------------------------
     [ End Team ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 11 Start Price ]
-----------------------------------------------------------------*/
.price .pricing-tables {
  padding: 0 50px;
}
.price .item {
  padding: 30px;
  background: #fff;
  -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.price .item .type {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.price .item .type img {
  position: absolute;
  bottom: -10px;
  left: -30px;
  width: calc(100% + 60px);
}
.price .item .type h4 {
  font-size: 20px;
  font-weight: 500;
}
.price .item .value {
  margin: 30px 0;
}
.price .item .value h3 {
  font-size: 55px;
}
.price .item .value h3 span {
  font-size: 15px;
}
.price .item .value .per {
  font-size: 13px;
  margin-top: 5px;
  color: #2AAFC0;
}
.price .item .features {
  text-align: left;
  overflow: hidden;
  padding: 15px 0;
}
.price .item .features ul {
  margin-bottom: 0;
}
.price .item .features li {
  margin-bottom: 15px;
}
.price .item .features li:last-child {
  margin-bottom: 0;
}
.price .item .features li .true {
  color: #3ff312;
}
.price .item .features li .false {
  color: #ec126d;
}
.price .item .features i {
  float: right;
  font-size: 11px;
}
.price .item .order {
  margin-top: 30px;
}
.price .item .order .butn {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.price .item.active {
  color: #fff;
  position: relative;
  -webkit-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
  z-index: 2;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}
.price .item.active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2AAFC0;
  background: -webkit-gradient(linear, left top, left bottom, from(#2AAFC0), to(#6976c5));
  background: linear-gradient(to bottom, #2AAFC0, #6976c5);
  z-index: -1;
  opacity: .9;
}
.price .item.active .value .per {
  color: #eee;
}

/* ----------------------------------------------------------------
     [ End Price ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 12 Start Testimonials ]
-----------------------------------------------------------------*/
.testimonials .icon {
  width: 80px;
  margin-bottom: 15px;
}
.testimonials h5 {
  font-weight: 400;
  margin-bottom: 80px;
}
.testimonials .item .client-img {
  width: 90px;
  height: 90px;
  margin: 0 auto 15px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid rgba(200, 200, 200, 0.15);
}
.testimonials .item h6 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 30px;
}
.testimonials .item h6 span {
  display: block;
  color: #ff0000;
  font-size: 14px;
  font-weight: 600;
  margin-top: 5px;
}
.testimonials .item p {
  padding: 30px;
  color: #eee;
  font-size: 18px;
  background: rgba(255, 255, 255, 0.1);
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(200, 200, 200, 0.1)), to(transparent));
  background: linear-gradient(to right, transparent, rgba(200, 200, 200, 0.1), transparent);
}
.testimonials .owl-theme .owl-nav [class*=owl-] {
  width: 40px;
  height: 40px;
  line-height: 35px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  margin: 20px 5px 0;
}
.testimonials .owl-theme .owl-nav [class*=owl-]:hover {
  background: #ff0000;
}

/* ----------------------------------------------------------------
     [ End Testimonials ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 13 Start Blog ]
-----------------------------------------------------------------*/
.blog .item {
  -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 10px;
}
.blog .item .post-img {
  padding: 15px;
}
.blog .item .post-img .img {
  overflow: hidden;
}
.blog .item .post-img:hover img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}
.blog .item .post-img img {
  -webkit-transition: all .5s;
  transition: all .5s;
}
.blog .item .cont {
  padding: 15px 15px 30px;
}
.blog .item .info {
  margin-bottom: 10px;
}
.blog .item .info a {
  color: #999;
  font-size: 12px;
  margin: 0 5px 5px;
}
.blog .item h6 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}

.blog-nav {
  position: static !important;
  background: #fff !important;
  margin: 0;
}
.blog-nav .logo {
  color: #1c1c1c !important;
}
.blog-nav .navbar-nav li a {
  color: #1c1c1c !important;
  font-weight: 500;
}

.min-header {
  height: 40vh;
  background: #1c1c1c;
  position: relative;
}
.min-header h5 {
  font-weight: 800;
  letter-spacing: 1px;
  color: #ccc;
  margin-bottom: 15px;
}
.min-header a {
  position: relative;
  color: #ddd;
}
.min-header a:after {
  content: '/';
  position: relative;
  margin: 0 10px;
}
.min-header a:last-child:after {
  display: none;
}

.blogs .posts .post {
  margin-bottom: 50px;
  border-bottom: 1px solid #eee;
}
.blogs .posts .post .content {
  padding: 50px 15px;
  background: #fff;
}
.blogs .posts .post .content .post-title h5 {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 10px;
}
.blogs .posts .post .content .meta {
  margin-bottom: 20px;
}
.blogs .posts .post .content .meta li {
  display: inline-block;
  font-size: 12px;
  color: #777;
  margin: 5px;
}
.blogs .posts .post .content p {
  font-weight: 300;
}
.blogs .posts .post .content .spical {
  padding: 15px;
  margin: 30px 0;
  border-left: 2px solid #111;
  background: #f7f7f7;
  font-size: 16px;
}
.blogs .posts .post .share-post {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px dashed #eee;
  text-align: left;
}
.blogs .posts .post .share-post span {
  font-weight: 700;
}
.blogs .posts .post .share-post ul {
  float: right;
}
.blogs .posts .post .share-post ul li {
  display: inline-block;
  margin: 0 10px;
}
.blogs .posts .title-g h3 {
  font-weight: 800;
  font-size: 25px;
}
.blogs .posts .comments-area .comment-box {
  padding-bottom: 30px;
  margin-bottom: 50px;
  border-bottom: 1px solid #eee;
}
.blogs .posts .comments-area .comment-box:nth-child(odd) {
  margin-left: 80px;
}
.blogs .posts .comments-area .comment-box:last-child {
  margin-bottom: 0;
}
.blogs .posts .comments-area .comment-box .author-thumb {
  width: 80px;
  float: left;
}
.blogs .posts .comments-area .comment-box .comment-info {
  margin-left: 100px;
}
.blogs .posts .comments-area .comment-box .comment-info h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.blogs .posts .comments-area .comment-box .comment-info .reply {
  margin-top: 10px;
  font-weight: 600;
}
.blogs .posts .comments-area .comment-box .comment-info .reply i {
  padding-right: 5px;
  font-size: 12px;
}
.blogs .posts .comment-form .form input[type='text'],
.blogs .posts .comment-form .form input[type='email'],
.blogs .posts .comment-form .form textarea {
  width: 100%;
  border: 0;
  border-radius: 5px;
  padding: 10px;
  background: #f4f4f4;
}
.blogs .posts .comment-form .form textarea {
  height: 160px;
  max-height: 160px;
  max-width: 100%;
}
.blogs .posts .pagination {
  display: block;
  text-align: center;
}
.blogs .posts .pagination li {
  display: inline-block;
  padding: 5px 10px;
  margin: 2px;
  border: 1px solid #ddd;
}
.blogs .side-bar .widget {
  margin-bottom: 50px;
}
.blogs .side-bar .widget:last-child {
  margin-bottom: 0;
}
.blogs .side-bar .widget .widget-title {
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
}
.blogs .side-bar .widget .widget-title h6 {
  position: relative;
  padding-bottom: 15px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
}
.blogs .side-bar .widget .widget-title h6:after {
  content: '';
  width: 30px;
  height: 1px;
  background: #2AAFC0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.blogs .side-bar .widget li {
  margin-bottom: 10px;
  color: #777;
}
.blogs .side-bar .widget li:last-child {
  margin: 0;
}
.blogs .side-bar .search form input {
  width: calc(100% - 52px);
  height: 50px;
  padding: 0 10px;
  border: 0;
  background: #f7f7f7;
}
.blogs .side-bar .search form button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #1c1c1c;
  color: #fff;
  border: 0;
  float: right;
}

/* ----------------------------------------------------------------
     [ End Blog ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 14 Start Subscribe ]
-----------------------------------------------------------------*/
.subscribe {
  background-size: auto;
  background-repeat: repeat;
}
.subscribe h4 {
  font-weight: 500;
  margin-bottom: 50px;
}
.subscribe form {
  position: relative;
}
.subscribe input {
  padding: 14px 10px;
  width: 100%;
  margin: auto;
  border: 0;
  background: #fff;
  border-radius: 30px;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
.subscribe .butn {
  cursor: pointer;
  padding: 10px 0;
  width: 140px;
  border: 1px solid transparent;
  border-radius: 30px;
  position: absolute;
  top: 4px;
  right: -6px;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  background: -webkit-gradient(linear, left top, right top, from(#2AAFC0), to(#6976c5));
  background: linear-gradient(to right, #2AAFC0, #6976c5);
}
.subscribe .butn:hover {
  border-color: #2AAFC0;
}

/* ----------------------------------------------------------------
     [ End Subscribe ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 15 Start Contact-Info ]
-----------------------------------------------------------------*/
.contact-info .info {
  padding: 100px 5%;
}
.contact-info .info .gradient {
  position: relative;
  z-index: 3;
}
.contact-info .info .item {
  margin-bottom: 20px;
}
.contact-info .info .item .icon {
  float: left;
  font-size: 35px;
  color: #ff0000;
}
.contact-info .info .item .cont {
  margin-left: 60px;
}
.contact-info .info .item h6 {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 15px 0; 
}
.contact-info .info .social a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  color: #fff;
  background: #333;
  font-size: 15px;
  text-align: center;
}
.contact-info .info .social a:hover {
  background: #ff0000;
}
.contact-info .map {
  position: relative; padding: 0;
}
.contact-info .map #ieatmaps {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ----------------------------------------------------------------
     [ End Contact-Info ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 16 Start Contact ]
-----------------------------------------------------------------*/
.contact .form input, .contact .form textarea {
  width: 100%;
  padding: 15px;
  background: #F7F7F7;
  border: 0;
  border-radius: 10px;
}
.contact .form textarea {
  height: 140px;
  max-height: 140px;
  max-width: 100%;
}
.contact .form button {
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  padding: 10px;
  color: #fff;
  background: #ff0000;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  border: 0;
  border-radius: 30px;
  cursor: pointer;
}
.contact .form button:hover {
  background: #ff0000;
}

/* ----------------------------------------------------------------
     [ End Contact ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 17 Start Footer ]
-----------------------------------------------------------------*/
footer {
  background: #111;
  padding: 20px 0;
}
footer .social a {
  color: #fff;
  font-size: 13px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  background: #222;
  margin: 15px 5px;
}
footer a:hover {
  color: #ff0000;
}
footer p {
  color: #999;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0; text-align: left;
}

footer .right-para{ text-align: right;} 

/* ----------------------------------------------------------------
     [ End Footer ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
 	 [ 18 Responsive ]
-----------------------------------------------------------------*/


@media screen and (max-width: 991px) {
  .header {
    min-height: calc(50vh + 80px);
  }
  .mb-md50 {
    margin-bottom: 50px;
  }

  .mb-md30 {
    margin-bottom: 30px;
  }

  .mb-md0 {
    margin-bottom: 0;
  }

  .bgimg-height {
    height: 400px;
  }

  .bg-fixed {
    background-attachment: scroll !important;
  }

  .navbar {
    padding-left: 0;
  }
  .navbar .navbar-collapse {
    max-height: auto;
    overflow: hidden;
    background: #111;
    text-align: center;
    padding: 6px 0;
    margin-top: 15px;
  }
  .navbar .nav-link {
    margin: 0 auto !important;
  }

  .nav-scroll .navbar-collapse .nav-link {
    color: #fff !important;
  }
  .nav-scroll .navbar-collapse .active {
    color: #ff0000 !important;
  }

  .header {
    background-attachment: scroll !important;
    background-position: 0% 0% !important;
  }
  .header .caption h4 {
    font-size: 30px;
  }
  .header .caption h1 {
    font-size: 45px;
    line-height: 1.4;
    margin-top: 16%;
  }

  .services .item {
    padding: 0;
  }
  .services .bord {
    border: 0;
  }
  .services hr {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .mb-sm50 {
    margin-bottom: 50px;
  }

  .mb-sm30 {
    margin-bottom: 30px;
  }

  .section-box h3 {
    font-size: 25px;
    line-height: 1.3;
  }

  .hero .intro h3 {
    font-size: 28px;
  }

  .hero .intro h4 {
    font-size: 20px;
  }

  .subscribe h4 {
    font-size: 20px;
    margin-bottom: 30px;
  }

  .bgimg-height-sm {
    height: 400px;
  }

  .header .caption h4 {
    font-size: 16px;
  }
  .header .caption h1 {
    font-size: 25px;
    margin-top: 20%;
  }
  .header .caption p {
    font-size: 14px;
  }
  .header .caption p span {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .portfolio .filtering span {
    margin-bottom: 10px;
  }
  .header {
    background-attachment: scroll !important;
    background-position: 50% 0% !important;
  }

}

@media screen and (max-width: 480px) {
  .section-head h4 {
    font-size: 25px;
  }

  .section-box .accordion .title h6 {
    line-height: 1.5;
    font-size: 14px;
  }

  .section-box .half-content {
    padding: 15px;
  }

  .works .filtering .filter {
    border: 0;
    padding: 0;
  }

  .works .filtering span {
    margin: 0 0 5px;
  }

  

  .price .pricing-tables {
    padding: 0 30px;
  }

  .subscribe input {
    width: 100%;
    margin-bottom: 15px;
    border-radius: 30px;
  }

  .subscribe .butn {
    border-radius: 30px;
  }
}

/*# sourceMappingURL=style.css.map */


/*=============new site css================*/

.hero .icon1 {
  width: 120px;
  height: 120px;
  line-height: 90px;
  border: 1px solid #eee;
  border-radius: 50%;
  font-size: 40px;
  color: #2AAFC0;
  margin-bottom: 40px;
  position: relative;
  padding: 14px;
}

.hero .icon1 img{ width: auto;}

.redcolor{ color: #ff0000;}

.career-sec ul{ list-style:disc; margin:20px 0 0 20px;}

.career-sec ul li{ font-size: 15px; color: #7f7f7f; padding-bottom: 8px;}

.career-sec h6{ margin-bottom: 15px;}

.ser-info a {
  display: block;
  text-align: right;
  color: #bbb;
  padding-right: 38px;
  text-decoration: underline; font-weight: 600;
}

.ser-info a:hover{ color: #fff;}

.contact-info h4 { margin-bottom: 20px;}

.inner-bg { background: url(../images/inner-bg.jpg) no-repeat;     background-size: 100%;}

.inner-bg h2{ padding: 15% 0; color: #fff;}

.innerpage{ padding: 50px 0;}

/*============panel tab css=================*/

/*Panel tabs*/

.about-info .panel-body {
  padding: 20px;
  background: #f7f6f6;
}

.about-info .panel-tabs {
  position: relative;
  bottom: 30px;
  clear: both;
  border-bottom: 1px solid transparent;
}

.about-info .panel-tabs>li {
  float: left;
  margin-bottom: -1px;
}

.about-info .panel-tabs>li>a {
  color: #000;
  background: #e8e7e7;
  margin: 0 14px;
  font-size: 17px;
  font-weight: bold;
  padding: 9px;
  text-align: center;
  text-transform: uppercase;
  width: 150px; 
}

.about-info .panel-tabs>li>a:hover {
  color: #ffffff;
  background-color: #ff0000;
}

.about-info .panel-tabs>li.active>a,
.panel-tabs>li.active>a:hover,
.panel-tabs>li.active>a:focus {
  color: #fff;
  cursor: default;
  background-color: #ff0000;
}

.about-info .panel-tabs {
  bottom: 0;
  padding-bottom:58px;
}

.about-info .panel-box .panel-primary {
  background: none;
  border: none;
}

.about-info .panel-box .panel-primary>.panel-heading {
  background: none;
  border-bottom: solid 1px #c7c5c5;
  padding: 0;
}

.about-info .panel-tabs .v-border {
  height: 60px;
  border-left: solid 1px #c7c5c5;
  display: inline-block;
  margin-bottom: -5px;
     position: relative;
     left:-9%;
     top: 55px;
}

.about-info .panel {
  box-shadow: none;
}

.about-info .panel-box .about-img {
  float: left;
  margin: 0 20px 20px 0;
}

.tab-content p {
  text-align: justify;
  margin-bottom: 10px;
}

.logo:hover{ color: #ff0000;}

.about-info img{ width: auto;}

.about-info .aboutul{ padding-left: 20px;}

.about-info li{ font-size: 15px; color: #7f7f7f; padding-bottom: 10px;}

.about-info .tab-pane1 img{ width: 100%;}

.about-info h6{ margin-bottom: 15px;}

.bold{ font-weight: bold;}

.sector-page ul{ padding-left: 20px;}

.sector-page ul li{ padding-bottom: 10px; font-size: 15px; color: #7f7f7f; line-height: 24px;}

.sector-page h4{ margin-bottom: 20px; color: #ff0000;}

.accordianbox h4{ font-size: 18px;}

.accordianbox{     margin-bottom: 20px ; background: #f5f5f5;   padding: 20px;}

.accordianbox img{ margin-bottom: 10px;}

.customer-page .panel-heading {
  padding: 0;
  border: 1px solid #6b6a6a;
}

.customer-page .panel-primary>.panel-heading {
  color: #fff;
  background: #fff;
  border: 1px solid #6b6a6a;
  border-radius: 0;
}

.customer-page .panel-tabs>li.active>a,
.panel-tabs>li.active>a:hover,
.panel-tabs>li.active>a:focus {
  color: #fff;
  border-radius: 0;
}

.customer-page .panel-tabs a {
  padding:30px 20px;
  border-bottom: 1px solid #6b6a6a;
  font-size: 18px;
  text-transform: uppercase;
  color: #6b6a6a;
  display: block;
}

.customer-page .panel-tabs a:hover {
  background: #111;
  color: #fff;
}

.customer-page .panel-tabs li.active {
  background: #ff0000;
  color: #fff;
}

.hair-para {
  text-align: justify;
  font-size: 16px;
}

.customer-page .panel-body h3 {
  color: #ff0000;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;  text-transform: uppercase;
}

.customer-page .panel-tabs{ border:1px solid #333;    display: block; position: relative; }

 
.customer-page h5{ color: #111; font-size: 18px; margin: 15px 0;} 

.customer-page .tab-content ul{ padding-left: 20px; color: #7f7f7f;}

.customer-page .tab-content li{ padding-bottom: 10px; line-height: 20px; font-size: 16px;}

.sericon{ text-align: center;}

.sericon img{ width: auto;}

.sericon h4{ font-size: 18px; color: #ff0000; margin: 5px 0;}

.sericon p{ text-align: center;}

.career-page h6{ margin: 8px 0;     color: #7f7f7f;}

.career-page  ul{ padding-left: 20px; color: #7f7f7f;     margin-top: 20px;}

.career-page  li{ padding-bottom: 10px; line-height: 20px; font-size: 15px;}

.icondiv{ float: left; }

.icondiv img {
  margin: 0;
  width: 120px;
  height: 120px;
  border:5px solid #f00;
  border-radius: 26%;
  padding: 20px;
}

.introinfo {
  float: left;
  width: 75%;
  margin: 0 0 0 36px;
}

.introinfo p{ font-size: 16px;}

.introbox{ margin: 15px 0;}

.introinfo h5{ margin-bottom: 15px; font-size: 18px;     text-transform: uppercase;}

.about-info .panel-body .fa{ color: #ff0000; margin-right: 10px;}

.locationinfo .locationdiv {
  background: #cf0103;
}

.carrierbtn { text-align: center; margin-top:50px;}

.section-box .box-white1 { padding: 20px 4%;}

.carrierbtn a{ display: inline-block; color: #fff; padding: 20px 30px; text-align: center;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase; border:2px solid #ccc;
}

.carrierbtn a:hover{ color: #fff;}

.locationinfo .locationdiv p {
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin: 0;
  font-size: 18px;
  padding: 4px;
}

.contact-info .contactpage{ padding: 30px;}

.contact-info .social{     padding-left: 5%;}


.accordion_head {
font-size: 14px;
margin: 0 0 1px 0;
padding: 7px 11px;
font-weight: bold;
color: #fff;
background: #ff0000;
-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
border-radius: 30px;
cursor: pointer;
position: relative;
}

.accordion_body {
      padding: 0px 15px;
      margin-top: 30px;
      border-left: 1px dotted #ccc;
}

.accordion_body p {
  margin: 0px 0 0 0;
}

.accordion_head .plusminus {
  float: right;
  font-size: 26px;
  position: relative;
  top: -3px;
  right: 11px;
}

.accordion_head h6 {
  display: inline-block;
  font-size: 22px;
  font-weight: 500;
}

.career-details{ width: 90%; margin: 0 auto;}

.career-details .locationdiv p {
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin: 0;
  font-size: 18px;
  padding: 4px;
}

.career-details .locationdiv {
  background: #ff0000;
}

.career-details .morebtn a {
  background: #e6e3e3;
  display: block;
  text-align: center;
  color: #000;
  padding: 4px;
}

.career-details .morebtn a:hover{ background: #111111; color: #fff;}

.job-box .fa-black-tie { color: #4682b4; }

.job-box .fa-calendar { color: #50918D;}

.job-box .fa-briefcase { color: #daa520;}

.job-box .fa-align-left { color: #4682b4; }

.job-box .fa-map-marker { color: #960001; }

.job-position .classic-title { color: #ff0000; margin-bottom: 30px;}

.job-position h5{ font-size: 16px; color: #212529; font-weight: normal; margin-bottom: 8px;}

.job-position .fontsize { font-size: 20px; margin-right: 10px;}

.job-box .paradiv { margin-left: 30px; }

.job-box { border-bottom: 2px solid #e1dfdf; padding: 15px 0;}

.job-box .paradiv p{ margin-bottom: 0; font-size: 15px;}

.innerpage input {background: #fff; color: #878787; border: 1px solid #d5d0d0; }

.job-position .btn{padding: 10px 20px;
    background: #fff; width: 100%;
    -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.08); font-weight: bold; border:2px solid #ff0000; text-transform: uppercase;}

.job-position .btn:hover{ background: #ff0000; color: #fff;}

.dropdown1:hover>.dropdown-menu {
  display: block;
}

.ser-panel .nav{ display: inherit; border: 1px solid #6b6a6a;}

.ser-panel .nav a {
  display: block;
  padding: 30px 20px;
  border-bottom: 1px solid #6b6a6a;
  font-size: 18px;
  text-transform: uppercase;
}

.ser-panel .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #f71316;
  border-color: #dee2e6 #dee2e6 #fff; 
}

.ser-panel .fade {
  opacity: inherit;
  transition: inherit;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color:0;
}

.about-panel a {
  font-weight: bold;
  padding: 55px 9px;
  display: block;
  text-transform: uppercase;
  background: #e8e7e7;
  margin: 0 10px;
  font-size: 14px;
}

.about-panel .missionimg{ width: 100%;}

.about-panel .about-img {
    float: left;
    margin: 0 20px 20px 0;
}

.dropdown-item {
  text-transform: uppercase;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
}

.dropdown-menu { padding: 0;margin: 0;}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #ff0000;
}

/*===============new site css=============*/
.top-header{ background: #fff;padding: 8px 0;}
.top-header .header-contact-details p{ display: inline-block; margin: 0 20px 0 0; color: #222;}
.top-header .header-contact-details .fa{ margin-right: 10px; color: #f71316;}
.top-header .header-social-icon{ text-align: right;}
.top-header .header-social-icon a {
  display: inline-block;
  border-radius: 5px;
  background: #f8f8f8;
  color: #f71316;
  text-align: center;
  width: 25px;
  height: 25px;
  padding: 4px;
}
.home-slider .carousel-caption {
  position: absolute;
  right: 15%;
  top: 24%;
  left: 11%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  width: 40%;
  background: #000;
  opacity: 0.7;
  bottom: auto;
  }

.home-slider .carousel-caption p {
  color: #fff;
  line-height: 20px;
  font-size: 17px;
  margin: 15px 0;
}

.technologies-sec h2{ color: #f71316; text-align: center;font-weight: normal; margin-bottom: 20px;}
.technologies-sec .nav-justified .nav-item{ flex-basis: inherit; padding: 0; border: 1px solid #dee2e6;}
.technologies-sec .nav-tabs .nav-item{ width: 100%; text-align: left;font-size: 18px; }
.technologies-sec .nav-tabs img {
  width: 75px;
  background: white none repeat scroll 0 0;
  margin-right: 25px;
  padding-right: 6px;
}
.technologies-sec .nav-link{ background: #f9f9f9;}
.technologies-sec .tab-content h4{ color: #222; margin-bottom: 10px; font-size: 28px; font-weight: normal;}
.technologies-sec .tab-content p{ font-size: 16px; margin-bottom: 25px;     text-align: left;}
.technologies-sec .tab-content .butn { padding: 7px 20px;}
.technologies-sec .nav-tabs .nav-item:hover{ background: #f71316; color: #fff;}

.industries-bg{ background: url(../images/industries-bg.jpg) no-repeat; background-size: cover;}
.industries-sec h2 { color: #f71316; text-align: center;font-weight: normal; margin-bottom: 10px;}
.color-bg{ padding:5% 8%; width: 100%; display: block;}
.color-bg img{ width: 55px; margin-right: 15px; float: left;}
.color-bg p{ color: #fff; font-size: 24px; float: left;margin: 0;padding-top: 0; }
.red-bg{ background: #e82d2dbf;}
.red-bg:hover{ background:#e72d2d;}
.blue-bg{ background: #226ee0d1;}
.blue-bg:hover{ background: #226ee0;}
.purple-bg{ background: #6631dec9;}
.purple-bg:hover{ background: #6631de;}
.yellow-bg{background: #f6b721b8;}
.yellow-bg:hover{ background: #f6b721;}
.dark-green-bg{background: #15a25ec2;}
.dark-green-bg:hover{ background: #15a25e;}
.green-bg{background: #0c9933cc;}
.green-bg:hover{ background: #0c9933;}
.color-box .p-r{ padding: 1px;}
.color-bg .readbtn {
  text-transform: uppercase;
  font-size: 12px;
  border: 1px solid #fff;
  padding: 5px;
}

.navbar .navbar-nav .nav-link:hover{ color: #f71316;}

.inner-page-header{ background: url(../images/header-bg.jpg)  no-repeat; background-size: cover;} 

.inner-page-header h2{ text-align: center; color: #fff; padding: 4% 0; text-shadow: 2px 2px 9px #817b7b;}

.inner-page-info{ padding: 50px 0;}

.fontdiv{ font-size: 60px; }

.contact-address{ width: 80%;margin: 0 auto; }

.contact-details{ margin-bottom: 20px;}
.contact-details .con-icon {
  width: 45px;
  height: 45px;
  background :#f71316;
  text-align: center;
  border-radius: 50%;
  font-size: 18px;
  padding-top: 12px;
  color: #fff;
  float: left;
  margin-right: 15px;
}
.address-details{ float: left; width: 82%;}
.contact-details p{ margin: 5px 0 0 0; font-size: 15px;}
.contact-form .p-r{ padding: 0;}
.map{ width: 100%;  height:237px;}
.map iframe{  width: 100%; height:237px; border: none;}
.contact-page-bg {
  background: url(../images/map.png) no-repeat #fbfbfb center;
}
.contact-form-details{padding: 20px; background: #fbfbfb;     background: #fbfbfbd1;
    border: 1px solid #ccc; }
.contact-form-details .form-control{  border: 1px solid #ccc; font-size: 14px; outline: none; border-radius: 0;}
.contact-para {
  font-size: 18px;
  margin: 0 0 30px 0;
  color: #333;
  line-height: 25px;
  text-align: center;
}

.services img{ width: 100%; margin-bottom: 15px;} 
.services p{ margin-bottom: 35px;    height: 120px; }
.services h2 { color:#f71316; font-weight: normal; text-align: center; margin-bottom: 10px; }

.carousel-indicators li{ cursor: pointer;}

.about-panel .nav-tabs{ border-bottom: none; margin-bottom: 60px;}
.about-panel .nav-tabs .nav-link {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
.about-panel .nav-justified .nav-item{flex-grow: inherit;flex-basis: auto; }
.who-we-are-page ul{ padding-left: 0; list-style: none;}
.who-we-are-page ul li {
  line-height: 24px;
  margin-bottom: 10px;
  background: url(../images/left-arrow.png) no-repeat 0 5px;
  padding-left: 25px;
  font-size: 15px;
  text-align: justify;
}
.about-panel .panel-tabs .v-border.active-border {
  border-left: solid 3px #f71316;
}
.about-panel .panel-tabs .v-border {
  height: 60px;
  border-left: solid 3px #e8e7e7;
  display: inline-block;
  margin-bottom: -5px;
  position: relative;
  left: -10%;
  top: 149px;
}
.who-we-are-page h3 {
  font-weight: normal;
  color: #fff;
  background: #f71316;
  margin-bottom: 20px;
  text-align: center;
  font-size: 26px;
  padding: 5px;
  border-radius: 30px;
}

.awards-sec .awards-box{ margin-bottom: 15px; border-bottom: 1px solid #ccc;  padding: 20px 0;}

.awards-sec .awards-box img{ float: left; width: auto;}

.awards-sec .awards-box p {
  float: left;
  width: 62%;
  margin: 12px 0 0 20px;
  text-align: left;
  color: #000;
  font-size: 15px;
}
.partners-page .p-r{ padding: 0;}
.partners-page .table-box p {
  border: 1px solid #ccc;
  text-align: center;
  padding: 15px 0;
  font-size: 15px;
  color: #000;
  margin: 0;
}
.partners-page .table-box {margin: 0 2% 20px 2%;}
.partners-page .partner-box p{ text-align: left; color:#000;}
.partners-page .border-right{ border-right: 1px solid #ccc;}

.ser-info h3{ color: #ff0000; margin-bottom: 20px;}
.ser-info img{ width: auto;}
.ser-info{ padding-bottom: 30px;}

.ind-info h4{ color: #000; margin-bottom: 8px; font-size: 18px;}
.industries-box {
  background: #f9f9f9;
  padding: 15px;
  margin-bottom: 20px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.02),
0 2px 10px 0 rgba(0, 0, 0, 0.09);
height: 475px;
}
.industries-box:hover{ background: #fff;}
.ind-info img{ margin-bottom: 10px;}
.ind-info h4{ color: #ff0000; font-weight: normal; text-transform: uppercase;}

.technologies-page-info .nav-justified .nav-item{  width: 100%; flex-basis: inherit; font-size: 16px; padding: 16px; border: 1px solid #ccc;}
.technologies-page-info .titlediv{ margin-bottom: 20px;}
.technologies-page-info .titlediv h3{ color: #000; text-transform: uppercase; font-size: 26px;}
.technologies-page-info .titlediv .linediv{ width: 12%; height: 4px; background: #f71316; }
.technologies-page-info .tab-content h4{ color: #fff;  border-radius: 5px; background: #f71316; padding:10px; text-align: center; margin-bottom: 20px; font-weight: normal; font-size: 22px; }
.technologies-page-info .tab-content img{  width:auto ;border: 4px solid #eae4e4;}
.technologies-page-info .contentbox img{  width:100% ;border: 4px solid #eae4e4;     margin-bottom: 10px;}
.technologies-page-info .tab-content ul{ padding-left: 0; list-style: none;     margin: 0;}
.technologies-page-info .tab-content p{ text-align: justify;     line-height: 24px;}
.technologies-page-info .tab-content ul li {
  text-align: justify;
  color: #7f7f7f;
  font-size: 15px;
  padding: 0 0 10px 27px;
  line-height: 22px;
  background: url(../images/left-arrow.png) no-repeat 0 6px;     line-height: 20px;
}

.technologies-page-info .contentbox{ margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 20px;}

.technologies-page-info .contentbox .p-r{ padding-left: 0;}

.technologies-page-info .graybox{ background: #faf9f9; padding: 20px;     height: 395px;}

.technologies-page-info .graybox ul{ padding: 0;}

.technologies-page-info .contentbox .smallbanner img{ margin-bottom: 0; width: 100%;}

.technologies-page-info .contentbox .smallbanner p {
  color: #000;
  text-align: center;
  margin-top: 10px;
}

.technologies-page-info .contentbox .redpara {
  color: #000;
  font-size: 20px;
}

.technologies-page-info .contentbox .datepara h4 {
  background: #f71316;
  color: #fff;
  margin: 0;
  padding: 10px;
  font-size: 18px;
  border-radius: 0;
}
.technologies-page-info .contentbox .datepara .smallpara{ font-size: 16px;} 

.technologies-page-info .contentbox .datepara p{ border-bottom: 1px solid #ccc; text-align: left;}

.bord {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.technologies-page-info .contentbox .centerpara{ text-align: center; margin: 0;}

hr {
  height: 1px;
  width: 100%;
  border: 0;
  display: block;
  background: #eee;
}

.technologies-page-info .contentbox .capitalpara{  color: #000; margin: 0 0 5px 0;     font-size: 18px;} 

.technologies-page-info .contentbox .floatimg{ width: auto; float: left; margin: 0 15px 15px 0;}

.technologies-page-info .border-right{ border-right: 1px solid #eee; }

.technologies-page-info .graybox-title{ color: #000; font-size: 20px;}

.res-menu{ display: none;}
.res-menu .dropdown{ outline: 0; } 
.res-menu .btn {
  background: none;
  color: #fff;
  font-size: 15px;
  outline: 0;
}

.technologies-sec .who-we-are-page .red-bg{ background: #e72d2d;}
.technologies-sec .who-we-are-page .blue-bg{  background: #226ee0;  padding: 18px 0;}
.technologies-sec .who-we-are-page .purple-bg {    background: #6631de; padding: 18px 0;}

.technologies-sec .who-we-are-page .whitetxt{
  color: #fff;
  margin-bottom: 0;
  padding: 20px 10px;
  line-height: 20px;
  text-align: center; font-size: 15px;
}
.technologies-sec .who-we-are-page p{ font-size: 15px; text-align: justify;}

.technologies-sec .who-we-are-page .owl-carousel .owl-dots.disabled,
.technologies-sec .who-we-are-page .owl-carousel .owl-nav.disabled {
  display: block;
}

.technologies-sec .who-we-are-page .thumbnail{ width: 70%; margin: 0 auto;}
.partner-slider .thumbnail img{ margin-bottom: 20px;}
.partner-slider{ margin-top: 50px;}
.technologies-sec .who-we-are-page h4{ color: #f71316; margin-bottom: 20px;}
.address-details .bolddiv{ font-weight: bold; font-size: 17px;}
.contact-details1{ text-align: center;}
.contact-details1 .con-icon{ float: none; margin: 0 auto;}
.contact-details1 .address-details{ float: none; width: auto;}
.m-b{ margin-bottom: 30px;}
.globalmap{ padding-bottom: 30px;} 
.ser-info p{ text-align: justify;}
.leaderprofile{ border-bottom: 1px solid #ccc; padding: 20px 0;}
.technologies-sec .leaderprofile h4 { color: #333; font-weight: bold; margin-bottom: 10px; font-size: 22px;}
.technologies-page-info .bordernone{ border-bottom: none;} 
.technologies-page-info .smallbanner p{ text-align: center; margin-top: 8px;}
.technologies-page-info .heightauto{ height: auto;} 
.technologies-page-info .heightauto p{ font-size: 20px; line-height: 26px;}
.technologies-page-info .tecpage-ser-height{ height: auto;}
.technologies-sec .who-we-are-page .leaderprofile p {margin: 0;}
.contact-page-bg{ padding: 30px 0;}
.technologies-sec .who-we-are-page .leaderprofile p{ margin-bottom: 10px;}

/*=======map css========*/
.global-map{ position: relative;}
.location-address img{ width: 20px;     z-index: 3; position: relative;}
.location-address .usa-location{  position: absolute; left: 19%; top: 25%;}
.location-address .uk-location{  position: absolute; left: 472px; top: 14%;}
.location-address  .pune-location{  position: absolute; left: 67%; top:39%;}
.location-address .hyderabad-location{position: absolute; left: 68%; top: 40%;}
.location-address .chennai-location{position: absolute; left: 68%; top: 43%;}
.global-map .location1 {
  border: 2px solid #e8e7e7;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  /* background: #000; */
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 0;
  left: -9px;
  -moz-animation: Ani 2s infinite;
  -webkit-animation: Ani 2s infinite;
  animation: Ani 2s infinite;
}

@keyframes Ani {
  0% {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    border: 1px solid rgba(255, 255, 255, 0);
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  70% {
    box-shadow: 0 0 50px #fff;
    border: 1px solid #fff;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  100% {
    box-shadow: 0 0 60px rgba(255, 255, 255, 0);
    border: 0 solid rgba(255, 255, 255, 0);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }
}

.location-address{ cursor: pointer;}

/*=======global map css end=====*/

.address-details .bolddiv1 {color: #2e5994;}
.it-consulting-page{ height: 280px;}
.contact-form1{ margin-top: 35%;}

/*============media query============*/

@media screen and (max-width :1199px) {
.about-info .panel-tabs>li>a{ margin: 0 5px; width: 139px; font-size: 14px;}
.home-slider .carousel-caption { top: 15%; left: 4%;}
.home-slider .carousel-caption h2{ font-size: 30px;}
.fontdiv {font-size: 50px;}
.color-bg p{ font-size: 20px;}
.color-bg img { width: 55px;}
.about-panel .nav-tabs .nav-link{ width: 120px; height: 120px;}
.about-panel a{ padding: 45px 9px; font-size: 12px;}
.about-panel .panel-tabs .v-border { left: -10%; top: 120px;}
.awards-sec .awards-box p{width: 55%; margin: 12px 0 0 14px;}
.technologies-page-info .graybox{ height: 470px;}
.technologies-page-info .tecpage-ser-height { height:auto; }
.location-address .usa-location{ top: 24%;} 
.location-address .uk-location{ top: 13%; left: 393px;} 
.location-address .pune-location{ top: 36%; left: 67%;}
.location-address .hyderabad-location { top: 38%;}
.location-address .chennai-location{ top: 41%;} 
.it-consulting-page{ height: auto; padding: 50px 0;}
.contact-form1 {margin-top: 35%;}
}

@media screen and (max-width :991px) {
.inner-bg h2 { padding: 23% 0 10%;}
.about-info .panel-tabs{ padding-bottom: 0;}
.about-info .panel-tabs .v-border{ display: none;}
.about-info .panel-tabs>li>a{ width: auto;}
.career-details .locationdiv p{ font-size: 17px;}
.about-panel a {font-size: 12px; padding:8px; margin: 0 7px;}
.section-box .half-img {background-position: inherit;}
.navbar .icon-bar {color: #000;}
.navbar .navbar-nav .nav-link{ color: #fff; font-size: 15px;}
.technologies-sec .nav-tabs .nav-item{ font-size: 14px;}
.technologies-sec .nav-tabs img { width: 53px; margin-right: 10px;}
.color-bg img {width: 45px; margin-right: 10px;}
.color-bg p { font-size: 16px;}
.color-bg .readbtn{ font-size: 10px;}
.home-slider .carousel-caption{ width: 40%;}
.top-header{ text-align: center;}
.logo {padding: 0 15px;}
.home-slider h2{ font-size: 22px;}
.inner-page-header h2{ padding: 8% 0; }
.butn {padding: 8px 20px;}
.about-panel .nav-tabs .nav-link {width: 120px;height: 50px;border-radius: 0;}
.about-panel { width: 100%;}
.about-panel .panel-tabs .v-border {left: -10%; top: 54px;}
.res-menu{ display: block;}
.menudropdown{ display: none;}
.ser-info img { width: 100%;}
.technologies-page-info .tab-content{ margin-top: 25px;}
.technologies-page-info .contentbox{ text-align: center}
.technologies-page-info .contentbox .centerpara{ margin-bottom: 20px;}
.technologies-page-info .contentbox .floatimg{ float: none;}
.home-slider .carousel-caption{ left: 9%;}
.home-slider .carousel-caption p{ font-size: 14px;}
.home-slider .carousel-caption h2 {font-size: 22px;}
.carousel-indicators{ display: none;}
.contact-address{ width: 100%;}
.contact-details .con-icon { width: 40px; height: 40px; padding-top: 10px;}
.who-we-are-page .colorbox-width{ max-width: 100%; flex: auto;}
.industries-page .col-sm-6{ max-width: 50%; flex: 0 0 auto;}
.technologies-page-info .daybox .col-sm-4 {max-width: 100%;flex: 0 0 auto;}
.technologies-page-info .graybox{ height: auto;}
.technologies-page-info .tab-content .smallbanner img { width: 100%;}
.technologies-page-info .daybox .datepara{ margin-bottom: 20px;}
.navbar .logo img{ width: 80px;}
.location-address .uk-location { top: 11%; left: 288px;}
.it-consulting-page{ padding: 30px 0;}
.location-address .usa-location {top: 21%; left: 18%;}
.contact-form1 {margin-top: 38%;}
}

@media screen and (max-width :767px) {
.container{ max-width: 100%;}
.icondiv { float: none;}
.introbox{ text-align: center;}
.icondiv img{ margin-bottom: 15px;}
.introinfo p{ text-align: center;}
.introinfo { float: none; width: auto; margin: 0 0 0 0; }
.team .item .team-img { width: 150px; height: 150px; margin: 20px; }
.navbar-toggler{ margin-right: 20px;}
.inner-bg h2 { padding: 33% 0 10%; }
.about-info .panel-tabs>li>a { width: 160px;}
.about-info .panel-box .about-img {float: none;margin: 0 0 20px 0;width: 100%;}
.about-info .tab-pane1 img{ margin-bottom: 15px;}
.contact-info .info .item .cont { margin-left: 35px;}
.job-position .classic-title{ margin: 30px 0;}
.customer-page .panel-heading{ margin-bottom: 30px;}
.customer-page .panel-body h3{ margin: 20px 0;}
.about-panel a{ padding: 11px; margin: 9px 10px;}
.career-sec p{ text-align: justify;}
.about-info li{ text-align: justify;}
.about-info .aboutul{ margin-top: 20px;}
.about-panel .about-img { width:100%; float: none;}
.ser-panel img{ margin: 8px 0;}
.customer-page .tab-content li{ text-align: justify;}
.career-page li{ text-align: justify;}
.career-page p{ text-align: justify;}
.sector-page ul li{ text-align: justify;}
.accordion_body p{ text-align: justify;}
.col-sm-6{ max-width: 100%; flex: 0 0 auto;}
.col-sm-4{ max-width: 100%; flex: 0 0 auto;}
.col-sm-8{ max-width: 100%; flex: 0 0 auto;}
.col-sm-7{ max-width: 100%; flex: 0 0 auto;}
.col-sm-5{ max-width: 100%; flex: 0 0 auto;}
footer p{  text-align: center;}
footer .right-para {text-align: center;  margin-top: 10px;}
.top-header .header-social-icon{margin: 10px 0 0; text-align: center;}
.color-bg p { font-size: 26px;}
.color-bg img {width: 70px;}
.color-bg p {font-size: 22px;}
.color-bg .readbtn {font-size: 12px;}
.technologies-page .tab-content{ margin-top: 15px;}
.technologies-sec .nav-tabs .nav-item {font-size: 17px;}
.nav-scroll{ margin-top: 0;}
.d-none {display: block !important;}
.home-slider .butn{ padding: 6px 8px; font-size: 14px;}
.home-slider .carousel-caption p{ margin: 8px 0;}
.home-slider h2{ line-height: 20px;}
.navbar .navbar-collapse{ margin-top: 8px;}
.contact-details{ margin-bottom: 20px;}
.inner-page-header h2{ font-size: 32px;}
.about-panel .nav-tabs .nav-link{ margin: 0 2px;}
.about-panel .panel-tabs .v-border{ display: none;}
.about-panel .nav-tabs{ margin: 0;}
.about-panel .nav-tabs .nav-link {width: auto;height: auto;border-radius: 0;}
.about-panel a{font-size: 12px; padding: 7px;}
.who-we-are-page {margin-top: 0; padding: 0;}
.border-right { border-right: none !important;}
.partner-box { border-bottom: 1px solid #ccc; padding: 10px 0;}
.technologies-page-info .contentbox img { width: auto;}
.ser-info img {width: auto; margin-bottom: 20px;}
.ser-info{ text-align: center;}
.technologies-page-info .contentbox .graybox-title{ text-align: center;}
.technologies-page-info .contentbox .smallbanner img { margin-bottom: 20px; width: auto;}
.technologies-page-info .tab-content p {text-align: center;}
.technologies-page-info .contentbox .smallbanner1 img {  width: 100%;}
.technologies-page-info .contentbox .p-r { padding-left: 15px;}
.inner-page-info { padding: 30px 0;}
.color-box .col-sm-4{ width: 50%;}
.color-box .p-r { padding: 1px 0;}
.industries-sec{ padding: 0 15px;}
.mb-md50 {margin-bottom: 20px;}
.services img {width: auto;}
.contact-form-details{margin-bottom: 30px;}
.services p{ height: auto;}
#tab2 p{ text-align: center;}
.technologies-page #tab2 p{ text-align: left;}
#tab2 .leaderprofile p{ text-align: justify;}
.technologies-page-info .contentbox .centerpara{margin-bottom: 12px;}
.contact-form{ margin-bottom: 15px;}
.location-address img{ width: 18px;}
.contact-form1 { margin-top: 4%;}
}

@media screen and (max-width :762px){
.about-panel a{font-size: 14px;padding: 12px;}
.about-panel .nav-tabs .nav-link { margin: 2px 2px; width: 30%;}
}

@media screen and (max-width :760px) {
.location-address .uk-location{ left:42%;}
.location-address .usa-location{ left: 19%;}
}

@media screen and (max-width :725px) {
.navbar .navbar-collapse{margin-top:15px;}
}

@media screen and (max-width :677px) {
.color-bg p { font-size: 20px;}
}

@media screen and (max-width :667px) {
.home-slider .carousel-caption { width: 55%;}
.home-slider .carousel-caption p {font-size: 12px;}
.home-slider .carousel-caption h2 {font-size: 20px;}
.home-slider .butn{ padding: 6px 5px; font-size: 12px;}
}

@media screen and (max-width :650px) {
.nav-scroll{ margin-top: 0;}
}

@media screen and (max-width :640px) {
.location-address img { width: 14px;}
.global-map .location1{ width: 30px; height: 30px;} 
.location-address .usa-location { top: 23%;}
.location-address .pune-location { top: 37%; left: 67%;}
.location-address .hyderabad-location { top: 39%;}
.location-address .chennai-location { top: 42%;}
}

@media screen and (max-width :637px) {
.color-bg img {width: 50px;}
}

@media screen and (max-width :600px) {
.inner-bg h2{padding: 27% 0 20px 0;}
.nav-scroll{ margin-top: 0;}
.contact-para{ font-size: 18px; line-height: 25px;}
.industries-page .col-sm-6{ max-width:100%; flex: 0 0 auto;}
.industries-box{ height: auto;}
}

@media screen and (max-width :589px) {
.color-bg { padding: 18% 5%;}
}

@media screen and (max-width :575px) {
.career-details { width: 100%;}
.technologies-page-info .contentbox .smallbanner img{ margin-bottom: 20px;}
.ser-info img { width: auto; margin-bottom: 20px;}
.ser-info{ text-align: center;}
.technologies-page-info .tab-content p{text-align: justify;}
}

@media screen and (max-width :560px) {
.team .item {
  text-align: center;
  padding: 30px;
}
.team .item .team-img {
  float: none;
  width: 180px;
  height: 180px;
  margin: auto;
}
.team .item .info {
  margin-top: 30px;
  margin-left: 0;
}
.ser-info a{ text-align: center; padding-right: 0;}
}

@media screen and (max-width :556px) {
.about-info .panel-tabs>li>a { width: 155px;}
}

@media screen and (max-width :553px){
.color-bg p {font-size: 18px;}
.color-bg .readbtn{ font-size: 10px;}
}

@media screen and (max-width :550px) {
.nav-scroll{ margin-top: 0;}
.home-slider img {height: 265px;}
.home-slider h2 {font-size: 20px;}
.fontdiv {font-size: 20px;}
.about-panel a {font-size: 14px;padding: 12px;}
.about-panel .nav-tabs .nav-link{ width: 100%;}
.home-slider .carousel-caption h2 { font-size: 20px;}
}

@media screen and (max-width :541px) {
.about-info .panel-tabs>li>a { width: 145px;}
}

@media screen and (max-width :530px){
.color-box .col-sm-4 { width: 100%;}
.color-bg img {width: 100px;}
.color-bg p {font-size: 25px;}
.color-bg .readbtn { font-size: 12px;}
.location-address .usa-location{left: 18%; top: 20%; }
}

@media screen and (max-width :520px) {
.nav-scroll{ margin-top: 0;}
.location-address .pune-location { top: 35%; left: 67%;}
.location-address .hyderabad-location { top: 38%;}
.location-address .chennai-location { top: 40%;}
}

@media screen and (max-width :511px) {
.about-info .panel-tabs>li>a { width: 135px;}
}

@media screen and (max-width :500px){
.header .caption h1{  margin-top: 30%;}
.caption{ padding: 20px;}
.inner-bg{ background-size:cover;}
.inner-bg h2 { padding: 36% 0 30px;}
.home-slider .carousel-caption p{font-size: 14px; line-height: 20px;}
.location-address .pune-location {top: 34%;}
.location-address .hyderabad-location {top: 37%;}
.location-address .chennai-location {top: 40%;}
.location-address .uk-location {top: 10%;}
}

@media screen and (max-width :490px) {
.home-slider .carousel-caption p { font-size: 12px;line-height: 16px;}
}

@media screen and (max-width :481px) {
.about-info .panel-tabs>li>a { font-size: 13px; width: auto;}
}

@media screen and (max-width :474px){
.about-panel a { padding: 16px 8px;}
}

@media screen and (max-width :460px){
.nav-scroll{ margin-top: 0;}
}

@media screen and (max-width :450px){
.sector-page h4{ font-size: 24px;}
.home-slider .carousel-caption { width: 60%; padding: 15px 0;}
.home-slider img { height: 220px;}
.home-slider .butn { padding: 3px 5px; font-size: 10px;}
.technologies-page-info .contentbox .floatimg{ width: 100%;}
.home-slider .carousel-caption h2 {font-size: 18px;}
.home-slider .carousel-caption p {margin: 4px 0;}
}

@media screen and (max-width :440px) {
.location-address .usa-location { left: 18%;}
.location-address .pune-location { top: 32%;}
.location-address .hyderabad-location { top: 35%;}
}

@media screen and (max-width :430px) {
.color-bg { padding: 18% 4%;}
.color-bg p { font-size: 24px;}
.color-bg img {width: 60px;}
.awards-sec .awards-box p{ margin: 12px 0 0 11px; font-size: 14px; float: none;  width: auto; text-align: center;}
.awards-sec .awards-box img{ float: none;} 
.who-we-are-page ul {  padding-left: 0;}
.awards-sec .awards-box{ text-align: center;}
.location-address .usa-location {top: 21%; left: 18%;}
}

@media screen and (max-width :414px) {
.technologies-page-info .contentbox img {width: 100%;}
.ser-info img {width:100%;}
.technologies-page-info .contentbox .smallbanner img{ width: 100%;}
.home-slider .carousel-caption { top: 22%; padding: 9px 0; }
}

@media screen and (max-width :412px) {
.home-slider .carousel-caption { top: 20%;}
}

@media screen and (max-width :410px) {
.nav-scroll{ margin-top: 0;}
}

@media screen and (max-width :375px) {
.home-slider .carousel-caption{width: 66%;}
.services img { width: 100%;}
.home-slider .carousel-caption{ top: 15%;}
.location-address .pune-location{ top: 31%;}
.location-address .hyderabad-location{ top: 34%;}
.location-address .chennai-location{top: 38%; left: 67%;}
}