*{
  margin: 0;
  padding: 0;
}

body{
  background: #EEF1F5;
}

h3{
    color: #E65A24;
  }

.social{
position: relative;

float: right;


}
.social ul{
  list-style:none;
  display: block;

}
.social ul li{
  float: left;
  width: 35px;
  height: 30px;
/*border: 1px solid #285189;*/


}

.social ul li a{
  text-decoration: none;
  display: block;


}
.social ::after{
  display: block;
  content: "";
  clear: both;
}











.container{
  display: block;
  width: 1190px;
  margin: auto 10%;
  clear: both;
  position: relative;

}
.container:after{
  content: "";
  display: block;
  clear: both;

}

.container .logo{

  display: block;
  margin-top: 1px;
  /*margin-top:25px;*/
  width: 80px;
  height:100px;
  float: left;
  clear: both;


}

.container .logo:after{
  content: "";
  display: block;
  clear: both;


}



.menu{
  display: block;
  margin-top:55px;

  padding: 0;
  z-index: 100;

  position:absolute;
  right: 150px;
  /*left:380px;*/

}
.menu ul{
  list-style: none;
  z-index: 3;
clear: both;
  z-index: 100;
}
.menu ul li{
  float: left;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #263F80;
/*border: 1px solid #285189;*/
border: 1px solid #73F8F6;
  z-index: 100;
}

.menu ul li a{
  text-decoration: none;
  display: block;
  color: #FFF;
  z-index: 100;
}
.menu ul li a:hover{
  background-color: orange;
  text-transform: uppercase;
  color: #263F80;
  z-index: 100;
}


.menu ul li ul li{
  display: none;
  z-index: 100;
}
.menu ul li:hover ul li{
  display: block;
  z-index: 100;

}
.arrow{
  margin-top: 20px;
  padding-top: 40px;

  color: #73F8F6;
}
#video-bg {
  position: relative;
    width: auto;
    min-width: 100%;
    object-fit: fill;

z-index: -100;
    background-size: cover;
}
video {
  display: block;
  opacity: 1;
  z-index: -100;
  height: 470px;
  clear: both;
}
.video-container {
  width: 99.9%;
  max-height: 500px;
  overflow: hidden;
position: relative;

  right: 0;
  z-index: -100;
  clear: both;
/*  border:1px solid #263F80;*/

}

.container1{
  display: block;
  width: 1190px;
height: 470px;
  margin: auto 10%;
  clear: both;

}
.abt{
  margin-top: 200px;
  background: #FFFFFF;
clear: both;

}
.container1 .aboutt{
  position: relative;
  top:50px;
}
.aboutt p{
  -webkit-column-count:3;
  column-count: 3;
  -webkit-column-gap:30px;
  column-gap: 30px;
  -webkit-column-rule: 1px solid #ccc;
  column-rule: 1px solid #ccc;
  text-align: justify;
  font-size: 20px;
  color: #808284;
}

.container1 .pic1{
  display: block;
  top: 50px;
clear: both;

}

 .pic01 , .pic02 ,.pic03{
  position: relative;
  border-radius: 50%;
  float: left;

  margin-left: 40px;
  width: 250px;
  height: 250px;
  margin-right: 90px;
  border: 1px solid #000;
}
.container1 .pic1 .pic01{

}
.container1 .pic1 .pic02{

}
.container1 .pic1 .pic03{

}
.container1 .pic1:after{
  content: "";
  display: block;
  clear: both;

}

.abt:after{
  content: "";
  display: block;
  clear: both;
}




.ownn{
  background: #FFFFFF;
  margin-top: 220px;
  clear: both;
}

.ownn:after{
  content: "";
  display: block;
  clear: both;
}

.container3{
  display: block;
  width: 1190px;
  height: 861px;
  margin: auto 10%;
  clear: both;

}

.container3 .own{
  position: relative;

}

