/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/touchTouch.css";

a[href^="tel:"] {
	color: inherit;
	text-decoration:none;
}
* {
	-webkit-text-size-adjust: none;
}
.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}
.fleft {float:left;}
.fright {float:right;}
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper, .wrapper-extra, .extra-wrap{
	position: relative;
	width: 100%;
	overflow:hidden; 
}
.wrapper-after:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.dis-block{display: block;}
.dis-inblock{display: inline-block;}

.txt_left{text-align: left;}
.txt_right{text-align: right;}
.txt_cntr{text-align: center;}
.txt_ital{font-style: italic;}
.txt_line_through{text-decoration: line-through;}


.marg-left-0{margin-left:0 !important;}	
.marg-right-0{margin-right:0 !important;}
.marg-left-right-0{margin-left:0 !important; margin-right:0 !important;}
.last-mbot{margin-bottom:0 !important;}	
.last-pbot{padding-bottom: 0 !important;}
.last-mpbot{margin-bottom:0 !important;padding-bottom:0 !important;}

.marRight1{margin-right: 33px;}
.marRight2{margin-right: 55px;}

.marTop1{margin-top: 56px;}
.marTop2{margin-top: 95px;}
.marTop3{margin-top: 54px;}
.marTop4{margin-top: 9px;}
.marTop5{margin-top: 27px;}
.marTop6{margin-top: 6px;}
.marTop7{margin-top: -6px;}
.marTop8{margin-top: 30px;}

.marBot1{margin-bottom: 20px;}

