/*-------------------------------------

 *  HERO SLIDER

 *-------------------------------------*/



.hero-slide img{

    min-width: 100%;

    }
.hero-slide .container {

    position  : absolute;

    left      : 0;

    right     : 0;

    top       : 50%;

    transform : translateY(-50%);

    }



.hero-slide .carousel-caption {

    position    : relative;

    right       : 0;

    left        : 0;

    text-align  : left;

    text-shadow : none;

    width : 60%;

    }



.hero-slide .carousel-caption small {

    font-size       : 13px;

    color           : #777777;

    font-weight     : 500;

    animation-delay : 1s;

    }



.hero-slide .carousel-caption .phone {

    font-size               : 30px;

    color                   : #ff5722;

    -webkit-animation-delay : 100ms;

    animation-delay         : 100ms;

    }



.hero-slide .carousel-caption h1 {

    font-size               : 56px;

    line-height             : 1;

    font-weight             : bold;

    text-transform          : capitalize;

    margin                  : 30px 0 20px;

    -webkit-animation-delay : 150ms;

    animation-delay         : 150ms;

    }



.hero-slide .carousel-caption .lead {

    font-size               : 24px;

    color                   : #ffffff;

    font-weight             : normal;

    margin-bottom           : 30px;

    -webkit-animation-delay : 200ms;

    animation-delay         : 200ms;

    }



.hero-slide .carousel-caption .btn {

    -webkit-animation-delay : 250ms;

    animation-delay         : 250ms;

    }



/* Slider Controller */



.hero-slide .carousel-control.left {

    left : -100%;

    }



.hero-slide .carousel-control.right {

    right : -100%;

    }



.hero-slide:hover .left {

    left : 0;

    }



.hero-slide:hover .right {

    right : 0;

    }



/* Slider Indicator*/

.hero-slide .carousel-indicators li {

    border  : 2px solid rgba(0, 0, 0, .5);

    opacity : .5;

    }



.hero-slide .carousel-indicators li.active {

    border-color     :#362961;

    background-color :#362961;

    opacity          : 1;

    }

  .hero-slide .carousel-caption h1{

    font-size: 50px;

    margin-top: 1px;

  }

/*Media Query*/



@media (min-width : 1024px) {

    .hero-slide .carousel-caption h1 {

        font-size : 35px;
        color: #fff;
        margin-top: 10px;

        }



    .hero-slide .carousel-caption .lead{

        font-size: 20px;

        }



    .hero-slide .carousel-caption .btn{

        font-size: 12px;

        }



    .hero-slide .carousel-caption .phone{

        font-size: 18px;

        }

    .hero-slide .carousel-caption small{

        font-size: 11px;

        }



    .hero-slide .carousel-caption{

        padding: 40px 0;

        }

    }





@media (max-width : 768px) {



    .hero-slide .carousel-caption h1 {

        font-size : 18px;

        margin-top: 10px;
        color:#fff;

        }



    .hero-slide .carousel-caption .lead{

        font-size: 14px;

        }



    .hero-slide .carousel-caption .phone{

        font-size: 16px;

        line-height: 1;

        }



    .hero-slide .carousel-caption small{

        font-size: 10px;

        }



    .hero-slide .carousel-caption .btn{

        font-size: 12px;

        }

    }



@media (max-width : 600px) {

    .carousel-indicators{

        display: none;

        }



    .hero-slide .carousel-caption{

        width: 100%;

        text-align: center;

        padding: 30px;

        }



    .hero-slide .carousel-caption .lead{

        margin-bottom: 10px;

        }



    .hero-slide .carousel-caption .btn{

        font-size: 10px;

        padding: 5px 10px;

        border-width: 1px;

        }

    }



@media (max-width : 320px){

    .hero-slide{

        display: none;

        }

    }


.item{
/*background-color: red;*/
height:100%;
width:100%;
}



/* ------------------------------------------------------------------

OUR SERVICES SECTION

--------------------------------------------------------------------- */

.service-thumb-home {

  position: relative;

  margin-bottom: 30px;

  vertical-align: middle;

}



.service-thumb-home a {

  display: inline-block;

  border-radius: 50%;

  overflow: hidden;

  vertical-align: middle;

}