.own p{
  -webkit-column-count:1;
  column-count: 1;
  -webkit-column-gap:20px;
  column-gap: 20px;
  -webkit-column-rule: 1px solid #ccc;
  column-rule: 1px solid #ccc;
  text-align: justify;
  font-size: 20px;
  color: #808284;
}



.img .pic05{

border-radius: 10%;
border: 1px solid #000;


}
div.img{

	width: 305px;
	height: 240px;
	/*border: 1px solid black;*/
	margin: 10px;
	padding: 5px;
	text-align: center;
	float: left;
	opacity: 0.8;

}
div.img img {

	margin: 5px;
}

div.desc{
	text-align: center;
	width: 305px;
	margin: 5px;
}

div.img:hover{
	opacity: 1.0;


}

.serv{
  margin-top: 30px;
  background: #FFFFFF;
clear: both;
position: relative;
z-index: -100;


}

.container4{
  display: block;
  width: 1190px;
height: 500px;
  margin: auto 10%;
  clear: both;
  position: relative;
  z-index: -100;

}
.serv p{
  -webkit-column-count:3;
  column-count: 3;
  -webkit-column-gap:30px;
  column-gap: 30px;
  -webkit-column-rule: 1px solid #ccc;
  column-rule: 1px solid #ccc;
  text-align: justify;
  font-size: 22px;
  color: #808284;
}
.pic11 , .pic12 ,.pic13{
 position: relative;
 border-radius: 50%;
 float: left;
 width: 300px;
 height: 300px;
 margin-right: 90px;
 border: 1px solid #000;
}
#serv .pic01{

}
#serv .pic02{

}






















.container5{
  display: block;
  width: 1190px;
  height: 350px;
  margin: auto 10%;
  clear: both;
  z-index: -100;


}
.chartering{
  margin-top: 10px;
  background: #FFFFFF;
clear: both;

z-index: -100;

}
.container5 .charter{
  position: relative;
  top:10px;


}

.charter h3{
  color: #E65A24;
}
.charter p{
  -webkit-column-count:2;
  column-count: 2;
  -webkit-column-gap:30px;
  column-gap: 30px;
  -webkit-column-rule: 1px solid #ccc;
  column-rule: 1px solid #ccc;
  text-align: justify;
  color: #808284;
  font-size: 22px;
}
.charter::after{
  content: "hellllllllllllllllllllllllllllll";
  display: block;
  clear: both;

}

.pic14 , .pic15 ,.pic16, .pic17 {
 position: relative;
 border-radius: 50%;
 float: left;
 width: 190px;
 height: 190px;
 margin-left: 20px;
 margin-right: 80px;
 margin-top: 50px;
 border: 1px solid #000;


}

.container5 .shimgs{
  display: block;
  top: 50px;
clear: both;
z-index: -100;

}


.container1 .pic1 .pic01{

}
.container1 .pic1 .pic02{

}
.container1 .pic1 .pic03{

}
.container5 .charter:after{
  content: "";
  display: block;
  clear: both;

}

.chartering:after{
  content: "";
  display: block;
  clear: both;
}




















.container6{
  display: block;
  width: 1190px;
height: 610px;
  margin: auto 10%;
  clear: both;

}
.stevedor{
  margin-top: 150px;
  background: #FFFFFF;
clear: both;

}
.container6 .sttev{
  position: relative;
  top:50px;
}


.sttev h3{
    color: #E65A24;
}
.sttev p{
  -webkit-column-count:3;
  column-count: 3;
  -webkit-column-gap:30px;
  column-gap: 30px;
  -webkit-column-rule: 1px solid #ccc;
  column-rule: 1px solid #ccc;
  text-align: justify;
  color: #808284;
  font-size: 20px;
}

.container6 .stvimgs{
  display: block;

  margin-left: 100px;
  top: 50px;
clear: both;

}

 .pic18 , .pic19 ,.pic20 {
  position: relative;
  border-radius: 50%;
  float: left;
  width: 220px;
  height: 220px;
  margin-right: 90px;
  margin-top: 100px;
  border: 1px solid #000;
}

