﻿
html, body {
	padding:0;
	margin: 0;
	height: 100%;
	width:100%;
	overflow:hidden;
	font-family: '3DPrintSC', sans-serif;
	font-size: 14px;
	font-weight:400;
	color:white;
	-webkit-text-size-adjust: 100%;
}


.header {
	position:fixed; 
	width:100%; 
	height:113px;
	font-size:32px;
	line-height: 113px;
	left:0; 
	margin-left:0px; 
	top:0px; 
	text-align:left; 
	z-index:7000; 
	display:block; 
	opacity:1; 
	background:#363636; 
	color:#303030;	
}


.logo_div {
	position:absolute; 
	width:500px; 
	cursor:pointer; 
	height:100%;
	left:0; 
	margin-left:0px; 
	top:0px; 
	display:block; 
	opacity:1; 
	text-align:left;	
}


.button_tool {
	position:absolute; 
	width:355px; 
	height:100%;
	right:40px; 
	margin-left:0px; 
	top:0px; 
	display:block; 
	opacity:1; 
	text-align:left; 
		
}


.button_text {
	position: relative; 
	z-index: 20; 
	margin: 0; 
	left: 25%; 
	float: left;	
	cursor:pointer;
	color: #303030;
	top:-113px;
	margin-bottom:-113px;
}


.button_text2 {
	position: relative; 
	z-index: 20; 
	margin: 0; 
	left: 25%; 
	float: left;	
	cursor:pointer;
	color: #303030;
	top:-113px;
	margin-bottom:-113px;
}



.base {
	width:100%;
	height:calc(100% - 113px); 
	background-color:transparent; 
	position:absolute;
	top:113px;
	left:0; 
	overflow:hidden;	
}


.button_tool2 {
	position:relative; 
	width:auto; 
	height:100%;
	margin-left:0px; 
	display:block; 
	opacity:1; 
	text-align:left; 
	font-size:32px;
	line-height:113px;
		
}


.content_1 {
	width:100%; 
	height:420px; 
	background-image: url(../images/bg_initial.jpg); 
	background-size: 100% auto; 
	background-position:100% 80%;	
}


.welcome_msg {
	width:775px; 
	height:180px; 
	background-color: rgba(0,0,0,0.65); 
	position:absolute; 
	left:50%; 
	margin-left:-387px; 
	top:40px; 
	text-align:center; 	
}


h1 {
	font-weight:normal;
	font-size:38px;
	font-family: '3DPrintSC', sans-serif;
	line-height:80px;
	margin:0;		
}

h2 {
	font-weight:normal;
	font-size:30px;
	font-family: '3DPrintSC', sans-serif;
	line-height:40px;
	margin:0;		
}


.content_2 {
	width:100%; 
	height:870px; 
	background-image:url(../images/bg_final.jpg); 
	background-size: 100% auto; 
	background-position:top;
	font-size:28px;	
	z-index:700;
}


.content2_col {
	min-width:300px; 
	width:33.33%; 
	position:relative; 
	height:360px; 
	float:left; 
	padding-top:20px; 
	text-align:center;	
}


.col_tittle {
	max-width:500px; 
	text-align:center; 
	position:relative; 
	left:50%; 
	margin-left:-250px;	
}


.col_img {
	width:478px; 
	position:relative; 
	left:0; 
	top:15px;	
}


.infill_img {
	box-shadow: 10px 10px 0px #14d2e9;
	-moz-box-shadow: 10px 10px 0px #14d2e9;
	-webkit-box-shadow: 10px 10px 0px #14d2e9;
	-ms-box-shadow: 10px 10px 0px #14d2e9;
		
}


.material_img {
	box-shadow: 10px 10px 0px #e914c3;
	-moz-box-shadow: 10px 10px 0px #e914c3;
	-webkit-box-shadow: 10px 10px 0px #e914c3;
	-ms-box-shadow: 10px 10px 0px #e914c3;
		
}