.service-thumb-home a::before {

  content: "";

  background: #3b2b6a;

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

  background: -moz-linear-gradient(left, #3b2b6a 0%, #307c95 100%, #7db9e8 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3B2B6A), color-stop(100%,#307c95), color-stop(100%,#7db9e8));

  background: -webkit-linear-gradient(left, #3b2b6a 0%,#307c95 100%,#7db9e8 100%);

  background: -o-linear-gradient(left, #3b2b6a 0%,#307c95 100%,#7db9e8 100%);

  background: -ms-linear-gradient(left, #3b2b6a 0%,#307c95 100%,#7db9e8 100%);

  background: linear-gradient(to right, rgba(59, 43, 106, 0.6) 0%,rgba(48, 124, 149, 0.6) 100%,rgba(125, 185, 232, 0.6) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b2b6a', endColorstr='#7db9e8',GradientType=1 );

  position: absolute;

  top: 0;

  width: 180px;

  height: 180px;

  border-radius: 50%;

  opacity: 0;

  -webkit-transition: all 300ms;

  -moz-transition: all 300ms;

  -o-transition: all 300ms;

  transition: all 300ms;

}



.service-thumb-home a:hover::before {

  opacity: 1;

}



.service-thumb-home img {

  width: 180px;

  height: 180px;

  border-radius: 50%;

}



.service-home h3 {

  margin-bottom: 15px;

}



.service-home .content-row {

  margin-top: 54px;

}



.service-home .readmore {

  display: inline-block;

  margin-top: 10px;

}

.service{

  box-shadow: 0 5px 40px rgb(0 0 0 / 5%);

    padding: 20px 20px;

}

/* ------------------------------------------------------------------

Featuer Section

--------------------------------------------------------------------- */



.feature-section {

  background-image: linear-gradient(to right, #3b2b6a , #336588);

  color: #fff;

}





.feature-section h2 {

  color: #fff;

  margin-bottom: 35px;

  font-size: 36px;

}
@media screen and  (max-width : 767px) {
.feature-section h2 {
   font-size: 27px;
}
}



.feature-section p {

  margin-bottom: 22px;

}



.feature-section .btn {

  margin-top: 22px;

}



.feature-section .btn:hover {

  background-color: rgba(101, 211, 227, 0.7) !important;

}





/* ------------------------------------------------------------------

mission  Section

--------------------------------------------------------------------- */



.mission-section {

  background: url(../img/mission.jpg) no-repeat;

  background-position: center !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

  color: #fff;

}





.mission-section h2 {

  color: #fff;

  margin-bottom: 35px;

}



.mission-section p {

  margin-bottom: 22px;

}



.mission-section .btn {

  margin-top: 22px;

}



.mission-section .btn:hover {

  background-color: rgba(101, 211, 227, 0.7) !important;

}



/*  Whyus Setion

--------------------------------------------------------------------- */

.why-us-setion .content-row {

  margin-top: 30px;

}

@media screen and  (max-width : 767px) {
  .why-us-setion .content-row {
    margin-top:1px;
  }
}

/*css-tab*/

.css-tab {

  text-align: center;

}



.css-tab .nav-tabs {

  border: 0;

  background: #f4f6f7;

  display: inline-block;

  padding: 5px;

  border-radius: 30px;

  margin-bottom: 45px;

  text-align: center;

}



.css-tab .nav-tabs>li>a {

  color: #7b8a97;

  font-size: 18px;

  border-radius: 30px;

  padding: 12px 33px;

  border: 0;

}



.css-tab .nav-tabs>li>a i::before {

  float: left;

  font-size: 40px;

  line-height: 14px;

  margin-right: 10px;

  margin-top: 7px;

}



.css-tab .nav-tabs>li>a i {

  color:  #362961;

}



.css-tab .nav-tabs > li > a:hover, 

.css-tab .nav-tabs > li > a:focus, 

.css-tab .nav-tabs > li.active > a, 

.css-tab .nav-tabs > li.active > a:hover, 

.css-tab .nav-tabs > li.active > a:focus {

  color: #ffffff;

  background: #362961;

  border: 0;

}



.css-tab .nav-tabs > li > a:hover i,

.css-tab .nav-tabs > li > a:focus i,

.css-tab .nav-tabs > li.active > a i, 

.css-tab .nav-tabs > li.active > a:hover i, 

.css-tab .nav-tabs > li.active > a:focus i {

  color: #fff;

}



.css-tab-content h3 {

  font-size: 30px;

  line-height: 80px;

  margin: 0;

}



.css-tab-content p {

  margin-bottom: 25px;

}



@media (min-width : 992px) {

 



  .content-text {

    text-align: left;

  };

}







/* ------------------------------------------------------------------

TESTIMONIAL SECTION

--------------------------------------------------------------------- */

.testimonial  .section-padding{
  padding:10px 0px;
}

.testimonial-section {

  background-color: #f4f6f7;

  position: relative;

  overflow: hidden;

}



.testimonial-section::before {

  content: "\f10d";

  font-family: FontAwesome;

  font-size: 400px;

  color: #EAECEE;

  position: absolute;

  left: 0px;

  top: 95px;

}



.testimonial-section .row-content {

  margin-top: 70px;

}



.testimonial-content {

  padding-bottom: 50px;

}



.testimonial-content p {

  font-size: 18px;

  line-height: 30px;

  font-style: italic;

}



.testimonial-content .client-title {

  display: block;

  font-size: 18px;

  line-height: 30px;

  font-weight: bold;

  color: #bfc4d2;

  margin-top: 42px;

}



@media screen and (min-width: 768px) {

  #testimonial-carousel .carousel-indicators {

    bottom: -3px;

  };

}



#testimonial-carousel .carousel-indicators li {

  width: 18px;

  height: 5px;

  margin: 0;

  background-color: rgba(0, 0, 0, 0.2);

  border: 1px solid transparent;

  border-radius: 10px;

}



#testimonial-carousel .carousel-indicators .active {

  width: 18px;

  height: 5px;

  background-color: #65d3e3;

  border: 1px solid transparent;

}





/*home2*/



.testimonial-section.testimonial2:before{

  display: none;

}

.testimonial-section.testimonial2 >.container > .row-content{

  

}

.testimonial2 .carousel-inner{

  padding-bottom: 65px;

}



.testimonial2 .carousel:before{



  font-family: fontawesome;

  font-size: 70px;

  position: absolute;

  left: -54px;

  z-index: 10;

  top: 40px;

  text-shadow: 5px -5px 0px #F2F3F5, 5px 4px 0px #F2F3F5;

  color: #FFFFFF;

}



.testimonial2 .testimonial-content{

  padding:50px;

  background: #fff;

  border-radius: 20px;

}



.testimonial2 .carousel-indicators {

  bottom: -35px;

}



.testimonial2 .carousel-indicators li {

  width: 7px!important;

}



.testimonial2 .carousel-indicators li.active {

  width: 18px!important;

}



.testimonial2 .client-title{

  display: inline-block;

  line-height: 18px;

  position: relative;

  color: #7B8A97

}

.testimonial2 .client-title:before,

.testimonial2 .client-title:after{

  content: "";

  width: 15px;

  height: 3px;

  background: #F1F1F1;

  position: absolute;

  top: 8px;

}



.testimonial2 .client-title:before{

  left: -20px;

}

.testimonial2 .client-title:after{

  right: -20px;

}

.client-org{

  display: block;

  line-height: 18px;

}



.client-org a{

  color: #C0C3D4;

  text-transform: capitalize;

  font-size: 12px;

}



.client-org a:hover{

  color: #65D3E3;

}

.client-avatar{

  display: block;

  position: absolute;

  bottom: -22px;

  left: 0;

  right: 0;

}



.client-avatar img{

  width: inherit;

  margin: 0 auto;

  box-shadow: 0 0 0 4px #FFFFFF;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -o-border-radius: 10px;

  border-radius: 10px;

}

.carousel-control.left,.carousel-control.right  {background:none;width:25px;}

.carousel-control.left {left:-25px;}

.carousel-control.right {right:-25px;}

.broun-block {

    background: url("http://myinstantcms.ru/images/bg-broun1.jpg") repeat scroll center top rgba(0, 0, 0, 0);

    

}

.block-text {

    background-color: #fff;

    border-radius: 5px;

    box-shadow: 0 3px 0 #2c2222;

    color: #626262;

    font-size: 14px;

    margin-top: 27px;

    padding: 15px 18px;

}

.block-text a {

 color: #362961;

    font-size: 25px;

    font-weight: bold;

    line-height: 21px;

    text-decoration: none;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

}

.mark {

    padding: 12px 0;background:none;

}

.block-text p {

    color:#424446;

    font-family: 'Philosopher', sans-serif;

    line-height: 20px;

}



.sprite-i-triangle {

    background-position: 0 -1298px;

    height: 44px;

    width: 50px;

}

.block-text ins {

    bottom: -44px;

    left: 50%;

    margin-left: -60px;

}





.block {

    display: block;

}

.zmin {

    z-index: 1;

}

.ab {

    position: absolute;

}



.person-text {

    padding: 10px 0 0;

    text-align: center;

    z-index: 2;

}

.person-text a {

    color: #ffcc00;

    display: block;

    font-size: 14px;

    margin-top: 3px;

    text-decoration: underline;

}

.person-text i {

    color: #fff;

  font-family: 'Philosopher', sans-serif;

    font-size: 13px;

}

.rel {

    position: relative;

}

@media screen and (min-width: 768px){

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {

    margin-right:-79px;

}

}

@media screen and (min-width: 768px){

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {

    margin-left: -79px;

}

}

/* ------------------------------------------------------------------

PARTNER SECTION

--------------------------------------------------------------------- */

.partner-section {

}



.partner-section .row-content {

  margin-top: 55px;

}



.partner-carousel-navigation {

}



.partner-carousel-navigation .prev,

.partner-carousel-navigation .next {

  position: absolute;

  top: -30px;

  margin-top: -20px;

  cursor: pointer;

  color: rgba(0, 0, 0, 0.21);

  font-size: 40px;

}



.partner-carousel-navigation .prev:hover,

.partner-carousel-navigation .next:hover {

  color: #65d3e3;

}



.partner-carousel-navigation .prev {

  left: 90%;

}



.partner-carousel-navigation .next {

  right: 20px;

}



/* ------------------------------------------------------------------

COUNTER SECTION

--------------------------------------------------------------------- */

.counter-section {

  padding: 64px 0;

  background: url(../img/mission.jpg) no-repeat center top fixed;

  background-size: cover;

  height: 300px;

}



span.count-description strong {

  display: block;

  font-size: 36px;

  line-height: 40px;

  color: #fff;

}

@media (max-width : 768px) {

   span.count-description strong {

        font-size: 25px;

        }

        .counter-section {

  padding: 10px 0;

  background: url(../img/mission.jpg) no-repeat center top fixed;

  background-size: cover;

  height: 400px;

   }



         }



@media (max-width : 600px) {

 span.count-description strong {

          font-size: 25px;

        }

    }

@media (max-width : 320px){

span.count-description strong {

          font-size: 25px;

        }

    }

span.count-description {

  position: relative;

  display: inline-block;

  color: #fff;

  font-size: 20px;

  line-height: 28px;

  padding: 0 0 0 100px;

  font-weight: 400;

}

@media (max-width : 768px) {

    span.count-description {

         padding: 0 0 0 60px;

          font-size: 8px;

        }

         }



@media (max-width : 600px) {

 span.count-description {

         padding: 0 0 0 60px;

          font-size: 13px;

        }

    }

@media (max-width : 320px){

    span.count-description {

         padding: 0 0 0 60px;

           font-size: 8px;

        }

    }

span.count-description:before {

  position: absolute;

  left: 0;

  top: 0;

  content: "\e01d";

  font-family: Flaticon;

  font-size: 100px;

  line-height: 70px;

  float: left;

  color: #ffffff;

  margin-right: 10px;

}

@media (max-width : 768px) {

    span.count-description:before {

        font-size: 60px;

        }

         }



@media (max-width : 600px) {

 span.count-description:before {

       font-size: 60px;

        }

    }



@media (max-width : 320px){

    span.count-description:before {

         font-size:60px;

        }

    }



span.count-description.flaticon-boat:before {

  content: "\e013";

}

span.count-description.flaticon-boat:after {

 position: absolute;

   content: "+";

    top: -10px;

    right: -15px;

    font-weight:bold;

}



span.count-description.facts-des:before {

  content: "\e013";

}

span.count-description.facts-des:after {

 position: absolute;

   content: "+";

    top: -10px;

    right: 15px;

    font-weight: bold;

}

@media (max-width : 768px) {

span.count-description.facts-des:after  {

         top: -10px;

        left: -110px;

        }

         }



@media (max-width : 600px) {

span.count-description.facts-des:after {

         top: -10px;

        right: -207px;

        font-weight: bold;

        font-size: 19px;

        }

    }

@media (max-width : 320px){

  span.count-description.facts-des:after {

         top: -10px;

    right: px;

        }

    }

span.count-description.flaticon-logistics31:before {

  content: "\e013";

}

span.count-description.flaticon-logistics31:after {

 position: absolute;

   content: "+";

    top: -10px;

    right: -6px;

    font-weight:bold;

}

span.count-description.flaticon-platform12:before {

  content: "\e013";

}

span.count-description.flaticon-platform12:after {

 position: absolute;

   content: "+";

    top: -10px;

    right:88px;

    font-weight: bold;

}

@media (max-width : 768px) {

span.count-description.flaticon-platform12:after  {

         top: -10px;

        left: -110px;

        }

         }



@media (max-width : 600px) {

span.count-description.flaticon-platform12:after {

         top: -10px;

        right: -248px;

        font-weight: bold;

        font-size: 19px;

        }

    }

@media (max-width : 320px){

  span.count-description.flaticon-platform12:after {

         top: -10px;

         right: px;

        }

    }

/* ------------------------------------------------------------------

ABOUT PAGE

--------------------------------------------------------------------- */

.about-intro-section {

  background-size: cover;

  padding: 112px 0;

}



.about-intro {

}



.about-intro h2 {

  margin-bottom: 25px;

}



.about-intro p {

  margin-bottom: 25px;

}



.company-in-number {

  margin-top: 90px;

}



.company-in-number .timer {

  font-size: 30px;

  font-weight: 700;

}

@media (max-width : 600px) {

.company-in-number .timer {

           font-size: 15px;

        }

    }

@media (max-width : 320px){

  .company-in-number .timer {

          font-size: 15px;

        }

    }

.company-in-number i {

  float: left;

}



.company-in-number i::before {

  font-size: 100px;

}



.branch i,

.branch .timer {

  color: #f291a8;

}

.branch {

  width: 33.33333333%;

}

@media (max-width : 320px){

  .branch {

  width: 30%;

}

    }

.employee i,

.employee .timer {

  color: #80c5e5;

}



.delivery i,

.delivery .timer {

  color: #f3c979;

}



.number-info {

  overflow: hidden;

}



.facts-description {

  display: block;

  font-size: 12px;

  line-height: 14px;

  font-weight: 500;

  text-transform: uppercase;

  color: #7b8a97;

}

.facts-description:after{

  position: absolute;

   content: "+";

    top: -10px;

    right: 110px;

    font-weight:bold;

    color: #f294ad;

}

@media (max-width : 600px) {

.facts-description:after{

    top: 0px;

    right: 43px;

    

}

    }

@media (max-width : 320px){

  .facts-description:after{

    top: 0px;

    right: 43px;

    

}

    }

.facts-description1 {

  display: block;

  font-size: 12px;

  line-height: 14px;

  font-weight: 500;

  text-transform: uppercase;

  color: #7b8a97;

}

.facts-description1:after{

  position: absolute;

   content: "+";

    top: -10px;

    right: 90px;

    font-weight:bold;

    color: #9cc7e5;

}

@media (max-width : 600px) {

.facts-description1:after{

    top: -3px;

    right: 36px;

    

}

    }

@media (max-width : 320px){

  .facts-description1:after{

    top: -3px;

    right: 36px;

    

}

    }

.facts-description2 {

  display: block;

  font-size: 12px;

  line-height: 14px;

  font-weight: 500;

  text-transform: uppercase;

  color: #7b8a97;

}

@media (max-width : 600px) {

.facts-description2  {

           font-size: 8px;

        }

    }

@media (max-width : 320px){

  .facts-description2  {

          font-size: 8px;

        }

    }

.facts-description2:after{

  position: absolute;

   content: "+";

    top: -10px;

     right: 50px;

    font-weight:bold;

    color: #f4ca81;.

}

@media (max-width : 600px) {

.facts-description2:after{

    top: -3px;

    right: 23px;

    

}

    }

@media (max-width : 320px){

  .facts-description2:after{

    top: -3px;

    right: 23px;

    

}

    }

.history-section {

  padding: 35px 0;

    background-image: linear-gradient(to right, #3b2b6a , #336588);

}



.history-section h2 {

  margin-bottom: 30px;

  color: #ffff;

}

.history-section p{

  color: #ffff;

}



.history-timeline {

  margin-top: 50px;

}



 #dates a:hover,

   #dates  a.selected {

    color: #ffcc00;

  }

.sociales {

  text-align: center;

  margin-bottom: 20px;

}



  #timeline {

    width: 500px;

    height: 516px;

    overflow: hidden;

    margin: 40px auto;

    position: relative;

    background: url('http://www.csslab.cl/ejemplos/timelinr/latest/images/dot.gif') 3px top repeat-y;

  }

@media (max-width : 600px) {

 #timeline  {

        height: 572px;

        }

    }

@media (max-width : 320px){

 #timeline  {

         height: 569px;

        }

    }

    #dates {

      width: 100px;

      height: 600px;

      overflow: hidden;

      float: left;

    }

      #dates li {

        list-style: none;

        width: 100px;

        height: 100px;

        line-height: 100px;

        font-size: 24px;

        padding-left: 10px;

        background: url('http://www.csslab.cl/ejemplos/timelinr/latest/images/biggerdot.png') left center no-repeat;

      }

        #dates a {

          line-height: 38px;

          padding-bottom: 10px;

          color: #fff;

        }

         #dates a:hover {

          color: #ffcc00;

        }

        #dates .selected {

              font-size: 38px;

        }

    

    #issues {

      width: 400px;

      height: 600px;

      overflow: hidden;

      float: left;

    } 

      #issues li {

        max-width: 300px; // width: 400px;

        height: 600px;

        list-style: none;

         text-align: center; // add



      }

       @media (max-width : 768px) {

 #issues li  {

   max-width: 200px;

                }

         }



