@charset "UTF-8";
/* CSS Document */

html,
body {
  height: 100%;
}

body { background-color: #fff; color: #333;font-family:Abeezee,Helvetica, Arial;}

::selection {
	background: #4e9aca; /* Safari */
	color: #fff;
	}
::-moz-selection {
	background: #4e9aca; /* Firefox */
	color: #fff;
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -160px;
  padding: 0 0 160px;
}


.inside-page {	background-repeat: no-repeat;
	background-size: 100%;}

.index-page {
	background-image: url(../imagens/bg-index.jpg);
	background-repeat: no-repeat;
	background-size: 100%;

}

#header {
	font-weight: 700;
	font-size: 80%;
	color: #666;
}

#header .logo {
	margin: 16px 0;
}

.visible-button{
	display: none;
}

#header .relogio {
	position: relative;
	margin-left:20px;
	float:right;
	text-align:center;
	margin-top:10px;
	font-family:Helvetica, Arial;
	font-size:10px;
	color: #2471a9;
}

#language-menu {
	margin-bottom: 15px;
}

#language-menu .language-flags {
	margin-right: 5%;
	}

.navbar-blue, .twitter-block {
border: 1px solid #fff;
color: #fff;
background: #2471a9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0NzFhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTlhY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2471a9 0%, #2471a9 25%, #4e9aca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2471a9), color-stop(25%,#2471a9), color-stop(100%,#4e9aca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2471a9 0%, #2471a9 25%,#4e9aca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2471a9 0%, #2471a9 25%,#4e9aca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2471a9 0%, #2471a9 25%,#4e9aca 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2471a9 0%, #2471a9 25%,#4e9aca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2471a9', endColorstr='#4e9aca',GradientType=0 ); /* IE6-8 */
}

.twitter-block { overflow-y:hidden;
overflow-x:hidden;}

#tweets { padding: 0 20px; text-align: left}

.sidebar-index {

}

.video {
	margin-right: 15px;
}

.video img { width: 100%}

.twitter-block {
	border-radius: 4px;	
	margin-right: 15px;
	margin-bottom: 10px;
	z-index: 9999;
}

.twitter-content {
	padding: 20px;
/*	background-color: #2471a9;*/
	text-align: left;
	z-index: 9999;

}

.twitter-content h3, #tweets h4 {
	text-align:left;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
	font-size: 140%;
 	color: #fff !important;
}

#body-content .body-text {
	margin: 0 0 0 1px;
	min-height: 350px;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmVjZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #e2ecf4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(100%,#e2ecf4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#e2ecf4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#e2ecf4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#e2ecf4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#e2ecf4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2ecf4',GradientType=0 ); /* IE6-8 */
	border-radius: 4px;
	margin-bottom: 20px;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;

	}
	
p.lead {
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	}

#body-content h1, #body-content h2 {
	text-align:left;
	margin-top: 0px;
}

#body-content h1 {
	font-size: 2.000em;
	line-height: normal;
	margin-top: 0.875em;
}

#body-content .nav {
	margin-top: 2em;
}

#body-content .sub-nav {
	margin-top: 0em;
}

#body-content h2 {
	font-size:1.625em;
}


#body-content h2.destaque {
	font-size:2.25em;
}

#body-content h3 {
	font-size:1.425em;
}

#body-content h2 {
	font-size:1.3em;
}

#body-content h2.titulo-terms {
	font-size:1.625em;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 1px solid #2471a9;
}

#body-content .body-padding {
	padding: 0 20px 20px 20px;
}

#body-content .index-padding {
	padding: 20px 20px 20px 20px;
}

#footer .btn {
	width: 100%;

}

#footer .btn p {
	font-size: 80%;
}

#footer h2 {
	font-size:16px;
	color:#fff;
	margin: 10px 0;
}

#footer .made-by {
	background-color: #1b72aa;
	margin-top: 20px;
}

#footer .footer-padding {
	padding: 10px;
}

.contentor-verde {	background-image:url(../imagens/contentor-verde.jpg); }
.contentor-roxo {	background-image:url(../imagens/contentor-roxo.jpg); }
.contentor-vermelho {	background-image:url(../imagens/contentor-vermelho.jpg); }
.contentor-laranja {	background-image:url(../imagens/contentor-laranja.jpg); }