.steps_img {
	box-shadow: 10px 10px 0px #fee50e;
	-moz-box-shadow: 10px 10px 0px #fee50e;
	-webkit-box-shadow: 10px 10px 0px #fee50e;
	-ms-box-shadow: 10px 10px 0px #fee50e;
		
}


.content_2_mobile {
	width:100%; 
	height:700px; 
	background-image:url(../images/bg_final2.jpg); 
	background-size: auto 100%; 
	background-position:right top;
	font-size:28px;	
	z-index:600;
	display:none;
}


.footer_row {
	width:100%; 
	position:relative; 
	top: 0px; 
	left:0; 
	min-height:280px; 
	height:auto; 
	background:#535353;  
	font-size:28px;	
	
}


.footer_col_3 {
	min-width:300px; 
	width:33.33%; 
	position:relative; 
	height:260px; 
	float:left; 
	text-align:center;	
}


.footer_col_inside {
	width:355px; text-align:center; 
	position:relative; 
	left:50%; 
	margin-left:-177px;
	
}


.footer_izq {
	padding-top:20px; 
	background:#000000;	
}


.footer_cen {
	margin-top:30px;
	margin-bottom:-10px;	
}



.footer_der {
	padding-top:20px;
	color:#f7f7f7; 
	background:#969696;
}


.copyright_div {
	width:100%; 
	position:relative; 
	top: 0px; 
	left:0; 
	height:40px; 
	background:#080808; 
	float:left; 
	color:#f7f7f7; 
	text-align:center; 
	font-size:20px; 	
}


.our_pet {
	position:absolute; 
	right:0px; 
	bottom:-40px; 
	z-index:1000;
}

input {
	font-size: 20px;
	font-family: '3DPrintSC', sans-serif;
	height: 32px;
	color: #535353;
	-webkit-appearance: none;
	border-radius: 0px;
	
}

textarea {
	font-size: 20px;
	font-family: '3DPrintSC', sans-serif;
	color: #535353;
	-webkit-appearance: none;
	border-radius: 0px;

}


select {
	font-size: 20px;
	font-family: '3DPrintSC', sans-serif;
	height: 32px;
	color: #535353;
	border-radius: 0px;
	font-style:italic;
	
}


option {
	font-size: 20px;
	font-family: '3DPrintSC', sans-serif;
	height: 32px;
	color: #535353;
	border-radius: 0px;
	font-style:normal;
}



.form_text {
	width: calc(100% - 80px);
	height:30px;
	line-height:30px;
	border: 1px solid #c3c3c3;
	padding:4px;
	color:#535353;
	background: transparent;
	margin-top: 15px; 
	margin-left: 20px;
	padding-left:20px;	
	
}


.form_text_textarea {
	height:100px; 
	resize:none;
	line-height: 25px;		
}


.sel_text {
	width: calc(100% - 54px);
	height:40px;
	line-height:30px;
	border: 1px solid #c3c3c3;
	padding:4px;
	color:#535353;
	background: transparent;
	margin-top: 15px; 
	margin-left: 20px;
	padding-left:20px;	
	
}


.form_chk {
	width:6px;
	height:40px;
	float: right;
	margin-right: 21px;
	margin-top: 15px;
}


.red_chk {
	background: #f34242;	
}

.green_chk {
	background: #42f37c;	
}





::-webkit-input-placeholder {
	font-size: 20px;
	font-family: '3DPrintSC', sans-serif;
	color: #585858;
	font-style:italic;
}

:-moz-placeholder {
	font-size: 20px;
	font-family: '3DPrintSC', sans-serif;
	color: #585858	;
	font-style:italic;
}

::-moz-placeholder {
	font-size: 20px;
	font-family: '3DPrintSC', sans-serif;
    color: #585858;
    font-style:italic;
}

:-ms-input-placeholder {  
	font-size: 20px;
	font-family: '3DPrintSC', sans-serif;
    color: #585858;
    font-style:italic;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s !important;
}


input:-webkit-autofill {
    -webkit-text-fill-color: #585858 !important;
}
input:-internal-autofill-selected {
	background-color: #ffffff !important;
}