@media (max-width : 600px) {

 #issues li {

        max-width: 200px;

        }

    }

@media (max-width : 320px){

   #issues li  {

         max-width: 200px;

        }

    }

        #issues li.selected img {

          -webkit-transform: scale(1.1,1.1);

          -moz-transform: scale(1.1,1.1);

            -o-transform: scale(1.1,1.1);

            -ms-transform: scale(1.1,1.1);

            transform: scale(1.1,1.1);

        }

        #issues li img {

          // float: left;

            width: 200px; // add

          margin: 10px 30px 10px 50px;

          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";   

          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);      

          zoom: 1;

          -webkit-transition: all 2s ease-in-out;

          -moz-transition: all 2s ease-in-out;

          -o-transition: all 2s ease-in-out;

          -ms-transition: all 2s ease-in-out; 

          transition: all 2s ease-in-out;

          -webkit-transform: scale(0.7,0.7);

          -moz-transform: scale(0.7,0.7);

            -o-transform: scale(0.7,0.7);

            -ms-transform: scale(0.7,0.7);

            transform: scale(0.7,0.7);

        }

        #issues li h1 {

          color: #ffcc00;

          font-size: 48px;

          text-align: center;

          padding-top: 10px;

        }

        #issues li p {

          font-size: 17px;

          margin: 10px 20px;

          font-weight: normal;

          line-height: 22px;

                   

        }

    

    #grad_top,

    #grad_bottom {

      width: 500px;

      height: 80px;

      position: absolute;

    }

      #grad_top {

            top: -22px;

             background: url('http://www.csslab.cl/ejemplos/timelinr/latest/images/grad_bottom.png') repeat-x;

      }

      #grad_bottom {

            bottom: -12px;

            background: url('http://www.csslab.cl/ejemplos/timelinr/latest/images/grad_bottom.png') repeat-x;

      }

    

    #next,

    #prev {

      position: absolute;

      left: 45%; // left: 55%;

      font-size: 70px;

      width: 38px;

      height: 22px;

      background-position: 0 -44px;

      background-repeat: no-repeat;

      text-indent: -9999px;

      overflow: hidden;

    }

      #next:hover,

      #prev:hover {

        background-position:  0 0;

      }

      #next {

        bottom: 0;

        background-image: url('http://www.csslab.cl/ejemplos/timelinr/latest/images/next_v.png');

      }

      #prev {

        top: 0;

        background-image: url('http://www.csslab.cl/ejemplos/timelinr/latest/images/prev_v.png');

      }

        #next.disabled,

        #prev.disabled {

          opacity: 0.2;

        }