.contentor-verde, .contentor-roxo, .contentor-vermelho, .contentor-laranja {
	background-position: center center;
	background-repeat:no-repeat;
	display: block;
	width: 80px;
	height: 34px;
	line-height: 34px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	float: left;
}

a.contentor {
	background-image:url(../imagens/contentor_off.png);
	background-position: center center;
	background-repeat:no-repeat;
	display: block;
	width: 80px;
	height: 34px;
	line-height: 34px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	float: left;
}

a.contentor:hover {
	background-image:url(../imagens/contentor_on.png);
	color:#000;
	text-decoration:none;
}


a.semcontentor {
	display: block;
	width: 80px;
	height: 34px;
	margin-left: -12px;
	padding: 12px 18px;
	color:#2471a9;
	font-weight:bold;
	text-transform:uppercase;
	text-align: center;
}

a.semcontentor:hover {
	color:#000;
	text-decoration:none;
}

.dates-history { min-height: 140px; }

.forward-img { margin-bottom: 10px; }
.forward-margin {font-size: 100%; margin: 40px 0; margin-left: -15px; }

/* Jquery Vector Map Styles */
.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}
/* Bootstrap styles */
.navbar-nav{width: 100%; margin-left:-20px; margin-right:-20px;}
.navbar-nav.nav-justified { display:table; }
.navbar-nav.nav-justified > li{ float:none; width:auto; }
.navbar-default .navbar-nav > li > a { color: #fff; }
.navbar-default .navbar-nav > .dropdown > a .caret { border-bottom-color: #fff; border-top-color: #fff; }
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}
.sub-nav { margin-left: 30px;}
.sub-nav > li > a, .sub-nav > li > a:link, .sub-nav > li > a:visited {
	margin: 5px 0;
}
.sub-nav > li.active > a, .sub-nav > li.active > a:hover, .sub-nav > li.active > a:focus {
	margin: 5px 0;
    background-color: #a6cce4;
	color: #2471a9;
}

.dropdown-menu{ left:auto; }
.table-bordered thead th, .table-bordered tbody th,.table-bordered tbody td, .table-bordered th h4 { text-align: center; text-transform:uppercase;}
.table-bordered tbody td { vertical-align:bottom}
.table-fixed {table-layout:fixed; background-color: #fff; font-size: 90%;}
.table-fixed img { max-width: 60px; text-align:center}
.table-noborder, table.table-country { background-color: transparent; }
.table-noborder thead > tr > th, .table-noborder tbody > tr > th, .table-noborder tfoot > tr > th, .table-noborder thead > tr > td, .table-noborder tbody > tr > td, .table-noborder tfoot > tr > td {
    border-top: 0px solid #DDDDDD;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
	font-size: 90%;
}
.table-bordered tbody td a {
	font-weight: bold;cursor: pointer; cursor: hand; 
}
tr.border-top {
	margin-top: 10px;
    border-top: 1px solid #DDDDDD;
}
td.spacing-bottom { padding-bottom: 1em;margin-bottom: 1em;}
.table-incoterms { background-image: url(../imagens/incoterms_flat.png); background-repeat:no-repeat; background-size: 100%; background-position: 0 0; width: 100%; height: 356px; margin-bottom: 20px;}
img.incoterms { width: 50px; vertical-align:middle;}
.incoterms-space { margin-top: 38px;}
.incoterms-left { margin-left: -16%}
.incoterms-right { margin-left: 16%}
.incoterms-header { background-color:#2471a9; color: #fff; text-transform:uppercase; text-align:center}
.incoterms-text { min-height: 140px;}
.table-bordered small {font-size: 70%; font-weight:bold; margin: 0; padding: 0; text-align:center}
.table-bordered tbody td.incoterms-content { padding: 8px 0; margin: 0;}
.table-tank tbody th,.table-tank tbody td.text-left { text-align: left;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
hr {
    border-color: #2471a9 -moz-use-text-color -moz-use-text-color;
}
.country-modal {
	position: absolute;
	float:left;
	top: 36%;
	left: 28.5%;
	font-size: 85%;
	min-width: 260px;
	max-width: 680px;
	/*height: 300px;*/
	padding: 20px;
	background-color: #f5f5f5;
	-webkit-box-shadow: 0px 0px 5px 0px #333333;
	-moz-box-shadow: 0px 0px 5px 0px #333333;
	box-shadow: 0px 0px 5px 0px #333333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display:none;
	/*text-transform: capitalize;*/
	z-index: 9999;
}

.country-modal img {
	float:left;
	margin-right: 4px;
	width: 36px;
	}

.country-modal table th,.country-modal table td {
	/*text-transform: capitalize;*/
	}

.exit{
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 1;
	text-decoration: none;
	opacity: 0.35;
}

.exit:hover {
	opacity: 0.90;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.dangerous-labels { width: 200px; margin-right: 2px; margin-top: 4px;}

.tooltip > .tooltip-inner {background-color: #2471a9;}
.tooltip > .tooltip-arrow { border-bottom-color:#2471a9; }

.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow  {
	border-bottom-color:#2471a9;
}

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow  {
  border-top-color: #2471a9;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #2471a9;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #2471a9;
}

#contentores img { display: block; margin: 0 auto; max-height: 385px }

/* ======================= XE.com Conversor ====================== */
.tbl_sub, .XEtbl_sub {
	font-size:100%;
	background-color:#FFFFFF;
}
.tbl_main, .XEtbl_main {
	font-size:105%;
	border-style:solid; 
	border-width:1px; 
	border-color:#b8c3cc;
	margin-bottom:8px;
	background-color:#FFFFFF;
}
.XEtblHilite {
	font-size:105%;
	border-style:solid; 
	border-width:1px; 
	border-color:#b8c3cc;
	margin-bottom:8px;
	background-color:#d9edff;
}
.XEtblBg {
	font-size:115%;
	background-color:#f5faff;
}
.tbl_main .title, .XEtbl_main .XEtitle {
	font-family:Arial,Helvetica,sans-serif;
	color:#003c66;
	font-weight:bold;
	font-style:italic;
	font-size:105%;
	background-image:url(/gen/images/bg_btn_grdt.gif);
	background-color:#eff6fa;
	background-repeat:repeat-x;
	padding:2px;
	border-bottom:#b8c3cc 1px solid;
}
.tbl_main .titleAlibaba{
	color:#f76400;
	font-weight:bold;
	font-style:italic;
	font-size:105%;
	background-image:url(/gen/images/bg_btn_grdt.gif);
	background-color:#eff6fa;
	background-repeat:repeat-x;
	padding:2px;
	border-bottom:#b8c3cc 1px solid;
}
.tbl_main .titleReg, .XEtbl_main .XEtitleReg {
	font-size:90%;
	padding:2px;
	font-family:Arial,Helvetica,sans-serif; 
	background-image:url(/gen/images/bg_btn_grdt.gif); 
	background-repeat:repeat-x;
	background-color:#eff6fa; 
	border-bottom:#b8c3cc 1px solid;
}
.tbl_main .titleRegAlibaba {
	color:#f76400;
	font-size:90%;
	padding:2px;
	font-family:Arial,Helvetica,sans-serif; 
	background-image:url(/gen/images/bg_btn_grdt.gif); 
	background-repeat:repeat-x;
	background-color:#eff6fa; 
	border-bottom:#b8c3cc 1px solid;
}
.tbl_main .subTitle, .XEtbl_main .XEsubTitle {
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:110%;
	font-style:italic;
	color:#666666;
}
.tbl_main .grey, .XEtbl_main .XEgrey {
	color:#333333;
	padding:4px;
	font-size:95%;
}
.tbl_main .small, .XEtbl_main .XEsmall {
	font-size:90%;
	color:#666666;
}
.tbl_main .note {
	font-size:80%;
}
.tbl_main .reqd, .XEtbl_main .XEreqd {
	font-size:90%;
	color:#cc3d3d;
}
.tbl_main input, .XEtbl_main input {
	font-size:100%;
}
.currency td {
	font-size:95%;
	height:23px;
}
.currencyA {
	border-bottom:1px dashed #a1aab3;
}
.currencyB {
	border-bottom:1px solid #bdc3ce;
}
.cur1 {
	background-color:#FFFFFF;
	border-left:1px solid #a1aab3;
}
.cur2 {
	background-color:#ebf7ff;
	border-left:1px solid #a1aab3;
	border-right:1px solid #a1aab3;
}
.curLast {
	background-color:#ebf7ff;
	border-left:1px solid #a1aab3;
}
.padding, .XEpadding {
	font-size:95%;
	padding:4px;
}

/* ======================= Timelinr =========================== */

#timeline {
	width: 800px;
	height: 350px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	background: url('../imagens/dot.gif') left 45px repeat-x;
}
#dates {
	width: 800px;
	height: 60px;
	overflow: hidden;
}
#dates li {
	list-style: none;
	float: left;
	width: 160px;
	height: 50px;
	font-size: 24px;
	text-align: center;
	background: url('../imagens/biggerdot.png') center bottom no-repeat;
}
#dates a {
	line-height: 38px;
	padding-bottom: 10px;
}

#dates .selected {
	font-size: 28px;
}

#issues {
	width: 800px;
	height: 350px;
	overflow: hidden;
}

#issues li {
	width: 800px;
	height: 350px;
	list-style: none;
	float: left;
}

