/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;

}


@import url(../fonts/ptsans.css);

#cover { 
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.6;
	opacity: .60;
	filter: alpha(opacity=60);
}

html {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

body {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: 'PT Sans', Arial, sans-serief;
	font-size: 0.9em;
	background-color: #f7f8fa;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
}
/*
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
*/
a {
	margin: 0;
	padding: 0;
	background: transparent;
	text-decoration: none;
	color: #298af9; 
}
a:hover {
	color: #0659B8;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
a:link {
	text-decoration: none;
}
ul {
	list-style: none;
}
.lowercase {
	text-transform: lowercase;
}
.uppercase {
	text-transform: uppercase;
}
/* Main Style */
#container {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000; 
	overflow-x: hidden;     
}

@media only screen and (max-width : 768px) 
{#container {
		position: static;
		top: 0;
		width: 100%;
		min-height: 1000px;
		z-index: 1000000; 
		overflow-x: hidden;}
}

@media only screen and (max-width : 768px) 
{#container {
		position: static; 
		width: 100%;
	}
}

#header-mobile {
	display: none;
}

#toggle_menu img {
	max-height: 50px;
	max-width: 70%;
	margin: 3px;
}
header nav#menu_header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #0a5ca8;
	font-size: 0.85em;
	z-index: 10000;
	height: 70px;
}

/* header two row*/
header nav#menu_header div { float:left;}

#header_logobox { 
	height:70px; 
	width:20%; 
	background: #fff;
	padding-left: 5%;
	text-align: center;
}

#header_logobox .helper {
	height: 70px;
	display: inline-block;
	vertical-align: middle;
}

#header_logobox img {
	max-height: 65px;
	max-width: 100%;
	/*margin-bottom: 5px;
	margin-top: 5px;
	float: right;*/
	vertical-align: middle;
}

#header_content{ height:70px; width: 70%}

#header_space{ height:70px; width: 5%}

.header_row { height:50%; width: 100%}

#header_space .header_row:first-child{
	background: #fff;
}

#header_content .header_row:last-child:before{
content: "";
position: absolute;
border-bottom: 35px solid #0a5ca8;
border-left: 40px solid white;

}

.header_row.header_row_contact {
	background: #fff;
}

nav#menu_header .header_row_contact .main_menu li a{
	color: #0a5ca8;
	text-transform: none;
}

nav#menu_header .header_row_contact .main_menu li:hover{
	background: #fff;
}

header nav#menu_header i.fa-lg{
       line-height:1 !important;
}

/* START dropdowns menu */
header nav#menu_header ul {
  padding: 0;
  margin: 0;
}

header nav#menu_header ul li {
  position: relative;
}

header nav#menu_header ul li li {
	background: #EFEFEF;
}

/* This hides the dropdowns */


header nav#menu_header li ul { display: none; }

header nav#menu_header ul li a {
  text-decoration: none;
  white-space: nowrap;
}

nav#menu_header  ul.main_menu li li a {
	color: #0a5ca8;
}

_:-moz-tree-row(hover), nav#menu_header  ul.main_menu li li a i.pull-right { 
	margin-top: -14px
}

/* Display the dropdown */


header nav#menu_header li:hover > ul {
  display: block;
  position: absolute;
}

header nav#menu_header li:hover li { float: none; }

/* Displays second level dropdowns to the right of the first level dropdown */

header nav#menu_header ul ul ul {
  left: 100%;
  top: 0;
}

header nav#menu_header ul ul ul ul {
  left: 100%;
  top: 0;
}

/* END dropdowns menu */


header nav#menu_header ul.menu_header {
	width: 100%;
	display: block;
	margin: 0;
}
header nav#menu_header ul.main_menu > li {
	display: inline-block;
	float: left;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	
}

nav#menu_header  ul.main_menu li.lang-btn {
	border-left:1px solid #999;
}

nav#menu_header  ul.main_menu li a {
	padding: 10px 20px;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.04em;
	font-size: 0.9em;
	color: #fff;
}

nav#menu_header > ul.main_menu {
	padding-right: 68px
}
nav#menu_header  ul.main_menu li:hover,
ul.main_menu li a.active, ul.main_menu li a.active > li li a.active
{
	background-color: #044372;
}

_:-moz-tree-row(hover), nav#menu_header  ul.main_menu li a.active, 
nav#menu_header  ul.main_menu li.lang-btn a { 
	padding: 9px 20px;
}

nav#menu_header  ul.main_menu li li:hover{
	background-color: #D9D9D9;
}

.main_menu li <
div.nav-column p a.active
{
	background-color: #ee0303;
}

#slider-hovers {
	position: absolute;
	top: -5px;
	left: 0;
	height: 100%;
	width: 0;
	padding: 2px 22px;
	background-color: #ee0303;
	z-index: -1;
}

nav ul.search-form {
	float: right;
	margin: 4px 5px 0 0;
}
nav ul.search-form  input {
	background: #cccccc;
	font-size: 0.8em;
	border: none;
	padding: 5px 10px;
	margin: 2px 0 0px 0;
}
.cwhite {
	color: #ffffff;
}
#logo-site {
	position: absolute;
	top: 75px;
	right: 5%;
	width: 300px;
	display: block;
       
}

@media only screen and (max-width : 768px)
{#logo-site {
		top: 90px;
		left: 5%;
		width: 300px;
		z-index: 10;
		position: absolute; 
		display: block;
	}
}

	

#logo-site img {
	width: 100%;
	
}

#about-us + #logo-site {
	display: none;
}

/* Content */
.caption-box {
	margin-bottom: 20px;
	background: rgba(0,0,0,0.8);
}
.button-read {
	margin: 20px 0 7px 0;
	background: #40a8fd;
	width: 125px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.button-read a {
	padding: 10px 20px;
	color: #ffffff;
	display: block;
}

.button-read a:after {
	font-family: FontAwesome;
	content: '\f105';
	padding-left: 15%;
}

.button-read > span {
	margin-left: 15px;
	float: left;
}


/* News */
.latest-news {
	width: 90%;
	position: fixed;
	left: 5%;
	bottom: 70px;
	/*background: #1ec5d8;
	padding: 10px 0;*/
	z-index: 1;
}

@media only screen and (max-width : 1047px)
{.latest-news {
		width: 90%;
		position: fixed;
		left: 5%;
		bottom: 70px;
	}
}

@media only screen and (max-width : 857px)
{.latest-news {
		width: 90%;
		position: fixed;
		left: 5%;
		bottom: 80px;
	}
}

@media only screen and (max-width : 458px)
{.latest-news {
		width: 90%;
		position: fixed;
		left: 5%;
		bottom: 50px;
	}
}

@media only screen and (max-width : 374px)
{.latest-news {
		width: 90%;
		position: fixed;
		left: 5%;
		bottom: 50px;
	}
}

.latest-news h3 {
	width: auto;
	float: left;
	color: #FFF;
	font-weight: normal;
	padding: 10px 35px;
	background: #1ec5d8;
}

@media only screen and (max-width : 768px)
{.latest-news h3 {
		width: auto;
		float: left;
		color: #ffffff;
		font-weight: normal;
		padding: 10px 25px;
	}
}

.latest-news .news-excerp {
	color: #ffffff;
	padding: 10px;
}

.latest-news .news-excerp a {
	color: #ffffff;
	margin-left: 20px;
	text-decoration: underline;
}

@media only screen and (max-width : 768px)
{.latest-news .news-excerp a {    
		color: #FFF;
		position: inherit;
		display: block;
		float: left;
		padding-top: 5px;
		padding-left: 10px;
		padding-right: 12px}
}

@media only screen and (max-width : 516px){
	.latest-news .news-excerp a {
		padding-left: 0px;
		margin-left: 0px;
	}
}

.latest-news .news-excerp a:hover {
	color: #298af9;
}

/* PAGES */
/*********************
/* Pages > Employee */

#about-us, #employee, #client {
	position: relative;
	top: 0;
	left: 0;
	z-index: -1;
	height: 100%;
	width: 100%;
	/* overflow-y: auto; */
	
}

