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

*{
	outline: 0;
}

.xmas h1,.xmas h2{
	font-weight: 700;
}

@media screen and (max-width: 480px){
	.xmas h1{
		font-size: 36px!important;
	    margin-bottom: 10px;
	}
}
@media (min-width: 992px){
	 .xmas {
		width: 700px!important;
	}
}

.xmas .modal-content{
	border-radius: 0px;
	min-height: 560px;
}

@media (max-width: 480px){
	 .xmas .modal-content{
		min-height: 520px
	}

}

.xmas-bg{
   	background-image: url(../images/Easter/modal-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
    flex-direction: column;
    display: flex;
    justify-content: center;
}

.xmas-bg .form-group{
	line-height: 2;
}

@media (max-width: 480px){
	 .xmas-bg .form-group{
		line-height: normal;
	}

}


.xmas .modal-header{
	padding: 0;
}

.xmas .close{
	color: #272727;
    position: absolute;
    right: 11px;
    top: 10px;
    padding: 2px 9px 6px;
    font-size: 30px;
	z-index: 100;
}

.xmas .modal-body{
	padding: 30px 30px 0;
}

.xmas-bg .modal-body{
	margin-left: 8vw;
    margin-right: 8vw;
}

@media (max-width: 480px){
	.xmas-bg .modal-body {
		margin-left: 15px;
		margin-right: 15px;
	}
}

.xmas .modal-body p{
	font-size: 20px;
}

.xmas .modal-footer{
	padding: 15px 30px 20px;
	border: 0px;
}

.xmas-bg .modal-footer{
	padding-top: 30px;
	margin-left: 8vw;
	margin-right: 8vw;
}
@media (max-width: 480px){
	.xmas-bg .modal-footer {
		margin-left: 0;
		margin-right: 0;
	}
}


.color-xmas{
	color: #023151;
}
.color-xmas-yellow{
	font-weight:bold;
	color: #023151;
}


.btn-xmas-border {
  font-weight:bold;
  color: #333;
  background-color: transparent;
  border-color: #333;
  padding:8px 23px;
  font-size: 18px;
  white-space:normal !important;
  min-width: 220px;
}
.btn-xmas-border:focus,
.btn-xmas-border:hover,
.btn-xmas-border.focus {
  color: #ef5862;
  background-color: transparent;
  border-color: #ef5862;
}

.btn-xmas {
  color: #fff;
  background-color: #ef5862;
  border-color: #ef5862;
  padding:8px 23px;
  font-size: 18px;
  font-weight:bold;
  white-space:normal !important;
  min-width: 220px;
  border: none;
}
.btn-xmas-yellow {
  color: #fff;
  background-color: #ef5862;
  border-color: #ef5862;
  padding:8px 23px;
  font-size: 18px;
  white-space:normal !important;
  min-width: 220px;
}
.btn-xmas:focus,
.btn-xmas:hover,
.btn-xmas.focus {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

@media(max-width: 767px){
	.xmas-mobil-c{
		text-align: center!important;
	}
	.btn-xmas,.btn-xmas-border{
		margin-bottom: 20px;
		width: 100%
	}
}