* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: 'Raleway';
	font-size: 13px;
	text-shadow: 0px 1px 2px #0a0d12;
	line-height: 1.6em;
//	padding: 48px;
	color: #6b6967;
	background-image: url("./IMG/bg.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
//	background-color: #716869;
}

#container {
	display: flex;
//	justify-content: center;
	align-items: center;
//	min-height: 100vh;
}

#carousel, #navigation {
	flex: initial;
	display: block;
}

#carousel {
	overflow: hidden;
	width: 310px;
	height: 330px;
//	border-radius: 4px;
//	background-color: #fff;
}

.p-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
}

[class^="panel_"] {
    overflow: auto;
    position: relative;
    width: inherit;
    height: inherit;
	padding: 32px 0px 28px 28px;
	margin-left: -9px;
	font-weight: 600;
}

[class^="panel_"] > :first-child { margin-top: 0; }
[class^="panel_"] > :last-child { margin-bottom: 0; }

/* NAVIGATION*/ 
#navigation {
    margin-left: 2px;
}

[class^="label_"] {
    display: block;
    cursor: pointer;
    margin: 8px 0;
    width: 10px;
    height: 10px;
    line-height: 32px;
    text-align: center;
    border-radius: 16px;
    color: #aaa;
    background-color: rgba(92,90,88,0.9);;
    transition: all 0.3s ease;
}

[class^="label_"]:hover {
    color: #444;
    background-color: #9e9f9e;
}

#button_1:checked ~ #carousel .p-wrapper {
    -webkit-transform: translateY(0);
    transform: translateY(0); 
}

#button_2:checked ~ #carousel .p-wrapper {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); 
}

#button_3:checked ~ #carousel .p-wrapper {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%); 
}

#button_4:checked ~ #carousel .p-wrapper {
    -webkit-transform: translateY(-300%);
    transform: translateY(-300%); 
}

#button_5:checked ~ #carousel .p-wrapper {
    -webkit-transform: translateY(-400%);
    transform: translateY(-400%); 
}

#button_1:checked ~ #navigation .label_1,
#button_2:checked ~ #navigation .label_2,
#button_3:checked ~ #navigation .label_3,
#button_4:checked ~ #navigation .label_4,
#button_5:checked ~ #navigation .label_5 {
	cursor: default;
	color: #fff;
	background-color: #0e7ac1;
}
/* NAVIGATION END */

p {
	margin: 7px 0px;
	text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.1em;
	padding-bottom: 2px;
}

h1 { font-size: calc(1em + 9px); }
h2 { font-size: calc(1em + 5px); } 
h3 { font-size: calc(1em + 4px); } 
h4 { font-size: calc(1em + 3px); }
h5 { font-size: calc(1em + 2px); }
h6 { font-size: 1em; }

h1, h2, h3, h4, h5, h6 {
	color: #9e9f9e;
	font-family: 'Mitr';
}

ul { 
	list-style: none;
}

ul > li  { 
	position: relative; 
	padding: 0 24px 0 36px; 
}

ul > li:before {
	content: '';
	position: absolute;
	top: .75em;
	left: 21px;
	margin-top: -1px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #666;
}

img { 
	margin: 7px 0px 0px 0px;
	max-width: 100%;
	height: auto;
	box-shadow:  0px 1px 8px #0a0d12;
}

iframe {
	max-width: 100%;
	height: auto;
}

/* READ MORE */
.read_more {
	margin: 7px 0px;
	text-align:left;
}

a {
	font-size:12px;
	text-decoration:none;
	color:#5c5a58;
	transition:color 200ms;
}

a:hover {
//	background:#cea052;
	color:#0e7ac1;
	transition:color 200ms;
}
a:after {
	font-family: 'FontAwesome', sans-serif;
	font-weight:300;
	content: "\f105";
	margin-left:20px;
	color:#5c5a58;
	font-size:18px;
	vertical-align:-2px;
	transition:color 200ms;
}

a:hover:after {
	color:#0e7ac1;
	transition:color 200ms;
}
/* READ MORE END*/

/* SCROLL */
::-webkit-scrollbar {
	width: 3px;
	height: 3px;
	background-color: #0a0e13;
}

::-webkit-scrollbar-track {
//	border: 8px solid #fff;
	background-color: rgba(0,0,0,.05);
}

::-webkit-scrollbar-thumb {
	min-height: 1px;
	min-width: 1px;
	background-clip: padding-box;
	background-color: #5c5a58;
//	border: 8px solid #3a4f5e;    
}

::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}

::-webkit-scrollbar-corner {
//	background-color: #fff;
}
/* SCROLL END*/

.unselectable {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}