@media only screen and (max-width : 768px)
{#about-us, #employee, #client {
		position: static;
		top: 0px;
		left: 0px;
		z-index: -1;
		height: 100%;
		width: 100%;
		display: block;
		padding-top: 180px;
		padding-bottom: 100px;}
}




.sideleft, .sideleft-two{
	width: 28%;
	float: left;
	height: 80%;
	position: fixed;
	padding: 5% 0 8% 0;
	/* display: none; */
}

.sideleft .menu-name, .sideleft-two .menu-name {
	margin-top: 8%;
	margin-left: 18.5%;
	text-transform: uppercase;	
	margin-bottom: 10px;
}

@media only screen and (max-width : 768px)
{.sideleft, .sideleft-two {
		width: 100%; 
		background: none;
		padding-bottom: 100px;
		height: auto;
		position: static; 
	}
	
	#location.sideleft {
		width: 100%;
		background: none repeat scroll 0% 0% transparent;
		padding-bottom: 100px;
		height: auto;
		position: static;
		margin-top: 0;
	}
		
}

/*@media only screen and (max-width : 476px)
{.sideleft, .sideleft-two {
width:100%; background:none;
padding-bottom:110px;
height:auto;
position:static;
}}

@media only screen and (max-width : 373px)
{.sideleft, .sideleft-two {
width:100%; background:none;
padding-bottom:120px;
height:auto;
position:static;
}}*/

@media only screen and (max-width : 1152px)
{.sideleft .menu-name, .sideleft-two .menu-name {
		margin-top: 20%;
		margin-left: 16%;
		text-transform: uppercase;
	}
}

@media only screen and (max-width : 768px)
{.sideleft .menu-name, .sideleft-two .menu-name {
		margin-top: 0;
		margin-left: 5%;
		text-transform: uppercase;
	}
}

@media only screen and (max-width : 768px)
{sideleft .menu-name, .sideleft-two .menu-name {
		margin-top: 110%;
		margin-left: 16%;
		text-transform: uppercase;
		
	}
}
	


.sideleft .menu-name > p {
	color: #005da8;
	font-weight: bold;
	margin-bottom: 0px;

}

@media only screen and (min-width : 768px)
{.sideleft .menu-name > p {
		color: #005da8;
		font-weight: bold;
		margin-bottom: 20px;
	}
}

.menu-name h3{
	text-transform: uppercase;
	color: #5E6063;
	font-size: 1.45em;
	letter-spacing: 5px;
}

.menu-name h3 a:link, .menu-name h3 a:visited{
	color: #5E6063;
}
.menu-name h3 a:hover {
	color: #3A3A3A;
}

.sideleft .page-content,
.sideleft .milestone
{
	margin-top: 0;
	margin-left: 18.5%;
	margin-bottom: 5%;
	overflow-y: auto;
}

@media only screen and (max-width : 1152px)
{.sideleft .page-content,
	.sideleft .milestone
	{
		margin-top: 10%;
		margin-left: 16%;
		margin-bottom: 5%;
		overflow-y: auto;
	}
}

@media only screen and (max-width : 768px)
{.sideleft .page-content, .sideleft .milestone {
		margin-top: 5%;
		margin-left: 5%;
		margin-bottom: 0;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
}

.sideleft .withForm {
	margin-top: 10%;
	margin-left: 18%;
	margin-bottom: 10%;
	overflow-y: auto;
}

@media only screen and (max-width : 768px)
{.sitemap {
		margin-top: 10%;
		margin-left: 7%;
		margin-bottom: 10%;
		overflow-y: auto;
		width: 100%;
	}
}
	
.sitemap {
	margin-top: 200px;
	margin-left: 7%;
	margin-bottom: 10%;
	overflow-y: auto;
	width: 100%;
}

@media only screen and (max-width : 768px)
{.sitemap {
		margin-top: 0;
		margin-left: 0;
		margin-bottom: 100px;
		overflow: hidden;
		padding-left: 5%;
		width: 90%;
		padding-top: 200px;
	}
}

.sitemap .col {
	width: 18%;
	float: left;
	display: inline-block;
	padding: 0 2%;
	
}

@media only screen and (max-width : 768px)
{.sitemap .col {
		width: 100%;
		display: block;
		padding: 0 2%;
	
	}
}


.sitemap .col li i {
	margin-left: 10px;
	padding-right: 5px;
}
.sitemap .row {
	height: 260px;
}
.col li:first-child
{
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px dotted #999;;
	padding: 1% 0;
}

.col ul ul li:first-child
{
	font-weight: normal;
	text-transform: capitalize;
	border-bottom: none;
	padding: 1% 0;
}

.col ul ul li:before {
	font-family: fontAwesome;
	content: '\f105';
	/*margin-left:10px;*/	
	padding-right: 5px;
}


.col ul ul  {
	padding: 1% ;
}

.sideleft .page-content {
	height: 70%;
	width: 80%;
}

@media only screen and (max-width : 768px)
{.sideleft .page-content {
		height: auto;
		margin-top: 5%;
		width: 90%;
		background-color: none;
	}
}

.about-us.sideright {
	width: 70%;
	float: left;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background-size: cover;
	z-index: -1;
	overflow: hidden;
}

.structure.sideright {
	width: 72%;
	float: left;
	/* background-image: url(../img/bg/bg-hits-ship.jpg); */
	background-color: #fff;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background-size: cover;
	z-index: -1;
}


@media only screen and (max-width : 768px)
{.structure.sideright {
		width: 100%;
		float: left;
		background-color: #FFF;
		background-repeat: no-repeat;
		position: static;
		top: 0px;
		right: 0px;
		height: auto;
		background-size: cover;
		z-index: -1;
		margin-top: -130px;
		padding-bottom: 10px;
	}
}

.about-us.sideright {
	position: fixed;
	width: 100%;
	height: 100%;
	background: none !important;
	
}

@media only screen and (max-width : 768px)
{	.about-us.sideright {
		width: 100%;
		height: 70%;
		background: none !important; 
		position: static;
	
	}
	
	.about-us.sideright#management {
		width: 100%;
		height: auto;
		background: none !important; 
		position: static; 
		margin-top: -130px;
	
	}
}
	
.about-us.sideright img{
	position: fixed; 
	top: 35px; 
	right: 0; 
	z-index: 1000;
	/* Preserve aspet ratio */
	max-width: 70%;
	min-height: 100%;
}
       
@media only screen and (max-width : 768px)
{.about-us.sideright img { 
		display: block;
		position: relative;
		top: 0px;
		right: 0px;
		z-index: 1000;
		max-width: 100%;
		min-height: 0% !important;
		height: auto;
		width: 100%;
	}
}
	

.sideleft-two{
	background-color: #cfcfcf;
	padding-right: 4%;
	overflow-y: scroll;
}
.sideleft .milestone a {
	color: #40a8fd;
}
.sideleft .milestone a:hover {
	text-decoration: underline;
}
.sideleft .milestone img {
	width: 25px;
	margin-right: 10px;
}