.mission-section h3 {

  margin-bottom: 20px;

}



.mission-section p {

  margin-bottom: 25px;

}



.annual-report-section {

  padding: 120px 0 180px;

  background-color: #f4f6f7;

}



.annual-report-section .section-title {

  line-height: 60px;

}



#reportCarousel {

}



.annual-report {

  margin-top: 85px;

}



.report-thumb {

  float: left;

  margin-right: 50px;

  margin-bottom: 30px;

}



.report-info h3 {

font-family: 'Philosopher', sans-serif;

  font-weight: 700;

  margin: 20px 0 30px;

}



.report-info p {

  margin-bottom: 25px;

}



.report-info .btn i {

  margin-left: 15px;

}



#reportCarousel .carousel-indicators {

  bottom: -100px;

}



#reportCarousel .carousel-indicators li {

  background-color: rgba(0,0,0,.2);

  border: 1px solid transparent;

}



#reportCarousel .carousel-indicators .active {

  background-color: #fff;

}



/* ------------------------------------------------------------------

SERVICE PAGES

--------------------------------------------------------------------- */

.service-featured-thumbs img {

  width: 100%;

}



.service-featured-thumbs .service-thumb {

  margin-bottom: 30px;

}



.service-featured-content > h2 {

  line-height: 40px;

  margin-bottom: 35px;

}



