#modal .modal-content {
	line-height:1.4;
	font-size: 15px;
}

#modal .modal-content h1,
#modal .modal-content h2 {
	margin-bottom:15px;
	margin-top:20px;
}

#modal .modal-content div {
	margin-bottom:10px;
}

#modal .modal-content a {
	color:#d0bba8
}

#modal .modal-content a:hover {
	text-decoration:none;
}

#modal .modal-content p {
	line-height:1.4;
}

#modal .modal-content blockquote {
	border-left: 5px solid #d0bba8;
	background: #f3f3f3;
	padding: 20px 0;
	padding-left: 20px;
	font-style: italic;
	margin:20px 0;
}

#modal .modal-content ul,
#modal .modal-content ol {
	margin:10px 0 10px 15px;
	padding:5px;
}

#modal .modal-content nav {
	margin:10px 0 10px 15px;
}

#modal .modal-content ul ul,
#modal .modal-content ul ol,
#modal .modal-content ul nav,
#modal .modal-content ol ul,
#modal .modal-content ol ol,
#modal .modal-content ol nav {
	margin:5px 0 10px 15px;
}

#modal .modal-content ul,
#modal .modal-content ol,
#modal .modal-content nav {
	list-style:none;
}

#modal .modal-content ul li::before,
#modal .modal-content ol li::before,
#modal .modal-content nav li::before{
  content: "\2022";
  color: #d0bba8;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

#modal .modal-content ol li {
	counter-increment: li 1;
}

#modal .modal-content ol li::before {
	content: counter(li);
	font-weight:normal
}

#modal .modal-content table {
	margin:20px 0;
	border-collapse:collapse;
	width:100%;
}


#modal .modal-content table th {
	border:1px solid #e7e7e7;
	background:#e7e7e7;
	padding:15px;
	text-align:center;
}

#modal .modal-content table td {
	padding:15px;
	border:1px solid #f1f1f1;
	text-align:center;
}

#modal .modal-content table td:first-child {
	text-align:left;
}

#modal .modal-content table tr:nth-child(even) td,
#modal .modal-content table tr:nth-child(even) th{
	background:#fbfbfb;
}

#modal .modal-content form {
	max-width:50%;
}

#modal .modal-content form input[type="text"],
#modal .modal-content form input[type="tel"],
#modal .modal-content form input[type="email"],
#modal .modal-content form input[type="number"],
#modal .modal-content form input[type="date"] {
	border: 1px solid #E0E0E0;
	border-radius: 8px;
	width: calc(100% / 3 - 42px);
	padding: 11px 20px;
	transition:all .2s;
	-moz-transition:all .2s;
	-webkit-transition:all .2s;
}

#modal .modal-content form select {
	border: 1px solid #E0E0E0;
	border-radius: 8px;
	width: calc(100% / 3);
	padding: 11px 20px;
	transition:all .2s;
	-moz-transition:all .2s;
	-webkit-transition:all .2s;
}

#modal .modal-content form textarea {
	border: 1px solid #E0E0E0;
	border-radius: 8px;
	padding: 11px 20px;
	max-width:calc(100% / 3 - 42px);
	min-width:calc(100% / 3 - 42px);
	min-height:100px;
	width:100%;
	transition:all .2s;
	-moz-transition:all .2s;
	-webkit-transition:all .2s;
	font-family:'Noto Sans',sans-serif
}

#modal .modal-content form textarea::placeholder, 
#modal .modal-content form textarea::-moz-placeholder,
#modal .modal-content form textarea::-webkit-placeholder {
	font-family:'Noto Sans',sans-serif
}

#modal .modal-content form input[type="submit"]:hover,
#modal .modal-content form input[type="reset"]:hover,
#modal .modal-content form button:hover {
	background:#d0bba8;
}

#modal .modal-content form input[type="text"]:hover,
#modal .modal-content form input[type="tel"]:hover,
#modal .modal-content form input[type="email"]:hover,
#modal .modal-content form input[type="number"]:hover,
#modal .modal-content form input[type="date"]:hover,
#modal .modal-content form select:hover,
#modal .modal-content form textarea:hover,
#modal .modal-content form input[type="text"]:focus,
#modal .modal-content form input[type="tel"]:focus,
#modal .modal-content form input[type="email"]:focus,
#modal .modal-content form input[type="number"]:focus,
#modal .modal-content form input[type="date"]:focus,
#modal .modal-content form select:focus,
#modal .modal-content form textarea:focus {
	border-color:#c61d23
}

#modal .modal-content img {
	margin-top:10px;
	margin-bottom:10px;
}


#modal #preview {
	position:relative;
	margin-top:50px;
}

#modal #preview .image {
	width:444px;
}

#modal #preview .image img {
	margin:0;
	width:100%;
	height:auto;
}

#modal #preview .content {
	width: calc(100% - 505px);
}

#modal #preview .content .date {
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 500;
	line-height: 10px;
}

#modal #preview .content .text {
	font-size:18px;
}

#modal #preview .content .button {
	padding-top:40px;
	margin-top:40px;
	border-top:2px dashed #eee;
}

#modal #preview .content .button .btn.color {
	color:#000 !important;
	background: #d3beab !important;
	padding: 20px 30px !important;
	width: 300px;
}

#modal #preview .content .button .btn.color:hover {
	background:#fff !important;
	border-color:#000 !important;
}

@media screen and (max-width:1024px){
	#modal #preview .image {
		width: 330px;
	}
	
	#modal #preview .content .text {
		font-size:16px;
	}

	#modal #preview .content {
		width: calc(100% - 390px);
	}

	#modal #preview .image {
		width:380px;
	}
}

@media screen and (max-width:768px){
	#modal #preview .flex {
		gap:40px !important;
	}
	
	#modal #preview .image {
        width: 240px;
    }

	#modal #preview .content {
        width: calc(100% - 280px);
    }
}

@media screen and (max-width:600px){
	#modal #preview .flex {
		gap:20px !important;
	}
	
	#modal #preview .image,
	#modal #preview .content {
		width:100%;
	}

	#modal #preview .content .button .btn.color {
		width: 100%;
	}
}