/*

	CULORI FOLOSITE:

	#1F62FF - Albastru mediu

	#FBBC00 - Portocaliu butoane active

*/



/* Stiluri generale aplicate in toate paginile */

* {

	box-sizing: border-box;

}



html,
body {

	height: 100%;

	font-weight: 400;

}



body {

	margin: 0;

	padding: 0;

	font-family: "PT Sans", Arial;

	font-size: 16px;

}

img {
	max-width: 100%;
}



a {

	color: inherit;

	text-decoration: none;

	font-family: "PT Sans", Arial;

	font-weight: 400;

}



a:hover {

	text-decoration: none;

	color: inherit;

}



ul,
li {

	padding: 0;

	list-style: inherit;

	margin: 0;

}



iframe,
object,
embed,
video {

	max-width: 100% !important;

}



.container {

	margin: 0 auto;

}



.container.flex-parent {

	display: flex;

}



.full {

	width: 100%;

}



.xlarge {

	width: 84%;

}



.large {

	width: 74%;

}



.medium {

	width: 49%;

}



.smed {

	width: 33%;

}



.small {

	width: 24%;

}



.xsmall {

	width: 14%;

}



.hidden {

	display: none;

}



.text-center {

	text-align: center !important;

	text-indent: 0 !important;

}



footer {

	padding: 100px 0 10px 0;

	background-color: #444;

}



.copyright {

	color: white;

	text-align: center;

}



.scroll-top {

	width: 60px;

	height: 60px;

	text-align: center;

	line-height: 55px;

	font-size: 30px;

	background-color: white;

	color: #1F62FF;

	border: 1px solid #1F62FF;

	position: fixed;

	right: 50px;

	bottom: 50px;

	cursor: pointer;

	border-radius: 50px;



	transition: box-shadow 0.4s ease;

	-webkit-transition: box-shadow 0.4s ease;

}



.scroll-top>i {

	position: relative;

}



.scroll-top:hover {

	box-shadow: 0 0 4px #222;

}



.scroll-top:hover>i {

	-webkit-animation: .4s linear 0s infinite alternate move_arrow;

	-moz-animation: .4s linear 0s infinite alternate move_arrow;

	-o-animation: .4s linear 0s infinite alternate move_arrow;

	animation: .4s linear 0s infinite alternate move_arrow;

}



@-webkit-keyframes move_arrow {
	from {
		top: 0;
	}

	to {
		top: -5px;
	}
}

@-moz-keyframes move_arrow {
	from {
		top: 0;
	}

	to {
		top: -5px;
	}
}

@-o-keyframes move_arrow {
	from {
		top: 0;
	}

	to {
		top: -5px;
	}
}

@keyframes move_arrow {
	from {
		top: 0;
	}

	to {
		top: -5px;
	}
}



.valign-wrap {

	display: flex;

	justify-content: center;

}



#preloader {

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 999;

	background: white;

}



/*

INDEX

INDEX

INDEX

 */



.b-wrap {

	height: 100%;

	background-image: url('/img/home_bg.jpg');

	background-size: cover;

	background-position: center;

	text-align: center;

	padding: 20px 0;

	box-sizing: border-box;

	position: relative;

	overflow: hidden;

}



.b-book-wrap {

	margin: 0 auto;

	width: 750px;

}



.valign-wrap img {

	width: 95%;

	max-height: 100%;

	align-self: center;

}



#flipbook {

	height: 500px;

	transition: all 0.8s ease;

}



#flipbook .page {

	width: 400px;

	height: 300px;

	background-color: white;

	line-height: 300px;

	font-size: 20px;

	text-align: center;

}



#flipbook .page-wrapper {

	-webkit-perspective: 2000px;

	-moz-perspective: 2000px;

	-ms-perspective: 2000px;

	-o-perspective: 2000px;

	perspective: 2000px;

}



#flipbook .hard {

	background: #ddd !important;

	color: #333;

	box-shadow: inset 0 0 5px #666;

	font-weight: bold;

}



#flipbook .odd {

	background: -webkit-gradient(linear, right top, left top, color-stop(0.95, #FFF), color-stop(1, #DADADA));

	background-image: -webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%);

	background-image: -moz-linear-gradient(right, #FFF 95%, #C4C4C4 100%);

	background-image: -ms-linear-gradient(right, #FFF 95%, #C4C4C4 100%);

	background-image: -o-linear-gradient(right, #FFF 95%, #C4C4C4 100%);

	background-image: linear-gradient(right, #FFF 95%, #C4C4C4 100%);

	-webkit-box-shadow: inset 0 0 5px #666;

	-moz-box-shadow: inset 0 0 5px #666;

	-o-box-shadow: inset 0 0 5px #666;

	-ms-box-shadow: inset 0 0 5px #666;

	box-shadow: inset 0 0 5px #666;



}



#flipbook .even {

	background: -webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada));

	background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);

	background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);

	background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);

	background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);

	background-image: linear-gradient(left, #fff 95%, #dadada 100%);

	-webkit-box-shadow: inset 0 0 5px #666;

	-moz-box-shadow: inset 0 0 5px #666;

	-o-box-shadow: inset 0 0 5px #666;

	-ms-box-shadow: inset 0 0 5px #666;

	box-shadow: inset 0 0 5px #666;

}