/* Pages > Employee */
#employee .sortby {
	width: 100%;
	float: left;
	height: 50px;
	position: relative;
	top: 20%;
	left: 5%;
}
#employee ul.sortby-underlist {
	float: left;
	width: 90%;
}
#employee ul.sortby-underlist li {
	float: left;
	display: inline-block;
	width: 16%;
	margin-right: 20px;
}
#employee ul.sortby-underlist li select {
	width: 100%;
	margin-top: 10px;
}
#employee-gallery {
	float: left;
	width: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	margin-bottom: 0px;
	padding-bottom: 80px;
}

@media only screen and (max-width : 768px) 
{#employee-gallery {
		left: 0px;
		height: auto;
		padding: 0px;
		position: static;
		background: none;
		float: left;
		width: 100%;
		top: 10px;
		padding-bottom: 80px;
	}
}

#employee-gallery .photo-frame{
	margin: 20px 0px 0px;
	vertical-align: middle;
	width: 100%;
	background: none;
}

@media only screen and (max-width : 768px) 
{#employee-gallery .photo-frame {
		background-color: none;
		position: static;
		width: 80%;
		margin-left: 10%;
		vertical-align: middle;
		padding-bottom: 150px;
	}
}

@media only screen and (max-width : 768px) {
	#employee-gallery .photo-frame .photo-subframe1 {
		width: auto;
		margin: 0px;
		vertical-align: middle;
		position: static;
		height: auto;
		display: block;
	}
}

#employee-gallery .photo-frame .photo-subframe1{
	width: 100%;
	margin: 0px;
	vertical-align: middle;
	background: none repeat scroll 0% 0% #00F;}

@media only screen and (max-width : 768px) {#employee-gallery .photo-frame .photo-subframe1{
		width: 100%;
		margin: 0;
		vertical-align: middle;
	}
}

#employee-gallery .photo-frame .photo-subframe2{
	width: 100%;
	margin: 0px;
}

@media only screen and (max-width : 768px) {#employee-gallery .photo-frame .photo-subframe2{
		width: 100%;
		margin: 0px;
	}
}

/*
#employee h3.management {
text-transform: uppercase;
margin: 100px 0px 0 5%;
color: #298AF9;
font-size: 1.45em;
letter-spacing: 5px;
}*/


#employee h3.management {
	text-transform: uppercase;
	margin: 100px 0px 0px 5%;
	color: #5E6063;
	font-size: 1.45em;
	letter-spacing: 5px;}



@media only screen and (max-width : 1049px)
{#employee h3.management {
		text-transform: uppercase;
		margin: 100px 0px 0px 5%;
		color: #5E6063;
		font-size: 1.45em;
		letter-spacing: 5px;}
}

@media only screen and (max-width : 768px)
{#employee h3.management {
		text-transform: uppercase;
		margin: 30px 0px 0 5%;
		color: #5E6063;
		font-size: 1.45em;
		letter-spacing: 5px;
	}
}




@media only screen and (max-width : 768px)
{#employee h3.management {
		text-transform: uppercase;
		margin: 50px 0px 0 5%;
		color: #5E6063;
		font-size: 1.45em;
		letter-spacing: 5px;
	}
}

ul.photo-container {
	margin: auto;
	width: 55%;
}

@media only screen and (max-width : 768px)
{ul.photo-container {
		position: static;
		margin-left: 0px;
		width: 100%;
		float: left;
	}
}


li.photo-view {
	float: right;
	width: 48%;
	margin: 1%;
	background: none;
	margin-bottom: -55px;
}

@media only screen and (max-width : 768px)
{li.photo-view {
		float: left;
		width: 100%;
		margin-right: 3%;
		margin-bottom: -50px;
		display: none;
	}
}

@media only screen and (max-width : 768px)
{li.photo-view {
		position: static;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
}
	
li.photo-view img {
	width: 100%;
	cursor: pointer;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

@media only screen and (max-width : 768px)
{li.photo-view img {
		width: 100%;
		cursor: pointer;
		transition: all 0.1s ease 0s;
		display: block;
		position: relative;
	}
}

li.photo-view.boc {
	float: left;
	display: none;
	width: 48%;
	margin: 0px 1%;
}

@media only screen and (max-width : 768px)
{li.photo-view.boc {
		float: left;
		display: none;
		width: 50%;
		margin: 0;
	}
}
	
li.photo-view.boc img {
	width: 100%;
	cursor: pointer;

}

li.photo-view img:hover  {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%); 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        
}

.photo-caption {
	position: relative;
	top: -70px;
	background: rgba(0,93,168,0.5);
	width: 100%;
	color: #ffffff;
}

@media only screen and (max-width : 768px)
{.photo-caption {
		position: relative;
		top: -68px;
		background: rgba(0,93,168,0.5);
		width: 100%;
		color: #ffffff;
	}
}

.photo-caption h3 {
	padding: 10px 0 0 20px;
}
.photo-caption p {
	padding: 0px 0 15px 20px;
}

li.photo-view.boc .photo-caption {
	position: relative;
	top: -55px;
	background: rgba(0,93,168,0.5);
	color: #ffffff;
}

@media only screen and (max-width : 768px)
{li.photo-view.boc .photo-caption {
		position: relative;
		top: -52px;
		background: rgba(0,93,168,0.5);
		color: #ffffff;
	}
}
	
li.photo-view.boc .photo-caption h3 {
	padding: 5px 0 0 20px;
}
li.photo-view.boc .photo-caption p {
	padding: 0px 0 5px 20px;
}

/* Footer */
footer .footer-area {
	width: 100%;
	height: 15px;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 10px 0 10px 0;
	background: #001d30;
	-webkit-transition: height 0.9s ease-in-out;
	z-index: 100;
	
}
nav.menu-footer {
	width: 100%;
	display: block;
	margin: 0;
}
ul.link-page {
	width: 70%;
	float: left;
	margin-left: 68px;
	font-size: 0.85em;
}

@media only screen and (max-width : 856px)
{ul.link-page {
		width: 75%;
		float: left;
		margin-left: 30px;
		font-size: 0.85em;
	}
}


@media only screen and (max-width : 539px)
{ul.link-page {
		width: 70%;
		float: left;
		margin-left: 30px;
		font-size: 0.85em;
	}
}

@media only screen and (max-width : 458px)
{ul.link-page {
		width: 60%;
		float: left;
		margin-left: 30px;
		font-size: 0.85em;
	}
}

@media only screen and (max-width : 449px)
{ul.link-page {
		width: 60%;
		float: left;
		margin-left: 30px;
		font-size: 0.85em;
	}
}

@media only screen and (max-width : 409px)
{ul.link-page {
		width: 64%;
		float: left;
		margin-left: 30px;
		font-size: 0.85em;
	}
}

@media only screen and (max-width : 374px)
{ul.link-page {
		width: 58%;
		float: left;
		margin-left: 30px;
		font-size: 0.85em;
	}
}

@media only screen and (max-width : 321px)
{ul.link-page {
		width: 58%;
		float: left;
		margin-left: 10px;
		font-size: 0.85em;
	}
}

ul.social-link {
	width: 100px;
	float: right; 
	background-color: none;
	margin-right: 145px;
}


@media only screen and (max-width : 1245px)
{ul.social-link {
		width: 100px;
		float: right; 
		background-color: none;
		margin-top: 6px;
		margin-right: 105px;
	}
}


@media only screen and (max-width : 1151px)
{ul.social-link {
		width: 100px;
		float: right; 
		background-color: none;
		margin-top: 0px;
		margin-right: 60px;
	}
}

@media only screen and (max-width : 1122px)
{ul.social-link {
		width: 100px;
		float: right; 
		background-color: none;
		margin-top: 7px;
		margin-right: 110px;
	}
}

@media only screen and (max-width : 856px)
{ul.social-link {
		width: 100px;
		float: right; 
		background-color: none;
		margin-top: 5px;
		margin-right: 10px;
	}
	li#button-footer {
		display: none !important;}

	li#footer-text-hidden { 
		display: none;}

	a#blackstone-footer { 
		display: block}

}
		
