body {
background-color : #838383;
background-size : 100%;
}
.clip-polygon {
clip-path : polygon(0% 0%,85% 0%,100% 15%,100% 100%,0% 100%);
}
.noselect {
user-select : none;
}
video#bgvid {
position : fixed;
top : 46%;
left : 50%;
min-width : auto;
min-height : 85%;
width : auto;
height : 85%;
z-index : -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background : url(polina.jpg) no-repeat;
background-size : cover;
}
video#bgvid1 {
position : fixed;
top : 48%;
left : 51%;
min-width : auto;
min-height : 85%;
width : auto;
height : 85%;
z-index : -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background : url(polina.jpg) no-repeat;
background-size : cover;
}
video#bgvid2 {
position : fixed;
top : 50%;
left : 62%;
min-width : auto;
min-height : 85%;
width : auto;
height : 85%;
z-index : -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background : url(polina.jpg) no-repeat;
background-size : cover;
}
video#bgvid3 {
position : fixed;
top : 50%;
left : 72%;
min-width : auto;
min-height : 100%;
width : auto;
height : 100%;
z-index : -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background : url(polina.jpg) no-repeat;
background-size : cover;
}
video#bgvid4 {
position : fixed;
top : 55%;
left : 50%;
min-width : auto;
min-height : 100%;
width : auto;
height : 100%;
z-index : -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background : url(polina.jpg) no-repeat;
background-size : cover;
}
#header {
width : 100%;
height : auto;
margin-left : 0;
margin-top : -1em;
padding-left : 10px;
background-color : #ffffff;
margin-bottom : -0.95em;
}
.lefthead {
background : #606060;
border-radius : 0 0 30px 0;
background: linear-gradient(to right, #6D6E6F 0%, #ccc 100%);
background: -moz-linear-gradient(left, #6D6E6F 0%, #ccc 100%);
background: -webkit-linear-gradient(left, #6D6E6F 0%, #ccc 100%);
background: linear-gradient(to right, #6D6E6F 0%, #ccc 100%);
}
.circle {
width: 90%; 
height: auto; 
border-radius: 0%;
border-width: thin;
border-color: #fff;
}
a {
color : #ffffff;
font-family : 'Arial';
font-size : 1em;
margin-left : 0;
letter-spacing : 0;
text-decoration : none;
font-weight : 400;
}
h1 {
color : #ffffff;
font-family : 'Arial';
font-size : 5em;
margin-top : 0.3em;
margin-bottom : 0.1em;
margin-left : 0;
text-align : center;
font-style : normal;
letter-spacing : -2px;
font-weight : 100;
}
h2 {
color : #ffffff;
font-family : 'Arial';
font-size : 7em;
margin-top : 0.5em;
margin-bottom : 0;
text-align : center;
font-style : normal;
letter-spacing : -2px;
font-weight : 100;
text-shadow : 0 0 3px #303030;
}
h3 {
color : #fff;
font-family : 'Arial';
font-size : 4em;
margin-top : 0.5em;
margin-bottom : 0;
text-align : center;
font-style : normal;
letter-spacing : -2px;
font-weight : 100;
/* text-shadow : 0 0 10px #000; */
}
.top {
font-size : 16px;
line-height : 2px;
}
hr {
color : #ffffff;
width : 20%;
border : none;
margin-top : 0;
border-top : 1px solid #ffffff;
clear : both;
height : 0;
text-shadow : 0 0 3px #303030;
}
hr.long {
color : #ffffff;
width : 40%;
border : none;
margin-top : 0;
border-top : 1px solid #ffffff;
clear : both;
height : 0;
text-shadow : 0 0 3px #303030;
}
.left {
color : #ffffff;
width : 100%;
border : none;
margin-left : 0;
border-top : 1px solid #000;
clear : both;
height : 0;
}
.clock {
font-family : Arial;
color : #fff;
margin-left : -12px;
line-height : 40px;
font-size : 80px;
letter-spacing : -1px;
text-shadow : 0 0 30px #505050;
}
.red {
color : #aa0000;
margin-left : 0;
text-shadow : 0 0 30px #505050;
}
.color {
color : #ffffff;
text-shadow : 0 0 30px #303030;
}
.front {
font-size : 22px;
color : #000;
margin-top : 0;
margin-bottom : 5px;
text-align : center;
font-family : "Arial", "Impact", "Condens";
text-shadow : 0 0 30px #303030;
}

.small {
font-size : 16px;
color : #eee;
margin-top : -2em;
text-align : center;
font-family : "Iskar", "Impact", "Condens";
text-shadow : 0 0 3px #000;
font-weight : 600;
}

.text1 {
font-size : 16px;
color : #fff;
text-align : left;
font-family : "Tahoma";
font-weight : 100;
text-shadow : 0 0 3px #000;
}

.center {
text-align : center;
background : transparent;
}
.shadow {
font-size : 16px;
color : #fff;
font-family : 'Iskar';
text-align : center;
text-shadow : 0 0 1px #000;
}
a:hover {
text-decoration : none;
background : #000;
color : #ccc;
transition : all 0.1s ease-in-out;
}
ul {
list-style-type : none;
margin : 0;
padding : 0;
overflow : hidden;
}
li a, .dropbtn {
display : inline-block;
color : #fff;
background-color : transparent;
text-align : center;
padding : 10px 6px;
text-decoration : none;
font-size : 14px;
font-family : Iskar;
/* text-shadow : 0 0 1px #000; */
}

li a, .dropbtn1 {
text-align : center;
}

li a, .act {
display : inline-block;
color : #fff;
font-size : 18px;
font-family : Iskar;
}
li a:hover, .dropdown:hover .dropbtn {
color : #fff;
transition : all 0.3s ease-in-out;
}
li.dropdown {
display : inline-block;
}
.dropdown-content {
display : none;
position : absolute;
background-color : transparent;
min-width : 200px;
max-width : 500px;
z-index : 1;
margin-left : -50px;
}
.dropdown-content a {
font-family : 'Arial';
font-size : 14px;
color : #000;
padding : 8px 8px;
margin-top : -10px;
text-decoration : none;
display : block;
text-align : left;
}

.dropdown-content p {
font-family : "Arial";
font-size : 14px;
color : #ffffff;
font-weight : 700;
display : block;
text-align : center;
}
.dropdown-content a:hover {
text-decoration : none;
background : #707070;
color : #ffffff;
transition : all 0.1s ease-in-out;
}
.dropdown:hover .dropdown-content {
display : block;
}
.blink {
animation-name : blinker;
animation-duration : 1.5s;
animation-timing-function : linear;
animation-iteration-count : infinite;
}
@keyframes blinker {
0% {
opacity : 1;
}
50% {
opacity : 0;
}
100% {
opacity : 1;
}
}
@font-face {
{
font-family : 'Arial';
src : url(fonts/ISKB.TTF) format("truetype");
}
}
@font-face {
{
font-family : '"Arial"';
src : url(fonts/arial.ttf) format("truetype");
}
}
.arial {
font-family : "Arial";
}
@font-face {
{
font-family : 'Arial';
src : url(fonts/impact.ttf) format("truetype");
}
}
@font-face {
{
font-family : '"Arial"';
src : url("../fonts/Arial.eot");
src : local("Arial"), url("../fonts/Arial.ttf") format("truetype");
}
}
.head {
font-family : 'Arial';
font-size : 1em;
font-weight : 700;
margin-top : -6px;
}
.frame {
width : 70%;
float : left;
margin-left : 30px;
background-color : red;
z-index : 1;
}
.outside {
width : 100%;
margin : auto;
background : transparent;
}
.inside {
background-color : transparent;
width : 80%;
margin : 0 auto;
}
.page-link {
font-family : 'Arial';
font-size : 15px;
color : #000;
margin-top : 0;
margin-left : 0;
text-decoration : none;
display : block;
text-align : left;
}
.page-head {
font-family : 'Arial';
font-size : 250%;
color : #000;
margin-top : 10px;
margin-bottom : 5px;
display : block;
text-align : left;
}
p {
font-family : "Arial";
font-size : 16px;
color : #000;
font-weight : 400;
letter-spacing : 0;
display : block;
text-align : left;
line-height : 160%;
}
.page-hr {
color : #000;
width : 100%;
border : none;
margin-top : 0;
border-top : 1px solid #000;
clear : both;
height : 0;
}
.tag {
font-family : 'Arial';
font-size : 16px;
color : #000;
display : inline-block;
}
.tag1 {
font-family : 'Arial';
font-size : 12px;
color : #000;
display : inline-block;
}
.acc {
font-family : 'Arial';
background-color : transparent;
color : #fff;
cursor : pointer;
padding : 0;
width : 90%;
border : none;
text-align : left;
outline : none;
font-size : 18px;
margin-left : 30px;
}

.panel5 {
width : 60%;
margin : auto;
/* height : 700px; */
background : #838383;
padding : 30px;
text-align : center;
}

.panel4 {
width : 75%;
margin : auto;
/* height : 700px; */
background : transparent;
/* background : linear-gradient(to right, #838383 0%, #456747 100%);  */
padding : 30px;
text-align : center;
background : linear-gradient(to bottom, transparent 0%, #4c7078 100%);
border-radius: 0px 0px 20px 20px;
}
    /* opacity: 0.1; */
    /* filter: alpha(opacity=10); /* For IE8 and earlier */ 

.panel3 {
width : 75%;
margin : auto;
/* height : 700px; */
background : transparent;
/* background : linear-gradient(to right, #838383 0%, #456747 100%);  */
padding : 30px;
text-align : center;
background : linear-gradient(to bottom, #707070 50%, transparent 100%);
border-radius: 150px 150px 0px 0px;
    /* opacity: 0.1; */
    /* filter: alpha(opacity=10); /* For IE8 and earlier */ 
}
.panel2 {
width : 75%;
margin : auto;
/* height : 700px; */
background : transparent;
/* background : linear-gradient(to right, #838383 0%, #456747 100%);  */
padding : 30px;
text-align : center;
background : linear-gradient(to bottom, transparent 0%, #202020 100%);
border-radius: 0px 0px 150px 150px;
    /* opacity: 0.1; */
    /* filter: alpha(opacity=10); /* For IE8 and earlier */ 
}
.panel1 {
padding : 20px;
margin : auto;
width : 98%;
background : #ccc;
background : linear-gradient(to right, #fff 0%, #909090 100%);
background : linear-gradient(to right, #fff 0%, #909090 100%);
border-radius : 0 150px 0 0;
}
.panel {
margin : auto;
width : 98%;
padding : 0;
background : #ccc;
background : linear-gradient(to right, #fff 0%, #707070 100%);
background : linear-gradient(to right, #fff 0%, #707070 100%);
}
.subtitle {
color : #a00000;
margin-left : 0;
}
.button {
width : 260px;
padding : 10px;
cursor : pointer;
font-size : 100%;
font-family : 'Iskar';
background : transparent;
color : #000;
border : none;
}
.times {
font-family : 'Arial';
font-size : 0.9em;
font-weight : 700;
margin-top : 0;
}
#share-buttons img {
width : 35px;
padding : 5px;
border : 0;
display : inline;
}
.slider {
width : 80%;
margin : 0 auto;
}
* {
box-sizing : border-box;
}
.mySlides {
display : none;
}
img {
vertical-align : middle;
}
.slideshow-container {
max-width : 1000px;
position : relative;
margin : auto;
}
.text {
font-family : 'Arial';
color : #ccc;
font-size : 4em;
padding : 8px 12px;
position : absolute;
top : 30px;
width : 100%;
text-align : center;
}
.numbertext {
color : #f2f2f2;
font-size : 12px;
padding : 8px 12px;
position : absolute;
top : 0;
}
.dot {
height : 15px;
width : 15px;
margin : 0 2px;
background-color : #303030;
border-radius : 50%;
display : inline-block;
transition : background-color 0.6s ease;
}
.active {
background-color : #fff;
}
.fade {
animation-name : fade;
animation-duration : 1.5s;
}
@keyframes fade {
from {
opacity : 0.4000000059604644775390625;
}
to {
opacity : 1;
}
}
@media only screen and (max-width:300px) {
.text {
font-size : 11px;
}
}
@media screen
* {
box-sizing : border-box;
}
.row {
background-color : transparent;
width : 100%;
height : auto;
margin-left : -5px;
}
.row:after {
content : "";
clear : both;
display : block;
}
[class*="col"] {
float : left;
padding : 25px;
padding-left : 0;
padding-bottom : 0;
width : 100%;
}
@media only screen and (min-width:400px) {
.col1 {
width : 28%;
background-color : transparent;
}
.col2 {
width : 72%;
background-color : transparent;
}
}
@media only screen and (min-width:800px) {
.col1 {
width : 28%;
background-color : transparent;
}
.col2 {
width : 72%;
background-color : transparent;
}
}
.btn-social {
width : 100px;
position : relative;
opacity : 1;
transition : 0.5s ease;
cursor : pointer;
}
.btn-social:hover {
transform : scale(2);
opacity : 1;
margin : auto;
}
audio::-internal-media-controls-download-button {
display : none;
}
audio::-webkit-media-controls-enclosure {
overflow : hidden;
}
audio::-webkit-media-controls-panel {
width : calc(60% + 40%);
}

/*hover image*/
.hover_img a { position:relative; }
.hover_img a span { position:absolute; display:none; z-index:99; }
.hover_img a:hover span { display:block; }


/* open modal immortality*/
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 20;
	right: 0;
	bottom: 0;
	left: 0;
	/* background: rgba(0,0,0,0.8); */
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 80%;
	position: relative;
	margin: 5% auto;
	padding: 15px 15px 15px 15px;
	border-radius: 0px 50px 0px 50px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #333);
	background: -webkit-linear-gradient(#fff, #333);
	background: -o-linear-gradient(#fff, #333);
}

-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;