.hard>img {

	display: block;

	margin: 0 auto;

}



.hard>p {

	margin: 20px 0;

	line-height: initial;

}



.languages {

	width: 160px;

	position: absolute;

	right: 0px;

	top: 45px;

	text-align: center;

	z-index: 10;

}



.languages a {

	display: inline-block;

	text-align: center;

}



.lang-flag {

	width: 40px;

	margin: 0 5px;

}



.book-page-header {

	position: absolute;

	top: 0;

	left: 0;

	text-align: center;

	line-height: 0px;

	width: 100%;

	font-size: 30px;

	color: #fe8300;

}



/*

=======  =======  =======  =======  =======  =======  =======

  ===	   ==		    =======  =======  ==   ==    ===	  ==

  ===	   ==		    ===	   =	 =  ==   ==    === 	  ==

  ===	   =======	===	   =	 =  =======    ===    =======

  ===		 ==	 ===    =	 =  == ==      ===    ==

  ===		 ==	 ===	   =======  ==  ==	   ===    ==

=======  =======	===    =======  ==   ==  =======  =======

*/

header {

	background-color: white;

	text-align: center;

	color: white;

}



.menu-wrap {

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 99;

	padding: 0px 0;

	background-color: white;

	border-bottom: 1px solid #1F62FF;

}



.menu-wrap ul {

	color: white;

	display: flex;

	overflow: hidden;

}

.menu-wrap li {

	display: inline-block;

	flex-basis: 20%;

	padding: 10px 0;

	align-items: center;

	color: black;

}



.menu-wrap li.special {

	background-color: #f4aa42;

	-webkit-animation: flash linear 1s infinite;

	animation: flash linear 1s infinite;

}



@-webkit-keyframes flash {

	0% {
		background-color: #f4aa42;
	}

	50% {
		background-color: white;
	}

	100% {
		background-color: #f4aa42;
	}

}

@keyframes flash {

	0% {
		background-color: #f4aa42;
	}

	50% {
		background-color: white;
	}

	100% {
		background-color: #f4aa42;
	}

}



.menu-wrap a {

	font-size: inherit;

	display: block;

	width: 100%;

	font-weight: 600;

}



.menu-wrap li:hover {

	color: white;

	background-color: red;
	/* #1F62FF; */

}



.menu-wrap li.active {

	color: white;

	background-color: #1F62FF;

	animation: none;

}



/* Stiluri pentru partea de slider*/

.h-top {

	color: black;

	background-color: white;

	background-image: url('/img/base_bg.jpg');

	background-size: cover;

	background-position: center;

	text-align: center;

	padding: 60px 0 20px 0;

	box-sizing: border-box;

	position: relative;

	overflow: hidden;

}



/* Stiluri pentru partea cu numarul de tel, pagina de fb, adresa de mail */

.h-contact-wrap {

	background-color: #1F62FF;

	padding: 10px 0;

	text-align: center;

	color: white;

}



.h-contact-wrap .col-md-4 {

	margin-top: 15px;

}



.h-contact-wrap i {

	width: 28px;

	height: 28px;

	text-align: center;

	line-height: 28px;

	border-radius: 20px;

	background-color: white;

	color: #1F62FF;

	margin: 0 20px;

}



/* Stiluri pentru partea cu navigatia secundara */

.h-secondary-menu {

	background-color: #DDD;

	padding: 20px 0;

	text-align: center;

}



.h-secondary-menu-item {

	height: 150px;

	background-color: white;

	cursor: pointer;

	display: flex;

	justify-content: center;

	align-items: center;

	border: 1px solid white;



	transition: border .4s ease;

}



.h-secondary-menu-item:hover {

	border: 1px solid #BBB;

}



.h-i-wrap {

	text-align: center;



}



.h-i-wrap>h1 {

	margin: 100px 0;

	font-size: 34px;

	font-weight: 400;

}



.h-i-item {

	margin: 20px auto 50px auto;

	text-align: left;

}



.h-i-item>p {

	text-indent: 50px;

	text-align: justify;

	line-height: 1.5;

}



.h-i-item>hr {

	border: none;

	border-top: 2px solid #1F62FF;

	margin-top: 0;

}



.h-i-item>h2 {

	display: inline-block;

	font-size: 22px;

	background-color: #1F62FF;

	color: white;

	padding: 10px 30px;

	margin: 0;

}



.h-i-item>h3 {

	font-size: 22px;

	background-color: #31D464;

}



/*.h-i-item {

	margin-bottom: 10px;

	text-indent: 50px;



}*/



.h-i-item>ul {

	padding-left: 5%;

}



.h-i-item>ul>li {

	list-style: initial;

}



.h-i-item>ol>li {

	list-style: inherit;

}



.h-i-main-img-wrap,
.philosophy-main-img-wrap {

	display: block;

	height: 520px;

	text-align: center;

}



.h-i-main-img-wrap > img,
.philosophy-main-img-wrap > img {

	max-height: 440px;

	max-width: 100%;

}



