/*buttons start*/
.read-btn {
    text-align:left;
    margin-top:0px;
  }
.read-btn a {
  line-height:1em;
  letter-spacing:0.06em;
 
  font-weight:normal;
  font-size:16px;
  text-decoration:none;
  color:#000;
  background:#ffc107;
  display:inline-block;
  padding:15px 12px 15px 15px;
  transition:background 200ms;
  border-radius:4px;
  font-weight: 700;
}
.read-btn a:hover {
  background:#264796;
    text-decoration: none;
    color: #fff;
}
.read-btn a:after {
  font-family: 'FontAwesome', sans-serif;
  font-weight:300;
  content: "\f105";
  margin-left:20px;
  color:#000;
  font-size:18px;
  vertical-align:middle;
  transition:color 200ms;
}

.read-btn a:hover:after {
  color:#fff;
  text-decoration: none;
}
.readmore {
   display: block;
    margin: 20px auto;
  }
.readmore a {
  line-height:1em;
  letter-spacing:0.06em;
   
  font-weight:normal;
  font-size:16px;
  text-decoration:none;
  color:#000;
  background:#ffc107;
  display:inline-block;
  padding:15px 30px;
  transition:background 200ms;
  border-radius:5px;
  text-transform: uppercase;
  box-shadow: 2px 2px 10px #000;
}
.readmore a:hover {
  background:#264796;
    text-decoration: none;
    color: #fff;
}

/*margin*/
.mt-5{
  margin-top: 5px;
}
.mt-10{
  margin-top: 10px;
}
.mt-15{
  margin-top: 15px;
}
.mt-20{
  margin-top: 20px;
}
.mt-25{
  margin-top: 25px;
}
.mt-30{
  margin-top: 30px;
}
.mt-35{
  margin-top: 35px;
}
.mt-50{
  margin-top: -50px;
}

/*padding*/
.pt-5{
  padding-top: 5px;
}
.pt-10{
  padding-top: 10px;
}
.pt-15{
  padding-top: 15px;
}
.pt-20{
  padding-top: 20px;
}
.pt-25{
  padding-top: 25px;
}
.pt-30{
  padding-top: 30px;
}
.pt-35{
  padding-top: 35px;
}
/*fonts*/
.fs-12{
  font-size: 12px
}
.fs-15{
  font-size: 15px
}
.fs-20{
  font-size: 20px
}
.fs-25{
  font-size: 25px
}
.fs-30{
  font-size: 30px
}
.fs-35{
  font-size: 35px
}
.fs-40{
  font-size: 40px
}


/*carousel icon css strat*/
.banner{
  margin-top: 0px !important;
}
.banner1 .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #034ea2;
  color: #fff;
  top: calc(50% - 20px);
  font-size: 20px;
  display: block !important;
}

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

.banner1 .owl-carousel .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #034ea2;
  color: #fff;
  top: calc(50% - 20px);
  font-size: 20px;
   display: block !important;
}

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

.banner1 .owl-carousel .owl-item .item img{
   background: #f9fdfe !important;
}
/*carousel icon css end*/

/*stamp wrap start*/
.stamp-warp{
  padding-top: 50px;
  padding-bottom: 50px;
  background: #f9fdfe url(../../img/tecnology-background.png) no-repeat center;
}
.stamp-warp .offset-lg-1{
  margin-left: 11.333333%;
}

.stamp-warp .flip-box {
  background-color: transparent;
  width: 240px;
  height: 230px;
  border: 5px solid transparent;
  perspective: 1000px;
  cursor: pointer;
}

.stamp-warp .flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.stamp-warp .flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.stamp-warp .flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.stamp-warp .flip-box-front {
  background-color: transparent;
  color: transparent;
}

.stamp-warp .flip-box-back {
  background-color: transparent;
  color: transparent;
  transform: rotateY(180deg);
}
/*stamp wrap end*/


/*aboutus class*/