.service-blocks {

  margin-top: 112px;

}



.service-blocks .service-block {

  box-shadow: 0 5px 40px rgb(0 0 0 / 5%);

  padding: 50px 20px;

  

}



.service-blocks .service-block .service-icon {

  float: left;

  margin: 10px 20px 0 0;

}



.service-blocks .service-block .service-icon i {

  display: block;

  line-height: 70px;

  width: 70px;

  height: 70px;

   background:#362961;

  text-align: center;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -o-border-radius: 100%;

  border-radius: 100%;

  color: #fff;

}



.service-blocks .service-block:hover .service-icon i {

  background: #33698b;

  color: #fff;

}



.service-blocks .service-block .service-icon i:before {

  font-size: 60px;

}



.service-blocks .service-block .service-content {

  overflow: hidden;

}



.service-blocks .service-block .service-content h3 {

  font-size: 18px;

  margin-bottom: 10px;

}



.service-blocks .service-block .service-content h3 a {

  color: #606676;

}



.service-blocks .service-block .service-content h3 a:hover {

  color: #65d3e3;

}

.service-content a{

  text-align: center;

  border-bottom: 1px solid #362961;

  font-weight: 600;

}





/*Single-service*/



.single-service-contents {

  padding: 100px 0 65px;

}



.service-sidebar.sidebar-wrapper {

  background-color: #f3f3f5;

  padding: 20px;

  margin-bottom: 35px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

}



.service-sidebar.sidebar-wrapper h2 {

  font-size: 24px;

  line-height: 36px;

  text-transform: capitalize;

  font-weight: normal;

  padding-bottom: 0;

}



.widget .service-list li {

  margin-bottom: 8px;

}



.widget .service-list li:last-child {

  margin-bottom: 0;

}



.widget .service-list li a {

  position: relative;

  padding-left: 30px;

  font-weight: 700;

  line-height: 36px;

}



.widget .service-list li a:before {

  content: "";

  font-family: Flaticon;

  position: absolute;

  top: 0;

  left: 0;

  font-size: 24px;

  line-height: 19px;

}



.widget .service-list li a.icon-air:before {

  content: "\e002";

}



.widget .service-list li a.icon-marine:before {

  content: "\e004";

}



.widget .service-list li a.icon-store:before {

  content: "\e023";

}



.widget .service-list li a.icon-shipping:before {

  content: "\e005";

}



.widget .service-list li a.icon-transportation:before {

  content: "\e043";

}



.widget .service-list li a.icon-trucking:before {

  content: "\e02b";

}



.widget .service-list li.active a {

  color: #362961;

}



.widget .download-wrap {

  position: relative;

  margin-bottom: 10px;

}



.widget .download-wrap a {

  background-color: #E9E9E9;

  color:#362961;

  border: 2px solid #E1E1E1;

  display: block;

  font-size: 12px;

  padding: 10px;

  font-weight: 700;

  line-height: 18px;

  text-transform: uppercase;

  position: relative;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

}