.border_botom{border-bottom: 1px solid #f2f2f2; margin-bottom: 25px; padding-bottom: 7px;}

.fs12{font-size: 12px;}

.box{overflow: hidden;}
.bold{font-weight: bold;}

.color1{color: #fff;}
.color2{color: #68b70a;}
.color3{color: #e35f5b;}




/* Global properties ======================================================== */
html, body {
	width: 100%;  
	height: 100%; 
  	margin:0;
    -webkit-font-smoothing: antialiased;
}

body {
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
	font:300 15px/22px "Roboto", Arial, Helvetica, sans-serif ;
	color:#444;
	background: #fff;
	min-width:300px;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

#fullscreen {
width: 100%;  
height: 100%;  
display: block; 
margin:0;
background-color: #ff4500;  
}

#fullscreen .fullscreen-content {
display: block;  
text-align: center;  
vertical-align: middle;  
padding: 0; 
}

#back-top {
	position: fixed;
	right: 20px;
	bottom: 90px;
	z-index: 1000;
	display: none;
	width: 43px;
	height: 44px;
	background: url("../images/up-arrow.png") 0 top no-repeat;
	cursor: pointer;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
#back-top:hover {
	background: url("../images/up-arrow.png") 0 bottom no-repeat;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.main{
	width:100%;
	height: auto;
	padding:0; 
}
.div-content{
	width:100%;
	margin:0 auto;
	padding-bottom:0;
}
strong {
	font-family: 'lato', sans-serif;
    font-style: italic;
	font-weight: 800;
}
/***********************************************************************/
/*===============================>H-logo-properties=========================*/

h1{
	float: left;
	display: block;
	margin:0px;
	margin-top: 0px;
}
h1 img{max-width: inherit;}
h1 a{display:inline-block;}
h2{
	background-color: #68b70a;
	width: 100%;
	color: #fff;
	font-size: 37px;
	font-family: 'Roboto';
	font-weight: 400;
	text-transform: uppercase;
	margin: 35px 0 0 0;
	padding: 80px 0 25px 30px;
}
h3{
	font-weight:400;
	font-family: 'Roboto', sans-serif; Sans', Arial, sans-serif;
	color:#000; 
	text-transform: uppercase;
	letter-spacing: 0px;
}
.sub_h3 {
	font: 400 17px 'Roboto', Arial, sans-serif;
	color: #000;
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing: 0px;
	line-height: 19px;
}

h4 {
	font: 600 25px 'Raleway', Arial, sans-serif;
	color: #000;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0 0 25px 0;
	width: 50%;
}

h4:before {
    content: ' ';
    display: block;
    width: 50px;
    height: 2px;
    margin: 0 0 10px 0;
    background-color: #68b70a;
}

.slogan {
	font-family: 'Lato', Arial, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 15px;
	color: #555;
	margin: 0 0 25px 0;
}

h5 {
	font:800 40px 'Roboto', Arial, sans-serif;
	color:#000;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
}

hr{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C3C3C3;
	border-bottom-color: #FFF;
	height: 2px;
	border-right-style: none;
	border-left-style: none;
}

.lh24{line-height: 24px;}
.lh30{line-height: 30px;}
/* .hline2{
	padding-bottom: 54px;
	margin-bottom: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D3D3D3;
} */
blockquote{
	margin-top: 23px;
	padding-left: 59px;
	background: url(../images/quote_sign.png) 0 6px no-repeat;
}
.bq_txt1{
	font:300 18px/26px 'Roboto', Arial, sans-serif;
	margin-top: -4px;
	color: #323a45;
	display: block;
	margin-bottom: -22px;
}
p{margin-top: 23px;}
p.v2{margin-top: 86px;}
img{max-width:100%; height:auto; margin-bottom: 0px;}

table {
	margin: 0px;
	padding: 0px;
	background-color: #F5F5F5;
	color: #A8A8A8;
}
tr {
}
td {
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 11px;
	border: 1px solid #EBEBEB;
}
.td-title {
	background-color: #E2E2E2;
	color: #666;
	width: 25%;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
}

.txt0{
	color: #FFFFFF;
	margin-top: 50px;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 34px;
	line-height: 40px;
	font-weight: 600;
	text-align: center;
}
.txt1{
	color: #b4f2ff;
	font:bold 23px/30px 'Roboto', Arial, sans-serif;
	margin-top: 61px;
	letter-spacing: 1px;
}
.vline2 {
	position: relative;
	display: inline-block;
	content: '';
	width: 1px;
	height: 68px;
	top: -18px;
	background: #34bfdb;
	margin: 0 20px;
}
.txt2{
	color: #fff;
	margin-top: 20px;
	text-align: center;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
	padding-right: 10px;
	padding-left: 10px;
}
.txt3{letter-spacing: 1px; line-height: 21px;}

.txt4{color: #fff; font-size: 13px;}
.txt4 .big_txt, .big_txt{text-transform: none; font-size: 18px;line-height: 27px;}

.txt5 {
	font: 600 28px 'Raleway', Arial, sans-serif;
	color: #000;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0 0 25px 0;
	width: 50%;
}

.txt5:before {
    content: ' ';
    display: block;
    width: 50px;
    height: 2px;
    margin: 0 0 10px 0;
    background-color: #68b70a;
}

.txt6{overflow: hidden;}

.img1{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.img2{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 28px;
}
.img3{margin-top: 55px;}
.img1+p{margin-top: 0px;}
.img1+p+.more_btn{margin-top: 45px;letter-spacing: 0px;}

.img4{margin-top: 36px;}

a {
	text-decoration:none; 
	cursor:pointer; 
	color: #323a45;
}
a:hover {
	text-decoration:none;
	color: #68b70a;
}
a{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a.link1, .link1{
	text-decoration: underline;
}
a.link2{color: #68b70a;}
a.link2:hover{color: #000;}

a.link4{
	color: #FFFFFF;
}
a.link4:hover{color: #000;}

a.link3{text-decoration: underline;}


a.link_comment{
	color: #e35f5b; 
	padding-right: 25px; 
	background: url(../images/comments_icon.png) right 3px no-repeat;
	margin-right: 80px;
	letter-spacing: 1px;
}
a.link_comment:hover{	color: #000;}

/************Header************/
header{
	background: #3a3a3a;
	padding: 10px 0 10px;
	position: fixed;
	top:35px;
	left:0;
	width: 100%;
	z-index: 999;
}
.navbar-related{
    background-color:#EEEEEE;
    width: 100%;
    height: 35px;
    position:fixed;
    top:0;
    z-index: 999;
}
.sermec-brand {
    background-image: url(../img/sermec-brand.png);
    background-position: left center;
    background-size: auto 27px;
    background-repeat: no-repeat;
    width: 225px;
    height: 35px;
    display: block;
    margin: 0;
    padding: 0;
}
.bot_line{
	width: 100%;
	height: 1px;
	display: inline-block;
	background: #f2f2f2;
	margin-top: 2px;	
	margin-bottom: 42px;	
}
	
/************Content***********/
.date_section{
	margin-top: 20px;
	float: left;
	width: 102px;
	margin-right: 31px;
	padding: 0px;
	/* text-align: center; */
	border-right: 1px solid #d9dadb;
	padding-bottom: 18px;
}
.date_section .day{
	font: bold 64px/64px 'Roboto', Arial, sans-serif;
	color:#323a45; 
	display: block;
	margin-top: 18px;
	margin-left: 7px;
}
.date_section .month{
	font:300 15px/15px 'Roboto', Arial, sans-serif;
	color:#646a72; 
	text-transform: uppercase;
	margin-top: 5px;
	display: block;
	margin-left: 33px;
}
.date_section.v2{width: 91px;}
.date_section.v2 .day{margin-left: 0;}
.date_section.v2 .month{margin-left: 21px;}

.date_section+p{margin-top: 52px; overflow: hidden; font:300 13px/22px "Roboto", Arial, Helvetica, sans-serif ;
	color:#323a45;}
/* ============================= lists ====================== */
.listWithMarker {
	margin: 0;
	margin-top: 74px;
}
.listWithMarker li {
	display: block;
	margin-bottom: 1px;
}
.listWithMarker li a {
	color: #707780;
	font:300 14px/16px "Roboto", Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0px;
}
.listWithMarker li a:hover {
	color: #68b70a;
}


.listWithMarker2 {
	margin: 0;
	/*margin-top: 47px;*/
}
.listWithMarker2 li {
	display: block;
	margin-bottom: 6px;
	padding-left: 27px;
	background: url(../images/list_marker.png) 0 3px no-repeat;
}
.listWithMarker2 li a, .listWithMarker2 li span {
	color: #fff;
	font:300 13px/16px "Roboto", Arial, sans-serif;
	text-decoration: none;
	letter-spacing: 0px;
}
.listWithMarker2 li a:hover {
	color: #000;
}

.listWithMarker2.v2 li {
	background: url(../images/list_marker2.png) 0 3px no-repeat;
}
.listWithMarker2.v2 li a {
	color: #323a45;
}
.listWithMarker2.v2 li a:hover {
	color: #68b70a;
}
/* ============================= end lists ====================== */

.more_btn {
    background-color: #68b70a;
    border: 1px solid #68b70a;
    border-radius: 25px;
    display: inline-block;
    padding: 10px 35px;
    margin: 20px 0; 
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    font-size:17px;
    color: #fff;
    text-decoration: none;
    font-family: 'lato', sans-serif;
    font-style: italic;
    font-weight: 700;
    text-transform: none;
}
.more_btn:hover
{
    border: 1px solid #68b70a;
    background-color: #fff;
    color:#000;
}

.more_btn2 {
	display: inline-block;
	text-decoration:none;
	text-transform: uppercase;
	color:#848484;
	text-align: center;
	background:#f0f0f0;
	padding:0px 15px;
	font:11px/26px Arial, sans-serif;
	border: 1px solid #e0e0e0;
	border-radius: 20px; 
		margin-bottom: 20px;
		margin-top: 3px;
}
.more_btn2:hover {
	color:#fff;
	background:#2bc2fa;
	border: 1px solid #2bc2fa;
	text-decoration:none;
}
figure{display: block; margin-top: 20px;}
figure.img_inner {
	display: block;
	height: auto;
	line-height: 0;
	padding-bottom: 0px;
	overflow: hidden;
	margin-top: 54px;
	margin-bottom: 0;
}
figure iframe {
	width: 100%;
	max-width:100%;
	height: 334px;
}
.cont_txt{
	font:300 18px/26px 'Roboto', Arial, sans-serif;
	color:#323a45; 
	margin-top: 23px;
}
address{
	margin-top: 0px;
	font-style: normal;
	display: inline-block;
}

address.v2{margin-top: 20px;}
address.v2 dd span{width: 94px;}

address dl dt{}
address dd span{
	position: relative;
	display: inline-block;
	width: 84px;
}


/*********************************start magnifier2*************************************/
.magnifier2 {
		position:relative;
		/*display:block;*/
		display: inline-block;
}
.zoom{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0; 
	-webkit-transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		transition: all 0.6s ease;
		background: url(../images/bg_pattern.png) #fafafa;
}
a.magnifier2:hover .zoom{
	opacity: 1
}
a.magnifier2 .zoom{
	opacity: 0;
}
.img_txt1{
	display: block;
	font:24px/30px 'Roboto', Arial, sans-serif;
	color:#232323; 
	margin-top: 91px;
	text-transform: uppercase;
	text-indent: 40px;
	letter-spacing: 2px;
}
.img_txt2{
	display: block;
	font:12px/20px 'Roboto', Arial, sans-serif;
	color:#9e9e9e; 
	margin-top: 0px;
	text-transform: uppercase;
	text-indent: 40px;
	letter-spacing: 1px;
}
.img_txt3{
	display: block;
	font:44px/44px 'Roboto', Arial, sans-serif;
	color:#232323; 
	margin-top: 19px;
	text-indent: 40px;
	letter-spacing: 3px;
	text-align: left;
}
.fs24{
	font-size: 24px;
	top: 7px;
	position: relative;
}
/*********************************end magnifier2*************************************/
/************Footer************/
footer{ 
	width: 100%;
	background: #3a3a3a;
	display: block;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
	letter-spacing: 0px;
	color: #ccc;
	font: 300 15px/23px "Roboto", Arial, sans-serif;
	margin-top: 0px;
}
.main-footer{
	padding-top: 50px; 
	padding-bottom: 50px;
}
footer h1{margin-top: 96px;}
.main-footer p{
	margin:0;
	color: #aaa;
}
.priv_txt{
	margin-top: 20px !important;
	font-size: 12px;
	letter-spacing: 0px;
}
footer a{color:#707780;}
footer a:hover{color:#fff}


footer ul { display: inline-block; }


.thumb-pad1 .thumbnail {
	position: relative;
	padding: 0;
	margin: 0 0 28px 0;
	border: none;
	border-radius: 0;
	overflow: visible !important;
	box-shadow: none;
}
.thumb-pad1 figure {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	border-radius: 500px;
	float: left;
	padding: 9px;
}
.thumb-pad1 figure > img {
	border-radius: 1500px;
	margin: 11px;
}
.thumb-pad1 figure > em {
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border-radius: 500px;
	border-style: solid;
	border-width: 21px 21px 21px 21px;
	border-color: transparent  #68b70a #68b70a #68b70a;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	transform: rotate(-35deg);
	-webkit-transform: rotate(-35deg);
}

.thumb-pad1.img_version figure {padding: 15px;}
.thumb-pad1.img_version figure > em {
	border-color: transparent transparent #67cfe4 transparent; 
	border-width: 15px;
}
.thumb-pad1.img_version figure > em {
	transform: rotate(-315deg);
	-webkit-transform: rotate(-315deg);
}

.thumb-pad1.pos2 figure > em {border-color: transparent  #68b70a transparent transparent;}
.thumb-pad1.pos2 figure > em {
	transform: rotate(-35deg);
	-webkit-transform: rotate(-35deg);
}

.thumb-pad1.pos3 figure > em {border-color: transparent  #68b70a #68b70a transparent;}
.thumb-pad1.pos3 figure > em {
	transform: rotate(-35deg);
	-webkit-transform: rotate(-35deg);
}

.thumb-pad1.pos4 figure > em {
	transform: rotate(-225deg);
	-webkit-transform: rotate(-180deg);
}



.thumb-pad1:hover figure > em {
	/*border-bottom-color: #fff !important;
	border-right-color: #fff !important;*/
}

.tp1  {
	position: relative;
	top: 48px;
	display: inline-block;
}

.tp1:hover time {
	background-color: #dcebee;
	color: #323a45;
}

.thumb-pad1 time {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin: 9px;
	border-radius: 500px;
	display: block;
	width: 258px;
	height: 258px;
	padding-top: 77px;
	color: #dcebee;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #323a45;
	letter-spacing: inherit;
	padding-left: 6px;
	text-align:center;
}
.thumb-pad1 span.percent_num{
	font: bold 104px/94px 'Roboto', Arial, sans-serif;
	text-align: center;
}
.thumb-pad1 span.perc_sign{
	font:300 19px/20px 'Roboto', Arial, sans-serif;
	color: #80858c;
	display: inline-block;
	margin-top: 9px;
	margin-left: -4px;
}
.thumb-pad1.pos2 span.perc_sign{padding-left: 4px;}
.thumb-pad1.pos3 span.perc_sign{padding-left: 10px;}
.thumb-pad1 span.less_txt {
	margin: 0;
	font-weight: normal;
	display: block;
	font:300 24px/30px 'Roboto', Arial, sans-serif;
	color: #646a72;
	padding-top: 2px;
	text-transform: uppercase;
	margin-left: -5px;
	text-align: center;
}


.box-0{
	width: 100%;
	height:auto;
	padding-bottom: 90px;
	position:relative;
	top:100px;
}

.box-1{
	width: 100%;
	background: #fff;
	text-align: center;
	margin-top: 0px;
	/*padding-top: 145px;*/
	padding-top: 145px;
	padding-right: 0;
	padding-bottom: 165px;
	padding-left: 0;
}

.box-2{
	width: 100%;
	background: #eee;
	margin-top: 0px;
	/*padding-top: 145px;*/
	padding-top: 145px;
	padding-right: 0;
	padding-bottom: 165px;
	padding-left: 0;
}

.box-3{
	width: 100%;
	background: #fff;
	margin-top: 0px;
	/*padding-top: 145px;*/
	padding-top: 145px;
	padding-right: 0;
	padding-bottom: 165px;
	padding-left: 0;
}

.box-4{
	width: 100%;
	background: #eee;
	margin-top: 0px;
	/*padding-top: 145px;*/
	padding-top: 145px;
	padding-right: 0;
	padding-bottom: 165px;
	padding-left: 0;
}

.box-5{
	width: 100%;
	background: #68b70a;
	margin-top: 0px;
	/*padding-top: 145px;*/
	padding-top: 145px;
	padding-right: 0;
	padding-bottom: 165px;
	padding-left: 0;
	text-align: center;
	color: #fff;
}

.box-5 h5 {
	color: #fff;
	font-weight: 400;
	margin: 0 0 30px 0;
}

.box-inner{
	width: 100%;
	background: #fff;
	margin-top: 0px;
	/*padding-top: 145px;*/
	padding-top: 100px;
	padding-right: 0;
	padding-bottom: 120px;
	padding-left: 0;
}

.box-product{
	width: 100%;
	background: #F2F2F2;
	margin-top: 0px;
	/*padding-top: 145px;*/
	padding-top: 100px;
	padding-right: 0;
	padding-bottom: 120px;
	padding-left: 0;
}

.box-download {
	width: 100%;
	background: #68b70a;
	margin-top: 0px;
	/*padding-top: 145px;*/
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 75px;
	padding-left: 0;
	color: #fff;
}

.box-download h5 {
	color: #fff;
	font-weight: 400;
	font-size: 20px;
	text-transform: none;
	margin: 30px 0 30px 0;
}

.vline{position: relative;}
.vline:before {
	position: absolute;
	display: inline-block;
	content: '';
	width: 1px;
	height: 100%;
	right: -10px;
	top: 75px;
	background: #cbd9dd;
}

#weartech-slideshow {
	background: #eee;
}

#mapa {
	width:100%;
	height:300px;
	margin-top:30px;
}
.prod {
	background-color: #F2F2F2;
	cursor:pointer;
}

.prod:hover {
	background-color: #EAEAEA;
}

.prod:hover h3{
	color:#68b70a;
}

.prod .img_box{
	 width:auto; 
	 overflow:hidden; 
	 height:160px; 
	 position:relative; 
	 padding-left:8px; 
	 padding-right:8px;
	 padding-top:8px; 
}

.prod .img_box img {
}

.prod h3 {
	padding-left:8px;
	padding-right:8px;
}

.prod p {
	padding-left:8px;
	padding-right:8px;
}

.verprod {
	margin-top:20px;
	margin-bottom:20px;
	background-color: #F2F2F2;
	padding-bottom:20px;
}

.verprod .img_verprod {
	 width: 40%;
	 float:right; 
	 overflow:hidden; 
	 height:auto; 
	 position:relative; 
	 padding-left:15px; 
	 padding-right:15px;
	 padding-top:15px; 
	 margin-bottom:15px;
}

.verprod .txt5 {
	padding-left:15px;
	padding-right:15px;
	margin-bottom:15px;
	margin-top:15px;
}
.verprod p {
	padding:0;
}

.serv {
	background-color: #F2F2F2;
	margin: 0 auto;
	padding:20px;
}

.serv .img_serv {
	 width:auto; 
	 overflow:hidden; 
	 height:240px; 
	 position:relative; 
	 padding-left:15px; 
	 padding-right:15px;
	 padding-top:15px; 
}

.serv .txt5 {
	padding-left:15px;
	padding-right:15px;
	margin-bottom:15px;
	margin-top:15px;
}
.serv p {
	padding-left:15px;
	padding-right:15px;
}



#caixa 
{
	display: inline-block;
	height: auto;
	float: left;
	margin-bottom: 30px;
	margin-top:30px;
	
}
	#caixa p#abas 
	{
	display: inline-block;
	width: 100%;
	height: 45px;
	padding: 0;
	overflow: hidden;
	vertical-align: bottom;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	z-index: 999;

	}
		#caixa p#abas a 
		{
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 12px;
	padding-left: 16px;
	border: 1px solid #ccc;
	background-color: #EEE;
	}
	#caixa #abas a:hover 
	{
	background-color: #EEE;
	color: #333;
	text-decoration: none;
	}
	#caixa #abas a.selected 
	{
	background-color: #FFF;
	color: #666;
	text-decoration: none;
	}
	
	#caixa #conteudos 
	{
		background: #fff;
	display: inline-block;
	width: 99%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	z-index: 888;
		
	}
	#caixa #conteudos li 
	{
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 15px;
	overflow: hidden;
	}

.tabela {
	display: inline-block;
	height: auto;
	width: 587px;
	float: left;
	margin-bottom: 30px;
	margin-left:15px;
	margin-right:15px;
	margin-top:30px;
	
	/*width: 710px;
	float: left;
	margin-top: 10px;*/
}

.wrapp {
	padding: 80px 0 0 0;
	position:relative;
}

#certificacao {
	/* width: 100%; */
	height: 120px;
	text-align: center;
	margin: 0 auto;
	/* float: left; */
	display: inline-block;
	padding-top: 30px;
}

#certificacao a {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
#certificacao a:hover {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

#certificacao a img {
	width:120px;
}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1039px) {

	.div-content{width:100%;}

}

@media only screen and (max-width: 995px) {
	figure iframe {
		width: 100%;
		max-width:100%;
	}
	figure a{width: 100%;}


	.thumb-pad1 time {width: 188px;	height: 188px; padding-top: 37px;}
	.thumb-pad1 figure > img {width: 180px;}

	a.link_comment{margin-right: 0px;}
	address.v2 dd span{width: 72px;}
	
	#banner {
		margin-top:75px;
		height:240px;
	}
	.prod .img_box{
		 height:125px; 
	}
	.serv .img_serv {
		 height:180px; 
	}
	#caixa {
		width:460px;
	}
	
	
	.wrapp {
		padding-bottom:150px;
	}
	
	.wrapp #certificacao {
		width:100%;
		height:100px;
	}
	
	.wrapper #certificacao {
		width:100%;
		height:100px;
	}
	
	#certificacao a img {
		width:100px;
	}
	

}

@media only screen and (max-width: 767px) {
    #areas img {
    width: 100%;
    }
}

@media only screen and (max-width: 767px) {

	img.no_resize{width: auto;}
	.box{overflow: visible;}
	.vline:before {background: none;}
	/*img:not(.no_resize) {width: 100%;}*/
	.thumb-pad1 figure > img {width: 320px;}

	.box-1{padding-top: 145px; padding-right: 0; padding-bottom: 165px; padding-left: 0;}
	.box-2{padding-top: 145px; padding-right: 0; padding-bottom: 165px; padding-left: 0;}
	.more_btn, .more_btn.v2{margin-top: 40px;}
	.main-footer{padding-top: 50px;}
	.marTop2{margin-top: 30px;}
	footer h1{margin-top: 20px;}
	.priv_txt{margin-top: 35px !important;}
	.txt_cntr_mobile{text-align: center;}
	.txt6{overflow: visible;}
	.mobile_hide{display: none;}
	.listWithMarker2.v2 {margin-bottom: 0px;}
	#banner {
		margin-top:50px;
		height:135px;
	}
	.prod .img_box{
		 height:320px; 
	}
	.serv .img_serv {
		 height:160px; 
	}
	.verprod .img_verprod {
		width:auto;
	}
	#caixa {
		width:388px;
	}
	
	.wrapp {
		padding-bottom:110px;
	}
}

@media only screen and (max-width: 479px) {

	.thumb-pad1 figure > img {width: 209px;}
	.date_section+p{margin-top: 20px;}
	.vline2 {height: 28px; top: 0px; margin: 0 5px;}
	.txt1{font:bold 17px/20px 'Roboto', Arial, sans-serif; margin-bottom: 20px; margin-top: 20px;}
	figure .img_em{display: none;}
	h4{font:300 24px/24px 'Roboto', Arial, sans-serif;	margin-top: 56px;}
	#banner {
		margin-top:50px;
		height:90px;
	}
	.prod .img_box{
		 height:220px; 
	}
	
	.serv .img_serv {
		 height:110px; 
	}
	#caixa {
		width:258px;
	}
	#certificacao {
		display:none;
	
	}


}
@media only screen and (max-width: 320px) {
	

}