.about-wrap{
  background:url(../../img/about-bg.jpg)no-repeat top center;
  height: 510px;
}
.about-inner iframe{
    width:540px;
    height: 305px;
}
.about-wrap .about-inner{
  padding-top: 100px;
}
.about-wrap .about-inner h1{
  font-weight:700;
  font-size: 40px;
  color: #264796;
  text-transform: uppercase;
   font-family: "MetronicB";
   margin-bottom: 20px;
}
.about-wrap .about-inner p{
  /*width: 40%;*/
  text-align: justify;
  margin-top: 1px;
}
.about-wrap .about-inner h1:after{
  content: "";
  display: block;
  border-bottom: 1px solid #264796;
  width: 8%;
}
.about-wrap .about-inner h1 span{
  font-weight:500;
  font-size: 34px;
  color: #000;
  text-transform: uppercase;
  
}
.about-wrap img{
  float: right;
}
.about-wrap .select-custom select{
  float: right;
  clear: both;
  line-height: 1em;
  letter-spacing: 0.06em;
  
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
  color: #000;
  background: #ffc107;
  display: inline-block;
  padding: 8px;
  transition: background 200ms;
  border-radius: 4px;
  font-weight: 700;
  outline: none;
  margin-top: -45px;
}

/*worlds no 1 start*/
/*.world-wrap{
  background:url(../../img/about-bg.jpg)no-repeat top center;
  height: auto;
}*/

.world-wrap .world-inner .postion-rel{
  position: relative;
}
.world-wrap .world-inner .postion-ab{
  position: absolute;
  top: 60px;
  right: 23px;
  z-index: 1;
}
.world-wrap .world-inner .col-lg-3{
  margin-right: -30px;
}
.world-wrap .world-inner h2{
  font-weight: 800;
  font-size: 30px;
  color: #264796;
  font-family: "MetronicB";
  text-transform: uppercase;
  text-align: left;
  padding: 50px;
  line-height: 33px;
}
.world-wrap .world-inner h2 span{
  display: block;
  color: #000;
  
  font-weight: 500;
}
.world-wrap .world-inner h3{
  font-weight: 800;
  font-size: 26px;
  color: #264796;
  font-family: "MetronicB";
  text-transform: uppercase;
  text-align: right;
  margin-right: 240px;
  line-height: 33px;
}
.world-wrap .world-inner h3 span{
  color: #000;
  
  font-weight: 500;

}
/*worlds no 1 end*/

/*Agro solution start*/
.agro-wrap {
  margin-top: 100px;
  margin-bottom: 50px;
}
.agro-wrap .agro-inner .postion-rel{
  position: relative;
}
.agro-wrap .agro-inner .postion-ab{
  position: absolute;
  top: -27px;
  left: 0px;
  z-index: 1;
}
.agro-wrap .agro-inner .col-lg-3{
  margin-right: -30px;
}
.agro-wrap .agro-inner .col-lg-3 img{
  margin-left: 90px;
}
.agro-wrap .agro-inner h3{
  font-weight: 800;
  font-size: 26px;
  color: #264796;
  font-family: "MetronicB";
  text-transform: uppercase;
  text-align: left;
  margin-left: 175px;
  line-height: 33px;
}
.agro-wrap .agro-inner h3 span{
  color: #000;
  
  font-weight: 500;

}
/*Agro solution end*/

/*worlds no 1 heavy duty tractor range css start*/
/*.worlds-tractor-wrap{
  background: #fafbfc;
}*/
.worlds-tractor-wrap{
    background:url(../../img/world-bg.jpg)no-repeat top center;
    height:1173px;
}
.worlds-tractor-wrap .worlds-inner h2{
  font-weight: 800;
  font-size: 30px;
  color: #264796;
  font-family: "MetronicB";
  text-transform: uppercase;
  text-align: center;
  padding: 50px;
  line-height: 33px;
}
.worlds-tractor-wrap .worlds-inner h2 span{
  display: block;
  color: #000;
  
  font-weight: 500;
}
.worlds-tractor-wrap .tab-links {
    list-style-type: none;
    padding: 0;
    margin: 0 0 30px;
    font-size: 0;
}
.worlds-tractor-wrap ul.tab-links{
  position: relative;
  left:3%;
}
.worlds-tractor-wrap .tab-links li {
    display: inline-block;
    width: 24%;
    margin-bottom: 30px;
    cursor:pointer;
}
/*.worlds-tractor-wrap .tab-links li.left-side{
  position: relative;
  left:13%;
}*/
.worlds-tractor-wrap .tab-content {
    position: relative;
    margin-top: 70px;
}
.worlds-tractor-wrap .tab-content .img1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.worlds-tractor-wrap .tab-content .img2 {
    position: absolute;
    bottom: 20px;
    left: 13%;
    width: 74%;
    z-index: 2;
}

