/* Fonts */
@font-face {
	font-family: 'Conv_Adobe Garamond Pro Regular';
	src: url('../fonts/Adobe Garamond Pro Regular.eot');
	src: local('☺'), url('../fonts/Adobe Garamond Pro Regular.woff') format('woff'), url('../fonts/Adobe Garamond Pro Regular.ttf') format('truetype'), url('../fonts/Adobe Garamond Pro Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Body */
body {
	font-family: "Adobe Garamond Pro", 'Conv_Adobe Garamond Pro Regular';
	font-size: 18px;
	background: #D9D9D9;
	margin: 0;
	padding: 0;
	color: #0a161c;
}
p {
	color: #0A151B;
	margin: 0 0 20px;
}
h1,
h2,
h3,
h4,
h5 {
	margin: 0;
}
.container {
	max-width: 920px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.clear {
	clear: both;
}
img {
	max-width: 100%;
	height: auto;
	text-decoration: none;
	border: 0px;
}
a {
	outline: none;
}
#main {
    background: #fff;
}


/* Header */
#header {
    border-top: 5px solid #f00a0a;
	background: url('../images/header-bg.jpg') no-repeat top center;
	/*background-size: cover;*/
}
.logo {
    float: left;
    margin-top: 21px;
}
.header-contact {
	float: right;
	margin-top: 39px;
}
.header-contact a, 
.header-contact span {
    color: #fff;
    font-size: 16px;
    font-family: "Adobe Garamond Pro", 'Conv_Adobe Garamond Pro Regular';
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 2px 2px 1px #404040;
}
.header-contact span {
	margin: 0 4px;
}
#header #navi {
	padding: 0;
	margin: 25px 0 0 0;
	text-align: center;
}
#header #navi li {
    list-style: none;
    display: inline-block;
    margin: 0 13px;
}
#header #navi li.active a,
#header #navi li:hover a {
	border-bottom: 6px solid #F00A0A;
}
#header #navi li a {
	color:#fff;
	font-size: 16px;
	font-family: "Adobe Garamond Pro", 'Conv_Adobe Garamond Pro Regular';
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 6px solid transparent;
	display: block;
	padding: 0 5px;
	letter-spacing: 2px;
    text-shadow: 2px 2px 1px #404040;
}
#header #navi li a:hover,#header #navi li a.active {
}


/* Main */
#main {
	padding: 20px 0;
}
#main.home,
#main.gallery {
	padding: 0;
}
		

/* Content */
#content { 

}
#content .container {
    border: 15px solid #9E9E9E;
    box-sizing: border-box;
    padding: 30px 20px;
}


/* Bio */
ul.bio-logos {
    margin: 0;
    padding: 0 25px 10px;
    text-align: center;
}
ul.bio-logos li {
    list-style: none;
    display: inline-block;
    margin: 0 5px 15px;
    vertical-align: bottom;
} 