.widget .download-wrap a:hover {

  border: 2px solid #362961;

}



.widget .download-wrap a span {

  display: block;

  font-weight: normal;

  font-size: 10px;

}



.widget .download-wrap a i {

  position: absolute;

  top: 9px;

  right: 8px;

  width: 38px;

  height: 38px;

  line-height: 38px;

  text-align: center;

  color: #A7A7A7;

  border: 2px solid #A7A7A7;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -o-border-radius: 100%;

  border-radius: 100%;

}



.single-service-content .single-service-thumb {

  margin-bottom: 50px;

}



.single-service-content .single-service-thumb img {

  width: 100%;

}



.single-service-content h2 {

  margin-bottom: 30px;

}



.single-service-content h3 {

  margin-bottom: 30px;

}

.ftlinfo{

  box-shadow: 0 5px 40px rgb(0 0 0 / 5%);

  padding: 20px 20px;

  background-image: linear-gradient(to right, #3b2b6a , #336588);

  color: #fff;

}

.ftlinfo h3, h4{

  color: #fff;

}

/* ------------------------------------------------------------------

Team

--------------------------------------------------------------------- */

.box16{text-align:center;color:#fff;position:relative}

.box16 .box-content,.box16:after{width:100%;position:absolute;left:0}

.box16:after{content:"";height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);top:0;transition:all .5s ease 0s}

.box16 .post,.box16 .title{transform:translateY(145px);transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s}

.box16:hover:after{background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)}

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

.box16 .box-content{padding:20px;margin-bottom:20px;bottom:0;z-index:1}

.box16 .title{ color: #ffff;font-size:17px;font-weight:700;text-transform:uppercase;margin:0 0 10px}

.box16 .post{display:block;padding:8px 0;font-size:15px}

.box16 .social li a,.box17 .icon li a{border-radius:50%;font-size:20px;color:#fff}

.box16:hover .post,.box16:hover .title{transform:translateY(0)}

.box16 .social{list-style:none;padding:0 0 5px;margin:40px 0 25px;opacity:0;position:relative;transform:perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);transition:all .6s cubic-bezier(0,0,.58,1) 0s}

.box16:hover .social{opacity:1;transform:perspective(500px) rotateX(0) rotateY(0) rotateZ(0)}

.box16 .social:before{content:"";width:50px;height:2px;background:#fff;margin:0 auto;position:absolute;top:-23px;left:0;right:0}

.box16 .social li{display:inline-block}

.box16 .social li a{display:block;width:40px;height:40px;line-height:40px;background:#6d3795;margin-right:10px;transition:all .3s ease 0s}

.box17 .icon li,.box17 .icon li a{display:inline-block}

.box16 .social li a:hover{background:#bea041}

.box16 .social li:last-child a{margin-right:0}

@media only screen and (max-width:990px){.box16{margin-bottom:30px}

}

.team-intro {

  padding: 100px 0;

}







.team {

  padding: 112px 0 67px;

  background: #f5f6f8;

}



















/* ----------------------------------------------------------------

Contact Page

-------------------------------------------------------------------*/

.contact-map{

      box-shadow: 0 5px 40px rgb(0 0 0 / 5%);

    padding: 20px 20px;

}



.contact-info-section {

  padding: 112px 0;

}



.contact-info-section .section-title {

  line-height: 60px;

}



.contact-info-section .content-row {

  margin-top: 100px;

}



.contact-info-section h3 {

  margin-bottom: 0px;

}



.other-office-address {

  padding: 112px 0;

  background-color: #f4f6f7;

}



.other-office-address .content-row {

  margin-top: 60px;

}



.other-office-address h2 {

  text-align: center;

}



.other-office-address h3 {

  margin-bottom: 20px;

}



.branch-map img {

  background-color: #fff;

  padding: 2px;

}



/* LEVEL-1 STYLES

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.level-1 {

  width: 50%;

  margin: 0 auto 40px;

  background: var(--level-1);

}



.level-1::before {

  content: "";

  position: absolute;

  top: 100%;

  left: 50%;

  transform: translateX(-50%);

  width: 2px;

  height: 20px;

  background: var(--black);

}





/* LEVEL-2 STYLES

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.level-2-wrapper {

  position: relative;

  display: grid;

  grid-template-columns: repeat(5, 1fr);

}



.level-2-wrapper::before {

  content: "";

  position: absolute;

  top: -20px;

  left: 10%;

  width: 80%;

  height: 2px;

  background: var(--black);

}



.level-2-wrapper::after {

  display: none;

  content: "";

  position: absolute;

  left: -20px;

  bottom: -20px;

  width: calc(100% + 20px);

  height: 2px;

  background: var(--black);

}



.level-2-wrapper li {

  position: relative;

}



.level-2-wrapper > li::before {

  content: "";

  position: absolute;

  bottom: 100%;

  left: 50%;

  transform: translateX(-50%);

  width: 2px;

  height: 20px;

  background: var(--black);

}



.level-2 {

  width: 86%;

  margin: 0 auto 40px;

  background: var(--level-2);

  line-height: 42px;

}



.level-2::before {

 /* content: "";*/

  position: absolute;

  top: 100%;

  left: 50%;

  transform: translateX(-50%);

  width: 2px;

  height: 20px;

  background: var(--black);

}



.level-2::after {

  display: none;

  content: "";

  position: absolute;

  top: 50%;

  left: 0%;

  transform: translate(-100%, -50%);

  width: 20px;

  height: 2px;

  background: var(--black);

}





/* LEVEL-3 STYLES

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.level-3-wrapper {

  position: relative;

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-column-gap: 20px;

  width: 90%;

  margin: 0 auto;

}



.level-3-wrapper::before {

/*  content: "";*/

  position: absolute;

  top: -20px;

  left: calc(25% - 5px);

  width: calc(50% + 10px);

  height: 2px;

  background: var(--black);

}



.level-3-wrapper > li::before {

/*  content: "";*/

  position: absolute;

  top: 0;

  left: 50%;

  transform: translate(-50%, -100%);

  width: 2px;

  height: 20px;

  background: var(--black);

}



.level-3 {

  margin-bottom: 20px;

  background: var(--level-3);

}





/* LEVEL-4 STYLES

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.level-4-wrapper {

  position: relative;

  width: 80%;

  margin-left: auto;

}



.level-4-wrapper::before {

  content: "";

  position: absolute;

  top: -60px;

  left: -4px;

  width: 2px;

  height: calc(100% + -11px);

  background: var(--black);

}



.level-4-wrapper li + li {

  margin-top: 20px;

}



.level-4 {

  font-weight: normal;

  background: var(--level-4);

  left: 17px;

  top: -45px;

  width: 207%;

}



.level-4::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 0%;

  transform: translate(-100%, -50%);

  width: 20px;

  height: 2px;

  background: var(--black);

}





/* MQ STYLES

–––––––––––––––––––––––––––––––––––––––––––––––––– */

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

  .rectangle {

    padding: 20px 10px;

  }



  .level-1,

  .level-2 {

    width: 100%;

  }



  .level-1 {

    margin-bottom: 20px;

  }



  .level-1::before,

  .level-2-wrapper > li::before {

    display: none;

  }

  

  .level-2-wrapper,

  .level-2-wrapper::after,

  .level-2::after {

    display: block;

  }



  .level-2-wrapper {

    width: 90%;

    margin-left: 10%;

  }



  .level-2-wrapper::before {

    left: -20px;

    width: 2px;

    height: calc(100% + 40px);

  }



  .level-2-wrapper > li:not(:first-child) {

    margin-top: 50px;

  }

}

.rectangle {

  position: relative;

  /*padding: 20px;*/

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);

  font-size: 22px;

  text-align: center;

}

