/**************/
/* @font-face */
/**************/

@font-face {
  font-family: 'Brown-Bold';
  src: url('fonts/Brown-Bold.eot');
  src: url('fonts/Brown-Bold.woff2') format('woff2'),
       url('fonts/Brown-Bold.woff') format('woff'),
       url('fonts/Brown-Bold.ttf') format('truetype'),
       url('fonts/Brown-Bold.svg#Brown-Bold') format('svg'),
       url('fonts/Brown-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brown-Light';
  src: url('fonts/Brown-Light.eot');
  src: url('fonts/Brown-Light.woff2') format('woff2'),
       url('fonts/Brown-Light.woff') format('woff'),
       url('fonts/Brown-Light.ttf') format('truetype'),
       url('fonts/Brown-Light.svg#Brown-Light') format('svg'),
       url('fonts/Brown-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brown-LightItalic';
  src: url('fonts/Brown-LightItalic.eot');
  src: url('fonts/Brown-LightItalic.woff2') format('woff2'),
       url('fonts/Brown-LightItalic.woff') format('woff'),
       url('fonts/Brown-LightItalic.ttf') format('truetype'),
       url('fonts/Brown-LightItalic.svg#Brown-LightItalic') format('svg'),
       url('fonts/Brown-LightItalic.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brown-Regular';
  src: url('fonts/Brown-Regular.eot');
  src: url('fonts/Brown-Regular.woff2') format('woff2'),
       url('fonts/Brown-Regular.woff') format('woff'),
       url('fonts/Brown-Regular.ttf') format('truetype'),
       url('fonts/Brown-Regular.svg#Brown-Regular') format('svg'),
       url('fonts/Brown-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}



/***********/
/* Commons */
/***********/

body {
	background-color: #fdf7eb;
	font-family : "Brown-Regular", Helvetica, Arial, sans-serif;
	font-size: 16px;
}

.bg-white {
	background-color: #fff;
}
.bg-black {
	background-color: #000;
}

.c-white {
	color: #fff;
}
.c-black {
	color: #000;
}

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

.p-t-6 {
	padding-top: 6px;
}

.img-responsive {
    width: 100%;
    height: auto;
}

.arrow-down {
	width: 0; 
	height: 0;
	margin: 0 auto; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
}

.img-scaling {
	position: absolute;
	top: 0;
	left: 0;
	width: 1400px;
	height: 1125px;
	display: block;
}



/*************/
/* Structure */
/*************/

.all-page-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	display: none;
}
	.wrapper-slider {
		position: relative;
	}
		.toolbox {
			position: absolute;
	    	bottom: 23%;
			width: 23.84%;
	    	height: 29.66%;
		}
		.toolbox-left {
			left: 22%;
		}
		.toolbox-right {
			right: 22%;
		}
			.ellipse {
				width: 100%;
				height: 100%;
				padding: 13% 10%;
				text-decoration: none;
				display: block;
				border-radius: 50%;
				box-sizing: border-box;
				transition: all 0.7s ease;
			}
			.ellipse:hover {
				transform: translateY(8px) !important;
			}
				.ellipse .title {
					font-family : "Brown-Bold", Helvetica, Arial, sans-serif;
					font-size: 1.53vmin;
					line-height: 2.8vmin;
					text-transform: uppercase;
					margin-bottom: 6%;
				}
				.ellipse .desc {
					font-size: 1.53vmin;
					line-height: 2.8vmin;
					margin-bottom: 6%;
				}
				.ellipse.bg-black .arrow-down {
				  border-top: 10px solid #fff;
				  transition: all 0.7s ease;
				}
				.ellipse.bg-white .arrow-down {
				  border-top: 10px solid #000;
				  transition: all 0.7s ease;
				}
				.ellipse.bg-black:hover {
					background-color: #fff !important;
					color: #000 !important;
				}
				.ellipse.bg-white:hover {
					background-color: #000 !important;
					color: #fff !important;
				}
				.ellipse.bg-black:hover .arrow-down {
				  border-top: 10px solid #000 !important;
				  transform: translateY(8px) !important;
				}
				.ellipse.bg-white:hover .arrow-down {
				  border-top: 10px solid #fff !important;
				  transform: translateY(8px) !important;
				}

	.footer {
		background-color: #000;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		color: #fff;
		font-size: 1.53vmin;
		text-align: center;
		padding: 10px 30px;
		box-sizing: border-box;
	}
		.footer a {
			color: #fff;
			text-decoration: none;
			transition: all 0.7s ease;
		}
		.footer a:hover {
			color: #fdf7eb;
		}



/***************/
/* Loader page */
/***************/

.loader-page {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
	.sandglass {
		animation: sandglassloader 3s cubic-bezier(.8,0,.2,1) infinite;
		height: 40px;
		width: 41px;
		position: absolute;
		top: calc(50% - 20px);
		left: calc(50% - 20px);
	}
	@keyframes sandglassloader {

		90% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(180deg);
		}

	}
	.sandglass-top {
		animation: sandglasstop 3s linear infinite;
		border-top: 20px solid #000;
		border-right: 20px solid transparent;
		border-left: 20px solid transparent;
		height: 0px;
		width: 1px;
		transform-origin: 50% 100%;
	}
	@keyframes sandglasstop {

		90% {
			transform: scale(0);
		}

		100% {
			transform: scale(0);
		}

	}
	.sandglass-bottom {
		animation: sandglassbottom 3s linear infinite;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #000;
		border-left: 20px solid transparent;
		height: 0px;
		width: 1px;
		transform: scale(0);
		transform-origin: 50% 100%;
	}
	@keyframes sandglassbottom {

		10% {
			transform: scale(0);
		}

		90% {
			transform: scale(1);
		}

		100% {
			transform: scale(1);
		}

	}
	.sandglass-line {
		animation: sandglassline 3s linear infinite;
		border-left: 1px dotted #000;
		height: 0px;
		width: 0px;
		position: absolute;
		top: 20px;
		left: 20px;
	}
	@keyframes sandglassline {

		10% {
			height: 20px;
		}

		100% {
			height: 20px;
		}

	}



/******************/
/* Modal flipbook */
/******************/

.modal-flipbook {
	background-color: #fdf7eb;
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    transform: scale(0);
    transition: all 0.3s ease;
    overflow: hidden;
}
.modal-flipbook-active {
	transform: scale(1);
}
	.close-modal {
		background: url('../img/close_black.png') no-repeat center;
		background-size: 50%;
		position: fixed;
		top: 20px;
		right: 20px;
		opacity: 1;
		cursor: pointer;
		display: block;
		height: 40px;
		width: 40px;
		border-radius: 50%;
		border: 3px solid rgba(255,255,255,0);
		-webkit-transition: 0.5s cubic-bezier(.27,1.64,.32,.95);
		-moz-transition: 0.5s cubic-bezier(.27,1.64,.32,.95);
		-ms-transition: 0.5s cubic-bezier(.27,1.64,.32,.95);
		-o-transition: 0.5s cubic-bezier(.27,1.64,.32,.95);
		transition: 0.5s cubic-bezier(.27,1.64,.32,.95);
		z-index: 1001;
	}
	.close-modal:hover {
		opacity: 1;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		border-radius: 50%;
		border-color: rgba(0,0,0,0.3);
	}



/*********************/
/* BookBlock overide */
/*********************/

.bb-custom-wrapper {
	width: auto;
	margin: 0;
	padding-top: 30px;
}
	.bb-custom-wrapper nav {
		height: auto;
		padding: 30px 0;
		margin: 0;
	}
		.bb-custom-wrapper nav a {
		    background: #000;
		}



/***********************/
/* Responsive versions */
/***********************/

@media (max-width: 1023px) {

	.ellipse .title,
	.ellipse .desc {
		line-height: 2.4vmin;
	}

}

@media (max-width: 890px) {

	.footer .contact {
		float: left;
	    margin-left: 0;
	}
		.footer .contact li:first-child {
		    margin-left: 0;
		}

}