@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
/*body { padding-top: 60px; }*/
#services .nav.nav-tabs > li > a { position: relative; }

#services .nav.nav-tabs > li > a:focus { background-color: transparent; }
#services .nav.nav-tabs > li > a > .quote {
    position: absolute;
    left: 0px;
    top: 0;
    opacity: 0;
    width: 30px;
    height: 30px;
    padding: 5px;
    background-color: #13c0ba;
    border-radius: 0px;
    color: #fff;  
}
#services .nav.nav-tabs > li.active > a > .quote { opacity: 1; }
#services .nav.nav-tabs > li > a > img { /*box-shadow: 0 0 0 5px #13c0ba;*/ }
#services .nav.nav-tabs > li > a > img { 
    max-width: 100%; 
    /*opacity: .3; */
/*    -webkit-transform: scale(.8,.8);
            transform: scale(.8,.8);
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
}
#services .nav.nav-tabs > li.active > a > img,
#services .nav.nav-tabs > li:hover > a > img,
#services .nav.nav-tabs > li:focus > a > img { 
    opacity: 1; 
/*    -webkit-transform: none;
            transform: none;
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
}
#services .tab-pane .tab-inner { padding: 30px 0 20px; }

#services .nav.nav-tabs > li.active > a.freight > img {
   content:url("../image/freight_on.png");  
   position: relative;
}
#services .nav.nav-tabs > li.active > a::before > .freight > img {
   content:url("../image/freight_on.png");  
   position: relative;
}
#services .nav.nav-tabs > li.active > a.land > img {
    content:url("../image/landtransport_on.png");
    /*background: url("../image/landtransport_on.png");*/
    position: relative;
    /*top: 20px;*/
}
#services .nav.nav-tabs > li.active > a.contract > img {
    content:url("../image/contacts_on.png");
    /*background: url("../image/contacts_on.png");*/
    position: relative;
    /*top: 20px;*/
}
#services .nav.nav-tabs > li.active > a.turnkey > img {
    content:url("../image/turnkey_on.png");
    /*background: url("../image/turnkey_on.png");*/
    position: relative;
    /*top: 20px;*/
}

@media (min-width: 768px) {
    #services .nav.nav-tabs > li > a > .quote {
        left: auto;
        top: auto;
        right: 20px;
        bottom: 0px;
    }  
}


/*Industry Area Starts*/

#industry .nav.nav-tabs > li > a { position: relative; }

#industry .nav.nav-tabs > li > a:focus { background-color: transparent; }
#industry .nav.nav-tabs > li > a > .quote {
    position: absolute;
    left: 0px;
    top: 0;
    opacity: 0;
    width: 30px;
    height: 30px;
    padding: 5px;
    background-color: #13c0ba;
    border-radius: 0px;
    color: #fff;  
}
#industry .nav.nav-tabs > li.active > a > .quote { opacity: 1; }
#industry .nav.nav-tabs > li > a > img { /*box-shadow: 0 0 0 5px #13c0ba;*/ }
#industry .nav.nav-tabs > li > a > img { 
    max-width: 100%; 
    /*opacity: .3; */
/*    -webkit-transform: scale(.8,.8);
            transform: scale(.8,.8);
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
}
#industry .nav.nav-tabs > li.active > a > img,
#industry .nav.nav-tabs > li:hover > a > img,
#industry .nav.nav-tabs > li:focus > a > img { 
    opacity: 1; 
/*    -webkit-transform: none;
            transform: none;
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
}
#industry .tab-pane .tab-inner { padding: 30px 0 20px; }

#industry .nav.nav-tabs > li.active > a.chemicals > img {
    content:url("../image/chemicals_on.png");
    background: url("../image/chemicals_on.png");
    position: relative;
        /*top: 20px;*/
}
#industry .nav.nav-tabs > li.active > a.oil > img {
    content:url("../image/oil_gass_on.png");
    background: url("../image/oil_gass_on.png");
     position: relative;
        /*top: 20px;*/
}
#industry .nav.nav-tabs > li.active > a.retail > img {
    content:url("../image/retail_on.png");
    background: url("../image/retail_on.png");
     position: relative;
        /*top: 20px;*/
}
#industry .nav.nav-tabs > li.active > a.industri > img {
    content:url("../image/industry_on.png");
    background: url("../image/industry_on.png");
}
#industry .nav.nav-tabs > li.active > a.building > img {
    content:url("../image/building_on.png");
    background: url("../image/building_on.png");
     position: relative;
        /*top: 20px;*/
}
#industry .nav.nav-tabs > li.active > a.electronics > img {
    content:url("../image/electronics_on.png");
    background: url("../image/electronics_on.png");
     position: relative;
        /*top: 20px;*/
}
#industry .nav.nav-tabs > li.active > a.cargo > img {
    content:url("../image/cargo_on.png");
    background: url("../image/cargo_on.png");
     position: relative;
        /*top: 20px;*/
}

@media (min-width: 768px) {
    #industry .nav.nav-tabs > li > a > .quote {
        left: auto;
        top: auto;
        right: 20px;
        bottom: 0px;
    }  
}

/*aboutus area*/


#about .nav.nav-tabs > li > a { position: relative; }

#about .nav.nav-tabs > li > a:focus { background-color: transparent; }
#about .nav.nav-tabs > li > a > .quote {
    position: absolute;
    left: 0px;
    top: 0;
    opacity: 0;
    width: 30px;
    height: 30px;
    padding: 5px;
    background-color: #13c0ba;
    border-radius: 0px;
    color: #fff;  
}
#about .nav.nav-tabs > li.active > a > .quote { opacity: 1; }
#about .nav.nav-tabs > li > a > img { /*box-shadow: 0 0 0 5px #13c0ba;*/ }
#about .nav.nav-tabs > li > a > img { 
    max-width: 100%; 
    /*opacity: .3; */
/*    -webkit-transform: scale(.8,.8);
            transform: scale(.8,.8);
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
}
#about .nav.nav-tabs > li.active > a > img,
#about .nav.nav-tabs > li:hover > a > img,
#about .nav.nav-tabs > li:focus > a > img { 
    opacity: 1; 
/*    -webkit-transform: none;
            transform: none;
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
}
#about .tab-pane .tab-inner { padding: 30px 0 20px; }

#about .nav.nav-tabs > li.active > a.ourstrength > img {
    content:url("../image/ourstrength_on.jpg");
     background: url("../image/ourstrength_on.jpg");
      position: relative;
}
#about .nav.nav-tabs > li.active > a.management > img {
    content:url("../image/management_on.jpg");
      background: url("../image/management_on.jpg");
       position: relative;
}
#about .nav.nav-tabs > li.active > a.strategic > img {
    content:url("../image/strategic_on.jpg");
      background: url("../image/strategic_on.jpg");
       position: relative;
}
#about .nav.nav-tabs > li.active > a.ceospeak > img {
    content:url("../image/ceospeak_on.jpg");
      background: url("../image/ceospeak_on.jpg");
}
#about .nav.nav-tabs > li.active > a.ourvision > img {
    content:url("../image/vision_on.jpg");
      background: url("../image/vision_on.jpg");
       position: relative;
}


@media (min-width: 768px) {
    #about .nav.nav-tabs > li > a > .quote {
        left: auto;
        top: auto;
        right: 20px;
        bottom: 0px;
    }  
}