.h-i-main-img-wrap>p,
.philosophy-main-img-wrap>p {

	padding: 2px 10px;

	text-align: center;

	color: black;

}



.h-i-img-wrap,
.philosophy-img-wrap {

	display: inline-block;

	vertical-align: top;

	text-align: center;

	padding: 10px;

}



.h-i-img-wrap>p {

	margin: 5px auto;

}





.h-i-gallery,
.philosophy-gallery {

	background-color: #EEE;

	color: white;

	margin: 50px 0 0 0;

}



.h-i-gallery>h4,
.philosophy-gallery > h4 {

	padding: 10px 20px;

	background-color: #1F62FF;

	color: white;

}



.h-i-gallery-slide,
.philosophy-gallery-slide {

	background-color: #444;

	padding: 10px 0;

}



.h-i-gallery .slick-arrow,
.philosophy-gallery-slide .slick-arrow {

	width: 40px;

	height: 40px;

	text-align: center;

	line-height: 40px;

	font-size: 32px;

	position: absolute;

	top: 50%;

	margin-top: -20px;

	cursor: pointer;

	z-index: 99;

	background-color: #444;

}



.h-i-gallery .slick-next,
.philosophy-gallery-slide .slick-next {

	right: 4%;

}



.h-i-gallery .slick-prev,
.philosophy-gallery-slide .slick-prev {

	left: 4%;

}



.h-i-personal-page {

	border: 1px solid #CCC;

	padding: 20px 0;

	text-align: center;

	margin-bottom: 100px;

}



.gallery-item {

	padding: 10px;

	cursor: pointer;

}



.gallery-item>img {

	max-width: 100%;

	max-height: 70px;

}



.h-bordered>p {

	font-size: 20px;

}



/*

=======  ==		  ==   ==  =======

=======  ==		  ==   ==  ==   ==

==		 ==		  ==   ==  ==   ==

==		 ==		  ==   ==  =======

==		 ==		  ==   ==  ==   ==

=======  =======  =======  ==   ==

=======  =======  =======  =======

*/

.h-c-wrap {

	padding: 40px 0 100px 0;

}



.h-c-motto {

	/*

    background-image: url(../img/base_bg_simple.jpg);

    background-size: contain;

    background-position: top center;

    background-repeat: no-repeat;

*/

}



.h-c-wrap h2 {

	margin: 100px 0;

	text-align: center;

}



.h-c-details>p {

	font-weight: 300;

	font-size: 18px;

	text-align: left;

}



.h-c-details>p>img {

	float: right;

}



.h-c-details>hr {

	border-color: transparent;

	margin: 25px 0;

}



.h-c-secondary-menu,

.h-n-secondary-menu {

	display: flex;

	align-items: flex-end;

}



.c-tab-control {

	flex-basis: 20%;

}



.n-tab-control {

	flex-basis: 33.333333%;

}



.h-c-secondary-menu-item,

.h-n-secondary-menu-item {

	padding: 30px 0;

	background-color: #FAFAFA;

	cursor: pointer;

	display: flex;

	justify-content: center;

	border: 1px solid #ccc;



	transition: border .4s ease;

}



.h-c-secondary-menu-item.active,

.h-n-secondary-menu-item.active {

	border-bottom: 1px solid white;

	padding-top: 40px;

	font-weight: bold;

	background-color: white;

}



.h-c-secondary-menu-item:hover,

.h-n-secondary-menu-item:hover {

	font-weight: bold;

}



.h-c-content-wrapper {

	border-left: 1px solid #ccc;

	margin-top: -20px;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	padding: 20px;

	background-color: white;

}







/* Pagina de Filozofie */

.h-f-wrap {

	padding: 100px 0;

}



.h-f-wrap>h1 {

	margin: 100px 0;

	text-align: center;

	font-size: 40px;

	font-weight: 400;

}



.h-f-item {

	width: 90%;

	margin: 0 auto;

}



.h-f-item>p {

	font-size: 20px;

}



/* Pagina de linkuri utile */

.h-cp-wrap {

	padding: 100px 0;

}



.h-cp-wrap>h1 {

	margin: 100px 0;

	text-align: center;

	font-size: 40px;

	font-weight: 400;

}



/* Pagina de Contact */

.h-co-wrap {

	padding: 100px 0;

}



.h-co-details>p {

	margin: 25px 0 0 0;

	color: #1F62FF;

	font-weight: 600;

	font-size: 18px;

}



.h-co-details ul i {

	margin-right: 10px;

}



.h-co-details.map {

	padding: 25px 0;

}



.h-co-item {

	height: 160px;

	background-color: #1F62FF;

	color: white;

	text-align: center;

	padding: 20px 0;

}



.h-co-item i {

	font-size: 32px;

}



.google-map-addr {

	margin-bottom: 20px;

}



/* PAGINI INDIVIDUALE */

/* GELU TOMA, DAN UNGUREANU */

.gelutoma,
.danungureanu,
.marianudrea,
.iulianmihaescu {

	padding: 100px 0;

}



.iulianmihaescu a {

	text-decoration: underline;

}