/*
Theme Name: SiatPay
Author: Simone Buono @ AIM srl.
*/

html,
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
    "Helvetica Neue", sans-serif;
  font-size: 14px;
}

#pagamenti {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.form-group.text-right{
    justify-content: flex-end;
}

.text-center {
    text-align: center;
}

.brand {
  max-width: 200px;
  margin: auto;
  padding-bottom: 2rem;
}
.img-fluid,
.brand .custom-logo {
  max-width: 100%;
  height: auto;
  margin-top: 1rem;
}

.siat-frame {
  width: 100%;
}

.siat-frame .siat-request {
  margin-top: 2rem;
  border-top: 1px solid #ddd;
  padding-top: 1rem;
}

/* forms */

form {
  padding: 1rem;
}
.form-group {
  padding-top: 1rem;
}

.form-group label {
  display: block;
  padding-bottom: 6px;
}

.full-width{
	 width: 100%;
}

input[type="text"],
input[type="number"],
input[type="email"]
{
  width: 100%;
  height: 3em;
  padding: 6px;

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

  border: 1px solid #bbb;
  outline: none;
}

select {
  width: 100%;
  padding: 6px;
  outline: none;
    -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #bbb;
}

button[type="submit"],
#siat-pay .subscribe-action .action {
	border: 1px solid #2d32aa;
    outline: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 6px;
    text-transform: uppercase;
    font-size: 0.8em;
    cursor: pointer;
    background: #2d32aa;
    color: #fff;
	min-width: 75px;
    text-align: center;
}

button[type="submit"]:hover,
#siat-pay .subscribe-action .action:hover {
  background: transparent;
  color: #2d32aa;
}

.titillium{
	font-family: 'Titillium Web', sans-serif;
}


/**/

.h-500{
	min-height:500px;
}

.mrg-1{
	margin: 1rem 0;
}

.mrg-3{
	margin: 3rem 0;
}

.mrg-5{
	margin: 5rem 0;
}

.pad-1{
	padding:1rem ;
}

.pad-3{
	padding:3rem ;
}

.pad-5{
	padding:5rem ;
}

.bg-grey{
	background-color: #efefef;
}

.regular{
	font-weight:400;
}

.bold{
	font-weight:700;
}

.black-900{
	font-weight:900;
}

.uppercase{
	text-transform:uppercase;
}

.d-block{
	display:block;
}

.d-flex{
	display:flex;
}

.vetrino{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: #000;
	-webkit-opacity:.5;
	-moz-opacity:.5;
	opacity:.5;
}


/**************** LANDING **********************/


.siat-landing {
	font-family: Montserrat, sans-serif;
}

.siat-landing  a{color:inherit;}

.siat-landing .cta-btn{
	border: 4px solid #2d32aa;
    max-width: 400px;
    display: flex;
    justify-content: center;
    font-size: 2em;
    text-transform: uppercase;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    font-family : 'Titillium Web', sans-serif;
    margin: 5rem auto;
}

.siat-landing  .cta {
    display: flex;
    align-items: center;
	justify-content: center;
	color: #000;
    font-size: 1rem;
    text-align: center;
    background: #fff;
    min-height: 80px;
    padding: 1.3rem;
    border-radius: 80px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 4rem;
    border:3px solid #fff;
    cursor:pointer;
    transition: .3s ease-in;
}

.siat-landing  .cta:hover{
	color: #fff;
	background:transparent;
	
}

.siat-landing .cta-btn a{
	color: #2d32aa;
	text-decoration:none;
	padding:.5em;
	font-weight:900;
}

.siat-landing .cta-btn:hover{
	border: 4px solid #2d32aa;
	background : #2d32aa;
}

.siat-landing .cta-btn:hover a{
	color:#fff;
}

.siat-landing h1,
.siat-landing h2,
.siat-landing h3 {
	font-family: 'Titillium Web', sans-serif;
}


.siat-landing .presentazione {
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;  
    position:relative;
}

.siat-landing .presentazione svg{
	position: absolute;
    bottom: 4rem;
    stroke: #fff;
    width: 4rem;
    height: 4rem;
    cursor:pointer;
    -moz-opacity : .5;
    -webkit-opacity : .5;
    opacity : .5;
    -moz-transition:.4s;
    -webkit-transition:.4s;
    transition:.4s;
    
}

.siat-landing .presentazione svg:hover{opacity:1}

.siat-landing .presentazione .inside{
	text-align:center;
	font-size:16px;
	color:#fff;
	/*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);*/
}


@media (min-width:767px){
	.siat-landing .presentazione .inside{
		font-size:30px;
	}
}

@media (min-width:1023px){
	.siat-landing .presentazione .inside{
		font-size:40px;
	}
}

.siat-landing .explain {
	display: flex;
    justify-content: center;
    line-height: 3em;
    font-size: 1.12em;
}

.siat-landing .explain .inside{
	display: flex;
    justify-content: center;
	align-items: center;
    flex-direction:column;
    text-align:center;
}

.siat-landing .explain .inside h1,
.siat-landing .explain .inside h2{
	margin: 1rem 0;
}
.siat-landing .rinnova-online .links a {
    padding: 1em;
    color: #999;
    font-size: 1.05em;
}


.siat-landing .rinnova-online .links a:hover{
	color : #2d32aa;
}

.siat-landing .brands-col{
	display: flex;
    align-items: center;
    justify-content: center;
}

.siat-landing .brands-col .item{
	padding:1rem;
}


.siat-landing .brands-col .item img{
	max-width: 70px;	
}

@media(min-width:1023px){
	.siat-landing .contact .wpcf7{
	max-width: 500px;
	}
}


.siat-landing .contact .wpcf7 input[type=text],
.siat-landing .contact .wpcf7 input[type=email],
.siat-landing .contact .wpcf7 textarea
{
	width:100%;
	padding: .7rem;
}

.siat-landing .contact .wpcf7-submit {
	border: 4px solid #2d32aa;
	color: #2d32aa;
	text-transform: uppercase;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    font-family : 'Titillium Web', sans-serif;
    padding: .6rem;
    width: 100px;
    font-weight: bold;
    background: transparent;
    cursor:pointer;
}

.siat-landing .contact .wpcf7-submit:hover{
	background:#2d32aa;
	color: #fff;
}

.siat-landing .contact .info{
	font-size: 1em;
    line-height: 1.6em;
    color: #333;
}

.siat-landing .contact .logo
{
    margin-bottom: 2rem;
}