@charset "utf-8";
/* CSS Document */

body{background-color:#ffffff; color:#000; font-family: "BentonSans-Light"; font-weight: normal;font-size: 1.2vw;}
.logo img{width:5vw;}
.logo { position: absolute;  left: 5%;  top: 1.1vw; z-index: 11111;}
.headsec{padding:6vw 5% 0 4% !important; position: relative; z-index: 1;}
.sapcontent{width:93%; line-height: 1.6vw;}
.sapcontent .sap_gold{ }
.sapcontent ul{ padding:0.5vw 0 0 20px; margin:0 0 2vw 0;}
.sap_contentList{padding:6vw 0 0 3.5vw;}
.slide.animated .counthide{/*display:none;*/}
.countshow{/*display:none;*/     position: absolute;   left: 0;}
.slide.animated .countshow{display:inline;}

.slide a{ color:#00A1E4; text-decoration:none; font-family: "BentonSansMedium";}
a{ text-decoration:none;}
strong{font-family: "BentonSansMedium"; font-weight: normal;}

h1.head-title {
    font-size: 4.2vw;
    position:relative;
    top:0px;
    margin:0vw 0 0 0px;
    padding:0 0 1vw 0px;
    line-height: 4.3vw;    
    font-family: "BentonSansBold";
    font-weight:normal;    
    text-align:left;
    width:100%;
}
h4.head-title4{font-size: 1.9vw; font-family: "BentonSansRegular"; margin:0 0 20px 0; line-height:2.1vw;font-weight: normal;}
h1.head-title span{ color:#FDB913;}
h3.head-title {
    font-size: 1.8vw;line-height: 2.1vw;
    position:relative;
    top:0px;
    margin:0px 0 0 0px;
    padding:0vw 0 1.7vw 0px;      
    font-family: "BentonSansMedium"; text-transform: none;
    font-weight:normal;    
    text-align:left;
    width:100%;
}
#section0 h3.head-title{font-size: 3.3vw;  line-height: 3.4vw;}
h3.head-title:before {  content: " "; position: absolute;  left: -2.25vw; top: 0.3vw; width: 1.5vw; height: 1.5vw; border-radius: 50%; background: #BCDC50;}
#section0 h3.head-title:before{display: none;}

.sapcontent .homenav { margin: 0; padding: 0; vertical-align: top; display: flex;}
.homenav li{display: inline-flex;  width: 11.4vw; height: 3.4vw; align-items: center; justify-content: center; background: #BCDC50;  text-align: center; margin:0 1vw 0 0; font-size: 0.9vw; line-height: 1.1vw; border: 1px solid #fff;}
.homenav li:hover {   background: #4FB81C;}
.homenav li a{color: #fff; font-family: "BentonSansBold";}
.pos_rel{ position: relative;}
.pos_absolute{ position: absolute;}
img.pos_absolute{left:0; top:0;}

#section0 .fp-tableCell{ vertical-align:top; padding:0;}
#section0 .sap_contentList{margin:0 4%;}
#section0 .fp-scrollable .arrow_section {  left: 5vw;}

#section0 .fp-scrollable, #section0 .fp-scroller{ }
.shippinglogistics {  position: absolute;  bottom: 11vh;  left: -1%;  width: 102%;}
.shippinglogistics_base{width:100%;}
.sapcontent_wrapper_inner td{ vertical-align:top; }
.sapcontent_wrapper_inner p{ margin:0 0 1vw 0;}
.sapcontent_wrapper_inner td p{ margin:0 0 5px 0;}

.fp-slidesContainer {
    width: 100% !important;
    transition: all 700ms ease 0s;
    transform: translate3d(0px, 0px, 0px) !important;
}
.fp-slidesContainer .slide {
    /*display: none !important;*/ bottom:-100%;
    position: absolute; 
    width: 100% !important;
}
.fp-slidesContainer .slide.active {
   /*display: block !important;*/ bottom:0%;
}

h3.head-title.head-title1{font-size: 45px;line-height: 55px;}
h3.head-title span{ font-family: "BentonSansBold";}
h2.head-title1{font-family: "BentonSansMedium"; font-size: 1.7vw; font-weight: normal; margin: 0 0 1vw 0;}
h2.head-title1 img{width:1.2vw; margin:0 1vw 0 0;}
h2.title1{font-family: "BentonSansBold"; font-size: 1.8vw; font-weight: normal; margin:0 0 1.5vw 0;}

.fp-slidesContainer .slide .fp-tableCell {display: block;}

.color_blue{ color:#00A1E4;}
.color_green { color: #BCDC50;}
.color_green1 { color: #348B26;}
.color_green2 { color: #4FB81C;}
.color_orange {   color: #FAA627;}
.color_orange1{color:#fa9100;}
.color_purple {  color: #BD3895;}
.color_gray {  color: #999999;}


.download_btn { padding: 15px 0 16px 30px; margin: -23px 12px 0 0px; font-weight: bold; text-align: right;position: absolute;  right: 5%;
    top: 2vw;}
.download_btn a{ color:#00A1E4; font-size: 0.9vw; text-decoration:none;     vertical-align: middle;font-family: "BentonSansMedium"; }
.download_btn a img{ vertical-align: middle; margin:-0.1vw 0vw 0 0; width:2vw;}
.download_btn a span{display:none;}
.download_btn a:hover span{display:inline-block;}

.sap_gold, a.sap_gold{color:#f0ab00;}
.slide a.sap_gold{color:#f0ab00;}
.csapgold{ font-size:28px;}

.cfoimg{width:8vw;}

.fp-scroller {  min-height: 100%;}
body.fp-viewing-sap_section1:before{z-index: 1111;}
.fp-viewing-sap_section1 .footer_sec{z-index: 11111;}
#fullpage{z-index: 111;  position: relative;}
.fp-viewing-sap_section1 #fullpage{z-index: 1111;}
.arrow_section{ text-align:center; position:absolute; bottom: 0;  left: 5vw;  width: 2.5vw;  height: 15%; }
#section0 .arrow_section:before{ }
.fp-scrollable .arrow_section{left: 2vw;}
body:before{content: " "; position: absolute; left:5vw; top:4.5vw; width:1px; height: 100%; background: #BCDC50; z-index: 11;}

.downarrow{-webkit-animation: pulse-dot 1.25s  -0.4s infinite;
          animation: pulse-dot 1.25s -0.4s infinite;}
.arrow_section img{ width:2.5vw; margin:0 0.5vw; position: relative; z-index: 1;}
.downarrow { position: absolute; bottom:3vw; left:-1.7vw; }
.uparrow{transform:rotate(180deg);margin: 0.1vw 0.45vw !important;}
.downarrow:before {
  content: "";
  position: absolute;
  display: block;
  left: -0.1vw;
    top: -0.4vw;
    width: 3.5vw;
    height: 3.5vw;
   opacity:0;
  border-radius: 50%;
  background-color: #bcdc50;
  -webkit-animation: pulsate 1.25s infinite;
          animation: pulsate 1.25s infinite;
}
.downarrow:after {
  content: "";
  position: absolute;
  left: 0.55vw;
  top: 0.2vw;
  display: block;
  width: 2.2vw;
  height: 2.2vw;
  background-color: #bcdc50;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-animation: pulse-dot 1.25s infinite;
          animation: pulse-dot 1.25s infinite;
}
@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0.0;
  }
}
@-webkit-keyframes pulse-ring {
  0% {
    transform: scale(0.33);
    opacity:0;
  }
  50% {
    opacity: 0.4;
    transform: scale(1);
  }
  100% {
    opacity: 0;
     transform: scale(0.33);
  }
}

@keyframes pulse-ring {
  0% {
    transform: scale(0.33);
    opacity:0;
  }
  50% {
    opacity: 0.4;
    transform: scale(1);
  }
  100% {
    opacity: 0;
     transform: scale(0.33);
  }
}
@-webkit-keyframes pulse-dot {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}

.slidearrows, .fp-slidesNav{ display:none !important; }


.up-down-arrow:before{background: url(../images/icon-arrow-up-down.png) no-repeat left top; content: " ";
    width: 8.1vw;
    height: 3.5vw;
    position: absolute;
    left: 43%;
    background-size: 8.1vw;
    top: 0;
    z-index: 0;}
.up-down-arrow a{width: 3.5vw; height: 3.5vw; display: inline-block; position: relative;}

.font1{font-size: 1.5vw;   line-height: 1.7vw;}
.font2{font-size: 2.1vw;   line-height: 2.6vw;}
.font4{font-size:1.2vw;}
.font5{font-size: 1.45vw;  line-height: 1.7vw;}

.smalltext{font-size: 0.92vw;   line-height: 1.3vw; margin: 0.3vw 0 0 0;}

.sap_ani, .sap_animation1{ position:relative;}

.shippinglogistics, #section0 .sap_contentList{display:none;}
.loaded .shippinglogistics, .loaded #section0 .sap_contentList{display:block;}
.cloudsec1{position:absolute; width:9vw; left:9.8vw; top:3.3vw;}
.cloud1{width:8.6vw;position: relative;}
.cloudsec2{position:absolute; width:6.6vw; left:27.5vw; top:4.2vw;}
.cloud2{width:6.6vw;position: relative;}
.cloudsec3{position:absolute; width:9vw; left:89.6vw; top:3.3vw;}
.cloud3{width:8.6vw; position: relative;}
.a1{position:absolute; width:13vw; left:0.1vw; top:4.4vw;}
.a1 img{width:13vw;}
.a1a{}
.a2{position:absolute; width:8vw; left:35.6vw; top:4.3vw;}
.a2a{width:8vw; position: relative;}
.trainsec{position:absolute; width:36vw; left:35.8vw; top:9.3vw;}
.train1{width:35.3vw; position: relative;}
.v5sec{position:absolute; width:6vw; left:2.2vw; top:19.2vw;}
.v5{width:6vw; position: relative;}
.v4sec{position:absolute; width:5.5vw; left:10.1vw; top:19.2vw;}
.v4{width:5.5vw; position: relative;}
.v3sec1{position:absolute; width:4vw; left:49vw; top:19.3vw;}
.v3a{width:4vw; position: relative;}
.v3sec2{position:absolute; width:5vw; left:74.2vw; top:19.3vw;}
.v3b{width:4vw; position: relative;}
.v3sec3{position:absolute; width:5vw; left:81.3vw; top:8vw;}
.v3c{width:4vw; position: relative;}
.v2sec{position:absolute; width:5.5vw; left:86vw; top:9.1vw;}
.v2{width:5.5vw; position: relative;}
.v1sec{position:absolute; width:10.5vw; left:86.5vw; top:14.4vw;}
.v1{width:10.5vw; position: relative;}


.column2sec{width:100%;}
.leftsubnav{ display: inline-block; width:24vw; vertical-align: top; margin:0 0 0 -5.3vw;}
ul.leftsublinks {padding: 0 0 0 3.5vw;}
.leftsublinks li{ list-style: none;     line-height: 1vw; padding:0 0 0.7vw 2.6vw; position: relative;}
.leftsublinks li:before{content: " "; position: absolute; left:0; top:0.2vw; width:0.7vw; height:0.7vw; border-radius: 50%; background: #BCDC50;}
.leftsublinks li a{ color:#CCCCCC; font-size:0.9vw; text-decoration: none;}
.leftsublinks li a.alink{color:#93C939;}
.right_content{ display: inline-block; width:67vw; vertical-align: top;}
.head2{font-size:1.4vw; font-family: "BentonSansMedium"; margin:0 0 1vw 0;}
.column2{width:100%;}
.col1{ width:14vw; display: inline-block; vertical-align: top; border-right:1px dotted #707070; margin:0 2vw 0 0;}
.col2{width:48vw; display: inline-block; vertical-align: top;}
.numblock{width:100%; position: relative; margin:0 0 1vw 0;}
.gnum{color:#4FB81C; font-size: 3.5vw; line-height: 3.5vw; font-family: "BentonSansBold"; position: relative;}
.gblocks{width:100%; position: relative; margin:0 0 1vw 0;}
.gblock{ display: inline-flex; align-items: center; text-align: left; width:20vw;}
.gimg{width:9vw;    height: 9.65vw; position: relative;}
.gimg img{width:8vw;}
.gtext{font-size: 1vw; line-height: 1.1vw;}
.gnum2{color:#4FB81C; font-size: 3.7vw; line-height: 4vw; margin:0 0 0.2vw 0; font-family: "BentonSansBold"; position: relative;}

.block_col2{display: block; align-items: center; text-align: left; width:45vw; padding:2vw 0; }
.bdrbtm{border-bottom:1px dotted #707070; }
.gimg2{ display: inline-block; vertical-align: top; align-items: center; text-align: left; width:8vw; margin: 0 2vw 0 0; position: relative;}
.gtext2{ display: inline-block; align-items: center; text-align: left; width:32vw;font-size: 1vw; line-height: 1.1vw;}
.head3 {  font-size: 1.1vw; font-family: "BentonSansMedium"; margin:0 0 0.4vw 0;}
.gtext2 li{ }
.gtext2 a{font-family: "BentonSans-Light";}
.gimg2 img{width:8vw;}
.gnum3{color:#4FB81C; font-size: 5.5vw; line-height: 5.9vw; font-family: "BentonSansBold"; display: block; width:100%; position: relative;}
.arrow1{height: 7.5vw; overflow: hidden;}
.arrow1 img{bottom:-100%;}

.col3{width:100%;}
.block_col3{width:15vw; display: inline-block; vertical-align: top; margin:0 2vw 3vw 0; position: relative;}
.block_col3.block_col3w1{width:17vw;}
.block_col3.block_col3w{width:22vw;}
.block_col3.lastblock{}
.block_col3 img{height:6vw; margin:0 0 0.3vw 0;}

.col2a{width:25vw;display: inline-block; vertical-align: top;}
.col2b{width:36vw;display: inline-block; vertical-align: middle; margin:0vw 0 0 2vw;}
.col2a .gimg2{width:11vw;}
.col2a .gimg2 img{width:10vw;}
.bdrright{border-right:1px dotted #707070;}
.block_col3a{width:100%; display: inline-block; vertical-align: middle;  }
.margin1{margin:0 0 2vw 0;}
.block_col3b{width:100%; }
.block_col3a .gtext2{width:10vw;display: inline-block; vertical-align: middle;  }
.gtextw100 .block_col3a .gtext2{width:100%;}
.block_col3a .gimg2{vertical-align: middle;}
.gtext3{width:14vw;display: inline-block; vertical-align: middle; font-size: 0.95vw; line-height: 1.5vw; }
.gimg4{ width:15vw; margin:0 2vw 0 0; display: inline-block;  vertical-align: middle; position: relative;}
.gimg4 img {width:15vw;}
.slide a.btnlink{display:inline-block; color: #93C939; border: 2px solid #93C939; text-decoration: none;  font-size: 1.1vw;  padding: 0.4vw 0.8vw; margin:1vw 0 0 1.5vw;}

.column3{position: relative; vertical-align: top; }
#section4 .column3{margin:0 0 9vw 0;}
.columr_row{display: block;width:100%; margin:0 0 2.5vw 0; }
.colum3_1{width:12vw; display: inline-block; vertical-align: top;}
.colum3_2{width:30vw; display: inline-block; vertical-align: top; padding:0 1.1vw 0 0;}
.colum3_3{width:32vw; display: inline-block; vertical-align: top;margin: 2.1vw 0 0 0;  padding: 0 0 0 2vw;  border-left: 1px dotted #707070;}
.colum3_1 img{width:9vw;}
.text1{font-family: "BentonSans-Light"; font-size: 1.5vw; line-height: 1.7vw; margin:0.5vw 0 0vw 0;}
.text2{font-family: "BentonSans-Light"; font-size: 0.83vw; line-height: 1vw; color:#999999; margin:0.8vw 0 0 0;}
.readmore_sec{display: block; vertical-align: top;}
.readmore_icon{width:4vw; display: inline-block; vertical-align: middle;}
.readmore_text1{width:23vw; display: inline-block; vertical-align: middle;}
.readmore_text2{width:11vw; display: inline-block; vertical-align: middle;}
.readmore_icon img{width:3vw;}
.readmore_sec a{font-family: "BentonSansMedium";}

.barsec{ width:100%;}
.bar_width{ width:100%; position: relative; display:block;}
.bar_block{width:8.5vw; display: inline-block; vertical-align: top; margin:0 3vw 0vw 0;  }
.bar_color{width:8.5vw; height:23.2vw; position: relative; margin:0 0 0.5vw 0; overflow: hidden; }
.bar_color:before {  content: " ";  position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bar_base.png) no-repeat left bottom;  background-size: cover;  z-index: 11;}
.bar_color img{width:8.5vw; bottom:-100%;}
.bar_text{position: relative; width:100%; text-align: center;    font-size: 1.1vw; line-height: 1.2vw; }
.bartext{font-family: "BentonSansBold";  font-size:1.2vw; margin:0 0 0.5vw 0; line-height: 1.3vw;}
.bar_text_o{width: 150%; margin: 0 0 0 -24%;}

.w20 .gimg2{width:10vw;}
.w20 .gimg2 img {  width: 10vw;}

.column_row{display: block;width:83%; padding: 0.7vw 0; }
.colum3_1a{width:7vw; display: inline-block; vertical-align: top;}
.colum3_2a{width:33vw; display: inline-block; vertical-align: top; padding:0 1.1vw 0 0; font-size: 1vw; line-height: 1.1vw;}
.colum3_3a{width:8vw; display: inline-block; vertical-align: top;margin:0vw 0 0 0;  padding: 0 0 0 2vw; font-size: 1vw; line-height: 1.1vw;  }
.colum3_1a img{width:5vw;}
.text3{font-family: "BentonSans-Light"; font-size: 1vw; line-height: 1.1vw; margin:0.3vw 0 0vw 0;}
.overflow_hidden{overflow: hidden;}

.map { position: relative;}
.map img{width:55vw;}
.countries{position: absolute; left: 0; top:0; width:100%; height:100%;}
.country{width:auto; position: absolute; text-align: left;}
.ctext{ position: relative;}
.cnum{color:#93C939; font-size: 1.3vw;font-family: "BentonSansBold";}
.ctext1{font-size:0.8vw;}
.cline{ position: relative; width:1px; height:3.5vw; background:#707070; margin:0 auto; }
.cline1{}
.c1{left:7.3vw; top:1.6vw;}
.c2{left:16.3vw; top:10vw;}
.c3{left:20.2vw; top:6.2vw;}
.c4{left:21.6vw; top:3.1vw;}
.c5{left:25.9vw; top:0.4vw;}
.c6{left:31vw; top:0.4vw;}
.c7{left:34.3vw; top:3vw;}
.c8{left:35.5vw; top:7vw;}
.c9{left:41.7vw; top:4vw;}
.c10{left:47.3vw; top:2vw;}
.cline.cline2{height:6.5vw;}
.cline.cline9, .cline.cline10{height:5.5vw;}
.cline.cline3 {  transform: rotate(-57deg); position: absolute;  left: 4vw; top: 1vw;}
.cline.cline4 {  transform: rotate(-45deg); position: absolute;  left: 4vw; top: 2.5vw;}
.cline.cline5{height:4.7vw;}
.cline.cline6 {  transform: rotate(41deg); position: absolute; left: -1.1vw; top: 2.5vw;  height: 4vw;}
.cline.cline7 {  transform: rotate(53deg); position: absolute; left: -3vw; top: 0.3vw; height: 6.2vw;}
.cline.cline8 {  transform: rotate(90deg); position: absolute; left: -3.5vw; top: -1.7vw; height: 6.2vw;}

.gtext4{ display: inline-block; align-items: center; text-align: left; width:39vw;font-size: 1.5vw; line-height: 1.7vw;}
.gimg5{width:6.5vw; display: inline-block; vertical-align: top;}
.gimg5 img{width:5vw;}
.smallquote{width:5vw; transform: rotate(180deg);position: absolute;  right: -1vw;bottom: -2.2vw;}

.gtext5{ display: inline-block; align-items: center; text-align: left; width:32vw;font-size: 1.1vw; line-height: 1.3vw;}
.gimg6{width:100%; margin:0 0 1vw 0;}
.gimg6 img{width:14vw;}
.valign_middle{vertical-align: middle;}
.text5{font-family: "BentonSansMedium"; font-size:1.2vw; line-height: 1vw;}
.width36{width: 36vw;}
.width36 .gtext2{width:70%;}
.width80{width: 100%; padding: 0;}
.width80 .gtext2{    width: 67%;  font-size: 1.2vw;  line-height: 1.4vw; z-index: 1; position: relative;}
.binocular{ position: absolute; right:10vw; bottom:0; width:46vw; z-index: 0;}


@keyframes rotate1{0%{transform:rotate(0deg)}100%{transform:rotate(90deg)}}
@-webkit-keyframes rotate1{0%{transform:rotate(0deg)}100%{transform:rotate(90deg)}}
.fp-slide.active .rotate1{
animation:rotate1 1s 1 both;
@-webkit-animation:rotate1 1s 1 both; z-index:1;}
.animated .rotate1.no_animation{transform:rotate(90deg)}


.animation_ltr, .animation_rtl{  position:relative;}
.num_count{ position:relative;}

.sapactive a{ display:none;    z-index: 1;}
.sapactive a.active{ display:block;     z-index: 11;}

.num3 {
    font-size: 48px;
    color: #00A1E4;
    font-family: "BentonSansBold"; margin: 0 0 20px 0;
}
.num_count {
    font-size: 5vw;
    line-height: 5.5vw;
    color: #00A1E4;
    font-family: "BentonSansBold";
}
.numbercount2{}
.num_count1{
    font-size: 3.4vw;
    line-height: 3.7vw;
    color: #00A1E4;
    font-family: "BentonSansBold";
}
.numsec td {
    vertical-align: top;
}
.numcountsec{ position:relative;}

.footer_sec { background:#000;position: fixed; bottom:0; left:0; width:100%; padding: 5px 0; font-size:0.8vw; z-index: 111;}
.footer_wrapper{ padding:0 5%; width:90%;}
.footer_socialshare{ display:inline-block; width:48%; color:#fff;}
.footer_links{display:inline-block; width:50%; text-align:right; margin:0 -8% 0 24px;}
.footer_links a{ padding:0 5px; color:#fff;}
.footer_socialshare img{ width:23px; margin:0 2px; vertical-align:middle;}

.patl{position:absolute; top:0; left: 0;}
.patr{position:absolute; top:0; right: 0;}
.pabr{position:absolute; bottom:0; right: 0;}
.pabl{position:absolute; bottom:0; left: 0;}


@media screen and (min-width: 1025px) and  (max-width: 1400px){

}
@media screen and (min-width: 1024px) and  (max-width: 3900px){
	.showdesk{display: block !important;}
}
@media screen and (min-width: 1024px) and  (max-width: 1310px){
	#section3 #slide5 td br{display:none;}
}
@media only screen and (min-width:1025px) and (max-width: 3600px) and (min-height: 300px) and (max-height: 630px){
	h3.head-title.boldstyle{font-size: 2.1vw !important; line-height: 2.4vw !important;}
	body{font-size: 1vw !important;}
	
	.font1 {  font-size: 1.2vw !important;  line-height: 1.4vw !important;}
	#section2 .font1 br, #section2 .slide-to-left br, .slide-to-left1 br, .animation_rtl0 br, .nobr br{display: none !important;}
	.sapcontent ul {padding: 10px 0 0 17px;}		
		
	.font2{font-size:1.3vw !important; line-height: 1.5vw !important;}
	#section11 .font2{font-size:1.7vw !important; line-height: 2vw !important;}
	.font5{font-size:1.2vw !important; line-height: 1.4vw !important;}
	
		
}
@media only screen and (min-width:1025px) and (max-width: 1700px) and (min-height: 630px) and (max-height: 900px){
	
}
@media only screen and (min-width:1170px) and (max-width: 3600px) and (min-height: 300px) and (max-height: 630px){
	.shippinglogistics{bottom:5.3vw;}
	.font6{margin: 0vw 0 0 0; }
}
@media only screen and (min-width:1025px) and (max-width: 3600px) and (min-height: 300px) and (max-height: 660px){
		.shippinglogistics{bottom:5.3vw;}
	.font4{font-size:1.12vw;}	
	.displaynone{display:none;}
	 .sap_contentList {   padding: 5.5vw 0 0 3.5vw;}
    #section0 h3.head-title{padding-bottom:0.6vw;}
	
}
@media screen and (min-width: 1200px) and  (max-width: 3200px) and (min-height: 530px) and (max-height: 750px){
    
    body, .chead1 {font-size:1.2vw;}
    .sapcontent{width:93%; line-height: 1.5vw;}
	.contentblocks {  margin:2vw 0 3vw 0;}
	.contentblocks.marginbtn {  margin:2vw 0 1vw 0;}
}
@media screen and (min-width: 1600px) and  (max-width: 1700px) and (min-height: 700px) and (max-height: 790px) {
    .sap_contentList {   padding: 6vw 0 0 3.5vw;}
    #section0 h3.head-title{padding-bottom:0.6vw;}
    .shippinglogistics{bottom:5.3vw;}  
}

.hamburger{display:none;}
.leftsubnav.mobilehide{display:inline-block;}
.mobilehide{display:block;}
.mobileshow{display:none;}
@media screen and (min-width: 766px) and  (max-width: 1024px){
    .sapcontent {   line-height: 19px !important; }
    	body{font-size: 15px !important; }	
    	.width80 .gtext2, .gtext5, .gtext, .gtext2, .block_col3a .gtext2, .gtext3 { font-size: 15px !important;line-height: 19px !important;}
    	.gtext4 {font-size: 19px !important;line-height: 23px !important; }
    	.map {   transform: scale(1.4) !important; height: 224px !important;  margin: 57px 0 10px 145px !important;}
    	.text2 {font-size: 11px !important;line-height: 16px !important; }
    	.leftsublinks li a, .pbtn, .cbtn {   font-size: 15px !important;}
    	
}
@media screen and (min-width: 1024px) and  (max-width: 1224px){
 .binocular {   right: -17% !important;width: 73% !important;}   
}
@media screen and (min-width: 200px) and  (max-width: 380px){
    .gnum2 {font-size: 28px !important;line-height: 32px !important;}
    .gnum3 {font-size: 45px !important;   line-height: 50px !important;}
    .bar_block {width: 56px !important;margin: 0 7px 0 0 !important;}
    .leftsublinks li a, .pbtn, .cbtn {font-size: 13px !important;}
    .width36 .gtext2 {   width:68%;}
    #slide7 .valign_middle.mvalign {vertical-align: top !important;}
}
@media screen and (width: 1366px) and  (height: 1024px){
    body {   font-size: 15px !important;}
    .sapcontent {   line-height: 18px !important;}
    .leftsublinks li a, .pbtn, .cbtn {font-size: 16px !important;}
    .gtext, .gtext2, .block_col3a .gtext2, .gtext3 {font-size: 14px !important;    line-height: 16px !important;}
    .text1 {font-size: 13px !important;    line-height: 15px !important;}
.text2 {font-size: 11px !important;   line-height: 13px !important;}
.bar_block {width: 16% !important;}
    .bar_color {margin: 0 auto 6px auto !important;}
}
@media screen and (min-width: 600px) and  (max-width: 1124px){
    body {   font-size: 15px !important;}
    .sapcontent {   line-height: 18px !important;}
    .leftsublinks li a, .pbtn, .cbtn {font-size: 16px !important;}
    .gtext, .gtext2, .block_col3a .gtext2, .gtext3 {font-size: 14px !important;    line-height: 16px !important;}
    .text1 {font-size: 13px !important;    line-height: 15px !important;}
.text2 {font-size: 11px !important;   line-height: 13px !important;}
.bar_block {width: 16% !important;}
    .bar_color {margin: 0 auto 6px auto !important;}
}
@media screen and (min-width: 200px) and  (max-width: 1024px){
	.mobilehide, #section0 h3.head-title br, body:before, #section0 .arrow_section:before{display:none;}
	.mobileshow{display:block;}
	.sapcontent .homenav.mobilehide{display:none !important;}
	.fp-scroller {   min-height: 100%;}
	.fp-tableCell {  width: 100%;}
	
	body{font-size: 13px; }	   
	.sapcontent{line-height: 16px;width: 100% !important;}
	.shippinglogisticsm{position: absolute;bottom: 14vh; width:100%; left:0;}
	.shippinglogisticsm img{width:100%;}
	.shippinglogistics {display:none !important;}
		/*.shippinglogistics {   bottom: 29vh;  left: 98%; transform: scale(3); overflow: hidden;}*/
	#section0 .fp-tableCell{width:100%;}
	h1.head-title br, #fp-nav.right li br, .sap_contentList br{ }
	
	.mobileheight{height: 77vh !important;}	
	h1.head-title{font-size:27px; line-height: 31px; width: 90%;}	
	h4.head-title4{font-size: 24px; line-height: 28px;  width: 80%; }
	h3.head-title {  font-size: 26px; line-height: 29px; padding:0 0 10px 0;}
	h2.title1 {  font-size: 17px; margin: 0 0 10px 0;}
			
	.fp-tableCell {   padding: 0 0%;}
	.sap_contentList {  padding:60px 5% 80px 5%;}
	.slide .sap_contentList {  padding:60px 5% 120px 5%;}
	.slide .sap_contentList {  min-height: 100%;}
	.slide#slide1 .sapcontent_wrapper_inner {  padding-bottom:200px;}
	.slide#slide1.animated  .sapcontent_wrapper_inner {  padding-bottom:200px;}
	.slide#slide1 .arrow_section{bottom:68px;}
	.font2 {  font-size: 15px;  line-height: 17px;}
	.sapcontent_wrapper_inner p {  margin: 0 0 13px 0;}
	#section0 h3.head-title { font-size: 8vw; line-height: 9.6vw;  text-align: center;}
		
	.logo img {  width: 60px;}
	.rightnav{display:block !important;     min-height: 40px; z-index: 11111;}
	.rightnav.height100{height:100%;}.download_btn { right: 11%; top: 10px;}
	.download_btn a img {  width: 35px;}
	.download_btn{display:none;}
	.height100 .download_btn{display:block;}
	#fp-nav{display:none;}
	#fp-nav.mobilenav{ display:block;padding: 50px 0px 30px 0vw;  width: 100%;}
	#fp-nav.right li{width:100%; font-size: 17px;   text-align: left; padding: 13px 0 13px 0px; min-height: auto; margin:0 0 16px 0; border-left:0px solid #000000; background: #BCDC50;}
	#fp-nav.right li a{font-family: "BentonSansMedium"; color:#ffffff; width: 100%;   text-align: center;}
	#fp-nav.right li.active{border-left:0px solid #FDB913;border-bottom:0px;}
	#fp-nav.right li.active a, #fp-nav.right li a.active {    color: #ffffff;}
	.hamburger{position: absolute; right:15px; top:5px; display:block;}	
	.hamburger .line, .mplus .line{ width: 30px;height: 3px; background-color: #000000; display: block; margin: 5px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  border-radius: 6px;}	
.hamburger:hover{ cursor: pointer;}	
#hamburger-1.is-active .line:nth-child(2){ opacity: 0;}
#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}	
	
	
	.downarrow:after{width:40px; height: 40px;left: 4px;  top: 2px;}
	.downarrow:before{width: 70px;  height: 70px;  left: -12px;  top: -14px;}
	.fp-scrollable .arrow_section { left:51%;}
.arrow_section { left: 51%; width: 40px;     bottom: 12px; }

	.downarrow { bottom: 40px; left: -23px;}	
	.arrow_section img { width: 40px; margin: 0 5px;}
	
	.leftsublinks li:before{display:none;}
	.leftsubnav.mobilehide {  width: 100%;  margin: 0 0 0 0vw; display:none;}
	ul.leftsublinks, .right_content ul.leftsublinks{  padding: 0 0 0 0vw; margin: 0px;}
	
	.leftsublinks li {  line-height: 22px;padding: 15px 0; border-bottom: 1px solid #ccc;}
	.leftsublinks li a {   color: #000000;	font-size: 14px; width: 100%;
    display: block;   z-index: 1111;position: relative;}
	
	.leftsublinks.mnav li:after{content: "+";
  position: absolute;
  right: 5px;
  top: 13px;
  z-index: 999;
	font-size: 26px; color:#BCDC50;
    border: 1px solid #BCDC50;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px; font-family: "BentonSansMedium";}
	.fp-slidesContainer .slide.active .showbtn,  .fp-slidesContainer .slide.active .cbtn.showbtn{display:block;}
	.fp-slidesContainer .slide.active .hidemct, .fp-slidesContainer .slide.active .cbtn {display:none;}
	.mc1{display:none;}
	
	.pbtn{border-bottom: 0px !important;}
	.cbtn{border-bottom: 1px solid #ccc !important;}
	#slide1 .pbtn{border-bottom: 1px solid #ccc !important;}
	#slide1 .cbtn{border-bottom: 0px !important;}
	.pbtn, .cbtn { position: relative; width:100%; display: block;line-height: 22px;padding: 15px 0; color: #000000;  font-size: 14px; text-align: left; background: none; border:0px; font-family: "BentonSansMedium";}
	button:focus{outline: 0; border: 0;}
	#slide1 .cbtn.showbtn:after {content: "-" !important;}
	#slide1 .pbtn:after {content: "+" !important;}
	.slide .pbtn:after {content: "-" !important;}
.pbtn:after, .cbtn:after {
  content: "+";
  position: absolute;
  right: 5px;
  top: 12px;
  z-index: 999;
	font-size: 26px; color:#BCDC50;
    border: 1px solid #BCDC50;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
}

.numblock {  width: 26%;  display: inline-block; vertical-align: top;}
.numblock1 {  width: 36%;}
	.numblock1 br{display: none;}
	.col1{border-bottom: 1px dotted #707070; border-right:0px;padding: 10px 0;   margin: 0 0 14px 0;}
	
	h3.head-title:before {  display:none;}
	.head2 {  font-size: 13px;  margin: 0 0 10px 0;}
	.right_content, .col1, .col2, .block_col2, .col3, .block_col3 .gtext, .col2a, .col2b{width:100%;}
	.gnum { font-size: 30px;line-height: 30px;}
	.gblock{width:47%;}
	.col2 .gimg{ margin:0 12px 0 0;}
	.gimg, .gimg2, .gimg4 {   width: 80px;height: 80px; margin:0 20px 0 0;}
	.gimg img, .gimg2 img, .gimg4 img {  width: 80px;}
	.gw1 .gimg {   height: 97px;}
	.w20 .gimg2 {  width: 80px;}
	.w20 .gimg2 img{  width: 80px;}
	.gtext, .gtext2, .block_col3a .gtext2, .gtext3 { font-size: 12px;  line-height: 14px; width: 65%;}
	.gnum2 {  font-size: 33px; line-height: 35px;}
	.gtext br{display: none;}
	.gnum3 {  font-size: 60px; line-height: 64px;}
	.block_col3 img {height: 90px;}
	.block_col3, .block_col3.block_col3w { width: 32%;margin: 0 0px 25px 0;}
	.block_col3 .gtext{padding-right:10px;}
	.block_col3 img {  height: 80px;  margin: 0 0 4px 0;}
	.m2col .block_col3a {width: 49%;}
	.m2col .gtext2{width: 53%;}
	.m2col.col2a .gimg2 {   width: 80px; margin:0;}
	.m2col.col2a .gimg2 img { width: auto;  height: 70px;}
	.mimgb .gimg4 {width: 125px; height:165px;}
	.mimgb{text-align: center;margin: 15px 0 0 0;  border-top: 1px dotted #707070;   padding: 15px 0 0 0;}
	.mimgb .gimg4 img {width: 125px;}
	.mimgb .gtext3 {width: 125px; text-align: left;}
	.block_col3a.mw1{width:30%;}
	.block_col3a.mw2{width:68%;}
	.block_col3a.mw3{width:100%; }
	.nomargin{margin:0px;}
	.nomargin .mimgb{text-align: left;}
	.head3 { font-size: 13px; margin: 0 0 5px 0;}
	.mw100 .block_col3 {width:100%;}
	.mw100 .block_col3 .gtext { width: 60%; display: inline-block; vertical-align: top;margin: 0 0 0 20px;}
	.mc2 p br{display: none;}
	.slide a.btnlink {  font-size: 9px;  padding: 4px 4px;  margin: 5px 0 0 12px;   width: 88px;text-align: center;}
	.bdrright{border-right: 0px;}
	.colum3_1 {	width: 145px;}
	.colum3_1 img {  width: 135px;}
	.colum3_2 {	width: 58%;}
	.colum3_3 {  width: 58%;  display: inline-block;  vertical-align: top; margin: 12px 0 0 145px; padding: 12px 0 0 0vw;  border-top: 1px dotted #707070;border-left: 0px;}
	.columr_row {  margin: 0 0 15px 0;}
	.readmore_text1 {width: 71%;}
	.text1{font-size: 12px;  line-height: 14px;}
	.text2{font-size: 9px;  line-height: 11px;}
	.readmore_icon.valigntop{vertical-align: top;}
	.readmore_icon{width:55px; vertical-align: middle;  margin: 0 0 10px 0;}
	.readmore_icon img {  width: 50px;}
	.readmore_text2{width:71%;}
	.bar_block { width: 16%;  margin: 0 10px 0vw 0;}
	.bar_block { width: 58px;  margin: 0 10px 0 0;}
	.bar_color {  width: 60px; height: 162px; margin: 0 0 6px 0;}
	.bar_color img {width: 60px;}
	.bar_text { font-size: 9px; line-height: 10px;}
	.bartext {  font-size: 13px;  margin: 0 0 5px 0; line-height: 12px;}
	.column_row{width:100%; padding: 8px 0;}
	.colum3_1a {width: 66px;}
	.colum3_1a img {  width: 55px;}
	.colum3_2a { width: 60%; padding: 0 10px 0 0; font-size: 10px; line-height: 11px;}
	.colum3_3a {  width: 13%; font-size: 9px; line-height: 10px;}	
	.text3 {  font-size: 9px;line-height: 10px;}
	.gimg5 {width: 40px;}
	.gimg5 img { width: 30px;}
	.smallquote {  width: 30px; right: -10px;  bottom: -15px;}
	.gtext4 {  width: 86%;  font-size: 14px; line-height: 16px;}
	.gtext4 br, .text5 br, #slide8 .gtext2 br, .gtext5 br, .width80 .gtext2 br{display:none;}
	.valign_middle.mvalign{ vertical-align: middle !important; min-height: 90px;}
	.gtext5{font-size: 12px; line-height: 14px;}
	.gimg6 img {  width: 150px;}
	.text5 {  font-size: 15px;  line-height: 15px;}
	.valign_middle {  vertical-align: top;}
	#slide8 .gtext2{width:68%;}
	.map {  transform: scale(1.8); height: 147px;  margin: 79px 0 10px 99px;}
	.cnum {  font-size: 8px;line-height: 8px;}
	.ctext1 {  font-size: 4px;	line-height: 5px;}
	.c4 { top: 2.4vw;}
	.cline.cline4 { left: 4.2vw;  top: 3.2vw;}
	.c6{ top: -0.5vw;}
	.cline.cline6 { left: 0.2vw; top: 2.8vw;}
	.width80 .gtext2 {  width:100%;  font-size: 12px;line-height: 14px;}
	.binocular { right: -25%; width: 120%; bottom:6px; }
	.uparrow {  margin: 2px 4px !important;}
	.footer_sec {  font-size: 8px;}
	.footer_socialshare, .footer_links {  width: 100%; text-align: center; margin:2px 0px;}
	.footer_socialshare img {width: 16px;}
}