@media only screen and (max-width : 799px)
{ul.social-link {
		width: 100px;
		float: right; 
		background-color: none;
		margin-top: 13px;
		margin-right: 5px;
	}
}

@media only screen and (max-width : 458px)
{ul.social-link {
		width: 100px;
		float: right; 
		background-color: none;
		margin-right: 0px;
		margin-top: 14px;
		margin-right: 5px;
	}
}

@media only screen and (max-width : 449px)
{ul.social-link {
		width: 100px;
		float: right; 
		background-color: none;
		margin-right: 0px;
		margin-top: 14px;
		margin-right: 5px;
	}
}

@media only screen and (max-width : 374px)
{ul.social-link {
		width: 100px;
		float: right; 
		background-color: none;
		margin-right: 0px;
		margin-top: 22px;
		margin-right: 5px;
	}
}


nav.menu-footer ul.link-page li {
	margin-right: 15px;
}
nav.menu-footer ul.link-page li,
nav.menu-footer ul.social-link li {
	display: inline-block;
	color: #1ec5d8;
	float: left;
}
nav.menu-footer ul.social-link li {
	margin-left: 20px;
}

nav.menu-footer ul.link-page li a, 
nav.menu-footer ul.social-link li a {
	color: #1ec5d8;
}
.copyright {
	color: #1ec5d8 !important;
}

@media only screen and (max-width : 768px)
{.btn-pop-footer {
		padding: 8px 25px;
	}
}
	
.btn-pop-footer {
	/*margin-left: 10px;
	margin-right: 0px !important;
	float: right !important;*/
	position: absolute;
	/*right: 0;*/
	top: 0;
	bottom: 0;
	font-size: 1em;
	text-align: center;
	padding: 8px 12px;
}
nav.menu-footer ul.social-link li.btn-pop-footer a {
	display: block;
	color: #ffffff;
}
.greybg {
	background: #ed1d24;
	width: 40px;
	height: auto; 
	cursor: pointer;
}

@media only screen and (max-width : 1246px)
{.greybg {
		background: none repeat scroll 0% 0% #ed1d24;
		width: 40px;
		height: 23px;
		padding: 15px 30px;  
		cursor: pointer;}
}

@media only screen and (max-width : 1151px)
{.greybg {
		background: #ed1d24;
		width: 40px;
		height: auto; 
		padding: 7px;  
		cursor: pointer;
	}
}

@media only screen and (max-width : 1122px)
{.greybg {
		background: none repeat scroll 0% 0% #ed1d24;
		width: 40px;
		height: 23px;
		padding: 15px 30px;  
		cursor: pointer;}
}

@media only screen and (max-width : 1122px)
{.greybg {
		background: none repeat scroll 0% 0% #ed1d24;
		width: 40px;
		height: 23px;
		padding: 15px 30px;  
		cursor: pointer;}
}

@media only screen and (max-width : 856px)
{.greybg {
		background: none repeat scroll 0% 0% #ed1d24;
		width: 40px;
		height: 23px;
		padding: 21px 30px;  
		cursor: pointer;}
}

@media only screen and (max-width : 799px)
{.greybg {
		background: none repeat scroll 0% 0% #ed1d24;
		width: 40px;
		height: auto;
		padding: 7px;
		cursor: pointer;
		padding: 7px 24px;}
}

@media only screen and (max-width : 448px)
{.greybg {
		background: none repeat scroll 0% 0% #ed1d24;
		width: 40px;
		height: auto;
		padding: 7px;
		cursor: pointer;
		padding: 12px 24px;}
}


/* Footer Popup */
.footer-popup {
	width: 100%;
	position: absolute;
	background: rgba(4,67,114,0.95);
	-webkit-transition: height 0.9s ease-in-out;
	-moz-transition: height 0.9s ease-in-out;
	transition: height 0.9s ease-in-out;
	z-index: -10;
	color: #ffffff;
	font-size: 0.9em;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 300ms ease-in-out;
	-moz-transition: height 300ms ease-in-out;
	-ms-transition: height 300ms ease-in-out;
	-o-transition: height 300ms ease-in-out;
	transition: height 300ms ease-in-out;
}

.footer-popup td{
	color: #ffffff;
}

.footer-popup.open {
	height: 200px;
}

.footer-popup {
	bottom: 35px;}

_:-moz-tree-row(hover), .footer-popup { 
	bottom: 35px;
}

.footer-popup table {
		font-size: 1em;}


@media only screen and (max-width : 1248px)
{
	.footer-popup.open {
		height: 200px;
	}
	.footer-popup {
		bottom: 48px;}
}

@media only screen and (max-width : 1151px)
{
	.footer-popup.open {
		height: 200px;
	}
	.footer-popup {
		bottom: 34px;}
}

@media only screen and (max-width : 1124px)
{
	.footer-popup.open {
		height: 200px;
	}
	.footer-popup {
		bottom: 49px;}
}

@media only screen and (max-width : 855px)
{
	.footer-popup.open {
		height: 200px;
	}
	.footer-popup {
		bottom: 66px;}
}

@media only screen and (max-width : 776px)
{
	.footer-popup.open {
		height: 250px;
	}
	.footer-popup {
		bottom: 66px;}
}

@media only screen and (max-width : 568px)
{
	.footer-popup.open {
		height: 430px;
	}
	.footer-popup {
		bottom: 66px;}
}

@media only screen and (max-width : 458px)
{
	.footer-popup.open {
		height: 430px;
	}
	.footer-popup {
		bottom: 83px;}
}

@media only screen and (max-width : 373px)
{
	.footer-popup.open {
		height: 430px;
	}
	.footer-popup {
		bottom: 100px;}
}



.footer-popup .row4.one {
	width: 29%;
	/*padding: 7px 30px;*/
	padding-top: 10px;
	margin-left: 70px;
	float: left; 
	background-color: none;
}

.row4.one img {
	width: 75%;
}
.address-footer {
	margin-top: 5px;
	float: left;
	font-size: 0.9em;
}
ul.address li {
	padding: 1% 0;
}
.footer-popup .row4.two,
.footer-popup .row4.three,
.footer-popup .row4.four {
	float: left;
	width: 20%;
	padding: 0px 0px;
	display: block; 
	background-color: none;
}
.footer-popup .row4.two {
	margin: 50px 0 0 0;
	line-height: 2em;
	width: 25%;
}

.footer-popup .row4.three {
	margin: 50px 0 0 0;
	line-height: 2em;
	width: 25%; 
	background: none;
}

@media only screen and (max-width : 568px)
{.footer-popup .row4.three {
		margin: 50px 0 0 0;
		line-height: 2em;
		width: 25%; 
		background: none;
	}
}

