@charset "utf-8";



@media(min-width: 100px)   
  and (max-width: 350px)
  {

#cel  span {

	font-size: 12px !important;
}

#cel  span a{

	font-size: 14px !important;
	color: #FFF !important;

}

#pricing:before{ 
background: none !important;
}

	#pricing {

margin-top: 0px !important;
		width: 65px !important;

		font-size: 14px !important;

		text-indent: 4px !important;

	}



	#pricing:after, #pricing:active, #pricing:active:after, #pricing:hover {

		width:80px;

	}



}
/* CSS Document */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

:focus {

	outline: 0;

}

* {

	box-sizing:border-box;

}

.clear {

	clear:both;

}



/* end reset */



body {

	font-family: 'Roboto', sans-serif;

	background: #fff;

}


.container {

	max-width:1100px;

	margin:auto;

	position: relative;

}

.container-center {

	max-width:1100px;

	margin:auto;

	position: relative;

    align-content: center;

}



.container-internal {

	max-width:820px;

	margin:auto;

	position: relative;

}

.container-center-internal{

	max-width:820px;

	margin:auto;

	position: relative;

    align-content: center;

}




#grey-bar {

	/*background:#880015;*/
	background:#AAA;

	color:#fff;

	padding: 8px 0;

}



#cel {

	display: inline-block;

	font-size: 28px;

}



#cel span {

	display: inline-block;

	padding: 5px;

	padding-right: 42px;

	padding-left:0;

	margin-right: 10px;

}


.datasheetbutton {
    background: transparent url("../img/big-btn-grey.jpg") repeat-x scroll center center;
    height: 60px;
    border-radius: 5px;
    display: inline-block;
    line-height: 56px;
    text-decoration: none;
    width: 230px;
    text-align: center;
    border: 2px solid #333;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    position: relative;
    top: 7px;
    margin-bottom: -25px;
}


#cel span a {

color: #FFF;

text-decoration: none;

}



a.#tlf {

color: #FFF;

text-decoration: none;

}



#tlf {

	background:url(../img/icon-cel.png) no-repeat center right;

  

}



#whatsapp {

	//background:url(../img/icon-cel.png) no-repeat center right;

/*  color: #880015;*/

 color: #AAA;

}



#pricing, .readmore , .readmoredatasheet{

	float: right;

	position: relative;

	background: url(../img/mini-btn-yellow.jpg) repeat-x center;

	height: 42px;

	margin-top: -2px;

	width: 184px;

	border-radius: 5px;

	border: 1px solid #FBF09F;

	font-size: 26px;

	text-decoration: none;

	color: #75600A;

	line-height: 42px;

	text-indent: 22px;

	transition: all 0.4s ease;

}



.readmore {

	float:none;

	width:208px;

	margin:auto;

	height:60px;

	background:url(../img/big-btn-yellow.jpg) repeat-x center;

	display:block;

	line-height:60px;

	font-size:20px;

	text-indent: 74px;

	margin-top: 32px;

}


.readmoredatasheet {

	float:none;

	width:208px;

	margin:auto;

	height:60px;

	background:url(../img//big-btn-grey.jpg) repeat-x center;

	display:block;

	line-height:60px;

	font-size:20px;

	text-indent: 55px;

	margin-top: 32px;
	
	border: 1px solid #666;
	
	color: #666;

}



#pricing:before, .readmore:before {

	content: '';
 
	position: absolute;

	background: url(../img/icon-pricing.png) no-repeat center;

	width: 36px;

	height: 36px;

	top: 2px;

	right: 18px;

}





.readmore:before {

	background: url(../img/plus-btn.png) no-repeat center;

	top: 12px;

	right: initial;

	left: 29px;

}

.readmoredatasheet:before {

	/*background: url(../img/plus-btn.png) no-repeat center;*/

	top: 12px;

	right: initial;

	left: 29px;

}





#pricing:after {

	content: '';

	position: absolute;

	background:transparent;

	width: 184px;

	height: 42px;

	top: 0;

	right: 0;

	border-radius: 5px;

	transition: all 0.4s ease;

}



