/*
	SpecificSections.css
	TemplateName: Business Management
	Copyright (c) 2015, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/

/* General
------------------------------------------------------------------------------------------------- */
body {
	color: #868292;
	font-family:"Cormorant Garamond", serif;
	font-style: italic;
	position: relative;
	font-size: 25px;
	font-weight: 400;
}

body:before {
  content: "";
  width: 150px;
  height: 100%;
  background-image: url('../Images/Rami.png');
  background-size: contain;
  background-repeat: repeat-y;
  position: absolute;
  top: 0px;
  left: 0px;
}

body:after {
  content: "";
  width: 150px;
  height: 100%;
  background-image: url('../Images/Rami.png');
  background-size: contain;
  background-repeat: repeat-y;
  position: absolute;
  top: 0px;
  right: 0px;
  transform: scaleX(-1);
}

.section {
	margin-bottom: 100px !Important;
	padding-bottom: 100px;
	border-bottom: 1px solid #AFA3CC;
}

#section-16222 {
	border-bottom: 0px;
	padding-bottom: 0px;
}

.btn.btn-primary {
	background-color: #fff;
	border: 1px solid #AFA3CC;
	font-size: 24px;
	float: none;
	margin-top: 20px;
	padding: 7px 30px;
	margin-right: 15px;
	color: #AFA3CC;
}

.btn.btn-primary:hover {
	background-color: #AFA3CC;
	border: 1px solid #AFA3CC;
	color: #fff;
}

.container {
	max-width: 800px;
}

.payment-page {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	align-content: center;
	flex-wrap: wrap;
}

@media(max-width: 1450px){

	body {
		font-size: 24px;
	}
	
	body:before,
	body:after{
		width: 100px;
	}

	.section {
		margin-bottom: 70px !Important;
		padding-bottom: 70px;
	}
}

@media(max-width: 1200px){
	
	body:before,
	body:after{
		width: 70px;
	} 
}

@media(max-width: 991px){
	body {
		font-size: 20px;
	}

	.btn.btn-primary {
		font-size: 20px;
		margin-right: 10px;
		margin-top: 0px;
	}

	.section {
        margin-bottom: 50px ! Important;
        padding-bottom: 50px;
    }
}

@media(max-width: 767px){
	body {
		font-size: 20px;
	}

	body:before,
	body:after{
		width: 30px;
	}

	.btn.btn-primary {
		font-size: 21px;
		margin-right: 0px;
		margin-top: 0px;
		width: 70%;
		padding: 3px;
		margin-bottom: 10px;
	}

	.section {
        margin-bottom: 20px ! Important;
        padding-bottom: 20px;
    }

	.container {
		width: 90%
	}
}
/* ---------------------------------------------------------------------------------------------- */


/* Font
------------------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'Milton One';
    src: url('../font/Milton_One.eot');
    src: local('Milton One'), url('../font/Milton_One.otf') format('truetype');
}
@font-face {
    font-family: 'Milton One';
    src: url(../font/Milton_One.woff);
}

@font-face {
    font-family: 'Milton One Bold';
    src: url('../font/Milton_One_Bold.eot');
    src: local('Milton One'), url('../font/Milton_One_Bold.otf') format('truetype');
}
@font-face {
    font-family: 'Milton One Bold';
    src: url(../font/Milton_One_Bold.woff);
}
/* ---------------------------------------------------------------------------------------------- */



/* Introduzione
------------------------------------------------------------------------------------------------- */
.intro-section {
	padding-top: 100px;
	text-align: center;
}

.intro-section .logo {
	margin-bottom: 70px;
}

.intro-section .logo img {
	margin: 0 auto;
	max-width: 300px;
}

.intro-section .name {
	color: #AFA3CC;
	font-family: "Milton One Bold", sans-serif;
	font-size: 150px;
	line-height: 100px;
}

.intro-section .date {
	color: #AFA3CC;
	font-family: "Milton One Bold", sans-serif;
	font-size: 70px;
}

.intro-section .text {
	font-size: 27px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.intro-section .image img {
	max-width: 400px;
	margin: 20px auto 30px;
	 mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%);
	-webkit-mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%);
}

@media(max-width: 1450px){
	.intro-section {
		padding-top: 50px;
	}

	.intro-section .logo img {
		max-width: 150px;
	}

	.intro-section .name {
		font-size: 120px;
	}

	.intro-section .data {
		font-size: 80px;
	}

	.intro-section .logo {
		margin-bottom: 50px;
	}

	.intro-section .text {
		font-size: 24px;
		margin-top: 10px;
	}
}

@media(max-width: 991px){
	.intro-section {
		padding-top: 30px;
	}

	.intro-section .logo {
		margin-bottom: 30px;
	}

	.intro-section .logo img {
		max-width: 100px;
	}

	.intro-section .name {
		font-size: 80px;
		line-height: 80px;
	}

	.intro-section .date {
		font-size: 40px;
		line-height: 40px;
	}

	.intro-section .text {
		font-size: 20px;
		line-height: 25px;
	}

	.intro-section .image img {
		max-width: 250px;
		margin-bottom: 20px;
	}
}


