/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */



body{
	background-color:#ffffff;
}

#header, #mobile-header{
	background-color:#ffffff;
}

	#header .container{
		/*position: relative;
		min-height: 124px;*/
	}
	
	
		#header .container #logo{
			position: absolute;
			margin-left: 0;
			bottom: 35px;
			left: 0;		
			font-family: 'StoneSansIIITCProMd',sans-serif;
			font-size: 50px;	
			margin:0;
			line-height: 32px;
		}
			
			#header .container #logo a {
				color: #FFFFFF;
				text-decoration: none;
			}

	#header nav{
		bottom: -36px;
		font-weight: 200;
		position: absolute;
		right: 0;	
		color: #000;
		font-size: 25px;
		line-height: 30px;
		width: 110%\9;
	}
	

	#header a .fa {
		margin-right: 15px;
	}
			
	.sidr ul li span{
		margin-right: 10px;
	}
	
		#header nav ul{
			margin:0;
			padding:0;
			float:right;
			display:inline;
		}
		
				@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    #header nav ul {
		width:110%;
	}
	
	ul {
		width: 100%!important;
	}
	
    /* Safari only override */
    ::i-block-chrome,#header nav ul {
     width: 140%;
    }
}
			#header nav ul li{
				display: inline;
				margin-left: 30px;
			}		
			
				#header nav ul li a, #header nav ul li a:visited {
					color: #000;
					font-size: 25px;
					outline: 0 none;
					text-decoration: none;
				}			
				#header nav ul li a:hover{
					color: #C6C8C8;
				}

#content{
		background: #FFFFFF;
    padding: 45px 0;
	margin-top: -10px;
}
	#content .container{
		background: none repeat scroll 0 0 #FFFFFF;
	
		padding: 40px 0 45px;

	}

#footer{
	padding: 45px 0;
    /*text-shadow: 1px 1px 1px #FFFFFF;*/
	color: #000;
	text-align: justify;
}


	
	#footer a {
		color: #000;
	}
			
	#footer h2{
		color: #212F35;
		font-weight: 300;
		margin: 0 0 20px 0;
	}	
	
	.social-links{
		margin: 0 0 20px 0;
	}

	.social-links li{
		float:left;
		padding:0;
		width: 25%;
		margin: 0 0 20px 0;
		list-style-type: none;
	}	
		.social-links li a{
			text-decoration: none;
			color:#fff;
		}
			.social-links li a span{
				border-radius: 10px;
				color: #FFFFFF;
				display: block;
				font-size: 26px;
				margin: 0 0 0 5%;
				padding: 21px 0;
				text-align: center;
				width: 95%;
				text-shadow: none;
			}
			.social-links li a span.fa.fa-youtube {
				background: #CC181E;
			}
			.social-links li a:hover span.fa-youtube {
				opacity: 0.5;
			}
	
	#footer .link-list {
		padding-right: 3%;
		float:left;		
		width: 47%;
	}
	
	#footer .link-list li {
		border-bottom: 1px solid #B5BEC3;
		border-top: 1px solid #000;
		padding: 14px 0;
		margin:0;
		list-style-type: none;
	}
	
	#footer .link-list li:last-child {
		border-bottom: 0 none !important;
		padding-bottom: 0 !important;
	}
	
	.link-list li:first-child {
		border-top: 0 none !important;
		padding-top: 0 !important;
	}
	
	.link-list li:before{
		content: '';
	}

#mobile-header{
	display: none;
    height: 44px;
    position: fixed;
    top: 0;
    transition: -moz-transform 0.25s ease-in-out 0s;
    width: 100%;
    z-index: 10000;
    box-shadow: 0 -20px 70px 0 rgba(200, 220, 245, 0.1) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.1) inset, 0 1px 7px 0 rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
}

	#mobile-header .title{
		font-family: 'FuturaLTProHeavy',sans-serif;
		text-align: center;
		font-size: 24px;
		margin-top: 10px;
	}
	
	#mobile-header #responsive-menu-button{
		float: left;
		display: block;
		background: url('../img/smico.png') center 7px no-repeat #333;
		height: 30px;
		border-radius: 35px;		
		-webkit-box-shadow: 0px 0px 4px 0px #666;
		box-shadow: 0px 0px 4px 0px #666;
		display: block;
		height: 31px;
		width: 55px;	
		margin: 6px 10px;
	}	
	
	#mobile-header #responsive-menu-button:hover{
		background: url('../img/smico.png') center 7px no-repeat #333;
		-webkit-box-shadow: 0px 0px 4px 0px #777;
		box-shadow: 0px 0px 4px 0px #7777;
	}
	
	#worldmapdiv h3{
		font-size: 18px;
		font-weight: bold;
	}
	
	#worldmapdiv {
		width: 450px;
		position: absolute;
		top: 40px;
		right: 40px;
	}

	ul.big-world-region-map {width: 450px;height: 250px; margin-top: 0px; background:url('../img/world-big.png');display: block;list-style-type: none;position: relative;}
	ul.big-world-region-map li:before {content: ' ';background: none;}
	ul.big-world-region-map li {list-style-type: none;list-style:none;background: none;list-style-image: none;}
	ul.big-world-region-map li a {display: block;text-indent: -9999px;overflow:hidden;position: absolute;list-style-type: none;}
	ul.big-world-region-map a.world-region-eur {left: 182px;top: 0;height: 100px;width: 260px;z-index: 3;}
	ul.big-world-region-map a.world-region-us {left: 0;top: 0;height: 240px;width: 188px;}
	ul.big-world-region-map a.world-region-me {left: 190px;top: 95px;height: 145px;width:105px;z-index: 5;}
	ul.big-world-region-map a.world-region-ap {left: 265px;top: 75px;height: 165px;width: 200px;z-index: 4;}
	ul.big-world-region-map a:hover {background: url('../img/world-big.png') 0 0 no-repeat;}
	ul.big-world-region-map a.world-region-eur:hover {background-position: -182px -263px;}
	ul.big-world-region-map a.world-region-us:hover {background-position: 0 -538px;}
	ul.big-world-region-map a.world-region-me:hover {background-position: -190px -1180px;}
	ul.big-world-region-map a.world-region-ap:hover {background-position: -265px -890px;}
	
	