.readmore:after, .readmoredatasheet:after, .icon-float-right > div a:after {

	content: '';

	position: absolute;

	background:transparent;

	width: 208px;

	height: 60px;

	top: 0;

	right: 0;

	border-radius: 5px;

	transition: all 0.4s ease;

}



.icon-float-right > div a:after {

	width: 230px;

	height: 56px;

}



#pricing:hover:after {

	background:url(../img/btn-hover.png) no-repeat bottom center;

}



.readmore:hover:after,.readmoredatasheet:hover:after, .icon-float-right > div a:hover:after {

	background:url(../img/btn-hover.png) no-repeat bottom center;

	background-size:250px;

}



#pricing:active:after, .readmore:active:after, .readmoredatasheet:active:after, .icon-float-right > div a:active:after {

	content: '';

	position: absolute;

	background:rgba(255,255,255,0.5);

	width: 184px;

	height: 42px;

	top: 0;

	right: 0;

	border-radius: 5px;

	transition: all 0.4s ease;

}



.readmore:active:after , .readmoredatasheet:active:after {

	width:208px;

	height:60px;

}



.icon-float-right > div a:active:after {

	width: 226px;

	height: 56px;

}



#logo {

	float: left;

	padding: 12px 0;

}



#text-logo {

	float: right;

	padding: 22px 0;

}



#text-logo h1 {

	color: #B3B3B3;

	font-size: 36px;

}



#text-logo h3 {

	color: #B3B3B3;

	font-size: 22px;

	text-transform: uppercase;

}



.three-colum {

	font-size:0;

	padding: 38px 0;

	position:relative;

	z-index:1;

}



.three-colum > div {

	width:21%;

	display:inline-block;

	font-size:14px;

	margin-left:3.5%;

	vertical-align:top;

}



.three-colum > div:first-child {

	margin-left:0;

}




.three-colum-internal {

	font-size:0;

	padding: 38px 0;

	position:relative;

	z-index:1;

}



.three-colum-internal > div {

	width:31%;

	display:inline-block;

	font-size:14px;

	margin-left:3.5%;

	vertical-align:top;

}



.three-colum-internal > div:first-child {

	margin-left:0;

}



.bg-red {

	/*background:url(../img/bgirvine.jpg) no-repeat center;*/

	background-size:cover;

	position:relative;

}



.bg-red-three {

	background:url(../img/bg3.jpg) no-repeat center;

	background-size:cover;

	position:relative;

}



.bg-red-four {

	background:url(../img/bgnoc.jpg) no-repeat center;

	background-size:cover;

	position:relative;

}

.bg-red-five {

	background:url(../img/bgerp-old.jpg) no-repeat center;

	background-size:cover;

	position:relative;

}

.bg-red:before
{

	content:'';

	position:absolute;

	background: rgba(247, 247, 247, 0.8);

	top:0;

	left:0;

	right:0;

	bottom:0;

}


.bg-red-five:before, .bg-red-two:before, .bg-red-four:before, .bg-red-three:before {

	content:'';

	position:absolute;

	background: rgba(0, 0, 0, 0.8);

	top:0;

	left:0;

	right:0;

	bottom:0;

}



.icon-block {

	text-align: center;

	color: #fff;

	font-size: 14px;

	background: rgba(86,86,86,0.9);

	padding: 25px;

	border-radius: 6px;

	border: 1px solid #fff;

    height: 520px;

}


.icon-block-choose {

	text-align: center;

	color: #fff;

	font-size: 14px;

	background: rgba(86,86,86,0.9);

	padding: 25px;

	border-radius: 6px;

	border: 1px solid #fff;

	height: 289px;
	

}

.icon-block-choose h2 {

	font-size: 25px;

	margin: 12px 0;

	min-height: 52px;

	font-weight: 500;
	
	text-shadow: 2px 2px #3c3c3c;

}

.icon-block h2 {

	font-size: 25px;

	margin: 12px 0;

	min-height: 52px;

	font-weight: 500;
	
	text-shadow: 2px 2px #3c3c3c;

}