@media(max-width: 767px){
	.intro-section {
		padding-top: 25px;
	}

	.intro-section .logo {
		margin-bottom: 20px;
	}

	.intro-section .logo img {
		max-width: 100px;
	}

	.intro-section .name {
		font-size: 65px;
		line-height: 45px;
	}

	.intro-section .date {
		font-size: 45px;
		line-height: 41px;
	}

	.intro-section .text {
		font-size: 22px;
		line-height: 19px;
		padding: 0px 30px;
		margin-bottom: 20px;
	}

	.intro-section .text br {
		display: none;
	}

	.intro-section .image img {
		max-width: 80%;
		margin-bottom: 20px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Programma
------------------------------------------------------------------------------------------------- */
.title {
	color: #AFA3CC;
	font-family: "Milton One Bold", sans-serif;
	font-size: 120px;
	line-height: 100px;
	text-align: center;
	margin-bottom: 50px;
}

.program .item {
	padding-bottom: 20px;
	position: relative;
	padding-left: 85px;
}

.program .item:last-child {
	padding-bottom: 0px;
}

.program .item .hour {
	font-weight: 600;
	float: left;
	padding-right: 10px;
	position: absolute;
	left: 30px;
	top: 0px;
	color: #AFA3CC;
}

.program .item .info p {
	margin-bottom: 0px;
}

.program .item .info a {
	color: #868292;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 900;
}

.program .image img {
	width: 300px;
	margin: 0 auto;
}

@media(max-width: 1450px){
	.title {
		font-size: 100px;
		margin-bottom: 20px;
	}
}

@media(max-width: 991px){
	.title {
		font-size: 60px;
		line-height: 60px;
		margin-bottom: 15px;
	}

	.program .item {
		padding-bottom: 10px;
	}

	.program .item .info a {
		font-size: 16px;
	}
}

@media(max-width: 767px){
	.title {
		font-size: 50px;
		line-height: 40px;
		margin-bottom: 15px;
	}

	.program .item {
		padding-left: 40px;
		padding-bottom: 5px;
	}

	.program .item .hour {
		left: 0px;
	}

	.program .image img {
		width: 200px;
	}

}
/* ---------------------------------------------------------------------------------------------- */


/* Lista Nozze
------------------------------------------------------------------------------------------------- */
.inputbox .legend {
	display: none;
}

.fields-container {
	margin-top: 30px;
}

.inputbox.vertical .validation-required {
	background: none !Important;
	padding-left: 0px !Important;
	font-size: 24px;
	color: #AFA3CC;
}

.input-div input,
.input-div textarea{
	max-width: 100% !Important;
	border: 0px;
	box-shadow: none;
	border-radius: 0px;
	border-bottom: 1px solid #AFA3CC;
	margin-bottom: 30px;
	font-size: 20px;
}

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

/*Validazioni*/

.input-div {
	position: relative;:
}

.inputbox .validation-highlight {
   background: #fff0f0 none repeat scroll 0 0 !important;
   border-color: #EA1E2E;
}

.inputbox label.validation-error-label {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    bottom: -10px;
    background-color: #a90329 !important;
    font-size: 11px ! Important;
    font-weight: lighter;
    padding: 2px 10px !important;
    position: absolute;
    color: #FFF !important;
    right: 10px;
}

@media(max-width: 991px){
	.fields-container {
		margin-top: 15px;
	}

	.inputbox.vertical .validation-required {
		font-size: 22px;
	}
}

@media(max-width: 767px){
	.inputbox.vertical .validation-required {
		font-size: 21px;
	}
}
/* ---------------------------------------------------------------------------------------------- */


/* Informazioni Utili
------------------------------------------------------------------------------------------------- */
.useful-info {
	text-align: center;
}

.useful-info .phone {
	font-weight: 600;
	padding-top: 10px;
	color: #AFA3CC;
}

.useful-info .phone a {
	color: #868292;
	font-size: 17px;
	font-weight: 900;
}

.useful-info .address-list .item {
	padding-top: 20px;
}

.useful-info .address-list .item .place {
	font-weight: 600;
	display: inline-block;
	padding-right:  5px;
	color: #AFA3CC;
}

.useful-info .address-list .item .text {
	font-size: 20px;
}

.useful-info .address-list a {
	color: #868292;
	text-transform: uppercase;
	font-size: 17px;
	display: block;
	font-weight: 900;
}

.useful-info a.point-address {
	margin-top: 15px;
	display: block;
}

@media(max-width: 991px){
	.useful-info .address-list .item {
		padding-top: 10px;
	}

	.useful-info .address-list a {
		font-size: 18px;
	}
}
/* ---------------------------------------------------------------------------------------------- */