#issues li.selected img {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

#issues li img {
	float: left;
	margin: 10px 30px 10px 50px;
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */
	zoom: 1;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out; 
	transition: all 2s ease-in-out;
	-webkit-transform: scale(0.7,0.7);
	-moz-transform: scale(0.7,0.7);
	-o-transform: scale(0.7,0.7);
	-ms-transform: scale(0.7,0.7);
	transform: scale(0.7,0.7);
}
	
#issues li h1 {
	color: #ffcc00;
	font-size: 48px;
	margin: 20px 20px;
}

#issues li p {
	font-size: 14px;
	margin: 20px 70px 20px 20px;
	font-weight: normal;
	line-height: 22px;
}

#grad_left,
#grad_right {
	width: 100px;
	height: 350px;
	position: absolute;
	top: 0;
}

#grad_left {
	left: 0;
	/*background: url('../imagens/grad_left.png') repeat-y;*/
}

#grad_right {
	right: 0;
	/*background: url('../imagens/grad_right.png') repeat-y;*/
}

#next,
#prev {
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 170px;
	width: 22px;
	height: 38px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#next:hover,
#prev:hover {
	background-position: 0 -76px;
}

#next {
	right: 0;
	background-image: url('../imagens/next.png');
}

#prev {
	left: 0;
	background-image: url('../imagens/prev.png');
}

