@charset "UTF-8";

@import url(font-awesome.min.css);

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");





/* Containers */



	.container {

		margin-left: auto;

		margin-right: auto;

	}



	.container.\31 25\25 {

		width: 100%;

		max-width: 100rem;

		min-width: 80rem;

	}



	.container.\37 5\25 {

		width: 60rem;

	}



	.container.\35 0\25 {

		width: 40rem;

	}



	.container.\32 5\25 {

		width: 20rem;

	}



	.container {

		width: 80rem;

	}



	@media screen and (max-width: 1680px) {



		.container.\31 25\25 {

			width: 100%;

			max-width: 100rem;

			min-width: 80rem;

		}



		.container.\37 5\25 {

			width: 60rem;

		}



		.container.\35 0\25 {

			width: 40rem;

		}



		.container.\32 5\25 {

			width: 20rem;

		}



		.container {

			width: 80rem;

		}



	}



	@media screen and (max-width: 1280px) {



		.container.\31 25\25 {

			width: 100%;

			max-width: 81.25rem;

			min-width: 65rem;

		}



		.container.\37 5\25 {

			width: 48.75rem;

		}



		.container.\35 0\25 {

			width: 32.5rem;

		}



		.container.\32 5\25 {

			width: 16.25rem;

		}



		.container {

			width: 65rem;

		}



	}



	@media screen and (max-width: 980px) {



		.container.\31 25\25 {

			width: 100%;

			max-width: 112.5%;

			min-width: 90%;

		}



		.container.\37 5\25 {

			width: 67.5%;

		}



		.container.\35 0\25 {

			width: 45%;

		}



		.container.\32 5\25 {

			width: 22.5%;

		}



		.container {

			width: 90%;

		}



	}



	@media screen and (max-width: 736px) {



		.container.\31 25\25 {

			width: 100%;

			max-width: 112.5%;

			min-width: 90%;

		}



		.container.\37 5\25 {

			width: 67.5%;

		}



		.container.\35 0\25 {

			width: 45%;

		}



		.container.\32 5\25 {

			width: 22.5%;

		}



		.container {

			width: 90% !important;

		}



	}



	@media screen and (max-width: 480px) {



		.container.\31 25\25 {

			width: 100%;

			max-width: 112.5%;

			min-width: 90%;

		}



		.container.\37 5\25 {

			width: 67.5%;

		}



		.container.\35 0\25 {

			width: 45%;

		}



		.container.\32 5\25 {

			width: 22.5%;

		}



		.container {

			width: 90% !important;

		}



	}



/* Type */





	.box {

		margin-bottom: 2rem;

		background: #FFF;

	}



		.box .image.fit {

			margin: 0;

			border-radius: 0;

		}



			.box .image.fit img {

				border-radius: 0;

			}



		.box header h2 {

			margin-bottom: 2rem;

		}



		.box header p {

			text-transform: uppercase;

			font-size: .75rem;

			font-weight: 300;

			margin: 0 0 .25rem 0;

			padding: 0 0 .75rem 0;

			letter-spacing: .25rem;

		}



			.box header p:after {

				content: '';

				position: absolute;

				margin: auto;

				right: 0;

				bottom: 0;

				left: 0;

				width: 50%;

				height: 1px;

				background-color: rgba(0, 0, 0, 0.125);

			}



		.box .content {

			padding: 3rem;

		}



		.box > :last-child,

		.box > :last-child > :last-child,

		.box > :last-child > :last-child > :last-child {

			margin-bottom: 0;

		}



		.box.alt {

			border: 0;

			border-radius: 0;

			padding: 0;

		}



		@media screen and (max-width: 736px) {



			.box .content {

				padding: 2rem;

			}



		}



	.box {

		border-color: rgba(255, 250, 250, 0.25);

	}



/* Image */



	.image {

		border-radius: 2px;

		border: 0;

		display: inline-block;

		position: relative;

	}



		.image img {

			border-radius: 2px;

			display: block;

		}



		.image.left, .image.right {

			max-width: 40%;

		}



			.image.left img, .image.right img {

				width: 100%;

			}



		.image.left {

			float: left;

			margin: 0 1.5rem 1rem 0;

			top: 0.25rem;

		}



		.image.right {

			float: right;

			margin: 0 0 1rem 1.5rem;

			top: 0.25rem;

		}



		.image.fit {

			display: block;

			margin: 0 0 2rem 0;

			width: 100%;

		}



			.image.fit img {

				width: 100%;

			}



		.image.main {

			display: block;

			margin: 0 0 3rem 0;

			width: 100%;

		}



			.image.main img {

				width: 100%;

			}



