/**
 *
 *
 *  Impact global styles
 *
 *
 */


html,
body,
.bg-container {
    min-width: 100%;
    min-height: 100vh;
}

.bg-container {
    position: relative;
    padding-bottom: 100px;
	overflow-x: hidden;
}


/*
 * Container padding fix
 */
.container {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 60px;
}

@media screen and (max-width: 992px){
	.container {
		padding-top: 0px;
	}

	.tutorial-blop {
		bottom: 150px !important;
	}

	.sc-launcher, .sc-launcher .sc-open-icon {
		bottom: 75px !important;
	}
}

/*
 * Container padding specifically for mobile navbar
 */
.container-mobile-nav {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}


/*
 * Logo element
 */

.logo-box {
    width: 250px;
    height: 125px;
    left: 30px;
    top: 0px;
    position: absolute;
    z-index: 11;
    display: none !important;
}


@media only screen and (min-width: 1800px) {
    .logo-box {
        display: block !important;
    }

    .logo-box img {
        top: 40%;
        left: 40%;
        display: block !important;
    }
}

.logo-box img {
    width: 12%;
    position: fixed;
    top: 63px;
    left: 8%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    cursor: pointer;
    display: none;
}




/**
  *   Global hr
  */

/*
 * Display flex, Pointer fix
 */
.justify-content-flex-end {
    justify-content: flex-end;
}

.justify-content-flex-start {
    justify-content: flex-start;
}

hr {
    border-top: 2px solid rgba(0, 0, 0, 0.25);
}


/*
 * Disable Highlight
 */

.no-highlight {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

 /*
  * Default container
  */

.default-container {
    padding-left: 24px;
    padding-right: 24px;
}

/* prevent image drag */
img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

/* Cursor */
.cursor-pointer:hover {
    cursor: pointer;
	filter: brightness(85%);
}

/*
  * Scale smaller size desktop to 80%
  */

@media screen and (min-width: 992px) and (max-width: 1440px) {
	/**.bg-container .container {
		zoom: 0.8;
		-ms-zoom: 0.8;
		-webkit-zoom: 0.8;
	}**/
}

.back-to-top-button{
	position: fixed;
	bottom: 50px;
}

.back-to-top-button:focus {
	outline: none;
	box-shadow: none;
}

@media (min-width: 768px){
	.back-to-top-button {
		right: calc((100vw - 720px) / 2.3);
	}
}
@media (min-width: 992px){
	.back-to-top-button {
		right: calc((120vw - 960px) / 2);
	}
}
@media (min-width: 1200px){
	.back-to-top-button {
		right: calc((120vw - 1140px) / 2);
	}
}
@media (min-width: 1440px){
	.back-to-top-button {
		right: calc((100vw - 1140px) / 2.3);
	}
}
@media (max-width: 576px){
	.back-to-top-button {
		display: none;
	}
}


/*
 * Data-title styling
 */

[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    background-color: rgba(255,255,255,0.85);
    color: #111;
    font-size: 100%;
    position: absolute;
    padding: 1px 5px 2px 5px;
    bottom: 50%;
    left: 50%;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
	border-radius: 3px;
    z-index: 99999;
    visibility: hidden;
}
[data-title] {
    position: relative;
}