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

#main {width:100%; padding:0; margin:0 auto;}
#content{width:950px; margin:0 auto; text-align:left;}

#card{width:310px; height:100px; padding:10px; border:1px solid #acacac; box-shadow: 0 4px 4px #999; margin-top:50px; background:#fff;}
/*#overlay {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;  background-color: #fff; position: absolute; top: 0px; left: 0px; z-index: 50; width: 100%; height: 100%; display:none;}
*/
#menam{margin:auto; padding:20px; width:400px; background:#fff; box-shadow: 0 4px 16px #999; z-index: 51; border:1px solid #acacac;  position:absolute; display:none;}
#results{width:400px;}


.aniOne {
  animation: lineOne 1s;
}

@keyframes lineOne {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.aniTwo {
  animation: lineTwo 4s;
}

@keyframes lineTwo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.aniThree {
  animation: lineThree 9s;
}

@keyframes lineThree {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.aniMenu {
	position: relative;
	-webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
	animation-name: example;
    animation-duration: 1s;
}

@-webkit-keyframes example {
    0%   {top:-20px; z-index: -1;}
	75%   {z-index: -1;}
    100% {top:0px; z-index: 2;}
}

/* Standard syntax */
@keyframes example {
    0%   {top:-20px; z-index: -1;}
	75%   {z-index: -1;}
    100% {top:0px; z-index: 2;}
}


@font-face 
{
	font-family: GOTHIC;
	src: url('font/GOTHIC.TTF');
}

@font-face 
{
	font-family: FCM;
	src: url('font/futura-condensed-medium.ttf');
}


@font-face 
{
	font-family: CMBR;
	src: url('font/cambriab.ttf');
}


.CenturyGothic
{
	font-family: "GOTHIC", "Helvetica", "Arial", "serif";
}

.FuturaCM
{
	font-family: "FCM", "Helvetica", "Arial", "serif";
}

.Cambria
{
	font-family: "CMBR", "Helvetica", "Arial", "serif";
}



@font-face 
{
	font-family: FUTURA;
	src: url('font/tt0143m_.ttf');
}

.FuturaCondensed
{
	font-family: "FUTURA", "Helvetica", "Arial", "serif";
}

body {
	font-family: "CenturyGothic", "Helvetica", "Verdana", "sans-serif";
	font-size: 16px;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	color: #3d3d3d;
	
	width: 100%;
	height: 100%;
  	display: block;
}

a img { 
	color: #000;
	border: none;
}

a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	color: #000;
	text-decoration: none;
}


.languangeEN {
	background:url(../imgs/language_en.jpg);
	background-repeat: no-repeat;
	width:26px;
	height:13px;
	border: 0;
	color: rgba(0, 0, 0, 0);
}

.languangeIN {
	background:url(../imgs/language_in.jpg);
	background-repeat: no-repeat;
	width:26px;
	height:13px;
	border: 0;
	color: rgba(0, 0, 0, 0);
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.red {
	color: #F00;
}

.white {
	color: #FFF;
}

.grey {
	color: #3d3d3d;
}


.font14 {
	font-size: 14px;
}

.font16 {
	font-size: 16px;
}

.font18 {
	font-size: 18px;
}

.font20 {
	font-size: 20px;
}


.fontcompany {
	font-size: 50px;
}


.fontfooter {
	font-size: 11px;
}

.fonthome1 {
	font-size: 40px;
}

.fonthome2 {
	font-size: 24px;
}

.fontstroke {
	/* -webkit-text-stroke: 1px black;
	*/
	text-shadow:
       1px 1px 0 #2b2b2b,
     -1px -1px 0 #2b2b2b,  
      1px -1px 0 #2b2b2b,
      -1px 1px 0 #2b2b2b,
       1px 1px 0 #2b2b2b;
}


.containerBody {
	width: 100%;
}

.lightgreyblock {
	background-color: #818181;
}


.greyblock {
	background-color:#3d3d3d;
}

.greyblueblock {
	background-color:#001E3C;
}


.greymenu {
	background: url(../imgs/menu_bg_trans.png);
	/*
	background-color:#3d3d3d;
	opacity: 0.7;
    filter: alpha(opacity=70); 
	*/
}

.menugap {
	width: 40px;
	display: inline-block;
}


.aboutgap {
	height: 30px;
}


.bgabout {
	background: url(../imgs/bg_aboutus.jpg) no-repeat center center; 
	width: 100%;
	/*
	background: url(../imgs/bg_aboutus.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/
}


.bgmachine {
	background: url(../imgs/bg_machines.jpg) center center; 
	width: 100%;
	height: 100%;
}


.bgproduct {
	background: url(../imgs/bg_products.jpg) center center; 
	width: 100%;
	height: 100%;
}


.bgcontactus {
	background: url(../imgs/bg_contactus.jpg) center center; 
	width: 100%;
	height: 100%;
}


.popupmachine {
	width:650px;
	display: none;
}


div.whatsapp {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.linkMenu A:link {
	font-family: "CenturyGothic", "Helvetica", "Verdana", "sans-serif";
	font: 20px;
	color: #fff;
	text-decoration: none;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	
}
.linkMenu A:visited {
	font-family: "CenturyGothic", "Helvetica", "Verdana", "sans-serif";
	font: 20px;
	color: #fff;
	text-decoration: none;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.linkMenu A:active {
	font-family: "CenturyGothic", "Helvetica", "Verdana", "sans-serif";
	font: 20px;
	color: #fff;
	text-decoration: none;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.linkMenu A:hover {
	font-family: "CenturyGothic", "Helvetica", "Verdana", "sans-serif";
	font: 20px;
	color: #F00;
	text-decoration: none;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}


.linkText A:link {
	font-family: "CenturyGothic", "Helvetica", "Verdana", "sans-serif";
	font-weight: bold;
	color: #F00;
	text-decoration: none;
}
.linkText A:visited {
	font-family: "CenturyGothic", "Helvetica", "Verdana", "sans-serif";
	font-weight: bold;
	color: #F00;
	text-decoration: none;
}
.linkText A:active {
	font-family: "CenturyGothic", "Helvetica", "Verdana", "sans-serif";
	font-weight: bold;
	color: #F00;
	text-decoration: none;
}
.linkText A:hover {
	font-family: "CenturyGothic", "Helvetica", "Verdana", "sans-serif";
	font-weight: bold;
	color: #333;
	text-decoration: none;
}



.linkEmail A:link {
	font-family: "CenturyGothic", "Helvetica", "Verdana", "sans-serif";
	font-size: 20px;
	font-weight: bold;
	color: #F00;
	text-decoration: none;
}
.linkEmail A:visited {
	font-family: "CenturyGothic", "Helvetica", "Verdana", "sans-serif";
	font-size: 20px;
	font-weight: bold;
	color: #F00;
	text-decoration: none;
}
.linkEmail A:active {
	font-family: "CenturyGothic", "Helvetica", "Verdana", "sans-serif";
	font-size: 20px;
	font-weight: bold;
	color: #F00;
	text-decoration: none;
}
.linkEmail A:hover {
	font-family: "CenturyGothic", "Helvetica", "Verdana", "sans-serif";
	font-size: 20px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}