.icon-block p {

	font-weight: 300;

	font-size: 15px;

	line-height: 1.4;
	
	text-shadow: 1px 1px #3c3c3c;

}



.two-one-colum {

	font-size:0;

	display:block;

}



.two-one-colum > div, .two-one-colum > div + div {

	display: inline-block;

	font-size: 14px;

	padding: 30px 40px;

	width: 60%;

	vertical-align: top;

}



.two-one-colum > div + div {

	padding-left:0;

	width: 40%;

}



footer .two-one-colum > div h1 {

	font-size: 36px;

	color: #333333;

	background: url(../img/arrow-d.png) no-repeat;

	background-position: 230px;

}



.contact-foot {

	position: relative;

	height: 46px;

	margin-bottom: 10px;

	margin-top: 5px;

}



.contact-foot input[type="text"] {

	height: 46px;

	border: none;

	color: #fff;

	background: #CCCCCC;

	width: 100%;

	border-radius: 5px;

	margin: 0;

	padding: 0 90px 0 15px;

    font-size: 16px;

    font-family: 'Roboto','sans-serif';

}



.contact-foot input[type="button"] {

	height: 46px;

	border: none;

	color: #fff;

	background: #333;

	width: 75px;

	border-radius: 0 5px 5px 0;

	position: absolute;

	top: 0;

	right: 0;

	font-size: 18px;

	font-weight: 300;

	font-family: 'Roboto', sans-serif;

	-webkit-appearance: none;

}





.contact-foot input[type="submit"] {

	height: 46px;

	border: none;

	color: #fff;

	background: #333;

	width: 75px;

	border-radius: 0 5px 5px 0;

	position: absolute;

	top: 0;

	right: 0;

	font-size: 18px;

	font-weight: 300;

	font-family: 'Roboto', sans-serif;

	-webkit-appearance: none;

}



.pointer {

	cursor: pointer;

}



::-webkit-input-placeholder {

   color: white;

}



:-moz-placeholder { 

   color: white;  

}



::-moz-placeholder { 

   color: white;  

}



:-ms-input-placeholder {  

   color: white;  

}



footer .two-one-colum > div p {

	font-size: 14px;

	color:#CCCCCC;

	line-height: 1.3;

}



footer .two-one-colum > div + div h2 {

	color: #CCCCCC;

	font-size: 18px;

}



footer .two-one-colum > div + div i {

	display: block;

	margin-top: 12px;

}



.bg-red-two {

  background: url(../img/bg1.jpg) no-repeat center;

  background-size: cover;

  position: relative;

}



.bg-red-two > div {

	position: relative;

	z-index: 1;

}



.big-h1 {

	color:#fff;

	font-size: 50px;

	padding-top: 45px;

}



.icon-float-right i {

	float: right;

  	width: 31%;

}



.icon-float-right > div {

	width: 60%;

}



.icon-float-right > div p {

	font-size: 20px;

	font-weight: 300;

	color: #DCC001;

	margin: 15px 0 30px;

	line-height: 1.4;

	min-height: 190px;
	
	text-shadow: 2px 2px #000;

}



.icon-float-right > div a { 

	background: url(../img/big-btn-grey.jpg) repeat-x center;

	height: 60px;

	border-radius: 5px;

	display: inline-block;

	line-height: 56px;

	text-decoration: none;

	width: 230px;

	text-align: center;

	border: 2px solid #333;

	font-size: 16px;

	font-weight: 600;

	color: #333;

	position: relative;

	top: 7px;

	margin-bottom: -25px;
	
	
	/*
	visibility: hidden; 
	*/

}



.icon-float-right i img {

	/*width: 100%;*/

}



.bg-grey {

	background: #333;

	padding-top: 66px;

	padding-bottom:45px;

}



.bg-grey .three-colum {

	padding: 0;

}



.bg-grey h3 {

	font-size: 25px;

	color: #DCC001;

	text-align: center;

	font-weight: 300;

	padding-bottom: 15px;

}



