/* --- main style --- */
html {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	scroll-behavior: smooth;
}

body {
	min-height: 100vh;
	min-width: 100vw;
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
}

#imgBackground {
	position: fixed;
	z-index: -1;
	margin: 0px;
	padding: 0px;
	min-height: 100vh;
	min-width: 100vw;
}

/* -- Placeholder & caret -- */
::-webkit-input-placeholder {
    color: #5799ff !important;   
    font-family: 'GOST type B', sans-serif;
    font-size: 14px;
}
::-moz-placeholder  {
    color: #5799ff !important;
    font-size: 14px;
    font-family: 'GOST type B', sans-serif;
}  
:-moz-placeholder {
    color: #5799ff !important;
    font-size: 14px;
    font-family: 'GOST type B', sans-serif;
}  
:-ms-input-placeholder {
    color: #5799ff !important;
    font-size: 14px;
    font-family: 'GOST type B', sans-serif;
}
::placeholder {
    color: #5799ff !important;
    font-size: 14px;

}

/* --- input --- */
input[type="text"] {
	background: transparent;
	border-color: #5799ef !important;
	border-width: 1px;
	color:  #9bc4f9!important;
	caret-color: #9bc4f9!important;
	font-size: 20px;
	font-weight: 500;
	line-height: 35px!important;
}

input[type="text"]:focus::-webkit-input-placeholder { color:transparent !important;  }
input[type="text"]:focus:-moz-placeholder { color:transparent !important; } 
input[type="text"]:focus::-moz-placeholder { color:transparent !important; } 
input[type="text"]:focus:-ms-input-placeholder { color:transparent !important; }

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus	{
						color: #9bc4f9!important;
						border-color: #9bc4f9!important;
						border-width: 1px;
						box-shadow: 1px 1px 2px #9bc4f9;
						outline: 0 none;
						font-size: 20px;
						}

/* --- btn --- */
.btn, .btn:focus:visited, #spinner, #info {
	color: #5799ef; 
}

.btn:hover {
	color:#5799ef;
}

.btn-close {
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='%235799ef'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

button[type="button"]:focus {
							 outline: 0 none;
							 background: transparent;
}

button[type="button"]:focus:visited {
							color:#5799ef;
							border-color: #000; outline: 0 none;
}

button[type="button"]:hover {
	color:#5799ef;
}


#searchIcon {
	border: 1px solid #5799ef !important;
}

#searchIcon:hover {
	border: 1px solid #9bc4f9!important;
	color:  #9bc4f9!important;
	box-shadow: 1px 1px 2px #9bc4f9;
}

/* --- h-100 --- */
.h-100 {
	overflow:hidden;
	background: transparent;
	border: #212529;
}
@media(min-width: 757px) {	
		.h-100:hover { 
			z-index: 10000;
			background: rgba(87, 153, 255, 0.2);
			-moz-transition: all 0.7s ease-out;
		 	-o-transition: all 0.7s ease-out;
		 	-webkit-transition: all 0.7s ease-out;

		 	-webkit-transform: scale(1.2);
		 	-moz-transform: scale(1.2);
		 	-o-transform: scale(1.2);

			box-shadow: 1px 0 2px #5799ff, 1px 0 5px #5799ff;/*, 1px 0 7px #5799ff;*/
		}
}

/* --- form_radio_group --- */
.form_radio_group label {
	cursor: pointer;
	background: transparent;
	color: #5799ef;
	letter-spacing: 0.4rem;
}
.form_radio_group input[type=radio]:checked + label {				
	background: transparent;
	border: 1px solid #9bc4f9!important;
	color:  #9bc4f9!important;
	/*color: #5799ff;
	border: 1px solid #5799ff;*/
}
.form_radio_group label:hover {
	text-shadow: 1px 0 2px #5799ff, 1px 0 5px #5799ff, 1px 0 7px #5799ff;
}

/* --- page-lnk --- */
.page-lnk {
	z-index: 5000;
	background: transparent;
	color: #5799ef;
}
.page-lnk:focus {
	background: #364dd9;
	color: white; 
}
.page-lnk:hover {
	color: #d9e8ff;
	text-shadow: 1px 0 2px #5799ff, 1px 0 5px #5799ff, 1px 0 7px #5799ff, 1px 0 12px #5799ef, 1px 0 25px #5799ef, 1px 0 40px #5799ef, 1px 0 60px #5799ef !important;
}

/* --- other --- */
.card-footer p {
	color: #a5a3a3 !important;
}

#lets {
z-index: 10000;
color: #d9e8ff;
letter-spacing: 0.1rem;
text-shadow: 1px 0 2px #5799ff, 1px 0 5px #5799ff, 1px 0 7px #5799ff, 1px 0 12px #5799ef, 1px 0 25px #5799ef;
animation: blink 1.5s infinite;
}
@keyframes blink {
   50% {color: #d9e8ff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #5799ff, 0 0 8px #d9e8ff, 0 0 12px #d9e8ff;}
}

.navbar-dark .navbar-toggler-icon {
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2887, 153, 239, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

#movieDescription, #nav-cont-blur {
	-webkit-backdrop-filter: blur(10px); 
	backdrop-filter: blur(10px);"
}

#movieDescription, .navbar-toggler {
	border-color: #5799ef !important;
}

#Poster {
	background: transparent;
}

#Title, #Year, #Plot, #pagePrev, #pageNext, #navbarToggleExternalContent {
	color: #c1c1c1;
}

/*spinner*/

.loader {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  perspective: 800px;
}

.inner {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;  
}

.inner.one {
  left: 0%;
  top: 0%;
  animation: rotate-one 1s linear infinite;
  border-bottom: 3px solid #EFEFFA;
}

.inner.two {
  right: 0%;
  top: 0%;
  animation: rotate-two 1s linear infinite;
  border-right: 3px solid #EFEFFA;
}

.inner.three {
  right: 0%;
  bottom: 0%;
  animation: rotate-three 1s linear infinite;
  border-top: 3px solid #EFEFFA;
}

@keyframes rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}