/*  Carousel */
	#imgshow {
		width: 550px;
		position: absolute;
		top: 40px;
		right: 50px;
		padding: 0;
	}
	#imgshow .viewport { height: 280px; overflow: hidden; position: relative; }
	#imgshow .buttons {
		background: #ffffff;
		border-radius: 35px;
		display: block;
		position: absolute;
		top: 45%;
		left: 10px;
		z-index: 100;
		width: 35px;
		height: 35px;
		color: #000;
		font-weight: bold;
		text-align: center;
		line-height: 30px;
		text-decoration: none;
		font-size: 22px;
	}
	#imgshow .next {
		right: 10px;
		left: auto;
		z-index: 100;
		top: 45%;
	}
	#imgshow .buttons:hover{
		color: #ffffff;
		background: #000000;
	}
	#imgshow .disable { visibility: hidden; }
	#imgshow .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; list-style-type: none;}
	#imgshow .overview li:before{ display: none; }
	#imgshow .overview li{ float: left; margin: 0; padding: 0px; height: 230px; border: 0px solid #dcdcdc; width: 550px;}
	#imgshow .overview li img{ width: 100%; }
	#back-top {
		position: fixed;
		bottom: 30px;
		right:30px;
		z-index: 1000;
		opacity: 0.5;
	}	
	#back-top:hover {
		position: fixed;
		bottom: 30px;
		right:30px;
		z-index: 1000;
		opacity: 1;
	}
	#back-top a {
		width: 108px;
		display: block;
		text-align: center;
		font: 11px/100% Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		color: #666666;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	#back-top a:hover {
		color: #111111;
	}
	/* arrow icon (span tag) */
	#back-top span {
		width: 108px;
		height: 108px;
		display: block;
		margin-bottom: 7px;
		background: #B5BEC3 url(../img/up-arrow.png) no-repeat center center;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	#back-top a:hover span {
		background-color: #111111;
	}	
	
	
/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.social-links li a span {
			border-radius: 10px;
			color: #FFFFFF;
			display: block;
			font-size: 20px;
			margin: 0 0 0 5%;
			padding: 15px 0;
			text-align: center;
			width: 95%;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.social-links li a span {
			padding: 16px 0;
		}
		
		#imgshow {
			width: 400px;
			top: 120px;
		}
		#imgshow {top:80px; }
		#imgshow .viewport { height: 205px; }
		
		#imgshow .overview li{ width: 400px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#header{
			display: none;
		}
		
		#mobile-header {
			display: block;
		}
		
		#content{
			padding: 55px 0 15px 0;
		}
		
		#footer .link-list {
			padding-right: 3%;
			float:left;		
			width: 47%;
		}
	
		#worldmapdiv {
			display:none;
		}
		#content .container{
			padding: 20px 0 20px;
		}
		
		.social-links li a span {
			padding: 16px 0;
		}
				#imgshow {
			width: 400px;
			top: 120px;
		}
		#imgshow {top:80px; }
		#imgshow .viewport { height: 205px; }
		
		#imgshow .overview li{ width: 400px;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.social-links li a span {
			border-radius: 10px;
			color: #FFFFFF;
			display: block;
			font-size: 28px;
			margin: 0 0 0 5%;
			padding: 24px 0;
			text-align: center;
			width: 82%;
		}
	
		#imgshow { Position: relative; width: 370px; top:0;left:0; margin-top: 20px; }
			
		#imgshow .viewport { height: 190px; }
		#imgshow .overview li{ width: 370px;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.social-links li a span {
			font-size: 25px;
			padding: 20px 0;
		}
		
		#imgshow { display: none; }
				
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/