.worlds-tractor-wrap .tab-content .content[rel="tab1"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.worlds-tractor-wrap .tab-content .content .right-sec .service img.img-dots{
	position:absolute;
	right:-74px;
	width:160px;
}
.worlds-tractor-wrap .tab-content .content {
    background: transparent;
    border-radius: 8px;
    padding: 20px 40px 40px 40px;
    display: none;
}
.worlds-tractor-wrap .tab-content .content .left-sec {
    background: #034ea2;
    position: relative;
    top: -40px;
    width: 30%;
    min-height: 340px;
 /*   padding: 30px 30px 20px;*/
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.worlds-tractor-wrap .tab-content .content .left-sec h3 {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 30px;
    background: #ffc107;
    padding: 20px;
    text-transform: uppercase;
    margin-top: 0px;
}
.worlds-tractor-wrap .tab-content .content .left-sec h3 span{
  color: #264796;
  font-weight: 700;
  font-size: 26px;
}
.worlds-tractor-wrap .tab-content .content .left-sec ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.worlds-tractor-wrap .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;*/
    padding: 10px 30px 20px;
    font-size:17px;
    border-bottom: 1px solid #2b65a7;
    text-decoration: none;
}
.worlds-tractor-wrap .tab-content .content .left-sec ul li a:hover{
  color: #ffc107;
}
.worlds-tractor-wrap .tab-content .content .left-sec::after {
    content: '';
    border-left: 25px solid #002247;
    border-top: 20px solid transparent;
    position: absolute;
    border-right: 10px solid transparent;
    right: -35px;
    top: 0;
}
.worlds-tractor-wrap .tab-content .content .right-sec {
    width: 70%;
    padding: 0 30px;
}
.worlds-tractor-wrap .tab-content .content .right-sec .service img {
   /* width: 100%;*/
    width: 682px;
    margin-bottom: 15px;
    cursor: pointer;
}
.worlds-tractor-wrap .tab-content .content .right-sec .service .name {
    font-weight: 600;
}
.worlds-tractor-wrap .tab-content .content .right-sec .service .desc {
    font-size: 14px;
    color: #777;
}
.name.s-f {
    text-transform: uppercase;
}

.worlds-tractor-wrap .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;
}
.worlds-tractor-wrap .tab-content .content .right-sec {
    width: 70%;
    /*padding: 0 30px;*/
    padding: 0px 0px;
}
.worlds-tractor-wrap .tab-content .content .right-sec .head {
    text-align: center;
    margin-bottom: 15px;
}
.worlds-tractor-wrap .tab-content .content .right-sec .head img {
    width: 60%;
}

.worlds-tractor-wrap .tab-content .content .right-sec .service {
    margin: -20px 0;
}
.worlds-tractor-wrap .tab-links li .item {
    text-align: center;
    background: #fff;
    padding: 0px;
    box-shadow: 4px -3px 5px 0px #bfbfbf;
    margin-left: 10px;
}

.worlds-tractor-wrap .tab-links li .item .img {
    margin-bottom: 0px;
    padding: 0px;
}
.worlds-tractor-wrap .tab-links li .item.one .img img {
    width: 70%;
}
.worlds-tractor-wrap .tab-links li .item.two .img img {
    width: 70%;
}
.worlds-tractor-wrap .tab-links li .item.three .img img {
    width: 70%;
}
.worlds-tractor-wrap .tab-links li .item.four .img img {
    width: 70%;
}
.worlds-tractor-wrap .tab-links li .item.five .img img {
    width: 70%;
}
.worlds-tractor-wrap .tab-links li .item.six .img img {
    width: 70%;
}
.worlds-tractor-wrap .tab-links li .item.seven .img img {
    width: 70%;
}
.worlds-tractor-wrap .tab-links li .item .check.active {
    background: #034ea2;
    border-color: #034ea2;
    position: relative;
    top:20px;
}
.worlds-tractor-wrap .tab-links li .item .check {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #fff;
    background: #fff;
    border-radius: 100%;
    border: 2px solid transparent;
    position: relative;
    top:15px;
}
.worlds-tractor-wrap .tab-links li .item .check i {
    font-size: 14px;
    position: relative;
    top: 5px;
    cursor: pointer;
}
.tabcontent {
  display: none;
}

/*worlds no 1 heavy duty tractor range css end*/