ul.bio-logos li img {
	max-height: 80px;
	filter: drop-shadow(2px 4px 6px #333);
	-webkit-filter: drop-shadow(2px 4px 6px #333); 
	/*box-shadow: 0px 0px 5px 2px rgba(51,51,51,0.76);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(51,51,51,0.76);
	-moz-box-shadow: 0px 0px 5px 2px rgba(51,51,51,0.76);*/
}	

ul.flags li img {
	filter: drop-shadow(2px 4px 6px #333);
	-webkit-filter: drop-shadow(2px 4px 6px #333); 
	/*box-shadow: 0px 0px 5px 2px rgba(51,51,51,0.76);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(51,51,51,0.76);
	-moz-box-shadow: 0px 0px 5px 2px rgba(51,51,51,0.76);*/
}

ul.bio-logos li.hstar img {
	max-height: none;
	max-width: 125px;
}

.bio-content h3,
.bio-content strong {
	font-size: 20px;
	color: #0A151B;
}
.bio-content ul {
	color: #0A151B;
	margin: 0 0 20px;
    padding: 0;
}
.bio-content ul li {
	list-style-position: inside;
}


/* Company */
.companies #content .container {
	padding-bottom: 10px;
}
.company-logos {
	text-align: center;
	margin-bottom: 10px;
}
.company-logos h3 {
	color: #0A151B;
	font-size: 24px;
	margin-bottom: 25px;
}
.company-logos ul {
	margin: 0;
	padding: 0 100px;
}
.company-logos li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
	margin: 0 10px 20px;
}
.company-content {
	/* max-width: 294px; */
    margin: 25px auto 0;
    text-align: center;
	padding: 0 30px;
}
.company-content p {
	font-size: 20px;
}
img.company-image1 {
	/*position: absolute;
	left: -40px;
	bottom: -32px; 
	width: 37%;*/
	position: relative;
	float: left;
	/*margin-left: -40px;*/
	width: 50%;
	transform: rotate(-3deg);
	padding-top: 0;
}
img.company-image2 {
	/*position: absolute;
	right: -57px;
	bottom: -30px; 
	width: 37%;*/
	position: relative;
	float: right;
	/*margin-right: -57px;*/
	width: 50%;
	transform: rotate(7deg);
}


/* Global Productions */
.global-productions #content .container h2 {
	text-align: center;
    margin: 0 0 20px;
    font-size: 20px;
	padding: 0;
}
.global-productions #content .container {
    padding: 30px 55px;
}
.flags {
	margin: 0;
	padding: 0;
	text-align: center;
}
.flags li {
	list-style: none;
	display: inline-block;
	margin: 0 18px 18px;
}
.flags li div {
	cursor: pointer;
}
.flags li img {
	display: block;
	margin-bottom: 5px;
}
.flags li h3 {
	color: #0A151B;
	font-size: 20px;
	margin: 0;
}
.global-prod-content {
    margin-bottom: 30px;
	padding-top: 5px;
	min-height: 345px;
	display: none;
}
.global-prod-content .details {
    /*width: 42%;
    float: left;
	padding-right: 4%;*/
	box-sizing: border-box;
	padding-bottom: 20px;
}
.global-prod-content .details h3 {
    color: #0A151B;
	font-size: 24px;
	margin: 0 0 25px 0;
}
.global-prod-content .details ul {
	margin: 0;
	padding: 0;
}
.global-prod-content .details ul li {
    color: #0A151B;
    font-size: 18px;
    margin-bottom: 25px;
	margin-left: 20px;
}
.global-prod-content .image {
    /*width: 58%;
    float: left;*/
    text-align: center;
}
.global-prod-content .image img {
    /*width: 100%;*/
}


/* Footer */
#footer { 
	background: url('../images/footer-bg2.png') no-repeat top center;
	/*background-size: cover;*/
	min-height: 65px;
}
#footer a {
	color:#ffffff;
	text-decoration:none;
} 
#footer a:hover {
	color:#ffffff;
	text-shadow: 2px 2px 1px #000;
}

/* bk Script */
#footer .container { 
	text-align: center;
	color: #fff;
	text-shadow: 2px 2px 1px #404040;
	padding: 25px 0;
	font-size: 15px;
}
#main.home #content{

}

div#swipebox-bottom-bar {
	display: none !important;
}




/* jssor slider arrow navigator skin 12 css */
/*
.jssora12l                  (normal)
.jssora12r                  (normal)
.jssora12l:hover            (normal mouseover)
.jssora12r:hover            (normal mouseover)
.jssora12l.jssora12ldn      (mousedown)
.jssora12r.jssora12rdn      (mousedown)
*/
.jssora12l, .jssora12r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 30px;
	height: 46px;
	cursor: pointer;
	background: url('../images/a12.png') no-repeat;
	overflow: hidden;
}
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -256px -37px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }


.toggle-menu-cont {
	float: right;
	display: none;
}
.toggle-menu {
    background: none;
    vertical-align: middle;
    border: none;
    color: #fff;
    font-size: 16px;
    font-family: "Adobe Garamond Pro", 'Conv_Adobe Garamond Pro Regular';
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #353535;
    padding: 0;
    margin-top: -2px;
	cursor: pointer;
	outline: none;
}
.toggle-menu span,
.toggle-menu img {
	vertical-align: middle;
	display: inline-block;
}
.toggle-menu span {
	margin: 3px 8px 0 0;
}


