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

 *:not(input):not(textarea) {
   -webkit-user-select: none; /* disable selection/Copy of web content */
   -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
}



/* define standard CSS defaults for HeadShed App */

html, body, div, span, h1, h2, h3, h4, h5, h6, hr, p, a img, font, img, dd, dl, dt, li, ol, ul, blockquote, fieldset, form, label, legend, table, caption, tr, th, td, video {
	margin: 0;
	border: 0;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}


html, body {
	height: 100%;
	width: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

input:focus {
    outline: none !important;
    box-shadow: none !important;
}

select:focus {
    outline: none !important;
    box-shadow: none !important;
}



/* clearFix for buggy browsers */

.clearFix {
	clear: both;
}



/* standard HeadShed CSS follows below ... */


body {
    background-color: rgba(103,103,103,1.00);
}


.logoBox {
    width: 150px;
    height: 150px;
    display: block;
    background-image: url(media/logo.png);
    background-size: contain;
    position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.typeContainer {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    bottom: 20px;
    text-align: center;
}

.block {
    display: block;
}


.frankGothBook {
    font-family: franklin-gothic-urw,sans-serif;
    font-weight: 400;
    font-style: normal;
}

.frankGothItalic {
    font-family: franklin-gothic-urw,sans-serif;
    font-weight: 400;
    font-style: italic;
}

.frankGothDemi {
    font-family: franklin-gothic-urw,sans-serif;
    font-weight: 700;
    font-style: normal;    
}

.frankGothDemiItalic {
    font-family: franklin-gothic-urw,sans-serif;
    font-weight: 700;
    font-style: italic;
}

.font14 {
    font-size: 14px;
    line-height: 20px;
}

.font18 {
    font-size: 18px;
    line-height: 24px;
}

.fontWhiter {
    color: rgba(255,255,255,0.85);
}

.fontWhitish {
    color: rgba(255,255,255,0.66);
}

.vSpace10 {
    width: 100%;
    height: 10px;
    display: block;
}


.gradFlow {
    background: linear-gradient(270deg, #78009b, #c80071, #c84800);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}