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

form{
	width:100%;
	margin:0 auto;
	/* To see the outline of the form */
    align-self: center;
	align-content:center;
	}
	
p.pROI{
padding:0.3em;
margin:auto;
font: 18px "Open Sans","Helvetica Neue",Helvetica,sans-serif;
font-style:normal;
color: #28323F;
letter-spacing:0.3px;
}

fieldset.fieldsetROI {
    /* Just to center the form on the page */
	margin: 0 auto;
    align-content:center;
	align-self:center;
    /* To see the outline of the form */
    border: 3px solid white;
    border-radius: 1em;
	background-color:#DFDFDF;
	padding-left:2%;
	padding-right:2%;
	padding-top:1%;
	padding-bottom:1%;
}

label.labelROI {
    /* To make sure that all labels have the same size and are properly aligned */
    display: inline-block;
    text-align: left;
	font: 18px "Open Sans","Helvetica Neue",Helvetica,sans-serif;
	font-weight: 400;
	font-style:normal;
	color: #28323F;
	line-height:2.1em;
	}

h1.h1ROI, h2.h2ROI, h4.h4ROI
{color:#28323F ;
text-align: left;
font: 18px "Open Sans","Helvetica Neue",Helvetica,sans-serif; 
font-weight: bold;
}

input.textROI, textarea {
    /* To make sure that all text fields have the same font settings
       By default, textareas have a monospace font */
    font: 15px "Open Sans","Helvetica Neue",Helvetica,sans-serif;

    /* To give the same size to all text field */
    width: 150px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* To harmonize the look & feel of text field border */
    border:bold none;
	text-align: right;
	color: #000000;
	
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
	height: 38px;
	margin-botom: 9px;
	padding: 0px 0.65em;
	line-height:normal;
	background-color: #ffffff;
}

.buttonROI{
	background-color:#ffffff;
	text-align:center;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	color: #474747;
	line-height:1em;
	
    /* To harmonize the look & feel of text field border #6FABB1*/
    border: 2px solid #6fabb1;
	font-size:16px;
	font-weight:normal;
	border-radius:1px;
	font: 15px "Open Sans","Helvetica Neue",Helvetica,sans-serif;
	
	cursor:pointer;
	cursor:hand;
	
	width: 150px;
	height:40px;
}

input.buttonROI:hover {
    background-color: #6fabb1;
    color: #ffffff;
    border-radius: 1px;
}

.headerROI{
	align-content:center;
	line-height:1.1;
	margin:0 0 0.65em;
}

.h3ROI
{	font-weight:400;
	font:170% "Open Sans","Helvetica Neue",Helvetica,sans-serif;
	color:#2C3E50;
	letter-spacing:0px;
	padding-top:3%; 
	padding-bottom:2%;}

.headerROI img {
  background: #DFDFDF;
}

.spanROI1
{margin-left:-12px;}

.spanROI2
{margin-left:-17px;}

input::-webkit-input-placeholder { font-size: 10pt; color: gray; text-align:center}
input::-moz-placeholder { font-size: 9pt; color: gray; text-align:center}
input:-ms-input-placeholder { font-size: 10pt; color: gray; text-align:center}
input:-moz-placeholder { font-size: 10pt; color: gray; text-align:center}

@media (min-width: 990px) and (max-width: 1199px){ 
.ParagraphROI{width:90%;}
.ParaFinalROI{width:85%}
fieldset.fieldsetROI{width:80%;}
p.pROI{width:80%;}
 .headerROI{width:55%}}
 
@media (min-width: 1200px) { 
.ParagraphROI{width:81%;}
.ParaFinalROI{width:79%}
fieldset.fieldsetROI{width:65%;}
p.pROI{width:65%;}
 .headerROI{width:45%}}
 
  @media (max-width:787px)
 {.buttonROI{width:110px;}
 .ParaFinalROI{width:90%;}}
 
 @media (min-width:350px)
 {.headerROI img {
  float: right;}}
  
  @media (max-width:350px)
  {
  .h3ROI{padding-bottom:0px;
  padding-top:0px;}
  .spanROI1
{margin-left:0px;}
  .spanROI2
{margin-left:0px;}
  }
  
@media (max-width:705px) and (min-width:565px)
  {
  .spanROI1
{margin-left:inherit;}
  .spanROI2
{margin-left:inherit;}
  }
  
   
  @media (min-width:550px)
  {label.labelROI{width:550px;}}
  
   .formdiv{
   margin:7px;}
   
  
	@media (max-width:730px)
	{
		.formdiv{margin-bottom:20px;}
	}