/*no export-wrap start*/
.no-export-wrap {
  background: #f5f3f3;
}
.no-export-wrap h2{
  font-weight: 800;
  font-size: 30px;
  color: #264796;
  font-family: "MetronicB";
  text-transform: uppercase;
  text-align: center;
  padding: 50px;
  line-height: 33px;
}
.no-export-wrap h2 span{
    display: block;
    color: #000;
    
    font-weight: 500;
}
/*no export-wrap end*/

/*advanced-farming-technology css start*/
.advanced-technology-wrap h2{
  font-weight: 800;
  font-size: 30px;
  color: #264796;
  font-family: "MetronicB";
  text-transform: uppercase;
  text-align: center;
  padding: 50px;
  line-height: 33px;
}
.advanced-technology-wrap h2 span{
    color: #000;
    
    font-weight: 500;
}
/*advanced-farming-technology css end*/

/*news update css start*/

.news-update-wrap h2{
  font-weight: 800;
  font-size: 30px;
  color: #264796;
  font-family: "MetronicB";
  text-transform: uppercase;
  text-align: center;
  padding: 50px;
  line-height: 33px;
}
.news-update-wrap h2 span{
    color: #000;
    
    font-weight: 500;
}
.news-update-wrap .news.blog {
    background: #01346d;
}
.news-update-wrap .news {
    padding: 10px;
    position: relative;
    border-radius: 6px;
    padding-top: 40px;
    margin: 15px 0;
}