#next.disabled,
#prev.disabled {
	opacity: 0.2;
}

.modal-dialog {
    left: 50%;
    padding-bottom: 30px;
    padding-top: 30px;
    right: auto;
    width: 80%;
	margin-top: 5%;
}

.history-modal > .modal-dialog {
    left: 50%;
    padding-bottom: 30px;
    padding-top: 30px;
    right: auto;
    width: 400px;
	margin-top: 5%;
}

 .modal-video > .modal-dialog {
    left: 50%;
    padding-bottom: 30px;
    padding-top: 30px;
    right: auto;
    width: 700px;
	margin-top: 5%;
}

.container-btn  { background-color: #fff; border: 1px solid #ccc; max-width: 23%; margin-bottom: 4px;}
.container-btn img { max-width: 80%;}

#caseStudies img {margin-bottom: 5px;}

#caseStudies { height: 225px; }

.logos-steam { padding-top: 20px; margin-bottom: 100px;}

.tab-content { margin-top: 20px; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* Lightbox */

/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../img/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../img/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Noticias */

.panel-default {
opacity: 0.9;
margin-top:30px;
}
.form-group.last { margin-bottom:0px; }

#tweets { overflow-y:hidden;
overflow-x:hidden;}
.scroll-text {
  width: 295px;
 /* height: 250px;*/
  overflow-y:hidden;
overflow-x:hidden;
}
.scroll-text ul {
  width: 100%;
  margin: 0;
  padding: 0;
 overflow-y:hidden;
overflow-x:hidden;
}
.scroll-text ul li {
  height: auto;
  list-style:none;
  text-align:left;
  padding: 10px 0;
  border-bottom: 1px solid #fafafa;
}

.scroll-text a,.scroll-text a:visited,.scroll-text a:link { color: #fafafa; }

/* Values */

.values-circle { opacity: 0; -webkit-border-radius: 400px; -moz-border-radius: 400px; border-radius: 400px; width: 160px; height: 160px; color: #000; text-align: center;  -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out;}
.values-circle > h3 { padding-top: 28px !important; text-align: center !important; }
.values-space > h3 { padding-top: 48px !important; }
.values-circle.big > h3 { padding-top: 88px !important; text-align: center !important; }
.values-circle small { color: #000 !important; }
.values-circle.big { width: 280px; height: 280px; font-size: 150%; }
.values-opacity {opacity: 1;}
.values-quality {
	background: #cbc8e3; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjYmM4ZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOWY5YWNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, #cbc8e3 0%, #9f9acc 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#cbc8e3), color-stop(100%,#9f9acc)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #cbc8e3 0%,#9f9acc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #cbc8e3 0%,#9f9acc 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #cbc8e3 0%,#9f9acc 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #cbc8e3 0%,#9f9acc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbc8e3', endColorstr='#9f9acc',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.values-innovation {
	background: #c6e9f4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNmU5ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTRiY2RhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, #c6e9f4 0%, #54bcda 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#c6e9f4), color-stop(100%,#54bcda)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #c6e9f4 0%,#54bcda 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #c6e9f4 0%,#54bcda 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #c6e9f4 0%,#54bcda 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #c6e9f4 0%,#54bcda 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6e9f4', endColorstr='#54bcda',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.values-confidentiality {
	background: #bddbf1; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiZGRiZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjRhOWRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, #bddbf1 0%, #64a9dc 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#bddbf1), color-stop(100%,#64a9dc)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #bddbf1 0%,#64a9dc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #bddbf1 0%,#64a9dc 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #bddbf1 0%,#64a9dc 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #bddbf1 0%,#64a9dc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bddbf1', endColorstr='#64a9dc',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.values-steamship {
	background: #96c2de; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5NmMyZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODFhYWMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, #96c2de 0%, #81aac3 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#96c2de), color-stop(100%,#81aac3)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #96c2de 0%,#81aac3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #96c2de 0%,#81aac3 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #96c2de 0%,#81aac3 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #96c2de 0%,#81aac3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c2de', endColorstr='#81aac3',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.values-steamship { position: relative; float:left; margin: auto; }
.attitude, .confidentiality, .quality, .innovation, .integrity, .reliability { position: relative; float:left; margin: auto; }

.attitude { left: 90px; top: 110px; z-index: 9999; transition-delay: 6s; -webkit-transition-delay: 6s;}
.quality { left: 120px; top: -10px; z-index: 9999; transition-delay: 1s; -webkit-transition-delay: 1s;}
.integrity { left: 140px; top: 110px; z-index: 9999; transition-delay: 2s; -webkit-transition-delay: 2s;}
.values-steamship { left: 220px; top: -20px;}
.confidentiality { left: 140px; top: -140px; z-index: 9999; transition-delay: 3s; -webkit-transition-delay: 3s; }
.reliability { left: 120px; top: -30px; z-index: 9999; transition-delay: 4s; -webkit-transition-delay: 4s;}
.innovation { left: 95px; top: -140px; z-index: 9999; transition-delay: 5s; -webkit-transition-delay: 5s;}

#index-anim { width: 740px; height: 400px; overflow: hidden;}

#titulo-index-anim, #texto-index-anim, #subtitulo-index-anim { visibility: hidden; }

.font-bolder {
	font-weight: 600;
}

@media (max-width: 1280px) {
#timeline { width: 650px; }
#dates { width: 650px; }
#issues { width: 650px; }
#issues li { width: 650px; }
}

@media (max-width: 1024px) { 
.table-fixed img { max-width: 60px; text-align:center}
.table-fixed { font-size: 75%;}
#body-content .body-padding {padding: 20px 5px;}
#timeline { width: 450px; }
#dates { width: 450px; }
#dates li { margin-left: 0px; }
#issues { width: 450px; }
#issues li { width: 450px; }
.visible-button{
	display:block;
}
#footer .btn {
	min-height: 110px;
}
.country-modal {
	top: 36%;
	left: 22.5%;
}
img.incoterms { width: 40px; vertical-align:middle;}
}

@media (max-width: 837px) { 
.twitter-block { margin-bottom: 10px; }
.table-fixed {table-layout:auto;}
.table-fixed img { max-width: 60px; text-align:center}
#footer .btn { margin-bottom: 25px; }
.visible-button{
	display:block;
}
.country-modal {
	top: 36%;
	left: 22.5%;
}
.navbar-blue {display: block !important;}
.navbar-blue li {display: inline-block !important; width:}
}

@media (max-width: 479px) { 
.relogio {display: none;}
.table-fixed {table-layout:auto;}
.table-fixed img { max-width: 60px; text-align:center}
#footer .btn { margin-bottom: 20px; }
.visible-button{
	display:block;
}
.country-modal {
	top: 36%;
	left: 22.5%;
}
.navbar-blue {display: block !important;}
.navbar-blue li {display: inline-block !important; width:}
}

@media (max-width: 1024px) { 


/* Non-responsive overrides
 *
 * Utilitze the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
 */

/* Reset the container */
.container {
  max-width: none !important;
  width: 970px;
}

/* Demonstrate the grids */
.col-xs-4 {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  border: 1px solid #ddd;
  background-color: rgba(86,61,124,.15);
  border: 1px solid rgba(86,61,124,.2);
}

.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

/* Always float the navbar header */
.navbar-header {
  float: left;
}

/* Undo the collapsing navbar */
.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}

.navbar-toggle {
  display: none;
}

.navbar-brand {
  margin-left: -15px;
}

/* Always apply the floated nav */
.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding: 15px;
}

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
  float: right;
}

/* Undo custom dropdowns */
.navbar .open .dropdown-menu {
  position: absolute;
  float: left;
  background-color: #fff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.navbar .open .dropdown-menu > li > a {
  color: #333;
}
.navbar .open .dropdown-menu > li > a:hover,
.navbar .open .dropdown-menu > li > a:focus,
.navbar .open .dropdown-menu > .active > a,
.navbar .open .dropdown-menu > .active > a:hover,
.navbar .open .dropdown-menu > .active > a:focus {
  color: #fff !important;
  background-color: #428bca !important;
}
.navbar .open .dropdown-menu > .disabled > a,
.navbar .open .dropdown-menu > .disabled > a:hover,
.navbar .open .dropdown-menu > .disabled > a:focus {
  color: #999 !important;
  background-color: transparent !important;
}

.visible-button{
	display:block;
}
.country-modal {
	top: 36%;
	left: 22.5%;
}
.navbar-blue {display: block !important;}
.navbar-blue li {display: inline-block !important; width:}

.sidebar-index {
	margin-bottom: 20px;
}
}

/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/

/*
==============================================
slideDown
==============================================
*/


.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 3s;	
	-webkit-animation-duration: 3s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
==============================================
slideUp
==============================================
*/


.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 3s;	
	-webkit-animation-duration: 3s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
==============================================
slideLeft
==============================================
*/


.slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

	animation-duration: 3s;	
	-webkit-animation-duration: 3s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
	50%{
		transform: translateX(-8%);
	}
	65%{
		transform: translateX(4%);
	}
	80%{
		transform: translateX(-4%);
	}
	95%{
		transform: translateX(2%);
	}			
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}
	50%{
		-webkit-transform: translateX(-8%);
	}
	65%{
		-webkit-transform: translateX(4%);
	}
	80%{
		-webkit-transform: translateX(-4%);
	}
	95%{
		-webkit-transform: translateX(2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

/*
==============================================
slideRight
==============================================
*/


.slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	

	animation-duration: 3s;	
	-webkit-animation-duration: 3s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}
	50%{
		transform: translateX(8%);
	}
	65%{
		transform: translateX(-4%);
	}
	80%{
		transform: translateX(4%);
	}
	95%{
		transform: translateX(-2%);
	}			
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}
	50%{
		-webkit-transform: translateX(8%);
	}
	65%{
		-webkit-transform: translateX(-4%);
	}
	80%{
		-webkit-transform: translateX(4%);
	}
	95%{
		-webkit-transform: translateX(-2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

/*
==============================================
slideExpandUp
==============================================
*/


.slideExpandUp{
	animation-name: slideExpandUp;
	-webkit-animation-name: slideExpandUp;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease -out;

	visibility: visible !important;	
}

@keyframes slideExpandUp {
	0% {
		transform: translateY(100%) scaleX(0.5);
	}
	30%{
		transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		transform: translateY(2%) scaleX(0.5);
	}
	50%{
		transform: translateY(0%) scaleX(1.1);
	}
	60%{
		transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		transform: translateY(0%) scaleX(1);		
	}
}

@-webkit-keyframes slideExpandUp {
	0% {
		-webkit-transform: translateY(100%) scaleX(0.5);
	}
	30%{
		-webkit-transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		-webkit-transform: translateY(2%) scaleX(0.5);
	}
	50%{
		-webkit-transform: translateY(0%) scaleX(1.1);
	}
	60%{
		-webkit-transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		-webkit-transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		-webkit-transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		-webkit-transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		-webkit-transform: translateY(0%) scaleX(1);		
	}
}

/*
==============================================
expandUp
==============================================
*/


.expandUp{
	animation-name: expandUp;
	-webkit-animation-name: expandUp;	

	animation-duration: 0.7s;	
	-webkit-animation-duration: 0.7s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;		

	visibility: visible !important;	
}

@keyframes expandUp {
	0% {
		transform: translateY(100%) scale(0.6) scaleY(0.5);
	}
	60%{
		transform: translateY(-7%) scaleY(1.12);
	}
	75%{
		transform: translateY(3%);
	}	
	100% {
		transform: translateY(0%) scale(1) scaleY(1);
	}	
}

@-webkit-keyframes expandUp {
	0% {
		-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
	}
	60%{
		-webkit-transform: translateY(-7%) scaleY(1.12);
	}
	75%{
		-webkit-transform: translateY(3%);
	}	
	100% {
		-webkit-transform: translateY(0%) scale(1) scaleY(1);
	}	
}

/*
==============================================
fadeIn
==============================================
*/

.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 3.5s;	
	-webkit-animation-duration: 3.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		transform: scale(1.1);	
	}
	80% {
		transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		-webkit-transform: scale(1.1);
	}
	80% {
		-webkit-transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}

/*
==============================================
expandOpen
==============================================
*/


.expandOpen{
	animation-name: expandOpen;
	-webkit-animation-name: expandOpen;	

	animation-duration: 1.2s;	
	-webkit-animation-duration: 1.2s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;	
}

@keyframes expandOpen {
	0% {
		transform: scale(1.8);		
	}
	50% {
		transform: scale(0.95);
	}	
	80% {
		transform: scale(1.05);
	}
	90% {
		transform: scale(0.98);
	}	
	100% {
		transform: scale(1);
	}			
}

@-webkit-keyframes expandOpen {
	0% {
		-webkit-transform: scale(1.8);		
	}
	50% {
		-webkit-transform: scale(0.95);
	}	
	80% {
		-webkit-transform: scale(1.05);
	}
	90% {
		-webkit-transform: scale(0.98);
	}	
	100% {
		-webkit-transform: scale(1);
	}					
}

/*
==============================================
bigEntrance
==============================================
*/


.bigEntrance{
	animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;			
}

@keyframes bigEntrance {
	0% {
		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}		
}

@-webkit-keyframes bigEntrance {
	0% {
		-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}				
}

/*
==============================================
hatch
==============================================
*/

.hatch{
	animation-name: hatch;
	-webkit-animation-name: hatch;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 

	visibility: visible !important;		
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}	
	65% {
		transform: rotate(1deg);
	}	
	80% {
		transform: rotate(-1deg);
	}		
	100% {
		transform: rotate(0deg);
	}									
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}	
	65% {
		-webkit-transform: rotate(1deg);
	}	
	80% {
		-webkit-transform: rotate(-1deg);
	}		
	100% {
		-webkit-transform: rotate(0deg);
	}		
}