.footer-popup .row4.four {
	margin-top: 8px;
}
.tbl-subscribes {
	width: 90%;
}
.tbl-subscribes input {
	width: 100%;
	margin-bottom: 10px;
	padding: 5px;
	
	
}
.btn-submit {
	border: none;
	padding: 2px 3px !important;
	font-size: 0.8em;
}

.row4.four h5{
	margin-bottom: 3px;
	letter-spacing: 2px;
}

.row4.four table {
	width: 100%;

}
.row4.four td, .row4.four th {
	width: auto;
	height: 1.25em;
	border-bottom: 1px dotted #999;
	text-align: right;
  
  
}

.row4.four td.left {
	text-align: left;
  
}
.row4.four th {
	background: #3A3A3A;
	border-color: none;
}

.row4.four tr:hover {
	background-color: #3A3A3A;
}

li.idx {
	letter-spacing: 1px;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	margin-top: 10px;
}

 
/* Accordion */

.client-accordion {
	width: auto;
	height: auto;
	position: relative;
	z-index: 999;
	overflow: hidden;
	float: left;
	font-size: 0.9em;

}

@media only screen and (max-width : 1411px) {
	ol.gcg li:nth-child(6){height:35px;}
}

@media only screen and (max-width : 768px) {
	ol.gcg li:nth-child(6){height:15px;}
}

ol li#accordion-title, ol li#email-alert {
	background: #298af9;
	color: #FFF;

}

ol li#accordion-title a, ol li#email-alert a {
	color: #FFF;
	text-transform: uppercase;
}
ol li#email-alert {
	margin: 20px 0;

}
ol li#email-alert p {
	color: #000;

}
ol li {
	height: 15px;
	padding: 10px;
	background: #FFF;
	border-bottom: 1px solid #cccccc;
	transition: height 1s ease-in-out;
	-webkit-transition: height 1s ease-in-out;
	-moz-transition: height 1s ease-in-out;
	-ms-transition: height 1s ease-in-out;
	-o-transition: height 1s ease-in-out;    
	overflow: hidden;
}


ol li:last-child {
	border-bottom: 0px;
}

ol li:target {
	height: 123px;
	overflow-y: scroll;
}

ol li ol, ol li p{
	opacity: 0;
	/*background:#cfcfcf;*/
	padding: 10px;
	margin: 10px -10px 0px -10px;
	border: 0px;
	max-width: 100%;
	max-height: 100%;
	overflow-y: hidden;
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;    
}

ol li:target ol, ol li:target p{
	opacity: 1;            
}
/* Font Awesome Social Icon Hover */
.fa-twitter:hover {
	color: #00aced;
}

.fa-facebook:hover {
	color: #3b5998;
}

.fa-google-plus:hover {
	color: #dd4b39;
}

/* MEGA MENU */


.main_menu > li > a {
	position: relative;
	display: block;
	z-index: 1000;

 
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.main_menu > li > div {
	position: absolute;
	display: block;
	width: 100%;
	top: 34px;
	left: 0;
 
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
 
	background: #edf6f9;
	border-radius: 0 0 3px 3px;
 
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
}

.main_menu > li:hover > div {
	opacity: 1;
	visibility: visible;
	overflow: visible;
}

.main_menu > li:hover > div + #cover {
	display: block;
}

.main_menu .nav-column {
	float: left;
	margin: 20px 0 10px 0;
	width: 14.6%;
	padding: 1%;
}

.main_menu .nav-column h3 {

	line-height: 18px;
	font-weight: normal;
	font-size: 1.1em;
	color: #FFFFFF;
	background: #298af9;
	padding: 10px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
 
.main_menu .nav-column h3 a:after { 
	font-family: FontAwesome;
	content: '\f105';
	float: right;
	color: #FFFFFF;
	font-size: 1.15em;
	margin-top: -1px;
	
}
 
.main_menu .nav-column h3 a:hover:after { 
	color: #ee0303;
	
}
 
.main_menu .nav-column h3 a:link { 
 
	padding: 0px !important;
   
}
 
.main_menu .nav-column h3 a.active { 
	text-decoration: none;
	background-color: transparent;
}
 
.main_menu .nav-column h3 a:hover { 
	color: #ee0303;
}
 
 
.main_menu .nav-column li a {
	display: block;
	line-height: 26px;
 
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #888888;
}
 
.main_menu .nav-column li a:hover { 
	color: #666666;}

.main_menu .nav-column p {
	color: #000000;
	font-size: 1.12em;
	padding: 10px;
        
	
}

.main_menu .nav-column p a {
	margin-bottom: 10px;
	font-size: 1em !important;
	font-weight: normal !important;
	letter-spacing: 0 !important;
}

.main_menu .nav-column p img {
	margin-top: 5px;
 
}

.main_menu .nav-column #banner {
	text-align: center;
}
.main_menu .nav-column #banner.blue {
	background: #0033cc;
	padding: 10px;
}

.main_menu .nav-column #banner.red {
	background: #fd0000;
	padding: 10px;
}
.nav-column #banner .head{
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1em;
}

.nav-column #banner .bottom{
	color: #f7c126;
	text-transform: uppercase;
	font-size: 4em;
}
	
/* NEW MEGA MENU */

.main_menu > li > ul {
	position: absolute;
	display: block;
	/*width: 100%;*/
	top: 35px;
	left: 0;

	padding-left: 47px;
	padding-right: 50px;
 
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
 
	background: #edf6f9;
	border-radius: 0 0 3px 3px;
 
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
}

.main_menu > li:hover > ul {
	opacity: 1;
	visibility: visible;
	overflow: visible;
}

.main_menu li.nav-column {
	float: left;
	margin: 20px 0 10px 0;
	width: 14.6%;
	padding: 1%;
	border: none !important;
}

.main_menu li.nav-column:hover {
	background-color: transparent !important;
}
 
.main_menu li.nav-column h3 {

	line-height: 18px;
	font-weight: normal;
	font-size: 1.1em;
	color: #FFFFFF;
	background: #298af9;
	padding: 10px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	border: none;
}
 
.main_menu li.nav-column h3 a:after { 
	font-family: FontAwesome;
	content: '\f105';
	float: right;
	color: #FFFFFF;
	font-size: 1.15em;
	margin-top: -1px;
	
}
 
.main_menu li.nav-column h3 a:hover:after { 
	color: #ee0303;
	
}
 
.main_menu li.nav-column h3 a:link { 
 
	padding: 0px !important;
   
}
 
.main_menu li.nav-column h3 a.active { 
	text-decoration: none;
	background-color: transparent;
}
 
.main_menu li.nav-column h3 a:hover { 
	color: #ee0303;
}
 
 
.main_menu li.nav-column li a {
	display: block;
	line-height: 26px;
 
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.12em;
	color: #888888;
}
 
.main_menu li.nav-column li a:hover { 
	color: #666666;}

li.nav-column img {
	width: 200%;}

.main_menu li.nav-column p {
	color: #000000;
	font-size: 1.12em;
	padding: 10px;
	
}

.main_menu li.nav-column p img {
	margin-top: 5px;
	width: 100%;
	height: auto;
}

.main_menu li.nav-column #banner {
	text-align: center;
}
.main_menu li.nav-column #banner.blue {
	background: #0033cc;
	padding: 10px;
}

.main_menu li.nav-column #banner.red {
	background: #fd0000;
	padding: 10px;
}
li.nav-column #banner .head{
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1em;
}

li.nav-column #banner .bottom{
	color: #f7c126;
	text-transform: uppercase;
	font-size: 4em;
}