.news-update-wrap .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-wrap .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-wrap .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-wrap .news .content .update .head .desc .name {
    font-size: 14px;
}
.news-update-wrap .news .content .update .head .desc {
    padding-left: 8px;
    line-height: 1;
}
.news-update-wrap .news .content .update .head .img img {
    width: 60%;
}
.news-update-wrap .news .icon img {
    max-width: 50%;
    max-height: 30px;
}
.news-update-wrap .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-updat-wrap .news .content {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

.news-update-wrap .news .content .update {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    margin: 5px 0;
    display: inline-block;
    width: 97%;
}
.news-update-wrap .news.fb {
    background: #3577d1;
}
.news-update-wrap .news {
    padding: 10px;
    position: relative;
    border-radius: 6px;
    padding-top: 40px;
    margin: 15px 0;
}
.news-update-wrap .news.fb .icon {
    background: #3577d1;
}
.news-update-wrap .news.twitter {
    background: #13a8fe;
}
.news-update-wrap .news {
    padding: 10px;
    position: relative;
    border-radius: 6px;
    padding-top: 40px;
    margin: 15px 0;
}
.news-update-wrap .news.twitter .icon {
    background: #13a8fe;
}
.news-update-wrap .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-wrap .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-wrap .news .content {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

/*news update css end*/

/*nav css start*/
.nav-container nav {
  float: right;
  margin-top: 0px;
}
.nav-container nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-container nav ul.nav-list{
/*  overflow: hidden;*/
  background: #214696;
  margin-top: 0px;
  right: 0px;
  position: absolute;
  box-shadow: -2px 3px 0 3px #ffc107;
}
.nav-container nav ul.nav-list:before{
     position: absolute;
    left: -7px;
    height: 100%;
    width: calc(-1.34% + 28px);
    background: #214696;
    -webkit-transform: skew(20deg);
    transform: skew(20deg);
    content: '';
    top: 0;
}
.nav-container nav ul.nav-list:after{
   position: absolute;
    left: -12px;
    height: 100%;
    width: calc(-1.34% + 23px);
    background: #ffc107;
    -webkit-transform: skew(20deg);
    transform: skew(20deg);
    content: '';
    top: 5px;
}
.country-selector .country-btn-text{
  margin-top: 10px;
    width: 50%;
    padding: 5px;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 700;
}
.country-selector .nav-container nav ul.nav-list:after{
     position: absolute;
    left: -2px;
    height: 100%;
    width: calc(-1.34% + 21px);
    background: #214696;
    -webkit-transform: skew(20deg);
    transform: skew(20deg);
    content: '';
    top: 0;
}
.country-selector .nav-container nav ul.nav-list:before{
  position: absolute;
  left: 0;
  height: 100%;
  width: calc(-1.34% + 34px);
  background: #214696;
  -webkit-transform: skew(22deg);
  transform: skew(22deg);
  content: '';
  top: 0px;
}
.nav-container nav ul li {
  float: left;
  position: relative;
}
.nav-container nav ul li a {
  display: block;
  padding: 0 20px;
  line-height: 40px;
  background: transparent;
  color: #fff;
  text-decoration: none;
  margin-top: 0px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}
.nav-container nav ul li a.active{
    color: #ffc107;
    border-bottom: 1px solid #0350a3;
    font-weight: 500;
}
.nav-container nav ul li a:hover {
  background: transparent;
  color: #ffc107;
  /*border-bottom: 1px solid #0350a3;*/
  transition: 0.4s;
  text-decoration: none;
}
.nav-container nav ul li a:not(:only-child):after {
  padding-left: 4px;
  content: ' ▾';
}
.nav-container nav ul li ul li a:not(:only-child):after {
    padding-left: 4px;
    content: ' ▾';
    display: none;
}
.nav-container nav ul li ul li {
    min-width: 170px;
    padding-left: 0px;
}
.nav-container nav ul li ul.drop-wrap{
  width: 50px;
}
.nav-container nav ul li ul li a {
    padding: 4px;
    line-height: 27px;
    color: #000;
    font-size: 11px;
    text-align: center;
}
/*product rang show hide css start*/
.nav-container nav ul.product-range{
  background: #ffc107;
  overflow: hidden;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 10px;
}
.nav-container nav ul.product-range li{
    min-width: 206px;
    border-right: 1px solid #a79b7e;
    padding-left: 0px;
}
.nav-container nav ul.product-range li:last-child{
  border-right: 1px solid transparent;
}
.nav-container nav ul.product-range li a{
  color: #000;
  font-weight: 600;
  font-size: 13px;
  padding: 5px;
  text-align: center;
}
.nav-container nav ul.product-range li.active{
  border-bottom: 2px solid #f00;
}
.nav-container nav ul.product-range li a img {
    height: 25px;
    display: block;
    margin-bottom: 0px;
    margin:0 auto;
}
/*product rang show hide css end*/
.nav-container .nav-dropdown {
  position: absolute;
  z-index: 999;
  /* Guarantees that the dropdown will display on top of any content. */
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  display: none;
  background:#e7e8e8;
  min-width: 1032px;
  top: 113px;
  border-radius: 5px;
 left:-350px;
  right: auto;
}

.mobile-nav-display{
  display: none;
}
.nav-container .nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  height: 70px;
  width: 70px;
}

#nav-toggle {
  position: absolute;
  left: 18px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #463f3f;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}
/* 
.navigation – the outer wrapper for the navbar. Specifies the height and color, and will stretch the full width of the viewport.
*/
.bor-blue{
    border-top: 3px solid #35559e;
    border-bottom: 3px solid #35559e;
}
.navigation {
  height: 110px;
  background: #ffffff;
}
.navigation .brand img{
  margin-top: 20px;
}
/*
.nav-container – the inner wrapper for the navbar. Defines how far the actual content should stretch.*/
.nav-container .brand {
  position: absolute;
  padding-left: 20px;
  float: left;
  line-height: 70px;
  text-transform: uppercase;
  font-size: 1.4em;
}
.nav-container .brand a,
.nav-container .brand a:visited {
  color: #463f3f;
  text-decoration: none;
}

/*country-selector mapping css start*/
.country-selector{
  padding-top: 45px;
}
.country-selector .navigation{
  height: 100px;
  background: transparent;
}
.country-selector .nav-container nav {
    float: right;
    margin-top: 0px;
}
.country-selector .nav-container nav ul li {
    float: left;
    position: relative;
    padding-left: 5px;
}
.country-selector .nav-container nav ul.nav-list{
  background: #ffc107;
    margin-top: 0px;
    right: 0px;
    position: absolute;
    box-shadow: 3px 3px 0 3px #ffc107
}

.country-selector .nav-container nav ul li a {
  display: block;
  padding: 0 20px;
  line-height: 40px;
  background: transparent;
  color: #fff;
  text-decoration: none;
  margin-top: 0px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}
.country-selector .nav-container nav ul li a.active{
  background: #214696
}
.country-selector .nav-container nav ul li a.active:hover{
  background: #214696;
  color:#ffc107;

}
.new-link-logo{
  position: absolute;
  left: 43%
}

span.blink.new1 {
    background: #cc1704;
    color: #fff;
    padding: 1px;
    border-radius: 5px;
    font-size: 10px;
    left: 76%;
    position: absolute;
    top: 55px;
    width: 40px;
    text-align: center;
}

.new-link-logo .pr-25{
  padding-right: 32px;
}
.new-link-logo img{
  width: 27%;
  margin-top: 37px;
}
.new-link-logo span{
    color: #fff;
    padding: 1px;
    border-radius: 5px;
    font-size: 10px;
    left: 50px;
    position: absolute;
    top: 51px;
    width: 40px;
    text-align: center;
}
.new-link-logo span.blink{
    background-color: #cc1704;
    -webkit-animation: blink 800ms step-end infinite;
    animation: blink 800ms step-end infinite;
}
@-webkit-keyframes blink { 50% { background-color: #214696; }}
        @keyframes blink { 50% { background-color: #214696; }}

.new-link-logo span.new{
    background: #cc1704;
    color: #fff;
    padding: 1px;
    border-radius: 5px;
    font-size: 10px;
    left: 156px;
    position: absolute;
    top: 55px;
    width: 40px;
    text-align: center;
}
.country-selector .nav-container nav ul li a.mr-50{
  margin-right: 50px;
}
.country-selector .nav-container nav ul li a.active{
    color: #fff;
    border-bottom: 1px solid #0350a3;
    font-weight: 500;
}
.country-selector .nav-container nav ul li a:hover {
  background: transparent;
  color: #ffc107;
  /*border-bottom: 1px solid #0350a3;*/
  transition: 0.4s;
  text-decoration: none;
}
.country-selector .nav-container nav ul li a:not(:only-child):after {
  padding-left: 4px;
  content: ' ▾';
}
.country-selector .nav-container nav ul li ul li a:not(:only-child):after {
    padding-left: 4px;
    content: ' ▾';
    display: none;
}
.country-selector .nav-container nav ul li ul li {
    min-width: 180px;
	padding:20px;
}
.country-selector .nav-container nav ul li ul.drop-wrap{
  width: 100%;
}
.country-selector .nav-container nav ul li ul li a {
  padding: 10px;
  line-height: 20px;
  color: #000;
  font-size: 12px;
  display: grid;
}
.country-selector .nav-container nav ul li ul li a img{
  margin: 0 auto 5px;
  display: block;
}

/*product rang show hide css start*/
.country-selector .nav-container ul.product-range{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#286acc+0,091569+100 */
  background: #286acc; /* Old browsers */
  background: -moz-linear-gradient(left,  #286acc 0%, #091569 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #286acc 0%,#091569 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #286acc 0%,#091569 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#286acc', endColorstr='#091569',GradientType=1 ); /* IE6-9 */
  overflow: hidden;
  border-radius:0px;
}
    
.country-selector .nav-container ul.product-range li.act:before{
    content: '';
    position: absolute;
    left: 0;
    top: 97%;
    width: 0;
    height: 0;
    /* border-left: 12px solid transparent; */
    /* border-right: 12px solid transparent; */
    border-bottom: 6px solid #ffc107;
    clear: both;
    width: 100%;
  }
.country-selector .nav-container ul.product-range li{
    min-width: 175px;
    border-right: 1px solid transparent;
    padding: 8px;
}
.country-selector .nav-container ul.product-range li:last-child{
  border-right: 1px solid transparent;
}
.country-selector .nav-container ul.product-range li a{
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  padding: 0px;
  text-align: center;
}
.country-selector .nav-container ul.product-range li a img {
    height: 80px;
    display: block;
    margin-bottom: 0px;
    margin: 0 auto;
}
/*product rang show hide css end*/

.country-selector .nav-container .nav-dropdown.bg-blue {
    position: absolute;
    z-index: 999;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
    display: none;
    background: #214696;
    min-width: 902px;
    top: 68px;
    border-radius: 0px;
    right: 0px;
}
.country-selector .nav-container .nav-dropdown.bg-blue li{
	padding:0px !important
}
.country-selector .nav-container .nav-dropdown.bg-blue a{
	color:#fff !important;
}

.country-selector .nav-container .nav-dropdown {
  position: absolute;
  z-index: 999;
  /* Guarantees that the dropdown will display on top of any content. */
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  display: none;
  background:#e7e8e8;
  min-width: 902px;
  top: 68px;
  border-radius: 0px;
  right: 0px;
  left: -670px;
}
/*country-selector mapping css end*/

/*Testimonial section start*/
.testimonial-wrap{
  background:url(../../img/testimonial-bg.png)no-repeat top center;
  height:500px;
} 
.testimonial-wrap h2{
 font-weight:800;
  font-size: 30px;
  color: #264796;
  font-family: "MetronicB";
  text-transform: uppercase;
  text-align: center;
  padding: 50px;
  line-height: 33px;
}
.testimonial-wrap h2 span{
   display: block;
   font-weight:500;
  font-size: 24px;
  color: #000;
  text-transform: uppercase;
  
}

.testimonial-wrap .testimonial-box{
  background:#fff;
  height: 220px;
  overflow: hidden;
  padding: 15px;
  font-size: 13px;
  line-height: 23px;
  margin-left: 8px;
}
.testimonial-wrap .testimonial-box img{
  vertical-align: -webkit-baseline-middle!important;
  display: inline-block !important;
  width: 60px !important;
  margin-right: 10px;
  float: left;
}
.testimonial-wrap .testimonial-box span{
  font-weight: 800;
 /* display: inline-flex;*/
}
.testimonial-wrap .owl-prev,.testimonial-wrap .owl-next{
    color: #FFF;
    font-size: 38px !important;
    margin: 5px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 100% !important;
    background: #fff !important;
    width: 40px;
    height: 40px;
}
.testimonial-wrap .owl-prev span,.testimonial-wrap .owl-next span{
  top: -10px;
    position: relative
}
.testimonial-wrap .owl-prev,.testimonial-wrap .owl-next:focus{
  outline: none !important;
}
.testimonial-wrap .owl-prev,.testimonial-wrap .owl-next:hover {
    background: #869791;
    color: #000 !important;
    text-decoration: none;
}
/*Testimonial section end*/


/*about us section css start*/
/*.agro-banner img{
  border-top:3px solid #284796;
}*/
.agro-about-wrap .agro-about-inner{
    background: url(../../img/about-us-bg.png) no-repeat right top; 
    height:auto;
}
.agro-about-wrap .agro-about-inner .about-text p{
    
    line-height: 33px;
    font-size: 18px;
}
 .agro-about-wrap .agro-about-inner .about-text p.watch-out {
	background: #ffc107;
	width: 55%;
	text-align: center;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	margin: 20px auto 20px;
	font-size: 18px;
	box-shadow: 2px 2px 10px #000;
}
.agro-about-wrap .agro-about-inner h1 {
    font-weight: 700;
    font-size: 40px;
    color: #264796;
    text-transform: uppercase;
    font-family: "MetronicB";
     margin-top: 50px;
    margin-bottom: 50px;
}
.agro-about-wrap .agro-about-inner h1:after {
    content: "";
    display: block;
    border-bottom: 1px solid #264796;
    width: 8%;
}
.agro-about-wrap .agro-about-inner h1 span {
  font-family: MetronicL;
    font-size: 34px;
    color: #000;
    text-transform: uppercase;
    
}
.agro-about-wrap .vm-bg{
    background: url(../../img/vm-bg.png) no-repeat center 400px; 
    height: 750px;  
}
.agro-about-wrap .csr-bg{
   background: url(../../img/csr-bg.png) no-repeat center bottom;
   padding-bottom: 50px 
    
}
.agro-about-wrap .vision-mission .left-box{
  background: url(../../img/left-bg.png) no-repeat center top;
  height: 647px;
  position: relative;
}
.agro-about-wrap .vision-mission .left-box {
  transition: transform .5s;
  cursor: pointer;
}
.agro-about-wrap .vision-mission .left-box:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}

.agro-about-wrap .vision-mission .right-box{
  background: url(../../img/right-bg.png) no-repeat center top;
  height: 647px;
  position: relative;
}
.agro-about-wrap .vision-mission .right-box {
  transition: transform .5s;
  cursor: pointer;
}
.agro-about-wrap .vision-mission .right-box:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}

.agro-about-wrap .vision-mission h2{
  text-align: center;
  font-size: 40px;
  color: #464646;
  font-weight: 800;
  padding-top: 150px;
   font-family: "MetronicB";
  text-transform: uppercase;
  padding-bottom: 20px;
}
.agro-about-wrap .vision-mission p{
  font-size: 15px;
  text-align: center;
  font-weight: normal;
  width: 80%;
  text-transform: uppercase;
  line-height: 27px;
  font-weight: 600;
  margin: 15px auto;
  display: block;
}
.agro-about-wrap .vision-mission img{
  margin: 20px auto;
  display: block;
}
.agro-about-wrap .initiatives h3{
    color: #264796;
    font-size: 34px;
    text-transform: uppercase;
    font-weight: 800;
    font-family: "MetronicB";
    margin-top: 20px;
}
.agro-about-wrap h4{
   color: #264796;
    font-size: 24px;
    text-transform: capitalize;
    font-weight:600;
    font-family: "MetronicB";
    margin-top: 20px;
}
.agro-about-wrap .initiatives p{
    font-size: 24px;
    text-align: left !important;
    font-weight: 800;
    width: 100%;
    line-height: 37px;
}
.agro-about-wrap .bg-sky{
  background: #e0e7f9;
  padding: 15px;padding-bottom: 50px;
}
.agro-about-wrap .pull-rgt{
	margin-top:-15px;
}
.agro-about-wrap .afl p{
font-size: 18px;
}
.agro-about-wrap ul{
  margin: 0px;
  padding: 0px;
}
.agro-about-wrap ul li{
  line-height: 28px;
  color: #000;
  font-size: 18px;
  margin-bottom: 10px;
  list-style: none;
    padding-left: 45px; 
	  margin-top: 15px;
    font-weight: 500;
    position: relative;
}
.agro-about-wrap ul li:before{
  display: block;
  content: "";
  background: #264796;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  position: absolute;
  left: 15px;
  margin-top: 6px;
}
.board-dirct-box h2{
  color: #264796;
  font-size: 28px;
  text-transform: uppercase;
  font-weight:600;
  font-family: "MetronicB";
  margin-top: 40px;
}
.board-dirct-box h2:after{
  content: "";
  display: block;
  border-bottom: 2px solid #ffc709;
  width: 8%;
}
.board-dirct-box h3{
  color: #000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight:600;
  font-family: "MetronicB";
  margin-top: 20px;
}
.board-dirct-box p{
  line-height: 27px;
  font-size: 18px;
}

/*about us section css end*/
img.example-image.even-img {
    margin-bottom: 30px;
}

.toll-no{
   text-align: center;
    background: #0b53a4;
    padding: 10px;
    width: 30%;
    margin: 20px auto;
    display:block;
    border-radius: 20px;
	font-size: 20px;
}
.toll-no a{
	color:#fff;  line-height: 34px;
}	
	.toll-no a:hover{
  color:#fff; 
} 
/*footer section start*/
footer.foot-wrap{
  background:#bebdbb;
  border-top: 10px solid #264796;
  border-bottom: 10px solid #264796;
  padding: 20px;
}
footer.foot-wrap h4{
  color: #000e2f;
  font-size: 18px;
  margin-bottom:25px;
  margin-top: 30px;
}
footer.foot-wrap ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
footer.foot-wrap ul li a{
  color: #000e2f;
  font-size: 13px;
  
  text-decoration: none;
  display: inline-block;
  line-height: 33px;
}
footer.foot-wrap ul li a:hover{
  color: #264796;
}
footer.foot-wrap ul li img{
  margin-right: 15px;
  width: 35px;
  margin-bottom: 10px;
  vertical-align: -webkit-baseline-middle;
}
/*footer section end*/

/*social icon css start*/
.anu-side a {
    display: block;
    margin-top: 7px;
    margin-bottom: 7px;
}
.anu-side {
   position: fixed;
    float: right;
    top: 39%;
    right: 0px;
    border-radius: 10px;
    width: 55px;
    text-align: center;
    z-index: 99;
    background: #0172bc2e;
}
@media only screen and (min-width:641px) and (max-width: 768px){
.anu-side {
    top: 51%;
    border-radius: 4px;
    right: 2px;
    width: 60px;
}
}


@media only screen and (max-width: 640px){
.anu-side {
    top: 48%;
    border-radius: 4px;
    right: 2px;
    width: 60px;
}
}







@media only screen and (min-width:812px) and (max-width:1200px){
.anu-side {
   position: fixed;
    float: right;
    top: 39%;
    right: 0px;
    border-radius: 10px;
    width: 55px;
    text-align: center;
    z-index: 99;
    background: #0172bc2e;
}
}

@media only screen and (min-width: 770px) and max-width:812px){
	.anu-side {
    top: 51%;
    border-radius: 4px;
    right: 2px;
    width: 40px;
}	
}



/*social icon css start*/