/* Wrapper */



	.wrapper {

		padding: 1rem 0 1rem 0 ;

		position: relative;

		margin: 0;

	}



		.wrapper > .inner {

			margin: 0 auto;

			width: 80rem;

		}



		.wrapper.style1 {

			background-color: #ffffff;

			color: #e2d1df;

		}



			.wrapper.style1 input, .wrapper.style1 select, .wrapper.style1 textarea {

				color: #ffffff;

			}



			.wrapper.style1 a {

				color: #ffffff;

			}



			.wrapper.style1 strong, .wrapper.style1 b {

				color: #ffffff;

			}



			.wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {

				color: #ffffff;

			}



			.wrapper.style1 blockquote {

				border-left-color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style1 code {

				background: rgba(255, 255, 255, 0.075);

				border-color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style1 hr {

				border-bottom-color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style1 .box {

				border-color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style1 input[type="submit"],

			.wrapper.style1 input[type="reset"],

			.wrapper.style1 input[type="button"],

			.wrapper.style1 button,

			.wrapper.style1 .button {

				background-color: #f2f2f2;

				color: #000 !important;

			}



				.wrapper.style1 input[type="submit"]:hover,

				.wrapper.style1 input[type="reset"]:hover,

				.wrapper.style1 input[type="button"]:hover,

				.wrapper.style1 button:hover,

				.wrapper.style1 .button:hover {

					background-color: white;

				}



				.wrapper.style1 input[type="submit"]:active,

				.wrapper.style1 input[type="reset"]:active,

				.wrapper.style1 input[type="button"]:active,

				.wrapper.style1 button:active,

				.wrapper.style1 .button:active {

					background-color: #e5e5e5;

				}



				.wrapper.style1 input[type="submit"].alt,

				.wrapper.style1 input[type="reset"].alt,

				.wrapper.style1 input[type="button"].alt,

				.wrapper.style1 button.alt,

				.wrapper.style1 .button.alt {

					background-color: transparent;

					box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);

					color: #ffffff !important;

				}



					.wrapper.style1 input[type="submit"].alt:hover,

					.wrapper.style1 input[type="reset"].alt:hover,

					.wrapper.style1 input[type="button"].alt:hover,

					.wrapper.style1 button.alt:hover,

					.wrapper.style1 .button.alt:hover {

						background-color: rgba(255, 255, 255, 0.075);

					}



					.wrapper.style1 input[type="submit"].alt:active,

					.wrapper.style1 input[type="reset"].alt:active,

					.wrapper.style1 input[type="button"].alt:active,

					.wrapper.style1 button.alt:active,

					.wrapper.style1 .button.alt:active {

						background-color: rgba(255, 255, 255, 0.2);

					}



					.wrapper.style1 input[type="submit"].alt.icon:before,

					.wrapper.style1 input[type="reset"].alt.icon:before,

					.wrapper.style1 input[type="button"].alt.icon:before,

					.wrapper.style1 button.alt.icon:before,

					.wrapper.style1 .button.alt.icon:before {

						color: #d0b5cc;

					}



				.wrapper.style1 input[type="submit"].special,

				.wrapper.style1 input[type="reset"].special,

				.wrapper.style1 input[type="button"].special,

				.wrapper.style1 button.special,

				.wrapper.style1 .button.special {

					background-color: #ffffff;

					color: #8a4680 !important;

				}



			.wrapper.style1 label {

				color: #ffffff;

			}



			.wrapper.style1 input[type="text"],

			.wrapper.style1 input[type="password"],

			.wrapper.style1 input[type="email"],

			.wrapper.style1 select,

			.wrapper.style1 textarea {

				background: rgba(255, 255, 255, 0.075);

				border-color: rgba(255, 255, 255, 0.25);

			}



				.wrapper.style1 input[type="text"]:focus,

				.wrapper.style1 input[type="password"]:focus,

				.wrapper.style1 input[type="email"]:focus,

				.wrapper.style1 select:focus,

				.wrapper.style1 textarea:focus {

					border-color: #ffffff;

					box-shadow: 0 0 0 1px #ffffff;

				}



			.wrapper.style1 .select-wrapper:before {

				color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style1 input[type="checkbox"] + label,

			.wrapper.style1 input[type="radio"] + label {

				color: #e2d1df;

			}



				.wrapper.style1 input[type="checkbox"] + label:before,

				.wrapper.style1 input[type="radio"] + label:before {

					background: rgba(255, 255, 255, 0.075);

					border-color: rgba(255, 255, 255, 0.25);

				}



			.wrapper.style1 input[type="checkbox"]:checked + label:before,

			.wrapper.style1 input[type="radio"]:checked + label:before {

				background-color: #ffffff;

				border-color: #ffffff;

				color: #8a4680;

			}



			.wrapper.style1 input[type="checkbox"]:focus + label:before,

			.wrapper.style1 input[type="radio"]:focus + label:before {

				border-color: #ffffff;

				box-shadow: 0 0 0 1px #ffffff;

			}



			.wrapper.style1 ::-webkit-input-placeholder {

				color: #d0b5cc !important;

			}



			.wrapper.style1 :-moz-placeholder {

				color: #d0b5cc !important;

			}



			.wrapper.style1 ::-moz-placeholder {

				color: #d0b5cc !important;

			}



			.wrapper.style1 :-ms-input-placeholder {

				color: #d0b5cc !important;

			}



			.wrapper.style1 .formerize-placeholder {

				color: #d0b5cc !important;

			}



			.wrapper.style1 ul.alt li {

				border-top-color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style1 header p {

				color: #d0b5cc;

			}



			.wrapper.style1 table tbody tr {

				border-color: rgba(255, 255, 255, 0.25);

			}



				.wrapper.style1 table tbody tr:nth-child(2n + 1) {

					background-color: rgba(255, 255, 255, 0.075);

				}



			.wrapper.style1 table th {

				color: #ffffff;

			}



			.wrapper.style1 table thead {

				border-bottom-color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style1 table tfoot {

				border-top-color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style1 table.alt tbody tr td {

				border-color: rgba(255, 255, 255, 0.25);

			}



		.wrapper.style2 {

			background-color: #f2f2f2;

			color: #2d2c2c;

		}



			.wrapper.style2 input, .wrapper.style2 select, .wrapper.style2 textarea {

				color: #000;

			}



			.wrapper.style2 a {

				color: #8a4680;

			}



			.wrapper.style2 strong, .wrapper.style2 b {

				color: #000;

			}



			.wrapper.style2 h1, .wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {

				color: #000;

			}



			.wrapper.style2 blockquote {

				border-left-color: rgba(0, 0, 0, 0.15);

			}



			.wrapper.style2 code {

				background: rgba(0, 0, 0, 0.075);

				border-color: rgba(0, 0, 0, 0.15);

			}



			.wrapper.style2 hr {

				border-bottom-color: rgba(0, 0, 0, 0.15);

			}



			.wrapper.style2 .box {

				border-color: rgba(0, 0, 0, 0.15);

			}



			.wrapper.style2 input[type="submit"],

			.wrapper.style2 input[type="reset"],

			.wrapper.style2 input[type="button"],

			.wrapper.style2 button,

			.wrapper.style2 .button {

				background-color: #000;

				color: #f2f2f2 !important;

			}



				.wrapper.style2 input[type="submit"].alt,

				.wrapper.style2 input[type="reset"].alt,

				.wrapper.style2 input[type="button"].alt,

				.wrapper.style2 button.alt,

				.wrapper.style2 .button.alt {

					background-color: transparent;

					box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.15);

					color: #000 !important;

				}



					.wrapper.style2 input[type="submit"].alt:hover,

					.wrapper.style2 input[type="reset"].alt:hover,

					.wrapper.style2 input[type="button"].alt:hover,

					.wrapper.style2 button.alt:hover,

					.wrapper.style2 .button.alt:hover {

						background-color: rgba(0, 0, 0, 0.075);

					}



					.wrapper.style2 input[type="submit"].alt:active,

					.wrapper.style2 input[type="reset"].alt:active,

					.wrapper.style2 input[type="button"].alt:active,

					.wrapper.style2 button.alt:active,

					.wrapper.style2 .button.alt:active {

						background-color: rgba(0, 0, 0, 0.2);

					}



					.wrapper.style2 input[type="submit"].alt.icon:before,

					.wrapper.style2 input[type="reset"].alt.icon:before,

					.wrapper.style2 input[type="button"].alt.icon:before,

					.wrapper.style2 button.alt.icon:before,

					.wrapper.style2 .button.alt.icon:before {

						color: #999999;

					}



				.wrapper.style2 input[type="submit"].special,

				.wrapper.style2 input[type="reset"].special,

				.wrapper.style2 input[type="button"].special,

				.wrapper.style2 button.special,

				.wrapper.style2 .button.special {

					background-color: #ffffff;

					color: #ffffff !important;

				}



					.wrapper.style2 input[type="submit"].special:hover,

					.wrapper.style2 input[type="reset"].special:hover,

					.wrapper.style2 input[type="button"].special:hover,

					.wrapper.style2 button.special:hover,

					.wrapper.style2 .button.special:hover {

						background-color: #ffffff;

					}



					.wrapper.style2 input[type="submit"].special:active,

					.wrapper.style2 input[type="reset"].special:active,

					.wrapper.style2 input[type="button"].special:active,

					.wrapper.style2 button.special:active,

					.wrapper.style2 .button.special:active {

						background-color: #fffeff;

					}



			.wrapper.style2 label {

				color: #000;

			}



			.wrapper.style2 input[type="text"],

			.wrapper.style2 input[type="password"],

			.wrapper.style2 input[type="email"],

			.wrapper.style2 select,

			.wrapper.style2 textarea {

				background: rgba(0, 0, 0, 0.075);

				border-color: rgba(0, 0, 0, 0.15);

			}



				.wrapper.style2 input[type="text"]:focus,

				.wrapper.style2 input[type="password"]:focus,

				.wrapper.style2 input[type="email"]:focus,

				.wrapper.style2 select:focus,

				.wrapper.style2 textarea:focus {

					border-color: #8a4680;

					box-shadow: 0 0 0 1px #8a4680;

				}



			.wrapper.style2 .select-wrapper:before {

				color: rgba(0, 0, 0, 0.15);

			}



			.wrapper.style2 input[type="checkbox"] + label,

			.wrapper.style2 input[type="radio"] + label {

				color: #a6a6a6;

			}



				.wrapper.style2 input[type="checkbox"] + label:before,

				.wrapper.style2 input[type="radio"] + label:before {

					background: rgba(0, 0, 0, 0.075);

					border-color: rgba(0, 0, 0, 0.15);

				}



			.wrapper.style2 input[type="checkbox"]:checked + label:before,

			.wrapper.style2 input[type="radio"]:checked + label:before {

				background-color: #8a4680;

				border-color: #8a4680;

				color: #ffffff;

			}



			.wrapper.style2 input[type="checkbox"]:focus + label:before,

			.wrapper.style2 input[type="radio"]:focus + label:before {

				border-color: #8a4680;

				box-shadow: 0 0 0 1px #8a4680;

			}



			.wrapper.style2 ::-webkit-input-placeholder {

				color: #999999 !important;

			}



			.wrapper.style2 :-moz-placeholder {

				color: #999999 !important;

			}



			.wrapper.style2 ::-moz-placeholder {

				color: #999999 !important;

			}



			.wrapper.style2 :-ms-input-placeholder {

				color: #999999 !important;

			}



			.wrapper.style2 .formerize-placeholder {

				color: #999999 !important;

			}



			.wrapper.style2 ul.alt li {

				border-top-color: rgba(0, 0, 0, 0.15);

			}



			.wrapper.style2 header p {

				color: #999999;

			}



			.wrapper.style2 table tbody tr {

				border-color: rgba(0, 0, 0, 0.15);

			}



				.wrapper.style2 table tbody tr:nth-child(2n + 1) {

					background-color: rgba(0, 0, 0, 0.075);

				}



			.wrapper.style2 table th {

				color: #000;

			}



			.wrapper.style2 table thead {

				border-bottom-color: rgba(0, 0, 0, 0.15);

			}



			.wrapper.style2 table tfoot {

				border-top-color: rgba(0, 0, 0, 0.15);

			}



			.wrapper.style2 table.alt tbody tr td {

				border-color: rgba(0, 0, 0, 0.15);

			}



		.wrapper.style3 {

			background-color: #000;

			color: #777676;

			background-image: url(../../images/libros.jpg);

			background-size: cover;

			background-attachment: fixed;

			background-position: center;

			position: relative;

		}



			.wrapper.style3 input, .wrapper.style3 select, .wrapper.style3 textarea {

				color: #ffffff;

			}



			.wrapper.style3 a {

				color: #8a4680;

			}



			.wrapper.style3 strong, .wrapper.style3 b {

				color: #ffffff;

			}



			.wrapper.style3 h1, .wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5, .wrapper.style3 h6 {

				color: #ffffff;

			}



			.wrapper.style3 blockquote {

				border-left-color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style3 code {

				background: rgba(255, 255, 255, 0.075);

				border-color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style3 hr {

				border-bottom-color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style3 .box {

				border-color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style3 input[type="submit"],

			.wrapper.style3 input[type="reset"],

			.wrapper.style3 input[type="button"],

			.wrapper.style3 button,

			.wrapper.style3 .button {

				background-color: #f2f2f2;

				color: #000 !important;

			}



				.wrapper.style3 input[type="submit"]:hover,

				.wrapper.style3 input[type="reset"]:hover,

				.wrapper.style3 input[type="button"]:hover,

				.wrapper.style3 button:hover,

				.wrapper.style3 .button:hover {

					background-color: white;

				}



				.wrapper.style3 input[type="submit"]:active,

				.wrapper.style3 input[type="reset"]:active,

				.wrapper.style3 input[type="button"]:active,

				.wrapper.style3 button:active,

				.wrapper.style3 .button:active {

					background-color: #e5e5e5;

				}



				.wrapper.style3 input[type="submit"].alt,

				.wrapper.style3 input[type="reset"].alt,

				.wrapper.style3 input[type="button"].alt,

				.wrapper.style3 button.alt,

				.wrapper.style3 .button.alt {

					background-color: transparent;

					box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);

					color: #ffffff !important;

				}



					.wrapper.style3 input[type="submit"].alt:hover,

					.wrapper.style3 input[type="reset"].alt:hover,

					.wrapper.style3 input[type="button"].alt:hover,

					.wrapper.style3 button.alt:hover,

					.wrapper.style3 .button.alt:hover {

						background-color: rgba(255, 255, 255, 0.075);

					}



					.wrapper.style3 input[type="submit"].alt:active,

					.wrapper.style3 input[type="reset"].alt:active,

					.wrapper.style3 input[type="button"].alt:active,

					.wrapper.style3 button.alt:active,

					.wrapper.style3 .button.alt:active {

						background-color: rgba(255, 255, 255, 0.2);

					}



					.wrapper.style3 input[type="submit"].alt.icon:before,

					.wrapper.style3 input[type="reset"].alt.icon:before,

					.wrapper.style3 input[type="button"].alt.icon:before,

					.wrapper.style3 button.alt.icon:before,

					.wrapper.style3 .button.alt.icon:before {

						color: #999999;

					}



				.wrapper.style3 input[type="submit"].special,

				.wrapper.style3 input[type="reset"].special,

				.wrapper.style3 input[type="button"].special,

				.wrapper.style3 button.special,

				.wrapper.style3 .button.special {

					background-color: #8a4680;

					color: #ffffff !important;

				}



					.wrapper.style3 input[type="submit"].special:hover,

					.wrapper.style3 input[type="reset"].special:hover,

					.wrapper.style3 input[type="button"].special:hover,

					.wrapper.style3 button.special:hover,

					.wrapper.style3 .button.special:hover {

						background-color: #9b4f90;

					}



					.wrapper.style3 input[type="submit"].special:active,

					.wrapper.style3 input[type="reset"].special:active,

					.wrapper.style3 input[type="button"].special:active,

					.wrapper.style3 button.special:active,

					.wrapper.style3 .button.special:active {

						background-color: #793d70;

					}



			.wrapper.style3 label {

				color: #ffffff;

			}



			.wrapper.style3 input[type="text"],

			.wrapper.style3 input[type="password"],

			.wrapper.style3 input[type="email"],

			.wrapper.style3 select,

			.wrapper.style3 textarea {

				background: rgba(255, 255, 255, 0.075);

				border-color: rgba(255, 255, 255, 0.25);

			}



				.wrapper.style3 input[type="text"]:focus,

				.wrapper.style3 input[type="password"]:focus,

				.wrapper.style3 input[type="email"]:focus,

				.wrapper.style3 select:focus,

				.wrapper.style3 textarea:focus {

					border-color: #8a4680;

					box-shadow: 0 0 0 1px #8a4680;

				}



			.wrapper.style3 .select-wrapper:before {

				color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style3 input[type="checkbox"] + label,

			.wrapper.style3 input[type="radio"] + label {

				color: #bfbfbf;

			}



				.wrapper.style3 input[type="checkbox"] + label:before,

				.wrapper.style3 input[type="radio"] + label:before {

					background: rgba(255, 255, 255, 0.075);

					border-color: rgba(255, 255, 255, 0.25);

				}



			.wrapper.style3 input[type="checkbox"]:checked + label:before,

			.wrapper.style3 input[type="radio"]:checked + label:before {

				background-color: #8a4680;

				border-color: #8a4680;

				color: #ffffff;

			}



			.wrapper.style3 input[type="checkbox"]:focus + label:before,

			.wrapper.style3 input[type="radio"]:focus + label:before {

				border-color: #8a4680;

				box-shadow: 0 0 0 1px #8a4680;

			}



			.wrapper.style3 ::-webkit-input-placeholder {

				color: #999999 !important;

			}



			.wrapper.style3 :-moz-placeholder {

				color: #999999 !important;

			}



			.wrapper.style3 ::-moz-placeholder {

				color: #999999 !important;

			}



			.wrapper.style3 :-ms-input-placeholder {

				color: #999999 !important;

			}



			.wrapper.style3 .formerize-placeholder {

				color: #999999 !important;

			}



			.wrapper.style3 ul.alt li {

				border-top-color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style3 header p {

				color: #999999;

			}



			.wrapper.style3 table tbody tr {

				border-color: rgba(255, 255, 255, 0.25);

			}



				.wrapper.style3 table tbody tr:nth-child(2n + 1) {

					background-color: rgba(255, 255, 255, 0.075);

				}



			.wrapper.style3 table th {

				color: #ffffff;

			}



			.wrapper.style3 table thead {

				border-bottom-color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style3 table tfoot {

				border-top-color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style3 table.alt tbody tr td {

				border-color: rgba(255, 255, 255, 0.25);

			}



			.wrapper.style3 .inner {

				position: relative;

				z-index: 2;

			}



			.wrapper.style3 p {

				text-transform: uppercase;

				font-size: .75rem;

				font-weight: 300;

				margin: 0 0 .5rem 0;

				padding: 0 0 1rem 0;

				letter-spacing: .25rem;

			}



				.wrapper.style3 p:after {

					content: '';

					position: absolute;

					margin: auto;

					right: 0;

					bottom: 0;

					left: 0;

					width: 50%;

					height: 1px;

					background-color: rgba(255, 255, 255, 0.5);

				}



			.wrapper.style3:before {

				-moz-transition: opacity 3s ease;

				-webkit-transition: opacity 3s ease;

				-ms-transition: opacity 3s ease;

				transition: opacity 3s ease;

				-moz-transition-delay: 1.25s;

				-webkit-transition-delay: 1.25s;

				-ms-transition-delay: 1.25s;

				transition-delay: 1.25s;

				content: '';

				display: block;

				background-color: rgba(0, 0, 0, 0.95);

				height: 100%;

				left: 0;

				opacity: 0.75;

				position: absolute;

				top: 0;

				width: 100%;

				z-index: 1;

			}



		@media screen and (max-width: 1280px) {



			.wrapper > .inner {

				width: 75rem;

			}



		}



		@media screen and (max-width: 980px) {



			.wrapper > .inner {

				width: 90%;

			}



			.wrapper.style3 {

				background-attachment: scroll;

			}



		}



		@media screen and (max-width: 736px) {



			.wrapper {

				padding: 3rem 0 1rem 0 ;

			}



		}



/* Flexgrid */



	.grid-style {

		width: 100%;

		margin: 0 0 2.5rem 0;

		display: -moz-flex;

		display: -webkit-flex;

		display: -ms-flex;

		display: flex;

		-moz-flex-wrap: wrap;

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

		-moz-align-items: stretch;

		-webkit-align-items: stretch;

		-ms-align-items: stretch;

		align-items: stretch;

	}



		.grid-style > * {

			-moz-flex-shrink: 1;

			-webkit-flex-shrink: 1;

			-ms-flex-shrink: 1;

			flex-shrink: 1;

			-moz-flex-grow: 0;

			-webkit-flex-grow: 0;

			-ms-flex-grow: 0;

			flex-grow: 0;

		}



		.grid-style > * {

			width: 50%;

		}



		.grid-style > * {

			padding: 2rem;

			width: calc(50% + 2rem);

		}



		.grid-style > :nth-child(-n + 2) {

			padding-top: 0;

		}



		.grid-style > :nth-last-child(-n + 2) {

			padding-bottom: 0;

		}



		.grid-style > :nth-child(2n + 1) {

			padding-left: 0;

		}



		.grid-style > :nth-child(2n) {

			padding-right: 0;

		}



		.grid-style > :nth-child(2n + 1),

		.grid-style > :nth-child(2n) {

			width: calc(50% + 0rem);

		}



		.grid-style .box {

			margin: 0;

		}



		@media screen and (max-width: 980px) {



			.grid-style > * {

				width: 100%;

			}



			.grid-style > * {

				padding: 1rem;

				width: calc(50% + 1rem);

			}



			.grid-style > :nth-child(-n + 2) {

				padding-top: 1rem;

			}



			.grid-style > :nth-last-child(-n + 2) {

				padding-bottom: 1rem;

			}



			.grid-style > :nth-child(2n + 1) {

				padding-left: 1rem;

			}



			.grid-style > :nth-child(2n) {

				padding-right: 1rem;

			}



			.grid-style > :nth-child(2n + 1),

			.grid-style > :nth-child(2n) {

				padding: 1rem;

				width: calc(100% + 2rem);

			}



			.grid-style > * {

				padding: 1rem;

				width: calc(100% + 2rem);

			}



			.grid-style > :nth-child(-n + 1) {

				padding-top: 0;

			}



			.grid-style > :nth-last-child(-n + 1) {

				padding-bottom: 0;

			}



			.grid-style > :nth-child(1n + 1) {

				padding-left: 0;

			}



			.grid-style > :nth-child(1n) {

				padding-right: 0;

			}



			.grid-style > :nth-child(1n + 1),

			.grid-style > :nth-child(1n) {

				width: calc(100% + 1rem);

			}



		}



	.gallery {

		width: 100%;

		margin: 2.5rem 0 2.5rem 0;

		display: -moz-flex;

		display: -webkit-flex;

		display: -ms-flex;

		display: flex;

		-moz-flex-wrap: wrap;

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

		-moz-align-items: stretch;

		-webkit-align-items: stretch;

		-ms-align-items: stretch;

		align-items: stretch;

	}



		.gallery > * {

			-moz-flex-shrink: 1;

			-webkit-flex-shrink: 1;

			-ms-flex-shrink: 1;

			flex-shrink: 1;

			-moz-flex-grow: 0;

			-webkit-flex-grow: 0;

			-ms-flex-grow: 0;

			flex-grow: 0;

		}



		.gallery > * {

			width: 50%;

		}



		.gallery > * {

			padding: 2rem;

			width: calc(50% + 2rem);

		}



		.gallery > :nth-child(-n + 2) {

			padding-top: 0;

		}



		.gallery > :nth-last-child(-n + 2) {

			padding-bottom: 0;

		}



		.gallery > :nth-child(2n + 1) {

			padding-left: 0;

		}



		.gallery > :nth-child(2n) {

			padding-right: 0;

		}



		.gallery > :nth-child(2n + 1),

		.gallery > :nth-child(2n) {

			width: calc(50% + 0rem);

		}



		.gallery .image {

			background: #FFF;

			padding: 1rem;

		}



			.gallery .image.fit {

				margin: 0;

			}



		@media screen and (max-width: 980px) {



			.gallery > * {

				width: 100%;

			}



			.gallery > * {

				padding: 1rem;

				width: calc(50% + 1rem);

			}



			.gallery > :nth-child(-n + 2) {

				padding-top: 1rem;

			}



			.gallery > :nth-last-child(-n + 2) {

				padding-bottom: 1rem;

			}



			.gallery > :nth-child(2n + 1) {

				padding-left: 1rem;

			}



			.gallery > :nth-child(2n) {

				padding-right: 1rem;

			}



			.gallery > :nth-child(2n + 1),

			.gallery > :nth-child(2n) {

				padding: 1rem;

				width: calc(100% + 2rem);

			}



			.gallery > * {

				padding: 1rem;

				width: calc(100% + 2rem);

			}



			.gallery > :nth-child(-n + 1) {

				padding-top: 0;

			}



			.gallery > :nth-last-child(-n + 1) {

				padding-bottom: 0;

			}



			.gallery > :nth-child(1n + 1) {

				padding-left: 0;

			}



			.gallery > :nth-child(1n) {

				padding-right: 0;

			}



			.gallery > :nth-child(1n + 1),

			.gallery > :nth-child(1n) {

				width: calc(100% + 1rem);

			}



		}



/*--------------------------------------------------------------

# Sections & Section Header

--------------------------------------------------------------*/

section {

  padding: 30px 0;

  overflow: hidden;

}



.section-bg {

  background-color: #f5f6f7;

}



.section-header {

  text-align: center;

}



.section-header h2 {

  font-size: 32px;

  font-weight: 700;

  position: relative;

  color: #2e3135;

}



.section-header h2:before,

.section-header h2:after {

  content: "";

  width: 50px;

  height: 2px;

  background: var(--color-primary);

  display: inline-block;

}



.section-header h2:before {

  margin: 0 15px 10px 0;

}



.section-header h2:after {

  margin: 0 0 10px 15px;

}



.section-header p {

  margin: 0 auto 0 auto;

}



@media (min-width: 1199px) {

  .section-header p {

    max-width: 60%;

  }

}



    /*--------------------------------------------------------------

# Blog Details

--------------------------------------------------------------*/

.blog .blog-details {

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);

  padding: 30px;

}



.blog .blog-details .post-img {

  margin: -30px -30px 20px -30px;

  overflow: hidden;

}



.blog .blog-details .title {

  font-size: 28px;

  font-weight: 700;

  padding: 0;

  margin: 20px 0 0 0;

  color: var(--color-secondary);

}



.blog .blog-details .content {

  margin-top: 20px;

}



.blog .blog-details .content h3 {

  font-size: 22px;

  margin-top: 30px;

  font-weight: bold;

}



.blog .blog-details .content blockquote {

  overflow: hidden;

  background-color: rgba(82, 86, 94, 0.06);

  padding: 60px;

  position: relative;

  text-align: center;

  margin: 20px 0;

}



.blog .blog-details .content blockquote p {

  color: var(--color-default);

  line-height: 1.6;

  margin-bottom: 0;

  font-style: italic;

  font-weight: 500;

  font-size: 22px;

}



.blog .blog-details .content blockquote:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 3px;

  background-color: var(--color-primary);

  margin-top: 20px;

  margin-bottom: 20px;

}



.blog .blog-details .meta-top {

  margin-top: 20px;

  color: #6c757d;

}



.blog .blog-details .meta-top ul {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  align-items: center;

  padding: 0;

  margin: 0;

}



.blog .blog-details .meta-top ul li+li {

  padding-left: 20px;

}



.blog .blog-details .meta-top i {

  font-size: 16px;

  margin-right: 8px;

  line-height: 0;

  color: var(--color-primary);

}



.blog .blog-details .meta-top a {

  color: #6c757d;

  font-size: 14px;

  display: inline-block;

  line-height: 1;

  transition: 0.3s;

}



.blog .blog-details .meta-top a:hover {

  color: var(--color-primary);

}



.blog .blog-details .meta-bottom {

  padding-top: 10px;

  border-top: 1px solid rgba(82, 86, 94, 0.15);

}



.blog .blog-details .meta-bottom i {

  color: #838893;

  display: inline;

}



.blog .blog-details .meta-bottom a {

  color: rgba(82, 86, 94, 0.8);

  transition: 0.3s;

}



.blog .blog-details .meta-bottom a:hover {

  color: var(--color-primary);

}



.blog .blog-details .meta-bottom .cats {

  list-style: none;

  display: inline;

  padding: 0 20px 0 0;

  font-size: 14px;

}



.blog .blog-details .meta-bottom .cats li {

  display: inline-block;

}



.blog .blog-details .meta-bottom .tags {

  list-style: none;

  display: inline;

  padding: 0;

  font-size: 14px;

}



.blog .blog-details .meta-bottom .tags li {

  display: inline-block;

}



.blog .blog-details .meta-bottom .tags li+li::before {

  padding-right: 6px;

  color: var(--color-default);

  content: ",";

}



.blog .blog-details .meta-bottom .share {

  font-size: 16px;

}



.blog .blog-details .meta-bottom .share i {

  padding-left: 5px;

}



.blog .post-author {

  padding: 20px;

  margin-top: 30px;

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);

}



.blog .post-author img {

  max-width: 120px;

  margin-right: 20px;

}



.blog .post-author h4 {

  font-weight: 600;

  font-size: 22px;

  margin-bottom: 0px;

  padding: 0;

  color: var(--color-secondary);

}



.blog .post-author .social-links {

  margin: 0 10px 10px 0;

}



.blog .post-author .social-links a {

  color: rgba(82, 86, 94, 0.5);

  margin-right: 5px;

}



.blog .post-author p {

  font-style: italic;

  color: rgba(108, 117, 125, 0.8);

  margin-bottom: 0;

}



/*--------------------------------------------------------------

# Blog Sidebar

--------------------------------------------------------------*/

.blog .sidebar {

  padding: 30px;

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);

}



.blog .sidebar .sidebar-title {

  font-size: 20px;

  font-weight: 700;

  padding: 0;

  margin: 0;

  color: var(--color-secondary);

}



.blog .sidebar .sidebar-item+.sidebar-item {

  margin-top: 40px;

}



.blog .sidebar .search-form form {

  background: #fff;

  border: 1px solid rgba(82, 86, 94, 0.3);

  padding: 3px 10px;

  position: relative;

}



.blog .sidebar .search-form form input[type=text] {

  border: 0;

  padding: 4px;

  border-radius: 4px;

  width: calc(100% - 40px);

}



.blog .sidebar .search-form form input[type=text]:focus {

  outline: none;

}



.blog .sidebar .search-form form button {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  border: 0;

  background: none;

  font-size: 16px;

  padding: 0 15px;

  margin: -1px;

  background: var(--color-primary);

  color: var(--color-secondary);

  transition: 0.3s;

  border-radius: 0 4px 4px 0;

  line-height: 0;

}



.blog .sidebar .search-form form button i {

  line-height: 0;

}



.blog .sidebar .search-form form button:hover {

  background: rgba(254, 185, 0, 0.8);

}



.blog .sidebar .categories ul {

  list-style: none;

  padding: 0;

}



.blog .sidebar .categories ul li+li {

  padding-top: 10px;

}



.blog .sidebar .categories ul a {

  color: var(--color-secondary);

  transition: 0.3s;

}



.blog .sidebar .categories ul a:hover {

  color: var(--color-default);

}



.blog .sidebar .categories ul a span {

  padding-left: 5px;

  color: rgba(54, 77, 89, 0.4);

  font-size: 14px;

}



.blog .sidebar .recent-posts .post-item {

  display: flex;

}



.blog .sidebar .recent-posts .post-item+.post-item {

  margin-top: 15px;

}



.blog .sidebar .recent-posts img {

  max-width: 80px;

  margin-right: 15px;

}



.blog .sidebar .recent-posts h4 {

  font-size: 15px;

  font-weight: bold;

}



.blog .sidebar .recent-posts h4 a {

  color: var(--color-secondary);

  transition: 0.3s;

}



.blog .sidebar .recent-posts h4 a:hover {

  color: var(--color-primary);

}



.blog .sidebar .recent-posts time {

  display: block;

  font-style: italic;

  font-size: 14px;

  color: rgba(54, 77, 89, 0.4);

}



.blog .sidebar .tags {

  margin-bottom: -10px;

}



.blog .sidebar .tags ul {

  list-style: none;

  padding: 0;

}



.blog .sidebar .tags ul li {

  display: inline-block;

}



.blog .sidebar .tags ul a {

  color: #838893;

  font-size: 14px;

  padding: 6px 14px;

  margin: 0 6px 8px 0;

  border: 1px solid rgba(131, 136, 147, 0.4);

  display: inline-block;

  transition: 0.3s;

}



.blog .sidebar .tags ul a:hover {

  color: var(--color-secondary);

  border: 1px solid var(--color-primary);

  background: var(--color-primary);

}



.blog .sidebar .tags ul a span {

  padding-left: 5px;

  color: rgba(131, 136, 147, 0.8);

  font-size: 14px;

}



/*--------------------------------------------------------------

# Testimonials Section

--------------------------------------------------------------*/

.testimonials .testimonial-wrap {

  padding-left: 50px;

}



.testimonials .testimonials-carousel,

.testimonials .testimonials-slider {

  overflow: hidden;

}



.testimonials .testimonial-item {

  box-sizing: content-box;

  padding: 30px 30px 30px 60px;

  margin: 0 15px 30px 0;

  min-height: 200px;

  box-shadow: 0px 2px 20px rgba(82, 86, 94, 0.1);

  position: relative;

  background: #fff;

}



.testimonials .testimonial-item .testimonial-img {

  width: 90px;

  border-radius: 10px;

  border: 6px solid #fff;

  position: absolute;

  left: -45px;

}



.testimonials .testimonial-item h3 {

  font-size: 18px;

  font-weight: bold;

  margin: 10px 0 5px 0;

  color: #000;

}



.testimonials .testimonial-item h4 {

  font-size: 14px;

  color: #999;

  margin: 0;

}



.testimonials .testimonial-item .stars {

  margin: 10px 0;

}



.testimonials .testimonial-item .stars i {

  color: #ffc107;

  margin: 0 1px;

}



.testimonials .testimonial-item .quote-icon-left,

.testimonials .testimonial-item .quote-icon-right {

  color: #ffd565;

  font-size: 26px;

  line-height: 0;

}



.testimonials .testimonial-item .quote-icon-left {

  display: inline-block;

  left: -5px;

  position: relative;

}



.testimonials .testimonial-item .quote-icon-right {

  display: inline-block;

  right: -5px;

  position: relative;

  top: 10px;

  transform: scale(-1, -1);

}



.testimonials .testimonial-item p {

  font-style: italic;

  margin: 15px auto 15px auto;

}



.testimonials .swiper-pagination {

  margin-top: 20px;

  position: relative;

}



.testimonials .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background-color: #d5d7da;

  opacity: 1;

}



.testimonials .swiper-pagination .swiper-pagination-bullet-active {

  background-color: var(--color-primary);

}



@media (max-width: 767px) {

  .testimonials .testimonial-wrap {

    padding-left: 0;

  }



  .testimonials .testimonials-carousel,

  .testimonials .testimonials-slider {

    overflow: hidden;

  }



  .testimonials .testimonial-item {

    padding: 30px;

    margin: 15px;

  }



  .testimonials .testimonial-item .testimonial-img {

    position: static;

    left: auto;

  }

}