@charset "UTF-8";
/* CSS Document */

/* Theme Name: ADD

Author: Michał D
Author URI: https://google.com/
Description: None.
Version: 1.0b */

* {
    box-sizing: border-box;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);

}
 
html {
	height: 100%;
    margin: 0;
    padding: 0;
}
 
body {
	background-color: rgba(24,24,24,1);
    width: 100%;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
	margin: 0;	
}

img {pointer-events: none;}

#container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/* Selection-style */

::-moz-selection { /* Code for Firefox */
    color: white;
    background: #e45f4a;
}

::selection {
    color: white;
    background: #e45f4a;
}

/* Scrollbar-style */

/* width */
::-webkit-scrollbar {width: 10px;}

/* Track */
::-webkit-scrollbar-track {background: white;}
 
/* Handle */
::-webkit-scrollbar-thumb {
	
  background: #e45f4a;
  border-radius: 5px;
  
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #e45f4a;}

::-webkit-input-placeholder {color:#e45f4a;}

:-moz-placeholder {color:#e45f4a;}

::-moz-placeholder {color:#e45f4a;}

:-ms-input-placeholder {color:#e45f4a;}

/* Scroll progress-style */

.progress-container {
	
	position: absolute;
	width: 100%;
	height: 2px;
	background: #ccc;
  
}

.scroll-line{
	
	position: fixed;
	height: 2px;
	background: #e45f4a;
	width: 0%;
	
}

/* Image loading-style */

.load-wrapp:last-child {margin-right: 0;}

.load-ball {
	
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 15px;
	margin: 7px;
    background-color: white;
	
}

.load .load-ball:nth-last-child(1) {animation: loadingC 0.8s .1s ease-in-out infinite;-webkit-animation: loadingC 0.8s .1s ease-in-out infinite;}
.load .load-ball:nth-last-child(2) {animation: loadingC 0.8s .2s ease-in-out infinite;-webkit-animation: loadingC 0.8s .2s ease-in-out infinite;}
.load .load-ball:nth-last-child(3) {animation: loadingC 0.8s .3s ease-in-out infinite;-webkit-animation: loadingC 0.8s .3s ease-in-out infinite;}

@keyframes loadingC {
	
    0 {transform: scale3d(1.0, 1.0, 1.0); opacity: 1;}
    50% {transform: scale3d(0.7, 0.7, 0.7); opacity: 0.5;}
    100% {transform: scale3d(0.5, 0.5, 0.5);opacity: 0;}
	
}

@-webkit-keyframes loadingC {
	
    0 {-webkit-transform: scale3d(1.0, 1.0, 1.0); opacity: 1;}
    50% {-webkit-transform: scale3d(0.7, 0.7, 0.7); opacity: 0.5;}
    100% {-webkit-transform: scale3d(0.5, 0.5, 0.5);opacity: 0;}
	
}

/* Back to top button-style */

.back-to-top {
	
	visibility: hidden;
	background-color: #fff0;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 48px;
	position: fixed;
	bottom: 0px;
	right: 20px;
	z-index: 90;
	cursor: pointer;
	border-radius: 1px;
	opacity: 0;
	-webkit-transform: translateZ(0);
  
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
		
}

.back-to-top .fa {
	
	font-size: 20px;
    color: #6f6f6f;
	vertical-align: middle;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
		
}

.back-to-top:hover .fa {
	
	background-color: #fff0;
	color: #e45f4a;
	opacity: 1;
  
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease; 
		
}

.back-to-top.show {
	
  visibility: visible;
  bottom: 20px;
  opacity: 1;
  
}