button:focus {
  outline: none;
}

.image-heading {
  margin-bottom: 50px;
}

.image-heading img {
  width: 50%;
}

.heading {
  font-size: 35px;

  margin-bottom: 50px;
  color: #01346d;
}
.banner1{
  margin-top: 0px!important;
}
.sidenav {
  background: #034ea2;
  height: 100vh;
  width: 250px;
  position: fixed;
  top: 0;
  left: -300px;
  z-index: 10;
  padding: 70px 0 20px 0;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.sidenav.show {
  left: 0;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.sidenav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidenav ul.level2 {
  display: none;
  padding-left: 15px;
}
.sidenav ul.level3 {
  display: none;
  padding-left: 15px;
}
.sidenav ul li {
  display: block;
}

.sidenav ul li.sub-item a {
  position: relative;
}

.sidenav ul li.sub-item a i {
  position: absolute;
  right: 15px;
  top: 12px;
}

.sidenav ul li a {
  display: inline-block;
  padding: 10px 15px;
  width: 100%;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.sidenav ul li a img {
  width: 40px;
}

.sidenav ul li a span {
  display: block;
}

.curved-gallery {
  padding: 50px 0;
  position: relative;
}

.curved-gallery .two-tractors {
  position: absolute;
  right: 5%;
  bottom: 30px;
  width: 50%;
  z-index: 3;
}

.curved-gallery .gallery {
  -webkit-perspective: 300px;
  /* Safari 4-8  */
  perspective: 300px;
  overflow: hidden;
  padding: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: relative;
}

.curved-gallery .gallery.alt .gallery-item .overlay {
  background: rgba(0, 0, 0, 0.4);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  line-height: 1.1;
}

.curved-gallery .gallery.alt .gallery-item .overlay span {
  opacity: 0;
  color: #000;
  font-size: 16px;
}

.curved-gallery .gallery.alt .gallery-item .overlay p {
  opacity: 0;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.curved-gallery .gallery.alt .gallery-item .overlay:hover {
  background: rgba(255, 193, 7, 0.7);
}

.curved-gallery .gallery.alt .gallery-item .overlay:hover span, .curved-gallery .gallery.alt .gallery-item .overlay:hover p {
  opacity: 1;
}

/*.curved-gallery .gallery.alt .gallery-right {
  background: #e8e9ea;
}*/

.curved-gallery .gallery .curve {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.curved-gallery .gallery .gallery-left {
  width: 50%;
  float: left;
  background: #e8e9ea;
  padding: 20px 20px 20px 60px;
  -webkit-transform-style: preserve-3d;
  /* Safari 3-8  */
  transform-style: preserve-3d;
  transform: rotateY(3deg);
  -webkit-transform: rotateY(3deg);
}

.curved-gallery .gallery .gallery-right {
  width: 50%;
  float: left;
  background: #e8e9ea;
  padding: 20px 60px 20px 20px;
  -webkit-transform-style: preserve-3d;
  /* Safari 3-8  */
  transform-style: preserve-3d;
  transform: rotateY(-3deg);
  -webkit-transform: rotateY(-3deg);
  margin-left: -10px;
}

.curved-gallery .gallery .gallery-item {
  margin: 10px 0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.curved-gallery .gallery .gallery-item .overlay {
  /*background: rgba(3, 78, 162, 0.4);*/
  padding: 20px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.curved-gallery .gallery .gallery-item .overlay:hover {
  background: rgba(255, 193, 7, 0.4);
  color: #000;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.curved-gallery .gallery .gallery-item .overlay span {
  display: block;
  text-align: center;
  font-weight: 600;
}

.curved-gallery .gallery .gallery-item img {
  width: 100%;
}

.global-presence {
  padding: 50px 0 100px;
}

.global-presence .image-heading img {
  width: 35%;
}

.global-presence .owl-carousel .item {
  text-align: center;
  position: relative;
}

.global-presence .owl-carousel .item img {
  width: 100%;
  display: initial;
}

.global-presence .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #034ea2;
  color: #fff;
  top: calc(50% - 20px);
  font-size: 20px;
}

.global-presence .owl-carousel .owl-nav .owl-prev:hover {
  background: #ffc107;
}

.global-presence .owl-carousel .owl-nav .owl-next {
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #034ea2;
  color: #fff;
  top: calc(50% - 20px);
  font-size: 20px;
}

.global-presence .owl-carousel .owl-nav .owl-next:hover {
  background: #ffc107;
}

.heavy-duty {
  padding: 50px 0 150px;
  background: #f0f3f6;
}

.heavy-duty .tab-links {
  list-style-type: none;
  padding: 0;
  margin: 0 0 30px;
  font-size: 0;
}

.heavy-duty .tab-links li {
  display: inline-block;
  width: 24%;
}

.heavy-duty .tab-links li .item {
  text-align: center;
}

.heavy-duty .tab-links li .item.one .img img {
  width: 50%;
}

.heavy-duty .tab-links li .item.two .img img {
  width: 92%;
}

.heavy-duty .tab-links li .item.three .img img {
  width: 40%;
}

.heavy-duty .tab-links li .item.four .img img {
  width: 100%;
}

.heavy-duty .tab-links li .item .img {
  margin-bottom: 20px;
}

.heavy-duty .tab-links li .item .img img {
  width: 70%;
}

.heavy-duty .tab-links li .item .check {
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #fff;
  background: transparent;
  border-radius: 100%;
  border: 2px solid #ccc;
}

.heavy-duty .tab-links li .item .check i {
  font-size: 14px;
  position: relative;
  top: 5px;
}

.heavy-duty .tab-links li .item .check.active {
  background: #034ea2;
  border-color: #034ea2;
}

.heavy-duty .tab-content {
  position: relative;
  margin-top: 70px;
}

.heavy-duty .tab-content .img1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.heavy-duty .tab-content .img2 {
  position: absolute;
  bottom: -70px;
  left: 13%;
  width: 74%;
  z-index: 2;
}

.heavy-duty .tab-content .content {
  background: #fff;
  border-radius: 8px;
  padding: 20px 40px 150px 40px;
  display: none;
}

.heavy-duty .tab-content .content[rel="tab1"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.heavy-duty .tab-content .content .left-sec {
  background: #034ea2;
  position: relative;
  top: -40px;
  width: 30%;
  min-height: 400px;
  padding: 30px 30px 20px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.heavy-duty .tab-content .content .left-sec::after {
  content: '';
  border-right: 25px solid #002247;
  border-top: 21px solid transparent;
  position: absolute;
  border-left: 10px solid transparent;
  left: -35px;
  top: 0;
}

.heavy-duty .tab-content .content .left-sec h3 {
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 30px;
}

.heavy-duty .tab-content .content .left-sec ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.heavy-duty .tab-content .content .left-sec ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  
  padding: 15px 0;
}

.heavy-duty .tab-content .content .right-sec {
  width: 70%;
  padding: 0 30px;
}

.heavy-duty .tab-content .content .right-sec .head {
  text-align: center;
  margin-bottom: 15px;
}

.heavy-duty .tab-content .content .right-sec .head img {
  width: 40%;
}

.heavy-duty .tab-content .content .right-sec .service {
  margin: 15px 0;
}

.heavy-duty .tab-content .content .right-sec .service img {
  width: 100%;
  margin-bottom: 15px;
}

.heavy-duty .tab-content .content .right-sec .service .name {
  font-weight: 600;
}

.heavy-duty .tab-content .content .right-sec .service .desc {
  font-size: 14px;
  color: #777;
}

.heavy-duty .tab-content .content .right-sec .know-more {
  background: #ffc107;
  color: #000;
  font-weight: 600;
  padding: 10px 15px;
  border-radius: 4px;
  border: 1px solid #ffc107;
  margin-top: 20px;
}

.farmers-choice {
  padding: 50px 0;
  background: url("../../img/farmers-bg.png") no-repeat scroll top center;
  min-height: 550px;
  border-bottom: 8px solid #ffc107;
  position: relative;
}

.farmers-choice .image-heading img {
  width: 35%;  display: inline;
}

.farmers-choice .farmer {
  display: inline-block;
  width: 120px;
  position: relative;
}

.farmers-choice .farmer.one {
  top: 80%;
}

.farmers-choice .farmer.three {
  top: 30%;
  margin-left: 40px;
}

.farmers-choice .farmer.four {
  margin: 0 50px;
}

.farmers-choice .farmer.five {
  margin-left: 50px;
}

.farmers-choice .farmer.six {
  top: 50%;
  margin-left: 20px;
}

.farmers-choice .farmer .img::after {
  display: none;
}

.farmers-choice .farmer img {
  width: 100%;
}

.farmers-choice .farmer.large {
  width: 180px;
}

.farmers-choice .farmer .info {
  background: #034ea2;
  padding: 10px;
  border-radius: 4px;
}

.farmers-choice .farmer .info .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.farmers-choice .farmer .info img {
  width: 130px;
  display: inline-block;
}

.farmers-choice .farmer .info .content {
  padding-left: 10px;
  color: #fff;
  font-size: 12px;
  width: 200px;
  display: inline-block;
}

.farmers-choice .farmer .info .content p {
  margin: 0;
}

.separator {
  background: #034ea2;
  height: 10px;
}

.img-separator img {
  width: 100%;
}

.glimpses {
  padding: 50px 0 30px;
}

.glimpses .video iframe {
  width: 100%;
  height: 400px;
  margin-bottom: 30px;
}

.glimpses select {
  background: #ffc107;
  border: 1px solid #ffc107;
  padding: 5px 15px;
  width: 200px;
  border-radius: 6px;
  font-size: 20px;
}

.news-update {
  padding: 50px 0 100px;
}

.news-update .news {
  padding: 10px;
  position: relative;
  border-radius: 6px;
  padding-top: 40px;
  margin: 15px 0;
}

.news-update .news.blog {
  background: #01346d;
}

.news-update .news.fb {
  background: #3577d1;
}

.news-update .news.fb .icon {
  background: #3577d1;
}

.news-update .news.twitter {
  background: #13a8fe;
}

.news-update .news.twitter .icon {
  background: #13a8fe;
}

.news-update .news .icon {
  position: absolute;
  left: calc(50% - 30px);
  top: -27px;
  background: #01346d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 100%;
}

.news-update .news .icon .img-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

.news-update .news .icon img {
  max-width: 50%;
  max-height: 30px;
}

.news-update .news .content {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}

.news-update .news .content .update {
  background: #fff;
  border-radius: 5px;
  padding: 10px;
  font-size: 14px;
  margin: 5px 0;
  display: inline-block;
  width: 97%;
}

.news-update .news .content .update .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}

.news-update .news .content .update .head .img {
  width: 40px;
  height: 40px;
  background: #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
}

.news-update .news .content .update .head .img img {
  width: 60%;
}

.news-update .news .content .update .head .desc {
  padding-left: 8px;
  line-height: 1;
}

.news-update .news .content .update .head .desc .name {

  font-size: 14px;
}

.news-update .news .content .update .head .desc .id {
  font-size: 13px;
  color: #777;
}

.news-update .news .content .update p {
  font-weight: 600;
  margin: 10px 0;
}

.career {
  background: url("../../img/career-bg.png") no-repeat scroll center center/cover;
  padding: 90px 0 100px 0;
}

.form form .input-div {
  margin-bottom: 20px;
}

.form form .input-div input, .form form .input-div select {
  background: #034ea2;
  padding: 10px 15px;
  color: #fff;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #034ea2;
  width: 100%;
}

.form form .input-div input::-webkit-input-placeholder, .form form .input-div select::-webkit-input-placeholder {
  color: #fff;
}

.form form .input-div input:-ms-input-placeholder, .form form .input-div select:-ms-input-placeholder {
  color: #fff;
}

.form form .input-div input::-ms-input-placeholder, .form form .input-div select::-ms-input-placeholder {
  color: #fff;
}

.form form .input-div input::placeholder, .form form .input-div select::placeholder {
  color: #fff;
}

.form form .input-div .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form form .input-div .checkbox input {
  height: auto;
  width: auto;
  margin-right: 8px;
  position: relative;
  top: 3px;
}

.form form .input-div .checkbox span {
  font-size: 12px;
}

.form form .input-div .resume {
  background: #034ea2;
  color: #fff;
  border: 1px solid #034ea2;
  height: 50px;
  padding: 10px 20px;
  border-radius: 2px;
  margin: 0;
  font-size: 16px;
  font-family: inherit;
}

.form form .input-div button {
  background: #fecc00;
  color: #034ea2;

  padding: 12px 35px;
  border: 1px solid #ffc107;
  border-radius: 5px;
  font-size: 20px;
  margin-top: 25px;
  height: auto
}

.form form .info {
  text-align: center;
  margin-top: 35px;
}

.form form .info p {
  margin: 0;
  font-size: 18px;
}

.form form .info a {
  color: #034ea2;

 font-size: 20px;
}

.contact {
  padding: 70px 0 150px 0;
}

.contact .address {
  padding: 15px;
  font-size: 14px;
  box-shadow: 5px 5px 4px #aaa;
  -webkit-box-shadow: 5px 5px 4px #aaa;
  -ms-box-shadow: 5px 5px 4px #aaa;
  -moz-box-shadow: 5px 5px 4px #aaa;
  margin-bottom: 30px;
  min-height: 340px;
    border: 1px solid #aaa;
}

.contact .address .head {
color: #0b53a4;
  font-size: 16px;
  text-align: center;
  margin-bottom: 25px;
  font-family: 'MetronicB';

}

.contact .address .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;  line-height: 18px;
  padding-left: 25px;position: relative;
}

 

.contact .address .action {
  text-align: center;
  margin-top: 20px;
}

.contact .address .action button {
 
}

.fans {
  padding: 50px 0 100px 0;
  background: #e9f0ef;
  /* flip the pane when hovered */
  /* flip speed goes here */
  /* hide back of pane during swap */
  /* front pane, placed above back */
  /* back, initially hidden pane */
}

.fans .select-state {
  margin-bottom: 50px;
}

.fans .select-state select {
  background: #fecc00;
  color: #0b53a4;
  padding: 15px 30px;
  border-radius: 6px;
  border: 1px solid #fecc00;
  font-size: 18px;

}

.fans .fan {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  text-align: center;
  box-shadow: 2px 2px 5px #bbb;
  -webkit-box-shadow: 2px 2px 5px #bbb;
  -ms-box-shadow: 2px 2px 5px #bbb;
  -moz-box-shadow: 2px 2px 5px #bbb;
  margin: 20px 0;
}

.fans .fan .name{
font-family:'MetronicB';
}

.fans .fan .tractor {
  margin-top: 25px;
}

.fans .fan:hover .flipper, .fans .fan.hover .flipper {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.fans .fan, .fans .front, .fans .back {
  width: 100%;
  height: 300px;
}

.fans .flipper {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: relative;
}

.fans .front, .fans .back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.fans .front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  padding: 15px;
  background: #fff;
}

.fans .front img {
  width: 100px;
  margin-bottom: 20px;
  margin: 0 auto;
  display: inline-block;
}

.fans .back {
  -webkit-transform: rotateY(180deg);
 transform: rotateY(180deg);
  background: #034ea2;
  color: #fff;
  padding: 15px;
}

.fans .back img {
   width: 75px;
  margin: 0 auto;
  display: inline-block;
}

.fans .back .desc, .fans .back .desc p {
  font-size: 14px;line-height: 20px
}

.fans .load-more {
  margin-top: 50px;
  text-align: center;
}

.fans .load-more button {
  background: #0b53a4;
  color: #fff;

  font-size: 18px;
  padding: 10px 30px;
  border-radius: 5px;
  border: 1px solid #0b53a4;
}

.manufacturing {
  padding: 50px 0 100px;
}

.manufacturing .head1 {
  margin-bottom: 60px;
}

.manufacturing .head1 span {
  color: #0b53a4;
  font-size: 25px;

}

.manufacturing .head1 p {
  margin: 10px 0 0 0;
}

.manufacturing .accordions .single-accordion {
  margin: 15px 0;
}

.manufacturing .accordions .single-accordion .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.manufacturing .accordions .single-accordion .head .count{
  background: #ffb902;
  color: #000;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.manufacturing .accordions .single-accordion .head .count span{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);

}
.manufacturing .accordions .single-accordion .head .head-wrap{
  background: #0461e0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1px;
  cursor: pointer;
  width: 100%;
}

.manufacturing .accordions .single-accordion .head .fa-minus {
  display: none;
}

.manufacturing .accordions .single-accordion .content {
  padding: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.manufacturing .accordions .single-accordion .content.open {
  padding: 15px 0 15px 42px;
  height: auto;
  overflow: inherit;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.manufacturing .accordions .single-accordion .content h3 {
  font-size: 20px;
  text-transform: uppercase;
  
}
.manufacturing .accordions .single-accordion .content  {
  font-size: 16px;line-height: 28px;
 
  
} 

.manufacturing .accordions .single-accordion .content li:before {

  content: "";display: inline-block;
  width: 10px; height: 10px;border-radius: 100%;
  background: #fecc00;
  margin-right: 7px;
  position: relative;
  
}


.manufacturing .accordions .single-accordion .content img {
  width: 100%;
}

.media-room {
  padding: 50px 0 50px 0;
}

.media-room .nav li {
  width: 20%;
  margin: 0;
}

.media-room .nav li.active a {
  color: #034ea2;
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  border-radius: 5px;
  border-bottom: 3px solid #034ea2;
  background: #fecc00;
  z-index: 1
}

.media-room .nav li a {
  color: #fff;
  background: #034ea2;
  padding: 30px;
  text-align: center;
  display: block;
  width: auto;
  height: auto;
  border: 0;
  z-index: 0;
}
.media-room .nav li a span {
  display: block;
}

.media-room .tab-content .tab-pane {
  padding-top: 50px;
}

.media-room .tab-content .tab-pane .select-month {
  margin-bottom: 15px;
}

.media-room .tab-content .tab-pane .select-month select {
  background: #fecc00;
  color: #0b53a4;
  padding: 15px 30px;
  border-radius: 6px;
  border: 1px solid #fecc00;
  font-size: 18px;

}

.media-room .tab-content .tab-pane .news {
  border: 2px solid #0461e0;
  padding: 15px;
  margin: 15px 0;
}

.media-room .tab-content .tab-pane .news .date {
  color: #0461e0;
  font-size: 18px;
  
  margin-bottom: 10px;
}

.media-room .tab-content .tab-pane .news .desc {
  margin-bottom: 20px;
  font-size: 14px;
}

.media-room .tab-content .tab-pane .video {
  margin: 15px 0;
}

.media-room .tab-content .tab-pane .video iframe {
  width: 100%;
  height: 200px;
  margin-bottom: 10px;
}

.media-room .tab-content .tab-pane .video .name {
  color: #0461e0;
}

.media-room .tab-content .tab-pane .video .date {
  font-size: 14px;
}

.dealer-locator {
  padding: 50px 0 100px 0;
}

.dealer-locator .select-boxes select {
  border: 2px solid #034ea2;
  background: transparent;
  padding: 10px 15px;
  width: 100%;
  color: #034ea2;
  
  margin-bottom: 25px;
}

.dealer-locator .dealers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dealer-locator .dealers .left-sec {
  width: 38%;
  margin-right: 4%;
  border: 1px solid #034ea2;
  padding: 15px 20px;
  position: relative;
  height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}

.dealer-locator .dealers .left-sec .dealer {
  margin-bottom: 20px;
}

.dealer-locator .dealers .left-sec .head {
  color: #0b53a4;
  font-size: 22px;  
  margin-bottom: 10px;
  font-family: MetronicB;
}

.dealer-locator .dealers .left-sec .fa-mobile {
  font-size: 20px;
  margin-right: 5px;
}

.dealer-locator .dealers .left-sec p {
  margin: 10px 0;
}

.dealer-locator .dealers .left-sec .actions {
  text-align: center;
  width: 100%;margin-bottom: 20px;
}

.dealer-locator .dealers .left-sec .actions button {
  background: #034ea2;
  color: #fff;
  border: 1px solid #034ea2;
  padding: 5px 25px;
  border-radius: 4px;
}

.dealer-locator .dealers .right-sec {
  width: 58%;
}

.dealer-locator .dealers .right-sec .mapouter {
  width: 100%;
  height: 500px;
}

.dealer-locator .dealers .right-sec .mapouter iframe {
  height: 500px;
  width: 100%;
}

.application {
  padding: 50px 0 100px;
}

.application .select-type {
  text-align: right;
}

.application .select-type select {
  background: #fecc00;
  color: #034ea2;
  border: 1px solid #fecc00;
  padding: 10px 15px;
  width: 250px;
  font-size: 18px;
  
  border-radius: 5px;
}

.application .app-video {
  position: relative;
  margin: 30px 0;
}

.application .app-video iframe {
  width: 100%;
  height: 350px;
}

.application .app-video .overlay {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  bottom: 0;
  left: 0;
  background: no-repeat;
  pointer-events: none;
  z-index:4
}

.application .app-video .overlay .name {
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 25px;
  width: 100%;
  padding: 10px 15px;
  letter-spacing: 1px;
}

.models {
  background: url("../../img/pattern.png") no-repeat scroll center center/cover;
  padding: 50px 0;
  margin-bottom: 150px;
}

.models .tractor-img {
  width: 100%;
}

.models .navigation {
  background: #034ea2;
  position: absolute;
  height: calc(100% + 140px);
  top: -70px;
  padding: 15px 20px;
  width: 220px;
  text-transform: uppercase;
  overflow: auto;
}
.models .navigation::-webkit-scrollbar {
    width: 8px;
    height: 12px;
}
.models .navigation::-webkit-scrollbar-thumb {
    background: #ffc107;
    border-radius: 10px;
}

.models .navigation::after {
  content: '';
  border-right: 25px solid #002247;
  border-top: 21px solid transparent;
  position: absolute;
  border-left: 10px solid transparent;
  left: -35px;
  top: 0;
}

.models .navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.models .navigation ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.models .navigation ul li a:hover {
  color: #fecc00;
}

.models .highlights {
  background: #fff;
  border-radius: 10px;
  padding: 15px 30px;
  margin-left: 240px;
  box-shadow: 0 0 15px #777;
  -webkit-box-shadow: 0 0 15px #777;
  -ms-box-shadow: 0 0 15px #777;
  -moz-box-shadow: 0 0 15px #777;
}

.models .highlights .head img {
  width: 55%;
}

.models .highlights .head-badge {
  background: #fecc00;
  padding: 10px;
  text-align: center;
  width: 80%;
  margin: 15px 0 25px -30px;
  position: relative;
}

.models .highlights .head-badge::after {
  content: '';
  border-right: 25px solid transparent;
  border-top: 11px solid #dbaa08;
  position: absolute;
  border-left: 0px solid transparent;
  right: 0;
  bottom: -11px;
}

.models .highlights p {
  margin: 6px 0;
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
  list-style: disc outside none;
  display: list-item;
}

.models .highlights button {
  background: #fecc00;
  border: 1px solid #fecc00;
  border-radius: 6px;
  color: #000;
  height: 40px;
  padding: 10px 15px;
  font-size: 14px;
  position: relative;

  top: 1px;
  margin: 20px 0 10px 0;
}

.technical {
  padding: 50px 0 100px;
  /*background: #eff0f0;*/
}

.technical .accordions .single-accordion {
  margin: 15px 0;
}

.technical .accordions .single-accordion .head {
  background: #eff0f0;
  color: #034ea2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;

  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  cursor: pointer;
}

.technical .accordions .single-accordion .head .icon.minus {
  display: none;
}

.technical .accordions .single-accordion .head span img {
  width: 35px;
  margin-right: 10px;
}

.technical .accordions .single-accordion .head .icon {
  width: 30px;
  height: 30px;
  background: #ffc107;
  display: inline-block;
  text-align: center;
  color: #034ea2;
  border-radius: 100%;
  padding-left: 2px;
}

.technical .accordions .single-accordion .head .icon i {
  top: 2px;
  position: relative;
}

.technical .accordions .single-accordion .content {
  padding: 0;
  height: 0;
  overflow: hidden;
  background: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.technical .accordions .single-accordion .content.open {
  padding: 0;
  height: auto;
  border-top: 2px solid #034ea2;
  overflow: inherit;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.technical .accordions .single-accordion .content h3 {
  font-size: 20px;
  text-transform: uppercase;

}

.technical .accordions .single-accordion .content img {
  width: 100%;
}

.technical .accordions .single-accordion .content table {
  font-size: 14px;
  color: #034ea2;
}

.applications {
  padding: 20px 0 100px;
}

.applications .single-application {
  position: relative;
  margin: 15px 0;
}

.applications .single-application .img img {
  width: 100%;
}

.applications .single-application .overlay {
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#444036));
  background: linear-gradient(transparent, #444036);
  width: 100%;
  padding: 10px 15px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 1px;
}

.similar-products {
  padding-bottom: 150px;
}

.similar-products .owl-carousel .item .img {
  text-align: center;
  min-height: 150px;
}

.similar-products .owl-carousel .item .img img {
  width: 70%;
  display: inline-block;
}

.similar-products .owl-carousel .name {
  
  text-align: center;
}

.similar-products .owl-carousel .owl-nav {
  display: block !important;
  margin-top: 50px;
}

.similar-products .owl-carousel .owl-nav .owl-prev {
  width: 40px;
  height: 40px;
  border: 1px solid #034ea2;
  border-radius: 100%;
  background: rgba(3, 78, 162, 0.1);
  color: #034ea2;
  border: 1px solid rgba(3, 78, 162, 0.1);
}

.similar-products .owl-carousel .owl-nav .owl-prev:hover {
  background: #034ea2;
  border: 1px solid #034ea2;
  color: #fff;
}

.similar-products .owl-carousel .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  border: 1px solid #034ea2;
  border-radius: 100%;
  background: rgba(3, 78, 162, 0.1);
  color: #034ea2;
  border: 1px solid rgba(3, 78, 162, 0.1);
}

.similar-products .owl-carousel .owl-nav .owl-next:hover {
  background: #034ea2;
  border: 1px solid #034ea2;
  color: #fff;
}

.pricing {
  padding: 80px 0 120px;
}

.pricing h4 {
  color: #0b53a4;
  margin-bottom: 30px;
  
}

.pricing .sonalika-int {
  text-align: center;
}

.pricing .sonalika-int img {
  width: 110%;
  margin: 20px 0;
}

.pricing .sonalika-int .int-logo {
  width: 250px;
}

.compliances {
  padding: 80px 0 170px;
}

.compliances .compliance {
  background: #0b53a4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  text-align: center;
  color: #fff;
  position: relative;
  min-height: 150px;
  margin: 15px 0;
}

.compliances .compliance a{
display: block;
  position: absolute;
  right: 0;
  bottom: 0;}


.compliances .compliance i {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #ffc107;
  font-size: 35px;
}

.compliances .land-img {
  position: relative;
  margin-top: 250px;
  margin-bottom: -170px;
}

.compliances .land-img img {
  width: 100%;
}

.compliances .land-img .range {
  position: absolute;
  width: 70%;
  left: 15%;
  bottom: 100px;
  z-index: 1
}

.about-us .competency {
  padding: 50px 0;
}

.about-us .competency .logo {
  width: 100%;
  margin: 30px 0;
}

.about-us .competency .heading {
  margin-bottom: 25px;
}

.about-us .competency .thought {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about-us .competency h4 {
  font-size: 20px;

  color: #034ea2;
}

.about-us .competency .separator {
  width: 100%;
  margin-top: 20px;
}

.about-us .competency ul {
  list-style-type: none;
  padding: 0;
  font-size: 0;
  margin-bottom: 50px;
}

.about-us .competency ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 33.33%;
  padding-right: 20px;
  font-size: 14px;
  margin: 7px 0;
}

.about-us .competency ul li i {
  font-size: 8px;
  color: #fecc00;
  margin-right: 7px;
  position: relative;
  top: 3px;
}

.about-us .about-info {
  padding: 50px 0;
}

.about-us .about-info img {
  width: 100%;
  margin: 20px 0;
}
.about-us .about-info .img-align img{
  width: 70%;
  margin: 0 auto;
  display: block;
}

.about-us .about-info h4 {
  font-size: 25px;
  margin-bottom: 25px;
  color: #034ea2;

}

.about-us .leadership {
  padding: 50px 0;
  background: #f4f7fa;
}

.about-us .leadership .person {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 15px 0;
}

.about-us .leadership .person .img {
  width: 35%;
}

.about-us .leadership .person .img img {
  width: 100%;
}

.about-us .leadership .person .desc {
  width: 65%;
  padding: 10px;
}

.about-us .leadership .person .desc .name {
   color: #0b53a4;
  font-size: 14px;
  font-family: 'MetronicB';

}

.about-us .leadership .person .desc .designation {
  color: #777;
  margin-bottom: 10px;
  font-size: 10px;
}

.about-us .leadership .person .desc p {
  font-size: 12px;
  margin: 0 0 10px;line-height: 13px;
}

.about-us .leadership .person .desc a {
  font-size: 12px;  font-family: 'MetronicB';
}

.about-us .slant {
  padding-top: 140px;
  position: relative;
  margin-bottom: 70px;
}

.about-us .slant .slant-img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.about-us .slant .left-sec {
  color: #fff;
  padding: 0 30px;
  text-align: right;
}

.about-us .slant .left-sec h4 {

  margin-bottom: 30px; font-family: 'MetronicB';
}

.about-us .slant .right-sec {
  color: #000;
  padding: 0 30px;
}

.about-us .slant .right-sec h4 {

  margin-bottom: 30px;font-family: 'MetronicB';
}

.timeline .owl-carousel img {
  width: 100%;
}

.timeline .owl-carousel .owl-nav {
  position: absolute;
  width: 100%;
  bottom: 30px;
  left: 0;
}

.timeline .owl-carousel .owl-nav .owl-next, .timeline .owl-carousel .owl-nav .owl-prev {
  background: #034ea2;
  width: 40px;
  height: 40px;
  color: #fff;
  border-radius: 100%;
  font-size: 30px;
  line-height: 1;
  text-align: center;
  margin: 0 10px;
}

.timeline .owl-carousel .owl-nav .owl-next span, .timeline .owl-carousel .owl-nav .owl-prev span {
  position: relative;
  top: -3px;
}

.timeline .owl-carousel .owl-nav .owl-next:hover, .timeline .owl-carousel .owl-nav .owl-prev:hover {
  background: #ffc107;
  color: #000;
}

.modal-dialog .modal-content {
  max-height: 550px;
  overflow-x: hidden;
  overflow-y: auto;
  /*padding-top: 20px;*/
}

.modal-dialog .modal-content .close {
  width: auto;
  position: absolute;
  right: 12px;
  top: 0;
  z-index: 111;
}

.modal-dialog .modal-content .person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-dialog .modal-content .person .img {
  width: 25%;
}

.modal-dialog .modal-content .person .img img {
  width: 100%;
}

.modal-dialog .modal-content .person .content {
  width: 75%;
  padding-left: 15px;
}

.modal-dialog .modal-content .person .content .name {
  color: #034ea2;
  font-size: 25px;

}

.modal-dialog .modal-content .person .content .designation {
  color: #777;
  font-size: 12px;
  margin-bottom: 15px;
}

.modal-dialog .modal-content .person .content p {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 10px;
}
/*# sourceMappingURL=style.css.map */


.feature-tabs{
  justify-content: center;
  border-bottom: 0 !important;
  margin-top: 70px;
}
.feature-tabs li a{
  border: 2px solid #ffc107 !important;
  color: #000 !important;
}
.feature-tabs li a.active{
  background: #ffc107 !important;
}
.feature-tabs li.one a{
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.feature-tabs li.two a{
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.brochure{
  position: relative;
  text-align: right;
}

.brochure button{
  color: #fff;
  background: #0463ce;
  border: 1px solid #0463ce;
  border-radius: 4px;
  padding: 7px 25px;
  font-size: 14px;
}

.brochure img{
  margin-right: -21px;
  z-index: 2;
  position: relative;
}

/*custom css*/
.name.s-f {
    text-transform: uppercase;
}

img.loader-city {
   width: 8%;
   position: absolute;
   top: 7px;
   right: 15px;
   display: none;
}
.row.select-boxes .city option {
   position: relative;
   text-transform: uppercase;
}
select#state option {
    text-transform: uppercase;
}
table.tbl-entry td{
   padding:5px 10px;
}

.input-entry{
   padding:5px;
   border-radius:5px;
   min-width:300px;
}

table.tbl-map{
   width:100%;
}

table.tbl-map td{
   width:50%;
   vertical-align:top;
   padding:10px;
}

#map{
   height:500px;
}

#panel-direction{
   height:500px;
   overflow-x:hidden;
}
button#back{
   background: #ea4335;
   border: none;
   color: rgb(255, 255, 255);
   font-size: 15px;
   font-weight: 700;
   border-radius: 5px;
}

.download-brochure{
    background: #01346d;
    color: #fff;
    border: navajowhite;
    height: 42px;
    border-radius: 5px;
    margin-left: 15px;
    font-size: 14px
}
.download-brochure1{
    background: #01346d;
    color: #fff;
    border: 1px solid #01346d;
    height: auto;
    border-radius: 5px;
    font-size: 14px;
    width: 38%;
    margin-top: 2px;
}
#boxbrochure {
  display:none; /* Needed to initally hide element */
}
#toggleMessage {
  width:200px;
  height: 42px;
}
.ml50{
  margin-left: 50px;
}
div#boxbrochure a {
    text-align: center;
    background: #01346d;
    color: #fff;
    border: 1px solid #01346d;
    height: auto;
    border-radius: 5px;
    font-size: 13px;
    width: 40%;
    margin-top: 2px;
}
.place.fn-place {
    font-size: 13px;
}
.lightbox {
  background-color: fade(black, 80%);  
  overflow: scroll;
  position: fixed;
  display: none;
  z-index: 4;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  
  &-container {
    position: relative;
    max-width: 960px;
    margin: 7% auto;
    display: block;    
    padding: 0 3%;
    height: auto;
    z-index: 10;
    
    // Increasing top margin for mobile
    @media screen and (max-width: 768px) { margin-top: 10%; }
    @media screen and (max-width: 414px) { margin-top: 13%; }
  }
    
  &-content {
    box-shadow: 0 1px 6px fade(black, 70%);
  }
  
  &-close {
    text-transform: uppercase;    
    background: transparent;
    position: absolute; 
    font-weight: 300;      
    font-size: 12px;
    display: block;
    border: none;
    color: white;
    top: -22px;
    right: 3%;
  }
}

.video-container {  
    padding-bottom: 56.25%;
    position: relative;  
    padding-top: 30px; 
  /*  overflow: hidden;*/
    height: 0; 
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    height: 75%;
    width: 100%;
    left: 0;
    top: 130px;
}

/* IGNORE FORM THIS POINT ON */
#container {
  position: relative;
}
#playme {
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 35px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
  background: transparent;
  color: red;
  font-size: 75px;
}
.modal-img img {
    width: 30%;
    float: left;
}
.mod-act .active span {
    color: #fecc00;
}

.owl-prev{
    display: none;
  }
  .owl-next{
    display: none;
  }

 @media screen and (max-width: 768px) and (min-width: 320px){
.width-none{	
	display:none;
}

  .curved-gallery{
    padding: 0px;
  }
  .image-heading {
  margin-bottom: 0px;
}
	 .mobile-qr{
	 margin-top: 4px!important;
		 
	 }
	 .mobile-qr li img{
	width: 15%!important;
		 
	 }
	 .banner {
    margin-top: 0px!important;
}
 }
/*custom css*/
/*after live css add*/
.mt55{
  margin-top: 55px;
}

ul.drop-down-mega li {
    line-height: 23px;
    font-size: 13px;
    list-style: none;
}
ul.drop-down-mega li a{
    color: #000;
}
.megamenu-section{
  background: #fff;
}
.megamenu-section h5 img {
    margin-left: 48px;
    margin-top: 12px;
    height: 40px;
}
.tab.active{
  border-bottom: 2px solid red;
}
.banner{
  margin-top: 55px;
}
.testhide{
  display:none;
}


.width-none{	
	right: -74px;position: absolute;
}
.mobile-top-logo{
	margin-top: 20px;
	margin-left: 15px;
}
/*media awards page css */

.media-awards-wrap h2{
 font-size: 24px;
 font-weight: 800;
 text-transform: capitalize;
 color: #034ea2;
 margin-bottom: 30px;
   font-family: "MetronicB";
}
.media-awards-wrap h2.mt-50{
 margin-top: 50px;
}
.media-awards-wrap h2:after{
	border-bottom: 3px solid #fecc00;
    width: 12%;
	content: "";
	display: block;
	margin-top: 5px;
}
.media-awards-wrap .awards-inner{
    border: 2px solid #034ea2;
    margin-top: 25px;
    padding: 20px;
    border-radius: 15px;
    cursor: pointer;
     min-height: 430px;
    box-shadow: 5px 5px 4px #dfdfdf;
  -webkit-box-shadow: 5px 5px 4px #dfdfdf;
  -ms-box-shadow: 5px 5px 4px #dfdfdf;
  -moz-box-shadow: 5px 5px 4px #dfdfdf;

}
.media-awards-wrap .awards-inner:hover{
  border: 2px solid #fecc00;
}
.media-awards-wrap .awards-inner img{
	display: block;
	margin: 0 auto 10px;
    border: 1px solid transparent;
    border-radius: 5px;
}
.media-awards-wrap .awards-inner p{
	font-size: 16px;
	color: #000;
	text-align: center;
	text-transform: capitalize;
	margin: 10px 0px 20px;
  font-family: MetronicB
 
}
.media-awards-wrap .awards-inner p span{
	color: #034ea2;
	display: block;font-family: MetronicPro
}
#state option {
    text-transform: capitalize!important;
}
.dealer-locator .city option{
text-transform: lowercase!important;
}

.call-to-acctionss {
    margin-top: 18%;
    margin-left: 10%;
}

.call-to-acctionss a {
    background: #fecc00;
    padding: 12px 22px;
    border-radius: 5px;
}

#rum_sst_tab {
    background-color: #ffc107;
    border-style: solid;
    border-width: 0;
    font-family:MetronicB;
    top: 61%;
}


.rum_sst_right {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
    right: -1px;
    transform: rotate(-90deg);
    transform-origin: 100% 100% 0;
}


.rum_sst_contents {
   display: block;
    font-size: 13px;
	color: #000;
    margin: 0;
    padding: 5px 10px;
    position: fixed;
    text-align: center;
    text-decoration: none;
    z-index: 100000;
    font-weight: 600;
}

@media screen and (max-width: 768px)
{
	#rum_sst_tab {
    top: 60%;    
}
	
.rum_sst_right {
    right: 10px;
}	
.rum_sst_contents { 
    font-size: 13px;
}
	
}

/*media awards page end css */