.ph_left {
	float:left;	
}

.ph_right {
	float:right;	
}



.contact_div {
	position:absolute; 
	width:500px;  
	background:#ffffff; 
	height:96%;left:50%; 
	margin-left:-250px; 
	top:2%; 
	z-index:8800; 
	display:block; 
	opacity:0; 
	overflow:hidden; 	
}



.form_titulo {
	width:calc(100% - 40px); 
	position:relative; 
	left:20px; 
	top:5px; 
	font-family:'3DPrintSC-BOLD'; 
	font-size:32px;color:#585858; 
	text-align:left; 
	margin-top:10px;
	
}


.form_subtitulo {
	width:calc(100% - 40px);
	position:relative; 
	left:20px; 
	top:5px; 
	font-family:'3DPrintSC'; 
	font-size:19px;
	color:#585858; 
	text-align:left;	
}


.file_button {
	height:28px;
	color:#ffffff;
	position: relative; 
	right: 40px;
	float: right;
	line-height: 28px;
	font-size: 18px;
	padding-left: 10px;
	cursor: pointer;
	margin-top: -34px; 
}


.file_up {
	width: 135px;
	background:#2156ff;
	display:block;	
	
}


.file_del {
	width: 103px;
	background:#f34242;
	display:none;	
}


.button_send {
	width:200px; 
	height:40px; 
	background:#b3b3b3; 
	color:#ffffff; 
	cursor:default; 
	line-height:40px; 
	position:relative; 
	left:50%; 
	margin-left:-100px; 
	font-size:20px; 
	text-align:center; 
	margin-top:30px;	
	margin-bottom:25px;	
}


.msg_handler_div {
	width: 500px;
	height:100%;
	position:absolute; 
	display:none; 
	text-align:center;
	top:0;
	left:50%;
	margin-left: -250px;
	color: #afafaf;
	z-index:9000;	
}


/* Screen Size Changes HORIZONTAL */
@media (min-width: 1580px) { 
	/* Native ROOT STYLES FOR 17" Laptop, SmartTV - BIG SCREENS */
	#arq_url { margin-top:30px; }
}


@media (min-width: 1440px) and (max-width: 1579px) { 
	/* STYLES FOR 15.6" - 14" Laptop - MEDIUM SCREENS */
	.header { height:103px; font-size:32px; line-height:103px;}
	.button_text { top:-105px; margin-bottom: -105px; left:20%;}
	.base { top:103px; height:calc(100% - 103px); }
	.content_1 { height:400px; }
	.welcome_msg { width:700px; margin-left: -350px; height: 170px; top: 30px; }
	h1 { font-size: 34px; line-height: 70px; }
	h2 { font-size: 28px; }
	.content_2 { height: 740px; font-size:26px; }
	.col_tittle { max-width:440px; margin-left: -220px; }
	.col_img { width:420px; }
	.footer_row { font-size:26px; }
	.button_tool2 { font-size:32px; line-height:93px; }
	.button_text2 { top:-105px; margin-bottom: -105px; left:25%;}
	.our_pet { height: 230px; }
}	


@media (min-width: 1366px) and (max-width: 1439px) { 
	/* STYLES FOR 15.6" - 14" Laptop - MEDIUM SCREENS */
	.header { height:103px; font-size:30px; line-height:103px;}
	.button_text { top:-105px; margin-bottom: -105px; left:22%;}
	.base { top:103px; height:calc(100% - 103px); }
	.content_1 { height:380px; }
	.welcome_msg { width:685px; margin-left: -342px; height: 170px; top: 30px; }
	h1 { font-size: 34px; line-height: 70px; }
	h2 { font-size: 26px; }
	.content_2 { height: 740px; font-size:24px; }
	.col_tittle { max-width:400px; margin-left: -200px; }
	.col_img { width:400px; }
	.footer_row { font-size:26px; }
	.button_tool2 { font-size:30px; line-height:93px; }
	.button_text2 { top:-105px; margin-bottom: -105px; left:25%;}
	.our_pet { height: 230px; }
}	