:root {

  --level-1: #8dccad;

  --level-2: #f5cc7f;

  --level-3: #7b9fe0;

  --level-4: #f27c8d;

  --black: black;

}



* {

  padding: 0;

  margin: 0;

  box-sizing: border-box;

}



ol {

  list-style: none;

}



 /*----------------genealogy-scroll----------*/



.genealogy-scroll::-webkit-scrollbar {

    width: 5px;

    height: 8px;

}

.genealogy-scroll::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #e4e4e4;

}

.genealogy-scroll::-webkit-scrollbar-thumb {

    background: #212121;

    border-radius: 10px;

    transition: 0.5s;

}

.genealogy-scroll::-webkit-scrollbar-thumb:hover {

    background: #d5b14c;

    transition: 0.5s;

}





/*----------------genealogy-tree----------*/

.genealogy-body{

    white-space: nowrap;

    overflow-y: hidden;

   /* padding: 50px;*/

    min-height: 500px;

    padding-top: 10px;

    text-align: center;

}

.genealogy-tree{

  display: inline-block;

}

.genealogy-tree ul {

    padding-top: 20px; 

    position: relative;

    padding-left: 0px;

    display: flex;

    justify-content: center;

}

.genealogy-tree li {

    float: left; text-align: center;

    list-style-type: none;

    position: relative;

    padding: 20px 0px 0 0px;

}

.genealogy-tree li::before, .genealogy-tree li::after{

    content: '';

    position: absolute; 

  top: 0; 

  right: 50%;

    border-top: 2px solid #ccc;

    width: 50%; 

  height: 18px;

}

.genealogy-tree li::after{

    right: auto; left: 50%;

    border-left: 2px solid #ccc;

}

.genealogy-tree li:only-child::after, .genealogy-tree li:only-child::before {

    display: none;

}

.genealogy-tree li:only-child{ 

    padding-top: 0;

}

.genealogy-tree li:first-child::before, .genealogy-tree li:last-child::after{

    border: 0 none;

}

.genealogy-tree li:last-child::before{

    border-right: 2px solid #ccc;

    border-radius: 0 5px 0 0;

    -webkit-border-radius: 0 5px 0 0;

    -moz-border-radius: 0 5px 0 0;

}

.genealogy-tree li:first-child::after{

    border-radius: 5px 0 0 0;

    -webkit-border-radius: 5px 0 0 0;

    -moz-border-radius: 5px 0 0 0;

}

.genealogy-tree ul ul::before{

    content: '';

    position: absolute; top: 0; left: 50%;

    border-left: 2px solid #ccc;

    width: 0; height: 20px;

}

.genealogy-tree li a{

    text-decoration: none;

    color: #666;

    font-family: 'Philosopher', sans-serif;

    font-size: 11px;

    display: inline-block;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

}



.genealogy-tree li a:hover+ul li::after, 

.genealogy-tree li a:hover+ul li::before, 

.genealogy-tree li a:hover+ul::before, 

.genealogy-tree li a:hover+ul ul::before{

    border-color:  #fbba00;

}



/*--------------memeber-card-design----------*/

.member-view-box{

    padding:0px 20px;

    text-align: center;

    border-radius: 4px;

    position: relative;

}

.member-image{

     position: relative;

}

.member-image img{

    width: 60px;

    height: 60px;

    border-radius: 6px;

  background-color :#000;

  z-index: 1;

}

/*-----------------------Branches------------------------------*/

.glyphicon-lg

{

    font-size:4em

}

.info-block

{

   margin-bottom:45px

}

.info-block h5{

  padding-left: 123px;

}

.info-block .square-box

{

    width:100px;min-height:110px;margin-right:22px;text-align:center!important;background-color:#676767;padding:20px 0

}

.info-block.block-info

{

    border-color:#20819e;

    box-shadow: 0 5px 40px rgb(0 0 0 / 10%);

    padding: 20px 20px;



}

.info-block.block-info .square-box

{

    background-color:#362961;

    color:#FFF;

    border-radius:26px;

}

.Branches h2{

  text-align: center;

  padding-bottom: 40px;

  font-size: 30px;

}



/*--------------------------fleets-------------------------------------------------*/

.masthead {

    height: 100vh;

    min-height: 500px;

    background-image: url('https://source.unsplash.com/BtbjCFUvBXs/1920x1080');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat

}