.bg-grey p {

	font-size: 12px;

	color: #fff;

	font-weight: 300;

	line-height: 1.3;

  margin-bottom: 10px;

}



.line-text {

	position: relative;

	background: url(../img/line.jpg) repeat-x center;

}



.line-text p {

	color: #333;

	font-size: 19px;

	font-weight: 300;

	line-height: 1.4;

	text-align: center;

	padding: 35px 35px 0;

	background-color: #fff;

	margin: 0 -35px;

}



nav {

	float: right;

}



nav a {

	font-size: 18px;

	color: #333;

	float: left;

	text-decoration: none;

	font-weight: 300;

	height: 103px;

	line-height: 103px;

	margin-left: 20px;

}



nav a:hover, nav a.current {

	color: #CCCCCC;

}



.heading-red {

	background: #3D3D3D;

	padding: 25px 0;

	text-align: center;

	color: #fff;

}



.heading-red h1 {

	font-size: 62px;

	font-weight: 300;

	line-height: normal;

}



.heading-red p {

	color: #DCC001;

	font-size: 1.3em;

	line-height: normal;

	font-weight: 300;

	padding-bottom: 10px;

}
 


.required-fields, .form label {

	font-size: 18px;

	color: #FF0000;

	font-weight: 300;

	padding: 30px 10px 15px;

}



.form label {

	padding-top: 15px;

	color:#333333;

	display: inline-block;

}



.form label i {

	color: #FF0000;

	vertical-align: top;

	display: inline-block;

	padding-left: 5px;

}



.form input[type="text"], .form textarea{

	background: #CCCCCC;

	height: 32px;

	border-radius: 5px;

	border: none;

	display: block;

	padding: 0 10px;

	color: #fff;

	width: 100%;

    font-size: 16px;

    font-family: 'Roboto','sans-serif';

	-webkit-appearance: none;

}



.form select {

	background: #CCCCCC;

	height: 32px;

	border-radius: 5px;

	border: none;

	display: block;

	padding: 0 10px;

	color: #fff;

	width: 100%;

    font-size: 16px;

    font-family: 'Roboto','sans-serif';

	-webkit-appearance: none;
	-moz-appearance: none; 
	-o-appearance:none;
    appearance:none; 
	

  overflow: hidden;
  background: url(/img/down_arrow_select.jpg) no-repeat right #ccc;

	
	
}

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

.form textarea {

	height:135px;

	padding: 10px;

}



.form ul {

	font-size: 0;

}



.form ul li {

	display: inline-block;

	vertical-align: top;

	width: 49%;

	margin-right: 1%;

}



.form ul li:nth-of-type(2n) {

	margin-right: 0;

	margin-left: 1%;

}



section.form {

	max-width: 600px;

	margin: auto;

}



.separator {

	display: block;

	border-bottom: 1px solid #333333;

	padding-top: 20px;

	margin: 10px 0;

}



.form ul li:last-child {

	width: 100%;

	margin: 0;

}



.form input[type="submit"] {

	float: right;

	position: relative;

	background: url(../img/mini-btn-yellow.jpg) repeat-x center;

	height: 48px;

	margin-top: 22px;

	width: 225px;

	border-radius: 6px;

	border: 1px solid #FBF09F;

	font-size: 25px;

	text-decoration: none;

	color: #75600A;

	line-height: 42px;

	transition: all 0.4s ease;

	text-align: center;

}





.final-text {

	max-width: 600px;

	margin: auto;

	padding-top: 25px;

	padding-bottom: 10px;

	line-height: 1.3;

}



.final-text p {

	font-size: 16px;

	color: #CCCCCC;

	font-weight: 300;

	margin-bottom:15px;

}



.final-text p:last-child {

	margin-bottom: 0;

}



#img-mini {

	display: none;

}



#menu-mobile {

	position: absolute;

	width: 36px;

	height: 36px;

	background: url(../img/icon-menu-mobile.png) no-repeat center;

	cursor: pointer;

	top: 10px;

	right: 15px;

	display: none;

}


@media (max-width: 1000px) {

div.inpagebase, #MyLiveChatContainer{ 
visibility:hidden;
}