@media (min-width: 1201px) and (max-width: 1365px) { 
	/* STYLES FOR TABLET - HORIZONTAL */
	.header { height:83px; font-size:28px; line-height:83px;}
	.button_tool { width:265px; }
	.button_text { top:-85px; margin-bottom: -85px; left:20%;}
	.base { top:83px; height:calc(100% - 83px); }
	.content_1 { height:380px; background-position: 100% 100%;}
	.welcome_msg { width:685px; margin-left: -342px; height: 150px; top: 20px; }
	h1 { font-size: 32px; line-height: 66px; }
	h2 { font-size: 24px; line-height:36px; }
	.content_2 { height: 550px; font-size:22px; }
	.content2_col { padding-top: 10px; }
	.col_tittle { max-width:380px; margin-left: -190px; }

	.col_img { width:360px; top:10px; }
	.infill_img { box-shadow: 5px 5px 0px #14d2e9;	-moz-box-shadow: 5px 5px 0px #14d2e9;	-webkit-box-shadow: 5px 5px 0px #14d2e9;	-ms-box-shadow: 5px 5px 0px #14d2e9; }
	.material_img {	box-shadow: 5px 5px 0px #e914c3;	-moz-box-shadow: 5px 5px 0px #e914c3;	-webkit-box-shadow: 5px 5px 0px #e914c3;	-ms-box-shadow: 5px 5px 0px #e914c3; }
	.steps_img {	box-shadow: 5px 5px 0px #fee50e;	-moz-box-shadow: 5px 5px 0px #fee50e;	-webkit-box-shadow: 5px 5px 0px #fee50e;	-ms-box-shadow: 5px 5px 0px #fee50e; }
	
	.footer_row { font-size:24px; }
	.footer_col_inside { width:300px; margin-left: -150px; }
	#button2_bg_img { height:auto; width:300px;  }
	.button_tool2 { font-size:30px; line-height:93px; }
	.button_text2 { top:-96px; margin-bottom: -96px; left:22%;}
	.our_pet { height: 230px; }
}	


@media (min-width: 1024px) and (max-width: 1200px) { 
	/* STYLES FOR TABLET - HORIZONTAL */
	.header { height:83px; font-size:28px; line-height:83px;}
	.button_tool { width:265px; }
	.button_text { top:-85px; margin-bottom: -85px; left:20%;}
	.base { top:83px; height:calc(100% - 83px); }
	.content_1 { height:380px; background-position: 100% 100%;}
	.welcome_msg { width:685px; margin-left: -342px; height: 150px; top: 20px; }
	h1 { font-size: 32px; line-height: 66px; }
	h2 { font-size: 24px; line-height:36px; }
	.content_2 { height: 550px; font-size:20px; }
	.content2_col { padding-top: 10px; }
	.col_tittle { max-width:340px; margin-left: -170px; }

	.col_img { width:320px; top:0px; }
	.infill_img { box-shadow: 5px 5px 0px #14d2e9;	-moz-box-shadow: 5px 5px 0px #14d2e9;	-webkit-box-shadow: 5px 5px 0px #14d2e9;	-ms-box-shadow: 5px 5px 0px #14d2e9; }
	.material_img {	box-shadow: 5px 5px 0px #e914c3;	-moz-box-shadow: 5px 5px 0px #e914c3;	-webkit-box-shadow: 5px 5px 0px #e914c3;	-ms-box-shadow: 5px 5px 0px #e914c3; }
	.steps_img {	box-shadow: 5px 5px 0px #fee50e;	-moz-box-shadow: 5px 5px 0px #fee50e;	-webkit-box-shadow: 5px 5px 0px #fee50e;	-ms-box-shadow: 5px 5px 0px #fee50e; }
	
	.footer_row { font-size:24px; }
	.footer_col_inside { width:300px; margin-left: -150px; }
	#button2_bg_img { height:auto; width:300px;  }
	.button_tool2 { font-size:30px; line-height:93px; }
	.button_text2 { top:-96px; margin-bottom: -96px; left:22%;}
	.our_pet { height: 230px; }
}	


@media (min-width: 768px) and (max-width: 1023px) { 
	/* STYLES FOR TABLET - HORIZONTAL */
	.header { height:73px; font-size:24px; line-height:73px;}
	.button_tool { width:235px; right:20px; }
	.button_text { top:-74px; margin-bottom: -74px; left:20%;}
	.base { top:73px; height:calc(100% - 73px); }
	.content_1 { height:270px; background-position: 100% 80%;}
	.welcome_msg { width:600px; margin-left: -300px; height: 120px; top: 20px; }
	h1 { font-size: 28px; line-height: 50px; }
	h2 { font-size: 22px; line-height:30px; }
	.content_2 { height: 415px; font-size:16px; }
	.content2_col { min-width:0px; padding-top: 0px; }
	.col_tittle { max-width:250px; margin-left: -125px; }

	.col_img { width:240px; top:0px; }
	.infill_img { box-shadow: 4px 4px 0px #14d2e9;	-moz-box-shadow: 4px 4px 0px #14d2e9;	-webkit-box-shadow: 4px 4px 0px #14d2e9;	-ms-box-shadow: 4px 4px 0px #14d2e9; }
	.material_img {	box-shadow: 4px 4px 0px #e914c3;	-moz-box-shadow: 4px 4px 0px #e914c3;	-webkit-box-shadow: 4px 4px 0px #e914c3;	-ms-box-shadow: 4px 4px 0px #e914c3; }
	.steps_img {	box-shadow: 4px 4px 0px #fee40e;	-moz-box-shadow: 4px 4px 0px #fee40e;	-webkit-box-shadow: 4px 4px 0px #fee40e;	-ms-box-shadow: 4px 4px 0px #fee50e; }
	
	.footer_row { font-size:22px; min-height:220px; }
	.footer_col_3 { min-width:0px; height:200px; }
	.footer_col_inside { width:250px; margin-left: -125px; }
	.footer_cen { margin-top:20px; }
	#button2_bg_img { height:auto; width:250px;  }
	.button_tool2 { font-size:26px; line-height:93px; }
	.button_text2 { top:-89px; margin-bottom: -89px; left:21%;}
	.our_pet { height: 170px; bottom:-30px }
}	


@media (max-width: 767px) { 
	/* STYLES FOR CEL PHONES PLUS SIZE - VERTICAL */
	.header { height:63px; font-size:24px; line-height:63px;}
	.logo_div { width:100%; }
	.button_tool { width:265px; right:0; left:50%; margin-left:-132px; top:60px;  }
	#button1_bg { width:100%; height:auto !important; }
	.button_text { top:-74px; margin-bottom: -74px; left:24%;}
	.base { top:63px; height:calc(100% - 63px); }
	.content_1 { height:300px; background-position: 50% 100%; background-repeat:no-repeat; background-size: cover;}
	.welcome_msg { width:98%; margin-left: 1%; height: 105px; top: 80px; left:0; }
	h1 { font-size: 22px; line-height: 45px; }
	h2 { font-size: 18px; line-height:26px; }
	.content_2 { height: 500px; font-size:18px; background-position: top left; background-size: cover; }
	.content_2_mobile { display:block; height:500px; }
	.col_bg_tittle { display:block !important; width:100%;height:80px;margin-bottom: -80px;background: #111111; }
	.content2_col { min-width:0px; width:100%; padding-top: 5px; height:320px; }
	.col_tittle { max-width:400px; margin-left: -200px; }

	.col_img { width:320px; top:0px; }
	.infill_img { box-shadow: 4px 4px 0px #14d2e9;	-moz-box-shadow: 4px 4px 0px #14d2e9;	-webkit-box-shadow: 4px 4px 0px #14d2e9;	-ms-box-shadow: 4px 4px 0px #14d2e9; }
	.material_img {	box-shadow: 4px 4px 0px #e914c3;	-moz-box-shadow: 4px 4px 0px #e914c3;	-webkit-box-shadow: 4px 4px 0px #e914c3;	-ms-box-shadow: 4px 4px 0px #e914c3; }
	.steps_img {	box-shadow: 4px 4px 0px #fee40e;	-moz-box-shadow: 4px 4px 0px #fee40e;	-webkit-box-shadow: 4px 4px 0px #fee40e;	-ms-box-shadow: 4px 4px 0px #fee50e; }
	
	.footer_row { font-size:20px; min-height:220px; }
	.footer_col_3 { min-width:0px; height:140px; width:100%; }
	.footer_col_inside { width:250px; margin-left: -125px; }
	.footer_cen { margin-top:10px; height:200px; background:#535353; }
	#button2_bg_img { height:auto; width:250px;  }
	.button_tool2 { font-size:24px; line-height:95px; }
	.button_text2 { top:-89px; margin-bottom: -89px; left:23%;}
	.contact_esp { margin-top:-60px  !important; }
	.our_pet { height: 170px; bottom:-15px }
	.copyright_div { font-size:17px; }
}	




/* Screen Size Changes VERTICAL */
@media (min-height: 735px) {
	/* STYLE for NATIVE ROOT CODE - BIG SCREENS*/
}


@media (max-height:734px) {
	.form_titulo { top:0px; font-size:30px; }
	.form_subtitulo { top:0px; font-size:18px; }
	#arq_url { margin-top:20px; }
	.form_text { margin-top: 10px; height: 25px; padding:4px; padding-left:20px; }
	.form_text_textarea { height:100px; }
	.file_button { height:25px; right:38px; line-height: 27px; margin-top: -30px;  }
	.form_chk { height:35px; margin-top:10px;  }
	.sel_text { height:35px; margin-top:10px;  }
	.button_send { height:35px; line-height:35px; margin-top:25px; margin-bottom:25px;   }
		
}


@media (max-width: 519px) { 
	.contact_div { width:100%; height:100%; top:0; left:0; margin-left:0; }
	.form_titulo { left:10px; }
	.form_subtitulo { left:10px; width:calc(100% - 60px); }
	.form_text { margin-left:10px; padding-left:10px; width:calc(100% - 60px); }
	.sel_text { margin-left:10px; padding-left:10px; width:calc(100% - 45px); }

}


@media (max-width: 380px) { 
	h1 { font-size:20px; }
	h2 { font-size:16px; }
	.our_pet { height: 170px; bottom:-15px; right:-20px; }
	.copyright_div { font-size:15px; }
	

	.contact_div { width:100%; height:100%; top:0; left:0; margin-left:0; }
	.form_titulo { left:10px; }
	.form_subtitulo { left:10px; width:calc(100% - 70px); }
	.form_text { margin-left:10px; padding-left:10px; width:calc(100% - 60px); font-size:17px; }
	.sel_text { margin-left:10px; padding-left:10px; width:calc(100% - 45px);  font-size:17px; }
	.button_send { margin-bottom:15px; } 
	.file_up { width:115px; font-size:15px; }
	.file_del { width:88px; font-size:15px;  }




	::-webkit-input-placeholder {
		font-size: 17px;
		font-family: '3DPrintSC', sans-serif;
		color: #585858;
		font-style:italic;
	}
	
	:-moz-placeholder {
		font-size: 17px;
		font-family: '3DPrintSC', sans-serif;
		color: #585858	;
		font-style:italic;
	}
	
	::-moz-placeholder {
		font-size: 17px;
		font-family: '3DPrintSC', sans-serif;
		color: #585858;
		font-style:italic;
	}
	
	:-ms-input-placeholder {  
		font-size: 17px;
		font-family: '3DPrintSC', sans-serif;
		color: #585858;
		font-style:italic;
	}
	


}


@media (max-width: 320px) { 
	h1 { font-size:18px; }
	h2 { font-size:14px; }
	.our_pet { height: 170px; bottom:-15px; right:-30px; }
	.copyright_div { font-size:14px; }
}