.pic21 ,.pic22 ,.pic23 {
  margin-top: 50px;
  margin-left: px;
 position: relative;
 border-radius:50%;
 float: left;
 width: 220px;
 height: 220px;
 margin-right: 90px;
 border: 1px solid #000;
}

.container6 .stvimgs:after{
  content: "";
  display: block;
  clear: both;

}

.stevedor:after{
  content: "";
  display: block;
  clear: both;
}








.container9{
  display: block;
  width: 1190px;
  height: 910px;
  margin: auto 10%;
  clear: both;

}
.frtt{
  margin-top: 5px;
  background: #FFFFFF;
clear: both;

}


.frtt:after{
  content: "";
  display: block;
  clear: both;
}
.container9 .frtfrd{
  position: relative;
  top:50px;
}
.frtfrd p{
  -webkit-column-count:3;
  column-count: 3;
  -webkit-column-gap:30px;
  column-gap: 30px;
  -webkit-column-rule: 1px solid #ccc;
  column-rule: 1px solid #ccc;
  text-align: justify;
  color: #808284;
  font-size: 20px;
}

.container9 .frtimgs{
  display: block;


  top: 50px;
clear: both;

}

.container9 .frtimgs:after{
  content: "";
  display: block;
  clear: both;

}

.freightt:after{
  content: "";
  display: block;
  clear: both;
}




.agentp{
	clear: both;
	line-height: 1.6;
	font-size: 18px;
	text-align: justify;
	background: #DDD;
  margin-top: 50px;
  z-index: -100;

}


.agentpp{
	clear: both;
	line-height: 1.6;
	font-size: 20px;
	text-align: center;
  background:  #FFFFFF ;
  color: #808284;;
  margin-top: 5px;
  z-index: -100;

}



.pspan{
	text-transform: uppercase;
	color:green;
	font-size: 22px;
  z-index: -100;
}


.coo1{
	float: left;
	width: 100%;
	margin-left: 100px;
  font-size: 22px;
  clear: both;
  margin-bottom: 0px;
}

.coo1 p{
	color:  #4881f3 ;
  font-family:  monospace;
  font-size: 22px;
}
.em{
	color: blue;
}
.coo1:after{
  margin-top: 5px;
  content:"";
  display:block;
  width:100%;
   height:100%;
  clear:both;
  border-bottom:1px solid #DDD;
  margin-bottom: 3px;
}

.cool2{
  display: block;
  margin-top: 195px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 65%;
  font-size: 24px;
  background:  #48a8f3 ;
  color: #FFF;
  clear: both;



}
.cool2 h3{
  text-align: center;
  color: #DC291E;
}



























.mari{
  background: #FFFFFF;
  margin-top: 5px;
}

.container15{
  display: block;
  width: 1190px;
  height: 861px;
  margin: auto 10%;
  clear: both;

}

.container15 .own{
  position: relative;

}

.mrn p{
  -webkit-column-count:1;
  column-count: 1;
  -webkit-column-gap:20px;
  column-gap: 20px;
  -webkit-column-rule: 1px solid #ccc;
  column-rule: 1px solid #ccc;
  text-align: justify;
  font-size: 20px;
  color: #808284;
}



.img .pic05{

border-radius: 50%;


}
div.img{

	width: 305px;
	height: 230px;
	/*border: 1px solid black;*/
	margin: 10px;
	padding: 5px;
	text-align: center;
	float: left;
	opacity: 0.8;

}
div.img img {

	margin: 5px;
}

div.desc{
	text-align: center;
	width: 305px;
	margin: 5px;
}

div.img:hover{
	opacity: 1.0;




}


.ftr{
display: block;
background:  #5fd4fa;
text-align: center;
color: #000;
margin-top: 50px;
}