/* standard ul */
.nav-column ul.standard {
	background: transparent;
	list-style: circle;
}

.nav-column ul.standard li {
	font-size: 1.12em;
}

/* CLEAROUT */

.clearout {
	margin-top: 20px;
}

.nav-column p a:link {
  
	text-decoration: none;
	color: #000 !important;
	font-size: 1em;
	padding: 0 !important;
	text-transform: capitalize !important;
}



.nav-column p a:hover {
	text-decoration: underline;
	color: #000;
}

.nav-column p a.active {
	color: #000 !important;
	background-color: transparent !important;  
	font-weight: bold; 
}

.nav-column p a:visited {
	color: #000 !important;  
}

.page-content p {
	margin-bottom: 20px;
	font-size: 0.9em;
	letter-spacing: 0.05em;
}

.page-content p img{
	width: 100%;
	height: auto;

}
/*structure diagram */
#structure {
	position: fixed; 
	top: 0; 
	left: 0; 
	
	/* Preserve aspet ratio */
	min-width: 100%;
	min-height: 100%;
}

/* Milestone Slideshow */

p#cf7_controls {
	text-align: left;
	position: absolute;
	bottom: 10%;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background: #000;
	padding: 10px;
	margin: 0 65px;
  
  
}
#cf7_controls span {
	padding-right: 2em;
	cursor: pointer;
  
}
#cf7 {
	position: relative;
	height: 281px;
	width: 450px;
	margin: 0;
}
#cf7 img {
	position: absolute;
	left: 0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#cf7 img.opaque {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=1);
}

/* Drop Down List */

.dropdown {
	text-transform: capitalize;
	position: relative;
	margin-top: 20px;
      
}
	 
@media only screen and (max-width : 768px)
{.dropdown {
		text-transform: capitalize;
		position: relative;
		width: 95%;
		margin-top: 40px;
	}
}
	 

.dropdown p {
	display: inline-block;
	font-weight: bold;
	font-size: 0.9em;
   
        
}

.dropdown select {

	border: 0 !important;  /*Removes border*/
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
	width: 100%; /*Width of select dropdown to give space for arrow image*/
	text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/
	font-size: 1em;
	padding: 5px 10px;
	background-color: #298af9;
	margin-top: -15%;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'PT Sans', Sans-serif;
	letter-spacing: 1px;      
	/*My custom style for fonts*/

	color: #fff;
	font-size: 0.9em;
}

.dropdown::before,
.dropdown::after {
	content: "";
	position: relative;
	pointer-events: none;
	color: #ddd;		
	font-family: FontAwesome;		
	content: '\f107';		
	float: right;		
	font-size: 1.15em;		
	right: 10px;		
	/*top: -5px;*/
	/*top:-20px;*/
}

.dropdown::after { /*  Custom dropdown arrow */
	font-family: FontAwesome;
	content: "\f078";
	height: 1em;
	font-size: .9em;
	right: 1em;
	color: #fff;
	top: -80%;
        
}


select::-ms-expand {
	display: none;
}

.share iframe{
	margin-top: -4%;
}


/*** NEWS  ***/
.news, .contact-us {
	width: 70%;
	height: 150%;
	float: left;
	position: absolute;
	top: 0;
	right: 0;
	background-size: cover;
	background: rgba(255,255,255,255);
}


@media only screen and (max-width : 768px)
{.news, .contact-us {
		width: 100%;
		height: 100%;
		float: left;
		position: static;
		top: 0;
		right: 0;
		background-size: cover;
		background: rgba(255,255,255,255);
		padding-bottom: 100px;
	}
}

.newslist {
	margin-top: 122px;
	padding: 20px 50px;
	height: 70%;
}

@media only screen and (max-width : 768px)
{.newslist {
		margin-top: 0px;
		padding: 20px 50px;
		height: 70%;
	}
}




.newsrow {
	float: left;
	margin-top: 20px;
	border-bottom: 1px dashed #ababab;
	padding-bottom: 20px;
	width: 95%;
	height: 95%;
}
.releaserow {
	float: left;
	margin-top: 20px;
	border-bottom: 1px dashed #ababab;
	padding-bottom: 20px;
	width: 95%;
	height: 150px;
}
.excerps {
	margin-top: 10px;
}
.readmore {
	float: right;
	
}
.readmore a {
	color: #40a8fd;
}
.readmore a:hover {
	color: #ee0303;
}
.clear{
	clear: both;
}
.img-newsdetail {
	float: left;
	width: 180px;
	height: 180px;
	margin: 20px;
	background: #cccccc;
}
.formarea {
	/*margin-top: 130px;
	margin-left: 30px; */
	width: 100%;
	padding-bottom: 50px;
}


/* MixItUp Filter */

*{
  
	/* -moz-box-sizing: border-box;*/
  
}

.controls{
	padding: 45px 5% 0px 4.2%;
	/* background: #333; */
	color: #000;
}

@media only screen and (max-width : 1049px)
{.controls{
		padding: 20px 5% 0px 4.2%;
		/* background: #333; */
		color: #000;
	}
}

.controls h4{
	font-weight: 700;
	margin-bottom: .5em;
}
 

label{
	font-weight: 300;
	margin: 0 .4em 0 0;
}

button{
	display: inline-block;
	padding: .4em .8em;
	background: #666;
	border: 0;
	color: #ddd;
	font-size: 1em;
	font-weight: 100;
	border-radius: 4px;
	cursor: pointer;
	margin-bottom: 5px;
}

button.active{
	/* background: #68b8c4; */
	background: #298af9;
}

button:focus{
	outline: 0 none;
}

button + label{
	margin-left: 1em;
}

fieldset{
	display: inline-block;
	vertical-align: top;
	margin: 0 1em 0 0;
	/* background: #999; */
	padding: .5em;
	border-radius: 3px;
}

/* Download MIX */

#Download .mix{
	display: none;
}

.download{
	padding: 2% 5% 0;
	text-align: justify;
	font-size: 0.1px;
	/* background: #68b8c4; */
	width: 90%;
	height: 60%;
}

.agminfo{
	padding: 2% 5% 0;
	text-align: justify;
	/* background: #68b8c4; */
	width: 90%;
	height: 50%;
  
	-webkit-backface-visibility: hidden;
}

.download:after{
	content: '';
	display: inline-block;
	width: 100%;
}

.download .mix,
.download .gap{
	display: inline-block;
	width: 49%;
  
}

.download .mix{
	text-align: left;
	/* background: #03899c; */
	margin-bottom: 2%;
	display: none;
	overflow-y: auto;
}

.download .mix.category-1{
	border-top: 2px solid limegreen;
}

.download .mix.category-2{
	border-top: 2px solid yellow;
}

.download .mix:after{
	/* content: attr(data-myorder); */
	color: white;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	padding: 4% 6%;
	font-weight: 700;
  
}

.download .mix img{
	width: 100%;
	height: auto;
}

.download .mix img:hover{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%); 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.download .mix:before{
	content: '';
	display: inline-block;
	padding-top: 5%;
}

@media all and (min-width: 420px){
	.download .mix,
	.download .gap{
		width: 334px;
		height: auto ;/* 475px */

	}
  
}

@media all and (min-width: 640px){
	.download .mix,
	.download .gap{
		width: 188px;
		height: auto ;/* 267px */
	}
  
}


/* DOWNLOAD MIX 1*/

/*.download .mix.img-award{
	width: 100%;
}*/