/*
==============================================
bounce
==============================================
*/


.bounce{
	animation-name: bounce;
	-webkit-animation-name: bounce;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 	
}

@keyframes bounce {
	0% {
		transform: translateY(0%) scaleY(0.6);
	}
	60%{
		transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		transform: translateY(0%) scaleY(1) scaleX(1);
	}	
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translateY(0%) scaleY(0.6);
	}
	60%{
		-webkit-transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
	}		
}


/*
==============================================
pulse
==============================================
*/

.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}

/*
==============================================
floating
==============================================
*/

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

/*
==============================================
tossing
==============================================
*/

.tossing{
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}

/*
==============================================
pullUp
==============================================
*/

.pullUp{
	animation-name: pullUp;
	-webkit-animation-name: pullUp;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 		
}

@keyframes pullUp {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*
==============================================
pullDown
==============================================
*/

.pullDown{
	animation-name: pullDown;
	-webkit-animation-name: pullDown;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%; 		
}

@keyframes pullDown {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullDown {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*
==============================================
stretchLeft
==============================================
*/

.stretchLeft{
	animation-name: stretchLeft;
	-webkit-animation-name: stretchLeft;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%; 
}

@keyframes stretchLeft {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchLeft {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}

/*
==============================================
stretchRight
==============================================
*/

.stretchRight{
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%; 		
}

@keyframes stretchRight {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchRight {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}