/*============================================================
    Google Maps
==============================================================*/

#google-map {
    padding: 0;
}

#map-canvas {
    width: 100%;
    height: 650px;
}


/*============================================================
    Form
==============================================================*/

.input-field {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

input[type=text] {   
    /* Remove First */
    /* -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
}

.form-control {
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: none;
    font-family: 'Roboto';
    color: #818181;
    font-size: 15px;
    height: 50px;
}

textarea.form-control  {
    /* -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
    width: 100%;
    height: 165px;
}

.form-group input,
.form-group textarea {
    /* -webkit-appearance: none; */
    border-radius: 0;
    padding: 20px 0 20px 0;
}

.form-group input.form-control {
    height: auto;
}

.form-group textarea.form-control {
    height: 150px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-family: 'Roboto';
    color: #444;
    font-size: 15px;
    line-height: 1.25em;
    background-color: transparent;
    background-image: none;
    border-top:1px solid transparent;
    border-right:1px solid transparent;
    border-left:1px solid transparent;
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus {
    box-shadow: none;
    border-bottom: 1px solid #000;
}

.form-control::-webkit-input-placeholder {

     color: #818181;
}

.form-control:-moz-placeholder {
   
     color: #818181;
}

.form-control::-moz-placeholder {
   
     color: #818181;
}

.form-control:-ms-input-placeholder {
  
     color: #818181;
}

.text-danger {
    color: #e74c3c;
}

.notification_error {
    /* background: #F8F0F1; */
    /* border: 1px solid #A25965; */
    width: 100%;
    height: auto;
    font-size: 1em;
    line-height: 1.5em;
    color: #eb174c;
    text-align: left;
    margin: 0;
    padding: 15px 0;
    float: left;
}

.notification_ok {
    /* background: #f5f9fd; */
    /* border: 1px #567397 solid; */
    width: 100%;
    height: auto;
    font-size: 1.25em;
    line-height: 1.5em;
    color: #54ABDD;
    text-align: left;
    margin: 0;
    padding: 15px 0;
    float: left;
}

.arrow-placer {
	position: absolute ;
	bottom: 100px;
	width: 100%;
	z-index: 888;
}

.arrow {
  text-align: center;
  margin: 8% 0;
}

.arrow a {
  color: #fff;
}

.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}