/*@media screen and (max-width: 420px){
	.download .mix.img-award{
		width: 100%;
	}
}*/

@media screen and (max-width: 640px){
	.download .mix.img-award{
		width: 100%;
	}
}


.download .img-award{
	text-align: left;
	/* background: #03899c; */
	margin-bottom: 2%;
	display: none;
	overflow-y: auto;
}


.download .img-award img{ 
    width: 100%;
    max-width: 350px;
    height: 100%;
}


@media all and (min-width: 640px){
	.download .img-award,	
	.download .gap1{
		width: 32%;
		height: auto ;/* 267px */
	}
  
}

/* END */

/* form */

.formCtContainer input, input.tfieldcontact, .formCtContainer select {
	vertical-align: middle;
	height: 25px;
	border-radius: 5px;
	width: 95%;
	margin: 10px 0;
}

.formCtContainer textarea.tareafieldcontact {
	border-radius: 5px;
	margin: 10px 0;
	width: 95%;
}


.formCtContainer input:focus, textarea:focus {
	background: #c9c9c9;
	
}

.formCtContainer input.btncontact {
	padding: .4em .8em;
	background: #666;
	border: 0;
	color: #ddd;
	font-size: 1em;
	font-weight: 100;
	border-radius: 4px;
	cursor: pointer;
}

/* News */

ul.newstitle li {
	border-bottom: dotted 1px #999;
	padding: 10px 0;
}

ul.newstitle li a:link {
	color: #000;
}

ul.newstitle li a:hover {
	color: #298af9;
}

.gcg li a {
	position: absolute;
}

ul.gcg li {
	border-bottom: dotted 1px #999;
	padding: 10px 0;
}

ul.gcg li a:link {
	color: #000;
}

ul.gcg li a:hover {
	color: #298af9;
}

/* Touch behaviour */

element:hover, element.hover_effect {
	rule: properties;
}

.hover {
	-webkit-user-select: none;
	-webkit-touch-callout: none;        
}

/* circle structure*/
.main {
	width: 90%;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
	padding: 50px;
}

@media only screen and (max-width : 768px)
{.main {
		width: 100%;
		margin: 0 auto;
		position: relative;
		background-color: #fff;
		padding: 0px;
	}
}


.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
	display: table;
	padding: 0 10px
}



.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 160px;
	height: 160px;
	display: inline-block;
	padding: 10px 10px;
}


.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
}

.htc {
	/* background-color:#295da6; */

	
}

.htk {
	/*  background-color:#8ad5f5; */
	
}
.ch-info-wrap, 
.ch-info{
	position: absolute;
	width: 120px;
	height: 120px;
	border-radius: 50%;
}

.ch-info-wrap {
	top: 20px;
	left: 20px;
	background: #f9f9f9 url(../images/bg.jpg);
	box-shadow: 0 0 0 20px rgba(255,255,255,0.2), 
	inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	
	-webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}

.ch-info .ch-info-front {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.ch-info .ch-info-back {
	opacity: 0;

	background: #223e87;
	pointer-events: none;
	
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	
	-webkit-transition: all 0.4s ease-in-out 0.2s;
	-moz-transition: all 0.4s ease-in-out 0.2s;
	-o-transition: all 0.4s ease-in-out 0.2s;
	-ms-transition: all 0.4s ease-in-out 0.2s;
	transition: all 0.4s ease-in-out 0.2s;
}

.ch-img-1 { 
	background-image: url(../../img/structure/lng-structure.jpg);
}

.ch-img-2 { 
	background-image: url(../../img/structure/petrochemical-structure.jpg);
}

.ch-img-3 { 
	background-image: url(../../img/structure/offshore-structure.jpg);
}

.ch-img-4 { 
	background-image: url(../../img/structure/miningbulk-structure.jpg);
}

.ch-img-5 { 
	background-image: url(../../img/structure/agency-structure.jpg);
}

.ch-img-6 { 
	background-image: url(../../img/structure/crewing-structure.jpg);
}

.ch-img-7 { 
	background-image: url(../../img/structure/hits-structure.jpg);
}

.ch-img-8 { 
	background-image: url(../../img/structure/htk-htc-structure.jpg);
}


.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	
	letter-spacing: 1px;
	font-size: 0.8em;
	margin: 0 8px;
	padding: 28px 0 0 0;
	height: 80px;
	font-family: inherit;
	vertical-align: middle;
	text-shadow: 0 0 1px #fff, 
	0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px 0;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #e7615e;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: inherit;
}

.ch-info p a:hover {
	color: #fff;
}

.ch-item:hover .ch-info-front {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	opacity: 0;
} 

.ch-item:hover .ch-info-back {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	
	opacity: 1;
	pointer-events: auto;
}