/* Media Queries */
@media only screen and (max-width:1024px) {
	
	/* Companies */
	img.company-image1 {
		/*left: -20px;
		margin-left: -40px;*/
	}
	
	img.company-image2 {
		/*right: -20px;
		margin-right: -40px;*/
	}
	
	.company-content {
		/*max-width: 240px;*/
	}

}


@media only screen and (min-width:961px) {

	#header #navi {
		display: block !important;
	}
	
}


@media only screen and (max-width:960px) {
	
	.home #content,
	.gallery #content {
		padding: 0;
	}
	
	#content {
		padding: 0 20px;
	}
	
	.toggle-menu-cont {
		display: block;
	}
	
	.header-contact-details {
		float: left;
	}
	
	#header {
		background-size: inherit;
	}
	
	.logo {
		float: none;
		padding: 18px 20px 0;
		margin-top: 0;
	}
	
	.header-contact {
		float: none;
		margin-top: 15px;
		padding: 0 20px 13px;
	}
	
	#header #navi {
		display: none;
		margin: 0;
		background: #666666;
		border-top: 3px solid #fff;
	}
	
	#header #navi li {
		display: block;
		margin: 0 60px;
	}
	
	#header #navi li a {
		font-size: 21px;
		border-bottom: 0px !important;
		border-top: 1px solid #fff !important;
		display: block;
		padding: 15px 0px;
	}
	
	#header #navi li:first-child a {
		border-top: 0px !important;
	}
	
	/* Companies */
	.company-content {
		/*max-width: 210px;*/
	}
	
	.company-logos ul {
		padding: 0;
	}
	
	.company-logos li {
		margin: 0 8px 10px;
	}
	
	/* Bio */
	ul.bio-logos li {
		margin: 0 5px 10px;
		vertical-align: middle;
	}
	
	ul.bio-logos li img {
		width: 75%;
	}
	
	ul.bio-logos li.abc-world img,
	ul.bio-logos li.food-net img,
	ul.bio-logos li.hstar img{
		width: 90%;
	}

}


@media only screen and (max-width:767px) {
	
	#header {
		background: none;
	}
	
	.header-top {
		background: #494949 url('../images/header-bg.jpg') no-repeat top center;
		/*background-size: cover;*/
	}
	
	/* Global Productions */
	.global-productions #content .container {
		padding: 30px 20px;
	}
	
	.global-prod-content .details {
		width: 100%;
		float: left;
		padding-right: 0;
	}
	
	.global-prod-content .image {
		width: 100%;
	}
	
	.flags li img {
		width: 65px;
		margin: 0 auto 4px;
	}
	
	/* Bio */
	ul.bio-logos {
		padding: 0 0px 10px;
	}
	
	/* Companies */
	.company-content {
		max-width: 100%;
	}

	img.company-image1 {
		position: relative;
		left: 0;
		/*width: 50%;
		width: 55%;*/
		float: left;
		/*margin-left: -45px;*/
	}
	
	img.company-image2 {
		position: relative;
		right: 0;
		/*width: 50%;
		width: 55%;*/
		float: right;
		/*margin-right: -45px;*/
	}

}


@media only screen and (max-width:550px) {
	
	.header-contact {
		margin-top: 6px;
		padding: 0 20px 13px;
		text-align: center;
	}
	
	.header-contact a, .header-contact span {
		font-size: 12px;
	}
	
	#footer .container {
		font-size: 11px;
	}
	
	.header-contact-details {
		float: none;
	}
	
	.toggle-menu-cont {
		float: none;
		text-align: right;
		margin-top: 8px;
	}
	
	/*img.company-image1,
	img.company-image2 {
		width: 60%;
	}*/
	
	.company-content {
		padding: 0;
	}
	
}