.form ul li:nth-of-type(2n) {
margin-left: 0px !important;
}


div.icon-block 
{

	text-align: center;

	color: #fff;

	font-size: 14px;

	background: rgba(86,86,86,0.9);

	padding: 25px;

	border-radius: 6px;

	border: 1px solid #fff;
	
	height: 100% !important;
           }

	#cel span {

		display: block;

		padding-right: 0;

		font-size: 18px;

		background-size: 24px;

		padding-left: 30px;

		background-position: center left;

	}



	.container {

		max-width: 100%;

		padding-left: 15px;

		padding-right: 15px;

	}


	.container-internal {

		max-width: 100%;

		padding-left: 15px;

		padding-right: 15px;

	}


	#pricing {

		margin-top: 7px;

		width: 104px;

		font-size: 18px;

		text-indent: 6px;

	}



	#pricing:before {

		width: 22px;

		height: 22px;

		background-size: 22px;

		right: 6px;

		top: 9px;

	}



	#pricing:after, #pricing:active, #pricing:active:after, #pricing:hover {

		width:104px;

	}



	#logo {

		float: none;

		display: inline-block;

	}



	#logo img {

		width: 70%;

	}



	#text-logo {

		float:none;

		text-align: center;

	}



	.three-colum {

		padding: 15px;

		margin-bottom: 44px;

	}



	.three-colum > div {

		margin: 0;

		width: 100%;

		margin-bottom: 15px;

	}



	.three-colum > div:last-child {

		margin-bottom: -44px;

	}




	.three-colum-internal {

		padding: 15px;

		margin-bottom: 44px;

	}



	.three-colum-internal > div {

		margin: 0;

		width: 100%;

		margin-bottom: 15px;

	}



	.three-colum-internal > div:last-child {

		margin-bottom: -44px;

	}	
	
	
	
	
	

	.readmore {

		margin-top: 15px;

	}



	.icon-block h2 {

		min-height: 1px;

	}



	.two-one-colum > div, .two-one-colum > div + div {

		padding: 15px 0;

		width: 100%;

	}



	#text-logo h3 {

		font-size: 19px;

	}



	.big-h1 {

		padding-top: 18px;

		text-align: center;

		font-size: 40px;

	}



	.icon-float-right i {

		float: none;

		display: block;

		width: auto;

		text-align: center;

		padding-top: 20px;

	}



	.icon-float-right i img {

		width:auto;

	}



	.icon-float-right > div {

		width: 100%;

	}



	.icon-float-right > div a {

		margin-left: auto;

		margin-right: auto;

		display: block;

		top: 25px;

	}



	.icon-float-right > div p {

		margin-bottom: 0;

        padding: 10px;

	}



	.bg-grey .three-colum > div {

		padding: 15px;

	}



	.line-text p {

		padding: 15px 0;

		margin: 0;

	}



	.line-text {

		background: none;

		position: relative;

		padding: 30px 0 20px;

	}



	.line-text:before , .line-text:after {

		content: '';

		position: relative;

		width: 70%;

		margin:auto;

		height: 1px;

		background: #000;

		display: block;

	}



	.heading-red h1 {

		font-size: 44px;

        line-height: 46px;

        padding-bottom: 10px;

	}



	.heading-red {

		text-align: left;

	}



	.form ul li {

		margin: 0;

		width: 100%;

	}



	.form input[type="submit"] {

		float: none;

		display: block;

		margin: auto;

		margin-top: 20px;

	}



	#img-big {

		display: none;

	}



	#img-mini {

		display: block;

		margin: 20px 0;

	}



	nav {

		float: none;

		display: none;

		margin: 0 -15px;

	}



	nav a {

		margin: 0;

		float: none;

		display: block;

		height: auto;

		line-height: normal;

		color: #ccc;

		background-color: #333;

		padding: 10px 15px;

		border-top: 1px solid #2C2C2C;

	}



	nav a:hover, nav a.current {

		color: #EA0C20;

	}



	#menu-mobile {

		display: block;

	}



}