/* CONTENT SCROLLER */

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width: auto;
	margin-right: 18px;
	overflow: hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right: 0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right: 30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width: 16px;
	height: 100%;
	top: 0;
	right: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0; 
	height: auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width: 2px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor: pointer;
	width: 100%;
	height: 30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display: block;
	position: relative;
	height: 20px;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top: 100%;
	margin-top: -40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height: auto;
	margin-right: 0;
	margin-bottom: 30px;
	overflow: hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom: 0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right: 0;
	margin-bottom: 30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width: 100%;
	height: 16px;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin: 0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width: 100%;
	height: 2px;
	margin: 7px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width: 30px;
	height: 100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 4px;
	margin: 6px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display: block;
	position: relative;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
	float: left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left: -40px;
	float: right;
}
.mCustomScrollBox{
	-ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity: 0.75;
	filter: "alpha(opacity=75)"; 
	-ms-filter: "alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity: 1;
	filter: "alpha(opacity=100)"; 
	-ms-filter: "alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background: #000; /* rgba fallback */
	background: rgba(0,0,0,0.4);
	filter: "alpha(opacity=40)"; 
	-ms-filter: "alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #fff; /* rgba fallback */
	background: rgba(255,255,255,0.75);
	filter: "alpha(opacity=75)"; 
	-ms-filter: "alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background: rgba(255,255,255,0.85);
	filter: "alpha(opacity=85)"; 
	-ms-filter: "alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background: rgba(255,255,255,0.9);
	filter: "alpha(opacity=90)"; 
	-ms-filter: "alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image: url(../../img/mCSB_buttons.png);
	background-repeat: no-repeat;
	opacity: 0.4;
	filter: "alpha(opacity=40)"; 
	-ms-filter: "alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position: 0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position: 0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position: 0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position: 0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity: 0.75;
	filter: "alpha(opacity=75)"; 
	-ms-filter: "alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity: 0.9;
	filter: "alpha(opacity=90)"; 
	-ms-filter: "alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background: #000; /* rgba fallback */
	background: rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #000; /* rgba fallback */
	background: rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background: rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background: rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position: -80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position: -80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position: -80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position: -80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
	width: 4px;
	background: #fff; /* rgba fallback */
	background: rgba(255,255,255,0.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 4px;
	background: #fff; /* rgba fallback */
	background: rgba(255,255,255,0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width: 100%;
	height: 4px;
	margin: 6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 4px;
	margin: 6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background: rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background: rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position: -32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position: -32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position: -40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position: -40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
	width: 4px;
	background: #000; /* rgba fallback */
	background: rgba(0,0,0,0.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 4px;
	background: #000; /* rgba fallback */
	background: rgba(0,0,0,0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width: 100%;
	height: 4px;
	margin: 6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 4px;
	margin: 6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background: rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background: rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position: -112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position: -112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position: -120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position: -120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width: 4px;
	background: #fff; /* rgba fallback */
	background: rgba(255,255,255,0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 6px;
	background: #fff; /* rgba fallback */
	background: rgba(255,255,255,0.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width: 100%;
	height: 4px;
	margin: 6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 6px;
	margin: 5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background: rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background: rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position: -16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position: -16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position: -20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position: -20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width: 4px;
	background: #000; /* rgba fallback */
	background: rgba(0,0,0,0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 6px;
	background: #000; /* rgba fallback */
	background: rgba(0,0,0,0.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width: 100%;
	height: 4px;
	margin: 6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 6px;
	margin: 5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background: rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background: rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position: -96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position: -96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position: -100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position: -100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background: #fff; /* rgba fallback */
	background: rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width: 100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 2px;
	margin: 7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background: #000; /* rgba fallback */
	background: rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 2px;
	background: #000; /* rgba fallback */
	background: rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width: 100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 2px;
	margin: 7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background: rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background: rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
	background-position: -80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
	background-position: -80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position: -80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
	background-position: -80px -56px;
}
.error_val {

	color: #ff0000;
	margin-top: 20px;
}
.error_val p {
	margin-bottom: 5px;
}


.tablesorter-header.tablesorter-reorder-helper {
	cursor: move;
}
.tablesorter-reorder-helper-bar {
	width: 1px;
	background: #000;
}


.single-content{
	width: 90%;
	float: left;
	height: 85%;
	position: absolute;
	padding: 90px 0 8% 0;
	margin-top: 1%;
	margin-left: 5%;
	margin-right: 5%;
}

@media only screen and (max-width : 848px)
{.single-content{
		width: 90%;
		float: left;
		height: 85%;
		position: absolute;
		padding: 5% 0 8% 0;
		margin-top: 50px;
		margin-left: 5%;
		margin-right: 5%;
	}
}


@media only screen and (max-width : 768px)
{.single-content {
		width: 90%;
		float: left;
		height: 85%;
		position: absolute;
		padding: 100px 0px 8%;
		margin-top: -100px;
		margin-left: 5%;
		margin-right: 5%;}
}



.single-content .organization-frame {
	width: 85%;
	height: auto;
	margin: 0px;
	overflow-y: auto;
	padding-bottom: 200px;
	padding-top: 30px; 
	margin: auto;
}

@media only screen and (max-width : 768px)
{.single-content .organization-frame {
		width: 100%;
		height: auto;
		margin: 0px;
		overflow-y: auto;
		padding-bottom: 200px;
		padding-top: 30px;
	}
}



.single-content .organization-frame img {
	width: 99%;
	height: 99%;
}

.single-content .page-content2
{
	width: 95%;
	height: 91%;
	
	margin-top: 3%;
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 3%;
	overflow-y: auto;
}

/* ---------------------------------------------------------------------- */
/*	Accordion
/* ---------------------------------------------------------------------- */

.answer {
	margin: 2% 2% !important;
	font-size: 1em;		
	background: none repeat scroll 0% 0% #FFFFFF !important;
}

.collapsed {
	height: 0;
	padding: 0;
	padding-left: 10px;
	margin: 0;
}

.profile  {
	margin-top: 20%;
	margin-left: 5%;
}

.profile ul.photo-container {
	width: 100%;
	float: left;
}
.profile li.photo-view {
	float: left;
	width: 30%;
	margin-right: 2%;
	margin-bottom: -30px;
	display: none;
}

.profile li.photo-view img {
	width: 270px;
	height: 214px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.profile li.photo-view .prof {
	float: left;
	width: 20%;
	margin-right: 0;
	margin-bottom: -30px;
	display: none;
}

.profile li.photo-view .prof img {
	width: 85%;
	cursor: pointer;

}

.profile li.photo-view img:hover  {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%); 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        
}



.profile .photo-caption {
	position: relative;
	top: -71px;
	background: rgba(0,93,168,0.5);
	width: 270px;

	color: #ffffff;
}

.profile .photo-caption h3 {
	padding: 10px 0 0 20px;
}
.profile .photo-caption p {
	padding: 0px 0 15px 20px;
}

.profile .li.photo-view .prof .photo-caption {
	position: relative;
	top: -56px;
	background: rgba(0,93,168,0.5);
	width: 100%;

	color: #ffffff;
}
.profile li.photo-view .prof .photo-caption h3 {
	padding: 5px 0 0 20px;
}
.profile li.photo-view .prof .photo-caption p {
	padding: 0px 0 5px 20px;
}


@media only screen and (min-width : 769px)
{.message-right-first {
		display: none}
	.message-left-first {
		display: block}
}
@media only screen and (max-width : 768px)
{.message-right-first {
		display: block}
	.message-left-first {
		display: none}
}


#about-us.location-left {
	display: none}
#about-us.location-right {
	display: block}




/*-------------------------- table page pemegang saham -------------------------------------*/

div.table-wrapper#pemegang-saham {
	margin-top: 122px; 
	padding: 20px 50px; 
	height: auto;}
div.table-wrapper#pemegang-saham div.table-container {
	float: left; 
	margin-top: 20px; 
	border-bottom: 1px dashed #ABABAB; 
	width: 95%; 
	padding-bottom: 20px; 
	height: auto;}
div.table-wrapper#pemegang-saham div.table-container div#table {
	overflow: auto;}
div.table-wrapper#pemegang-saham div#table > img {
	width: auto;}
@media only screen and (max-width: 1200px){div.table-wrapper#pemegang-saham div#table > img  {
		width: 100%;}
}
div.table-wrapper#pemegang-saham table {
	border-spacing: 3px !important; 
	width: 700px;}
div.table-wrapper#pemegang-saham table {
	border: 0px solid black; 
	border-collapse: initial !important; 
	padding: 0px !important;}
div.table-wrapper#pemegang-saham tr.superheading th {
	background-color: #D0D0D0; 
	text-align: left;}
div.table-wrapper#pemegang-saham tr.heading th {
	background-color: #ECF1ED;  
	text-align: left;}
div.table-wrapper#pemegang-saham th, div.newslist td  {
	padding: 3px 8px !important; 
	min-width: 185px}


/*-------------------------- grafik pergerakan saham -------------------------------------*/

div#grafik-saham-wrapper {
	width: 100%;}
@media only screen and (max-width: 1090px){div#grafik-saham-wrapper { 
		overflow: auto !important;}
}
div#grafik-saham-wrapper > img {
	width: 100%;}
@media only screen and (max-width: 1090px){div#grafik-saham-wrapper > img {
		width: auto;}
}
@media only screen and (max-width: 768px){div#grafik-saham-wrapper > img {
		width: 100%;}
}
@media only screen and (max-width: 640px){div#grafik-saham-wrapper > img {
		width: auto;}}

.charter-list{
	margin-top: 25px;
	height: 100%;
}

.charter-item {
	margin: 10px;
	padding: 10px;
	display: inline-block;
	width: 40%;
	height: 100px;
	border: 1px solid #cccccc;
	box-shadow: 3px 3px #cccccc;
}

.charter-item .charter-image {
	max-height: 100%;
	max-width: 30%;
	overflow-y: hidden;
	display: inline-block;
}

.charter-item .charter-image img{
	max-width: 100%;
}

.charter-item .charter-desc {
	vertical-align: top;
	max-width: 60%;
	display: inline-block;	
}

.charter-item .charter-desc p{
	margin-bottom: 15px;
}