body {
	margin: 0;
	padding: 0;	
}

body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #AE3638;
}


.overlay::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	
	background-color: #F5F5F5;
	opacity: 0.5;
}

.overlay::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.overlay::-webkit-scrollbar-thumb
{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #c6c6c6;

}



.dropdown{ display:block; margin-top: 10px; }@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; width:100%; font-family: Raleway,Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”, “メイリオ”,Meiryo, sans-serif; 
font-size:12px; background: url("http://glv.ne.jp/img/crossword.png"); }



.pgwdth {
	width:100%;	
	height: 0 auto;
	margin: 0 auto;
}

a{ text-decoration:none; }
br{ display:block; }
video{ width:100%; }
a{ color:#333; outline:none !important; }

a:focus{ outline:0 !important; }
section:focus{ outline:0 !important; }

.wrapper{ width:1000px; margin:0 auto; padding:0; font-size:14px;  }
.home, .about, .members, .services{ margin:0; padding:0; overflow:hidden; }
.clr{ clear:both; }

.dropbtn { background-color: #8b2121; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; }
.dropbtn:hover, .dropbtn:focus { background-color: #b73d3d; }
.dropdown { position: relative; display: inline-block; display:none; float:right; }
.dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; }
.dropdown a:hover {background-color: #b73d3d}
.show {display:block;}

.navmenu{ width:100%; position:fixed; background-color:rgba(255,255,255, .75); z-index:99; }
.navmenu nav{ width:1000px; margin:0 auto; }
.navmenu nav ul{ list-style-type:none; float:right; }
.navmenu nav ul li{ display:inline-block; }
.navmenu nav ul li a{ display:inline-block; padding:5px 20px; outline:none !important; }
.navmenu nav ul li a:hover{ background-color:#1F1F1F; color:#fff; transition:0.4s; }
.navmenu .brand{ float:left; margin: 6px 0 0 0; }
.navmenu .brand img{ width:35%; }
.navmenu .burger{ float:left; }

/* ABOUT SECTION */
.about{ background:url(../img/aboutpage.jpg) center center; background-repeat: no-repeat; background-size:100% 100%; padding-bottom: 35px; margin-top:-5px; }
.aboutdiv{ line-height:30px; padding:10% 0; width:50%; }
.title{ font-size:45px; margin:0; padding:0;line-height: 49px; }
.subtitle{ font-size:20px; color:#8b2121; margin:0; padding:0; border-bottom:2px solid #8b2121; font-style:italic; }
.contenttitle{ font-size:30px; color:#666; margin-top:50px; }
.content{ margin-top:20px; padding:0; font-size: 14px; }
.content, .content div{ margin-top:20px; }
.content a, .content div a{ padding:10px 20px; border:thin solid #8b2121; color:#8b2121; }
.content a:hover, .content div a:hover{ background-color:#8b2121; color:#fff; }
.aboutimgs div a:hover{ color:#333; }

/* MEMBERS SECTION */
.memberscontent .content, .content div{ margin-top:20px; }
.memberscontent .content a, .content div a{ padding:10px 20px; border:thin solid #8b2121; color:#8b2121; }
.memberscontent .content a:hover, .content div a:hover{ background-color:#8b2121; color:#fff; }
.membersbgdiv{ background:url(../img/groupofcompanies.jpg) top center; background-size:100% 100%; width:50%; float:left; height:85vh; }
.memberscontent{ padding:2% 5% 0% 5% !important; float:left; margin-top:20px; padding:0; font-size: 14px; line-height:30px; width: 40%;  }
.box { position:relative; height:100px; border:thin solid #ccc; text-align:center; width:40%; line-height:18px; float:left; margin:10px 0 0 10px; padding:15px; }
.centered {  position: absolute; top: 88%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.4); color: #f1f1f1; width: 100%; box-sizing:border-box; padding:3%; }
.aboutimgs img{	width:80%; margin-top:5%; }
.overlay { height: 100%; width: 0; position: fixed; z-index: 9999999; top: 0; left: 0; background-color: rgba(255,255,255, 1); overflow-x: hidden; transition: 0.5s; }
.overlay-content { position: relative; top: 3%; width: 100%; text-align: center; margin-top: 30px;}
.overlay a { text-decoration: none; display: block; transition: 0.3s; }
.overlay a:hover { color:#c02432; }
.overlay .closebtn { position: absolute; z-index:999999; right: 45px; font-size: 100px; }
.titleservices{ background-color:#ae3638; font-size:35px; margin:0 auto; padding: 1% 2%; line-height: 49px; color: white;}
.titleservices2{ font-size:25px; margin:0; padding:0;line-height: 49px; color:#333;}

.companywork{ width: 73%; margin:0 auto; }
.companywork2{ width: 100%; margin:0 auto; }
.services2{	width:27.3%; min-height:400px;	padding:2% !important; }
.services{ width:44.5%; min-height:437px;	padding:2% !important; }
.web{ background:url(../img/web.jpg) center ; background-size:100% 100%; float:left; margin-right:3%; }
.system{ background:url(../img/system.jpg) center ; background-size:100% 100%; float:left; margin-right:3%; }
.dispatchtech{  background:url(../img/tech.jpg) center center; background-size:100% 100%; float:left; }
.callcenter{ background:url(../img/phonecall.jpg) center center; background-size:100% 100%; float:left; margin: 0 25%; }
.translation{ background:url(../img/translation.jpg) center center; background-size:100% 100%; float:left; }
.image11 { -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } 
.image11:hover { opacity:0.8; filter: alpha(opacity=90); }
.servicesbox .servicelist{ box-sizing:border-box; padding:2%;  width:100%; min-height:437px; border:thin solid; font-size:16px; text-align:center; margin:0 auto !important; background-color:rgba(255,255,255, .9);  }
.servicesbox .servicelist2{ box-sizing:border-box; padding:12% 2% 12% 2%; width:100%; min-height:400px; border:thin solid; font-size:16px; text-align:center; margin:0 auto !important; background-color:rgba(255,255,255, .9);   }
.licon img{ width:15%; }
.ticon{ font-size: 1.5em; color:#333;}
.cicon{ font-size: 1em; color:#B01416; font-family: 'Roboto Condensed', sans-serif; }
.dicon{ font-size: .80em; line-height: 25px; margin-top:15px; color:#333;}


/* NEWS SECTION */
.newsbgdiv{ background:url(../img/newspaper.jpg) top center; background-size:100% 100%; width:50%; float:right; height:120vh; }
/*.newscontent{ padding: 5% 5.5% 0 0 !important; float:right; margin-top:20px; padding:0; font-size: 14px; line-height:30px; }*/


.title2{ font-size:45px; margin:0; padding:0; line-height: 49px; text-align:center; }
.contact{ background:url(../img/contactus.png) top center; background-size:100% 100%; }
.contactdiv{ line-height:30px; padding:10% 0 1% 0; width:100%; }
.emailus{ width:100%; font-size:16px; }
/*.field{ width:100%; height:30px; padding:5px; }*/

.newscontent {
    padding: 5% 0 0 8% !important;
    float: left;
    margin-top: 20px;
    padding: 0;
    font-size: 14px;
    line-height: 30px;
}

.field {
    width: 48%;
    margin: 0 25%;
    height: 10px;
    padding: 1%;
}

.textarea1 {
	width: 48%;
    margin: 0 25%;
    height: 100px;
    padding: 1%;
}

/*textarea{ width:100%; height:150px; padding:5px; }*/
.emailus table{ width:100%; margin-top:40px; font-weight:900; }
.emailus table tr th{ text-align:center; padding:18px 0 0 0; vertical-align:top; width:20%; }
.emailus table td{ padding:5px; vertical-align:top; width:60% }
.footer{ width:100%; padding:10px 0; text-align:center; color:#fff; background-color:#8b2121; }
#btn-close-modal { width:100%; text-align: center; cursor:pointer; color:#fff; }


.ex1 { background-color: white;  width: 50%; margin:0 25%; height: 200px; overflow: scroll; overflow-x: hidden; font-family: Raleway,sans-serif !important;	 font-weight:500; line-height: 20px; }
.rules{	font-size:12px;	padding: 3%; font-family: Arial; }
.inputButton{ text-align:center; padding:10px 30px; border:2px solid #8a2626; color: #8a2626; background-color:transparent; color: #8a2626; }
.inputButton:hover{ border:2px solid #8a2626; background-color:#8a2626; color:#fff; border:2px solid #8a2626;   cursor:pointer; }

.ex1::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
.ex1::-webkit-scrollbar{ width: 12px; background-color: #F5F5F5; }
.ex1::-webkit-scrollbar-thumb {	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #8a2626; }



div.hidden { display: none; margin-bottom:10%; }
.nextpage{ margin-bottom:10%; }
.maintitle{ font-size:40px; color:#8b2121; margin:0; padding:2% 0 0 0; border-bottom:2px solid #8b2121; font-style:italic;  }

.nxttitle{ font-size:18px; margin:0; padding:0;line-height: 49px; font-weight:bold; }
.nxtcontent{ margin-top:2px; padding:0; font-size: 14px; line-height: 22px;  }

.banner{ width:100%; padding:5% 0 0 0;}
.banner img{ width:100%; }
ul.breadcrumb { padding: 10px 16px; list-style: none; background-color: #eee; }
ul.breadcrumb li { display: inline; font-size: 12px; }
ul.breadcrumb li+li:before { padding: 8px; color: black; content: "/\00a0"; }
ul.breadcrumb li a { color: #0275d8; text-decoration: none; }
ul.breadcrumb li a:hover { color: #01447e; text-decoration: underline; }


.video-container { position: relative; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.gioicontainer{ text-align:left; width:80%; margin:0 auto; font-size:14px; }
.logisticsimg img{ width:32.5%;}

.tbabout {
	width:100%; border-collapse:collapse; font-size:14px;	
}

.tbabout th{
  	border: 1px solid #C5C5C5;
	border-collapse: collapse;
}

.tbabout td{
  	border: 1px solid #C5C5C5;
	border-collapse: collapse;
	padding:1%;
}

.sldrht {
	height: 0 auto;	
}


.resp-container {
    position: relative;
    overflow:hidden !important;
    padding-top: 67%;
}


.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.goospc { clear:both; margin-top:1%; }


.gapimga {
	width:90%; margin: 0 auto;
}

/* gioi page css */

 .gioibg {
 	position:absolute; display:inline-block; z-index: -9999; margin-top: -80px;
 }
 
 .glsbg {
 	position:absolute; display:inline-block; z-index: -9999; margin-top: -50px; width:100%;
 }
 
  .goobg {
 	position:absolute; display:inline-block; z-index: -9999; margin-top: -19%;
 }
 
 .goocbg {
 	position:absolute; display:inline-block; z-index: -9999; margin-top: 0;
 }
 
 .gapbg {
 	position:absolute; display:inline-block; z-index: -9999; margin-top: 0;
 }
 
 .gioicntr {
 	padding:0; margin:0; width:100%;
 }
 
.gioittle {
	letter-spacing:3px; font-size:30px; color: #ffffff; font-weight:bold; margin: 15% 0 0 15%;
}

.goottle {
	letter-spacing:3px; font-size:30px; color: #ffffff; font-weight:bold; margin: 20% 0 0 0; text-align:center;
}


.goocttle {
	letter-spacing:3px; font-size:30px; color: #ffffff; font-weight:bold; margin: 15% 0 0 0; text-align:center;
}



.glsttle {
	letter-spacing:3px; font-size:30px; color: #c02432; font-weight:bold; margin: 15% 0 0 10%;
}

.gioittle div {
	clear:both; height:10px;
}

.gioispca {
	clear:both; margin-top:5%;
}

.glsspca {
	clear:both; margin-top:5%;
}

.gioispcb {
	clear:both; margin-top:6%;
}

.gioispcc {
	clear:both; margin-top:2%;
}

.gioispcd {
	clear:both; margin-top:10%;
}

.gioispce {
	clear:both; height:20px;
}

.gioispcf {
	clear:both; margin-top:25%;
}

.gioidesc {
	font-size:14px; letter-spacing:2px; margin-left: 15%; color:#ffffff;
}

.glsdesc {
	font-size:14px; letter-spacing:2px; margin-left: 10%; width: 42%;
}

.goodesc {
    font-size: 14px;
    letter-spacing: 2px;
    margin-left: 13%;
}

.goodesc4 {
    font-size: 14px;
    letter-spacing: 2px;
    margin-left: 20%;
}

.goodesc2 {
    font-size: 14px;
    letter-spacing: 2px;
    margin-left: 25%;
}

.glsdesc2 {
	font-size:14px; letter-spacing:2px; margin-left: 10%; width: 80%;
}

.gioiltr {
	width:74%; margin: 0 auto;
}

.gioicam {
	float:left; margin: 0 0 0 15%; width:50px;
}

.gioicamtxt {
	float:left; margin: 0.5% 0 0 1%;
}
.gioipht {
	width:70%; margin: 0 auto;
}
.gioiftrsts {
	width:70%; margin: 0 auto;
}
.gioiftr {
	font-size:30px; color: #c02432; text-align:center;
}

.goocat1 {
	font-size:30px; color: #c02432; margin: 13% 0 0 13%;
}


.goocat2 {
	font-size:30px; color: #c02432; margin: 45% 0 0 25%;
}

.goocat3 {
	font-size:30px; color: #c02432; margin: 9% 0 0 13%;
}
.goocat4 {
	font-size:30px; color: #c02432; margin: 25% 0 0 20%;
}

.glsftr {
	font-size:30px; color: #c02432; text-align:center;
}

.gioiftrlne {
	width:70%; margin: 0 auto; height:1px; background-color: #c02432; margin-top:1%;
}
.gioisiteicon {
	float:left; display:block; width:14.28571428571429%;
}

.gioiftrbg {
	background-color:#e3e3e3; height:150px; width:100%; position:absolute; display:inline-block; z-index: -9999;
}
.gioism {
	float:right; margin: 48px 48px 0 0;
}

.goosm {
	float:right; margin: 48px 48px 0 0;
}

.gioismtxt {
	float:left; margin: 40px 20px 0 0; font-size:14px; color:#2c2c2c;
}

.goosmtxt {
	float:left; margin: 33px 20px 0 0; font-size:14px; color:#2c2c2c;
}

.gioismfb {
	float:left; width:50px; margin-right:20px;   
}

.goobpo {
	float:right; width:300px; margin-right:20px; 
}

.gioismig {
	float:left; width:50px;  
}
.camtxtbr {
	display:block;	
}

.overlay[id='integrated'] a {
	color: #ffffff;
}

.overlay[id='logistics'] a {
	color: #ffffff;
}

.overlay[id='offshorecebu'] a {
	color: #ffffff;
}

.overlay[id='offshorephil'] a {
	color: #ffffff;
}

.overlay[id='asiapacific'] a {
	color: #ffffff;
}



.gooleft a {
	color: #2c2c2c !important;	
}

.gooleft a:hover {
	color: #c02432 !important;	
}



.glslider {
	width:100%;
	height:530px;	
	display:block;
}

.glslidersp {
	width:100%;
	height:290px;	
	display:none;
}


.goospc1 { clear:both; margin-top:5%; }
.goospc2 { clear:both; margin-top:25%; }
.goospc3 { clear:both; margin-top:8%; }
.goospc4 { clear:both; margin-top:2%; }
.goobspc { clear:both; }
.goosubttle { color:#ffffff; font-size:16px; width:740px; margin: 0 auto; }
.goocateg { float:left; margin:0 5%; text-decoration:underline; text-underline-position: under;}
.goocateg a:hover { color:#ffc000; }
.goocateg2 { float:left; }
.gooleft { float:left; width:50%; }
.gooright { float:left; width:50%; }
.goordmre { padding: 6% 0; width:200px; text-align:center; border:2px solid #ae3638; color:#ae3638; font-size:18px; }
.goordmre:hover { opacity: 0.5; }

.goordmre1 { padding: 5% 0; width:300px; text-align:center; border:2px solid #ae3638; color:#ae3638; font-size:12px; }
.goordmre1:hover { opacity: 0.5; }

.goordmre2 { padding: 7% 0; width:200px; text-align:center; border:2px solid #ae3638; color:#ae3638; font-size:18px; }
.goordmre2:hover { opacity: 0.5; }
.gooleft1 { float:left; width:65%; }
.gooleft3 { float:left; width:65%; }
.gooright1 { float:right; width:35%; }


.gooright2 { float:right; width:35%; display:none; }
.gooright3 { float:right; width:35%; display:none; }

.goocsubttle { color:#ffffff; font-size:16px; width:70%; margin: 0 auto; }
.goocsubttle2 { color:#ffffff; font-size:16px; width:55%; margin: 0 auto; }
.gooccateg { float:left; margin:0 3%; }
.gooccateg2 { float:left; }

.goocspc1 { clear:both; margin-top:5%; }
.goocspc5 { clear:both; margin-top:30%; }

.goocsbtle { letter-spacing:3px; font-size:30px; color: #ffffff; font-weight:bold; text-align:center; }
.goocspc2 { clear:both; height:15px; }
.goocspc3 { clear:both; height:35px; }
.goocspc4 { clear:both; height:50px; }
.goocctnr { width:85%; margin:0 auto; } 
.gooctxta { font-size:20px; color: #2c2c2c; font-weight:bold; }
.gooctxtb { font-size:14px; letter-spacing: 1px; line-height:25px; color: #2c2c2c; }
.goocfleft { width:60%; float:left; }
.goocfright { width:36.5%; float:right; }
.goocmleft { margin-left:15px; }
.goocmlefta { margin-left:10px; }
.gooctxtc { font-size:14px; letter-spacing: 1px; line-height:25px; color: #2c2c2c; margin-left:20px; }
.goocimg { width:60%; }
.goocimga { width:100%; }

.goocebu { clear:both; display:none; }

.gapwdth { width:100%; }
.gapttle { letter-spacing:3px; font-size:30px; color: #ffffff; font-weight:bold; margin: 14% auto 0 auto; text-align:center; }
.gapsbttle { text-align:center; color: #ffffff; font-size:14px; line-height:25px; }
.gapspc { clear:both; margin-bottom:2%; }
.gapspca { clear:both; height:250px; }
.gapspcb { clear:both; height:40px; }
.gapspcc { clear:both; height:10px; }
.gapspcd { clear:both; height:30px; }

.gaptxt { font-size:15px; }
.gaptxta { font-size:25px; }
.gapctnr { width:95%; margin: 0 auto; line-height:20px; font-size:14px; }
.gapimagea { width:100%; }
.gapimageb { width:100%; }

.gapleft { float:left; width:49%; }
.gapright { float:right; width:49%;  font-size:15px; }

<!-- goo form -->




.goofrmprt { width:100%; background-color:#e4e4e4; }

.goofrmcntr { width:50%; margin: 0 auto; }
.goofrmfw { width:100%; }

.goofrmlne { height:1px; width:100%; background-color: #ae3638; }
.goofrmlne2 { height:1px; width:100%; background-color: #BDBDBD; }



.goofrmspc { clear:both; height:70px; }
.goofrmspca { clear:both; height:10px; }
.goofrmspcb { clear:both; height:20px; }
.goofrmspcc { clear:both; height:30px; }


.goofrmttle { font-size:30px; color:#ae3638; }
.goofrmsubt { font-family:Arial; font-size:16px; }
.goofrmlbl { text-align:center; background-color: #D0D0D0; padding: 10px 0; margin-right:10px; width:30%; float:left; }
.goofrmlbla { text-align:center; background-color: #D0D0D0; padding: 69px 0; margin-right:10px; width:30%; float:left; }
.goofrmtxt { text-align:left; float:left; padding:10px; width:50%; }
.goofrmtxta { text-align:left; float:left; padding:10px; width:50%; margin-right:10px; }


.goofrmslct { text-align: center; float:left; }
.goofrmslct select { padding: 10px; }

.goofrmrq { color: #ae3638; }

.goofrmtarea { float: left; width:52.5%; }
.goofrmnpt { padding: 10px 0; }

.goofrmbtn input { margin-right:10px; }

.goordmrea { width: 200px; margin-left:13%; }

.trnsltimg { display:block; width:50%; }

.tygoospc {
    clear:both; height:106px; display:none;
}

.tyglvspc {
    clear:both; height:85px; display:none;
}

.privacypolicy {
	font-size:12px; letter-spacing: 1px; color:#737373; width:305px; margin: 0 auto; text-align:center; margin-top: 50px; text-decoration:underline; text-underline-position: under;
}  
.privacypolicy:hover {
	color:#8b2121;
}

@media screen and (min-device-width:1367px) and (max-device-width: 1920px){
	
.aboutdiv{ line-height:30px; padding:20% 0; width:50%; }
.aboutimgs img{	width:55%; margin-top:2%; }	
.centered { padding:2%; }
.gioicontainer { width: 60%; }
.goospc { clear:both; margin-top:7%; }
.overlay-content { top: 5%; }

.glsbg { width:100%; }

.gioispcf {
clear: both;
margin-top: 30%;
}

.goocsubttle {
    margin: 0 23%;
}

.goocsubttle2 {
    margin: 0 30%;
}
.goocimga {
    width: 100%;
}
.goocimg {
    width: 60%;
}
.gapspca {
    height: 480px;
}

.tygoospc {
    clear:both; height:106px; display:block;
}

.tyglvspc {
    clear:both; height:84px; display:block;
}

.goospc2 {
	margin-top: 25.8%;	
}

}


@media screen and (min-device-width:1367px) and (max-device-width: 1536px){
	
.aboutdiv {
    line-height: 30px;
    padding: 12% 0;
    width: 50%;
}	

.aboutimgs img {
    width: 80%;
    margin-top: 2%;
}

.gapspca {
    height: 285px;
}
	
.goocsubttle {
    margin: 0 19%;
}	

.goocsubttle2 {
    margin: 0 26%;
}

.goocimga {
    width: 78%;
}
.goocat4 {
	font-size:30px; color: #c02432; margin: 25% 0 0 20%;
}
.goodesc4 {
    font-size: 14px;
    letter-spacing: 2px;
    margin-left: 20%;
}	
}



@media screen and ( max-width:999px ){
.navmenu nav ul{ float:none; text-align: center; }
.navmenu{ width:100%; position:fixed; background-color:rgba(255,255,255, .75); z-index:99; }
.navmenu nav{ width:90%; margin:0 auto; }
.navmenu .brand{ float:left; margin: 0 auto; width: 100%; text-align: center; }
.navmenu .brand img{ width:25%; }

.wrapper{ width:95%; margin:0 auto; }
.about .aboutdiv{ width:70%; padding-left:40px; }
.about {
    background: url(../img/aboutpage.jpg) center center;
    background-repeat: no-repeat;
    background-size: 140% 100%;
    padding-bottom: 35px;
    margin-top: -5px;
    background-position-x: right;
}
.contact .contactdiv{ width:90%; margin: 0 auto; }
.newscontent{ width:40%; margin-top:7%; }
.memberscontent{ width:40%; margin-top:7%; padding-bottom:5%; }
.servicesbox .servicelist{ width:27%; margin:1% !important; /*max-height: 420px;*/ }
.aboutimgs{ margin-top:5%; }
.aboutimgs div a{ width:47%; min-height: 126px; box-sizing:border-box; padding:10px 4px; }
.membersbgdiv{ height:105vh; }
.aboutimgs img{	width:90%; }
.abouttitle{ margin-top:26px;}

.field {
    width: 98%;
    margin: 0;
    height: 20px;
    padding: 1%;
}

.textarea1 {
    width: 98%;
    margin: 0;
    height: 100px;
    padding: 1%;
}

.ex1 {
    width: 100%;
    margin: 0;
}

.video-container {
    margin-top: 12%;
}
.banner {
    width: 100%;
    padding: 17% 0 0 0;
}	

.resp-container {
    margin-top: 14%;
}


}

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

.box{ margin:0!important; }
.membersbgdiv{ height:93vh; }
.servicesbox .servicelist{ width:100%; min-height: 350px !important; margin:0 !important; padding: 2% 0 !important; }
.companywork {
    width: 100%;
    margin: 0 auto;
}

.services{	width:96% !important;	 min-height:350px !important;	padding:2% !important; }
.services2{	width:96% !important;	 min-height:350px !important;	padding:2% !important; }
.callcenter{ margin:0 0 2% 0!important;}
.web {  margin:0 0 2% 0!important; }
.system {  margin:0 0 2% 0!important; }
.titleservices { margin:15% 0 4%;}
.abouttitle{ margin-top:23px;}
.centered { top: 89%; font-size:12px; padding:2%; }




.video-container {
    margin-top: 12.7%;
}

.imgg {
	width:100%;	
}

.title { font-size:35px; }

.about {
    background-size: 150% 100%;
}

.aboutimgs div a {
    width: 46%;
    min-height: 105px;
    margin: 2%!important;
    box-sizing: border-box;
    padding: 10px 4px;
}



.newsbgdiv {
	height: 70vh;	
}

.newscontent {
    padding: 5% 0 0 5% !important;
}



}

@media screen and ( max-width:769px ){
.navmenu .brand{ text-align: left; margin: 20px auto; width: 80%; }
.dropdown{ display:block; margin-top: 10px; }
.menus{ display:none; }
.dropdown-content{ text-align: center; min-width: 220px; right: 0; }

.spbr{ display:block; }
.about .contenttitle{ margin-top:25px; font-size: 30px; }
.services{ background-size:cover; position:relative; }
.servicesdiv{ width:90%; margin:0 auto; }
.servicesbox{ width:100%;}
.servicesbox .servicelist{ width:100% ;  }

.navmenu .brand{ text-align: left; margin: 15px auto; width: 80%; }

.dropdown{ display:block; margin-top: 6px; }
.menus{ display:none; }
.dropdown-content{ text-align: center; min-width: 220px; right: 0; }

.emailus{ width:100%; margin:0 auto; float:none; margin-top:20px; }


.aboutimgs div a{ width: 95%; min-height: 145px; box-sizing: border-box; padding: 12px 4px;	}
.aboutimgs div { vertical-align:middle;  }
.memberscontent { background:url(../img/groupofcompanies.jpg) top center; background-size: 200% 100%; box-sizing: border-box;  padding: 15% 5%!important; margin:0 !important; width: 100%;}
.aboutimgs img{	width:70% !important; margin-top: 0; }

.centered {  top: 87% !important; min-height: 35px; font-size:16px; box-sizing: border-box; padding: 10px 0 }
.abouttitle{ margin-top:15px;}

.newsbgdiv { height: 140vh; }

.services{	width:96% !important;	 min-height:350px !important;	padding:2% !important; }
.services2{	width:96% !important;	 min-height:350px !important;	padding:2% !important; }

.about{ height: 80vh; background-size:cover; position:relative; background-position: 76% 0%;}
.about .aboutdiv, .servicesdiv{ width:90%; margin:0 auto; padding: 25% 0 0 0; }

.logisticsimg img { width: 100%; }
.gioicontainer {
    width: 90%;
}
.overlay .closebtn {
    position: absolute;
    z-index: 999999;
    right: 10px;
    top: -30px;
    font-size: 100px;
}

.resp-container {
    margin-top: 16.5%;
	padding-top: 165%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 247%;
    height: 100%;
    border: 0;
    margin-left: -90%;
}



.titleservices {
    font-size: 25px;
    line-height: 40px;
}

.gioibg {
    width: 230%;
    margin-left: -85%;
    margin-top: -10%;
}

.glsbg {
    width: 250%;
	margin-left: -85%;
}

.goobg {
    width: 250%;
	margin-left: -20%;
}

.gioittle {
    margin: 50% 0 0 8%;
    line-height: 40px;
}

.gioittle div{
    display:none;
}
.gioidesc {
    margin-left: 5%;
	margin-right: 5%;
	font-size: 14px;
	color: #2c2c2c;
}

.gioiltr {
    width: 100%;
    margin: 0 auto;
}
.gioicam {
	float:left;
    margin: 0 0 0 3%;
	width: 15%;
}

.gioicamtxt {
    float: left;
    margin: 0.5% 3% 0 2%;
    width: 77%;
}

.camtxtbr {
	display:none;	
}

.gioispca {
    clear: both;
    margin-top: 80%;
}


.gioispcc {
    clear: both;
    margin-top: 10%;
}

.gioipht {
    width: 95%;
    margin: 0 auto;
}
.gioispcb {
    clear: both;
    margin-top: 15%;
}
.gioisiteicon {
    float: left;
    display: block;
    width: 50%;
}
.gioismtxt {
    float: none;
    font-size: 20px;
    color: #2c2c2c;
	margin: 15% auto 0 auto;
	text-align:center;
}
.gioism {
    float: none;
	margin:0;
}
.gioismfb {
    float: left;
    width: 50px;
	margin: 5% 5% 0 35%;
}
.gioismig {
    float: left;
    width: 50px;
    margin-top: 5%;
}

.glslider {
	width:100%;
	height:530px;	
	display:none;
}

.glslidersp {
	width:100%;
	height:290px;	
	display:block;
}

br {
	display:block !important;	
}

.glsdesc {
    font-size: 14px;
    letter-spacing: 2px;
    margin-left: 5%;
    width: 90%;
}

.glsdesc2 {
    font-size: 14px;
    letter-spacing: 2px;
    margin-left: 5%;
    width: 90%;
}

.glsttle {
    font-size: 30px;
    color: #c02432;
    font-weight: bold;
    margin: 51% 0 0 8%;
	width:65%;
}

.goocateg {
	width: 100%;
    text-align: center;
	margin:0;
	margin-bottom: 10%;
	font-size: 15px;
}

.goocateg2 {
	display: none;
}

.glsspca {
    clear: both;
    margin-top: 55%;
}

.gioispcf {
    clear: both;
    margin-top: 15%;
}

.glsftr {
    font-size: 25px;
}

.overlay[id='integrated'] a {
	color: #ffffff;
}

.overlay[id='offshorephil'] a {
	color: #ffffff;
}

.goospc2 {
    clear: both;
    margin-top: 98%;
}

.goottle {
    margin: 50% 0 0 0;
}

.goosubttle {
    color: #ffffff;
    font-size: 12px;
	width:50%;
    margin: 0 auto;
}

.gooleft {
    float: none;
    width: 90%;
}

.gooright {
    display:none;
}

.gooleft1 {
    float: none;
    width: 90%;
    margin: 0 auto 0 auto;
}



.gooleft3 {
    float: none;
    width: 90%;
    margin: -12% auto 0 auto;
}

.gooright1 {
    float: none;
    width: 90%;
	margin-bottom:13%;
}

.gooright2 {
    float: none;
    width: 90%;
    display: block;
    margin: 0 5% 0 5%;
}

.goocat1 {

    font-size: 30px;
    color: #c02432;
    margin: 15% 0 0 12%;

}

.gooright3 { 

	float:none;
	width:90%;
	display:block;

}

.goocat2 {
    margin: 15% 0 0 25%;
}

.gooright3 {
    float: none;
    width: 90%;
    display: block;
    margin: 15% 0 0 5%;
}

.gooleft {
    float: none;
    width: 90%;
    margin: 0 0 15% 0;
}
.goocat3 {
    font-size: 30px;
    color: #c02432;
    margin: 15% 0 0 13%;
}

.goocat4 {
    font-size: 30px;
    color: #c02432;
    margin: 15% 0 0 20%;
}



.goordmrea { margin-left:25%; }



.goosm {
    float: right;
    margin: 48px 0 0 0;
}

.goobpo {
    float: right;
    width: 90%;
    margin-right: 5%;
}

.gioibr {
	display:none !important;
}

.goocbg {
    width: 250%;
	margin-left: -100%;
}

.gapbg {
    width: 250%;
	margin-left: -100%;
}

.goocttle {
    margin: 40% 0 0 0;
}

.goocsubttle {
    font-size: 14px;
    width: 90%;
}
.goocsubttle2 {
    font-size: 14px;
    width: 90%;
}
.goocspc5 {
    clear: both;
    margin-top: 45%;
}

.goocfleft {
    width: 100%;
    float: none;
}

.goocfright {
    width: 100%;
    float: none;
}

.goocimg {
    width: 100%;
}

.goocebu { clear:both; display:block; }

.goocctnr {
    width: 90%;
    margin: 0 auto;
}


.goordmre1 {
    padding: 5% 0;
    width: 300px;
    text-align: center;
    border: 2px solid #ae3638;
    color: #ae3638;
    font-size: 14px;
}

.goospc4 { clear:both; margin-top:5%; }

.gapsbttle br {
	display:none !important;	
}

.gapsbttle {
    padding: 0 5%;
}
.gapttle {
    padding: 0 5%;
	margin: 30% auto 0 auto;

}
.gapspc {
    margin-bottom: 10%;
}

.gapspca {
    height: 140px;
}

.gapleft {
	float:none;
	width:100%;
	margin-bottom: 2%;	
}

.gapright {
	float:none;
	width:100%;
	margin-bottom: 2%;	
}

.gapbg {
    width: 330%;
    margin-left: -100%;
}

.goofrmcntr {
    width: 90%;
    margin: 0 5%;
}

.goofrmlbl {
    width: 100%;
    float: none;
}

.goofrmtxt {
    width: 93.5%;
}

.goofrmtxta {
    width: 93.5%;
}

.goofrmslct select {
    padding: 10px 102px;
}

.goofrmslct .drp2 {
    padding: 10px 142px;
}

.goofrmlbla {
    padding: 10px 0;
    margin-right: 0;
    width: 100%;
    float: none;
}

.goofrmtarea {
    float: none;
    width: 98.5%;
}

.goofrmbtn {
	margin-left: 5%;	
}

.trnsltimg {
    display: block;
    width: 100%;
}


}

@media screen and ( max-width:769px ){
	
.banner {
    width: 100%;
    padding: 17.5% 0 0 0;
}	

.gapimga {
	width:100%;	
}


.wrapper{ width:95% !important; margin:0 auto; }
.newscontent{ padding: 8% 5% 10% 0 !important; }

.membersbgdiv, .newsbgdiv { width:100%; height:340px; float:none; line-height:42px; }


.spbr{ display:block; }
.about .contenttitle{ margin-top:25px; font-size: 30px; }
.services{ background-size:cover; position:relative; } 
.servicesdiv{ width:90%; margin:0 auto; }
.servicesbox{ width:100%; margin:0 auto; }
.servicesbox .servicelist{ width:100%; /*max-height: 420px;*/ }
.title2{ font-size: 40px; line-height: 45px; }

.navmenu .brand{ text-align: left; margin: 15px auto; width: 74%; }
.navmenu .brand img{ width:39%; }
.menus{ display:none; }
.dropdown-content{ text-align: center; min-width: 220px; right: 0; }
.membersbgdiv{ display:none; }
.box { position:relative; height:100px; border:thin solid #ccc; text-align:center; width:40%; line-height:18px; float:left; margin:10px 0 0 10px; padding:15px; background-color:rgba(255,255,255, .75); }
.abouttitle {    margin-top: 26px; font-size:18px; }
.newsbgdiv{ display:none; }
.newscontent{ background:url(../img/newspaper.jpg)
top center; background-size:100% 100%; box-sizing: border-box;  padding: 15% 5%!important; margin:0 !important; width: 100%;  }

.resp-container {
    margin-top: 16.5%;
	
}


}