.m-b-10 {

    margin-bottom: 20px !important

}

@media (max-width : 1024px) {

   .m-b-10 {

         width: 155px;

        height: 150px;

        }

  }

  @media (min-width : 1024px) {

   .m-b-10 {

       width: 82px;

    height: 82px;

        }

  }

@media (max-width : 768px) {

    .m-b-10 {

         width: 155px;

        height: 150px;

        }

         }



@media (max-width : 600px) {

 .m-b-10{

       width: 155px;

        height: 150px;

        }

    }



@media (max-width : 320px){

    .m-b-10{

         width: 155px;

        height: 150px;

        }

    }

@media (min-width : 320px){

    .m-b-10{

         width: 133px;

         height: 103px;

        }

      }





.card{

       box-shadow: 0 5px 30px rgb(0 0 0 / 5%);



}

.card:hover{

   box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);

}

.card-body h2{

   background-color: #362961;

   color: #fff;

   font-size: 20px;

}

.fleets-info-section{

  padding-bottom: 50px;

  padding-top: 50px;

}

.Warehousing-intro-section{

  padding: 112px 0;

}

/*------------------------End Fleets-------------------------------------------------*/

.blink {

        animation: blinker 0.6s linear infinite;

        color:#4253b6;

        font-size: 70px;

        font-weight: bold;

        font-family: sans-serif;

      }

          @keyframes blinker {

        50% {

          opacity: 0;

        }

      }

      .blink-one {

        animation: blinker-one 1s linear infinite;

      }

      @keyframes blinker-one {

        0% {

          opacity: 0;

        }

      }

      .blink-two {

        animation: blinker-two 1.4s linear infinite;

      }

      @keyframes blinker-two {

        100% {

          opacity: 0;

        }

      }

      li {

    list-style: none;

}



.anidi_services ul {

    display: block;

}



.anidi_services ul li {

    display: block;

    margin-bottom: 30px;

    color: #fff;

    text-decoration: none;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;
/*
    margin-right: 250px;*/

}



.anidi_services ul li a {

    display: block;

    color: #fff;

    text-decoration: none;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}



.anidi_services ul li a span.icon {

    width: 50px;

    display: block;

    font-size: 30px;

    vertical-align: middle;

    float: left;

}



.anidi_services ul li a span.text {

    display: block;

    vertical-align: middle;

    font-size: 16px;

    margin-left: 50px;

   

}



.anidi_services ul li a p{

   padding-left: 59px;
    font-size: 16px;
    padding-right: 300px;

}

@media (max-width : 768px){
.anidi_services ul li a p{

   padding-left: 59px;
    font-size: 16px;
    padding-right: 1px;

}
}

/*------------------------------------------------------*/

#what-we-do{

	background:#ffffff;

  padding-top: 50px;

}

#what-we-do .card{

	padding: 1rem!important;

	border: none;

	margin-bottom:1rem;

	-webkit-transition: .5s all ease;

	-moz-transition: .5s all ease;

	transition: .5s all ease;

}

#what-we-do .card:hover{

	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

}

#what-we-do .card .card-block{

	padding-left: 50px;

    position: relative;

}

#what-we-do .card .card-block a{

	color: #24b6b6  !important;

	font-weight:700;

	text-decoration:none;

}

#what-we-do .card .card-block a i{

	display:none;

	

}

#what-we-do .card:hover .card-block a i{

	display:inline-block;

	font-weight:700;

	

}

#what-we-do .card .card-block:before{

	font-family: FontAwesome;

    position: absolute;

    font-size: 39px;

    color: #ff0000;

    left: 0;

    padding-top: 10px;

	-webkit-transition: -webkit-transform .2s ease-in-out;

    transition:transform .2s ease-in-out;

}

#what-we-do .card .block-1:before{

    content: "\f1c1";

}



#what-we-do .card:hover .card-block:before{

	-webkit-transform: rotate(360deg);

	transform: rotate(360deg);	

	-webkit-transition: .5s all ease;

	-moz-transition: .5s all ease;

	transition: .5s all ease;

}



.icon-bar {

  /*position: fixed;*/

  top: 50%;

  top: 82%;

  width:20%;

  right: 0px;

  padding-top: 20px;

}

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

  .icon-bar {

      width:70%;

  }

}

.icon-bar a {

  display: block;

  text-align: center;

  padding:10px;

  transition: all 0.3s ease;

  color: white;

  font-size: 20px;

}



.icon-bar a:hover {

  background-color: #000;

}



.facebook {

  background:#3a768c;

  color: white;

}



.content {

  margin-left: 75px;

  font-size: 30px;

}

#what-we-do2{

    background:#ffffff;

  padding-top: 20px;

}

#what-we-do2 .card{

    padding: 1rem!important;

    border: none;

    margin-bottom:1rem;

    background-color: #307c94;

    color: #ffff;

    -webkit-transition: .5s all ease;

    -moz-transition: .5s all ease;

    transition: .5s all ease;

}

#what-we-do2 .card:hover{

    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

}

#what-we-do2 .card .card-block{

    padding-left: 50px;

    position: relative;

}

#what-we-do2 .card .card-block a{

    color: #24b6b6  !important;

    font-weight:700;

    text-decoration:none;

}

#what-we-do2 .card .card-block a i{

    display:none;

    

}

#what-we-do2 .card:hover .card-block a i{

    display:inline-block;

    font-weight:700;

    

}

#what-we-do2 .card .card-block:before{

    font-family: FontAwesome;

    position: absolute;

    font-size: 39px;

    color: #ff0000;

    left: 0;

    padding-top: 10px;

    -webkit-transition: -webkit-transform .2s ease-in-out;

    transition:transform .2s ease-in-out;

}

#what-we-do2 .card .block-1:before{

    content: "\f1c1";

}



#what-we-do2 .card:hover .card-block:before{

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);  

    -webkit-transition: .5s all ease;

    -moz-transition: .5s all ease;

    transition: .5s all ease;

}