@media (max-width: 480px) {
	.col-ms-12 {width: 100%;}
}

.marg-0 { margin-bottom: 0 }
.marg-10 { margin-bottom: 10px }
.marg-15 { margin-bottom: 15px }
.marg-20 { margin-bottom: 20px }
.marg-25 { margin-bottom: 25px }
.marg-30 { margin-bottom: 30px }
.marg-35 { margin-bottom: 35px }
.marg-40 { margin-bottom: 40px }
.marg-50 { margin-bottom: 50px }
.marg-75 { margin-bottom: 75px }
.marg-100 { margin-bottom: 100px }
.marg0 { margin-top: 0 }
.marg10 { margin-top: 10px }
.marg15 { margin-top: 15px }
.marg20 { margin-top: 20px }
.marg25 { margin-top: 25px }
.marg30 { margin-top: 30px }
.marg40 { margin-top: 40px }
.marg50 { margin-top: 50px }
.marg60 { margin-top: 60px }
.marg75 { margin-top: 75px }
.marg100 { margin-top: 100px }

.padd-0 { padding-bottom: 0 }
.padd-10 { padding-bottom: 10px }
.padd-15 { padding-bottom: 15px }
.padd-20 { padding-bottom: 20px }
.padd-25 { padding-bottom: 25px }
.padd-30 { padding-bottom: 30px }
.padd-25 { padding-bottom: 25px }
.padd-50 { padding-bottom: 50px }
.padd-75 { padding-bottom: 75px }
.padd-100 { padding-bottom: 100px }
.padd0 { padding-top: 0 }
.padd10 { padding-top: 10px }
.padd20 { padding-top: 20px }
.padd25 { padding-top: 25px }
.padd30 { padding-top: 30px }
.padd50 { padding-top: 50px }
.padd75 { padding-top: 75px }
.padd100 { padding-top: 100px }




.floatleft{float: left !important}
.floatright{float: right !important}
.display-inline-block{display:inline-block !important}

h2.title {
	  margin: 15px 0 5px 0;
	  color: #283557;
	  line-height: 1.2;
	  font-weight: 500;
	  font-size: 44px;
}

h3.title {
	  margin: 0;
	  color: #283557;
	  line-height: 1.2;
	  font-weight: 300;
	  font-size: 20px;
}

h3.title span {
	  color: #000;
}

h4.title {
	  margin: 20px 0 15px 0;
	  color: #283557;
	  line-height: 1.2;
	  font-weight: 500;
	  font-size: 30px;
}

h3.subtitle {
	  margin: 0;
	  color: #FFFFFF;
	  line-height: 1.2;
	  font-weight: 300;
	  font-size: 30px;
}



@media(min-width: 768px) {
	.first_content {margin-top: 75px}
	.bcktop {background-image: url('../../images/topo.jpg');  background-repeat: no-repeat;  background-size: 100% auto;  background-position:top center;}
	.logostar {position:absolute; top:0; left:0; margin-top:-70px;}
	.logostar img {max-width: 200px;}
}
@media(max-width: 767px) {
	.first_content {margin-top: 0}
	.logostar {margin-top: 15px;}
	.logostar img {max-width: 200px;}
}

@media(max-width: 992px) {
	h2.title {font-size: 24px;}
	h3.title {font-size: 16px;}
	h4.title {font-size: 18px;}
}

.vermais {font-size: 14px; color: #283557; font-weight: 400; text-decoration: underline;}
.vermais:hover {color: #3B9BB1; text-decoration: underline;}

.line-background {background: rgba(40, 53, 87, 0.7); font-size:16px; padding: 20px 10px; color: #FFFFFF;}




/******BACK TO TOP BUTTON******/
#back-top {
	position: fixed;
	bottom: 20px;
    right: 20px;
	padding:0;
	margin:0;
}
#back-top a {
	text-decoration: none;
	width: 25px;
	height: 25px;
	display: block;
	background-color: #283557;
	background-image: url(../../images/back-top.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 15px;
	border-radius: 25px;

}
#back-top a:hover {
	background-color: #3B9BB1;
}

@media (-Webkit-min-device-pixel-ratio: 1.5),
 (-moz-min-device-pixel-ratio: 1.5),
 (-o-min-device-pixel-ratio: 3/2),
 (min-device-pixel-ratio: 1.5),
 (min-resolution: 1.5dppx) {
#back-top a {
			background-image: url(../../images/back-top@2x.png);}

}
 


/*  Formulário */
.form_reg_user ::-webkit-input-placeholder {color:#283557 !important;opacity:1;}
.form_reg_user :-moz-placeholder {color:#283557 !important;opacity:1;}
.form_reg_user ::-moz-placeholder {color:#283557 !important;opacity:1;}
.form_reg_user :-ms-input-placeholder {color:#283557 !important;opacity:1;}

.form_reg_user .input_reg_user {
    display: inline-block;
    width: 100%;
    background: #FFFFFF;
    text-shadow: none;
	font-family: "Roboto",Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #283557;
	font-weight:400;
    padding: 7px 10px 7px 10px;
	height: 40px;
    border: 1px #283557 solid;
    border-radius:5px;
    margin: 0 0 20px 0;
    outline: none;
	transition: all 0.3s linear 0s;
}

.form_reg_user .input_reg_user:hover, .form_reg_user .input_reg_user:focus{
	border: 1px solid #283557; background: #FFFFFF;
}

.submit_reg_user {
    display: inline-block;
	width: auto;
	height: 40px;
    border-radius: 5px;
    margin: 15px 0 0 0;
	padding: 5px 20px;
    font-size: 14px;
	line-height: 1;
	font-weight:400;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	color:#FFF;
	background-color:#283557;
	border: 1px #FFFFFF solid;
    text-decoration: none;
    text-align: center;
    position: relative;
    text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
.submit_reg_user:hover, .submit_reg_user:focus {
    color:#283557; background-color:#FFF;
}

@media(max-width: 767px) {
	.submit_reg_user {margin: 0;}
}

/* The container check  */
.container-check {
    display: block;
    position: relative;
    padding-left: 30px;
	margin-top: 12px;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 12px;
	font-weight: 400;
	text-align: left;
	color: #283557;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.container-check a {
    color: #FFFFFF;
}
.container-check a:hover {
    color: #3B9BB1;
}
.container-check-v2 {
    margin-top: 5px;
    margin-bottom: 10px;
}
/* Hide the browser's default checkbox */
.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    background-color: #CCC;
	transition: all 0.4s linear;
}
/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {
    background-color: #CCC;
}
/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {
    background-color: #283557;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.container-check .checkmark:after {
    left: 7px;
    top: 4px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Fim Formulário */