.invis{
    opacity: 0;
    pointer-events:none;
    visibility: hidden;
}

.modaltype{
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
}
.fblg{
    cursor:pointer;
    opacity:0.85;
}
.fblg:hover{
    opacity:1;
}
@font-face {
    font-family: 'franklingothic-book';
    src: url('fonts/franklingothic-book-webfont.woff2') format('woff2'),
         url('fonts/franklingothic-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'franklingothic-demi';
    src: url('fonts/franklingothic-demi-webfont.woff2') format('woff2'),
         url('fonts/franklingothic-demi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'ScantypeBoldPERSONALUSE';
  src: url('fonts/ScantypeBoldPERSONALUSE.eot?#iefix') format('embedded-opentype'),  url('fonts/ScantypeBoldPERSONALUSE.woff') format('woff'), url('fonts/ScantypeBoldPERSONALUSE.ttf')  format('truetype'), url('fonts/ScantypeBoldPERSONALUSE.svg#ScantypeBoldPERSONALUSE') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CopperplateGothicBT-Roman';
  src: url('fonts/CopperplateGothicBT-Roman.eot?#iefix') format('embedded-opentype'),  url('fonts/CopperplateGothicBT-Roman.otf')  format('opentype'),
	     url('fonts/CopperplateGothicBT-Roman.woff') format('woff'), url('fonts/CopperplateGothicBT-Roman.ttf')  format('truetype'), url('fonts/CopperplateGothicBT-Roman.svg#CopperplateGothicBT-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CaviarDreams-BoldItalic';
  src: url('fonts/CaviarDreams-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('fonts/CaviarDreams-BoldItalic.woff') format('woff'), url('fonts/CaviarDreams-BoldItalic.ttf')  format('truetype'), url('fonts/CaviarDreams-BoldItalic.svg#CaviarDreams-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CaviarDreams-Bold';
  src: url('fonts/CaviarDreams-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/CaviarDreams-Bold.woff') format('woff'), url('fonts/CaviarDreams-Bold.ttf')  format('truetype'), url('fonts/CaviarDreams-Bold.svg#CaviarDreams-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
    font-family: 'champagne__limousinesBdIt';
    src: url('fonts/champagne__limousines_bold_italic-webfont.woff2') format('woff2'),
         url('fonts/champagne__limousines_bold_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'champagne__limousinesbold';
    src: url('fonts/champagne__limousines_bold-webfont.woff2') format('woff2'),
         url('fonts/champagne__limousines_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'champagne__limousinesitalic';
    src: url('fonts/champagne__limousines_italic-webfont.woff2') format('woff2'),
         url('fonts/champagne__limousines_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'champagne__limousines';
    src: url('fonts/champagne__limousines-webfont.woff2') format('woff2'),
         url('fonts/champagne__limousines-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Jokerman';
    src: url('fonts/Jokerman-Regular.woff2') format('woff2'),
        url('fonts/Jokerman-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.xbtnn{
    background-image: url('imgs/x.png');
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    position: absolute;
    left: calc(100% - 25px);
    top:-5px;
    cursor: pointer;
    opacity: 0.8;
}
.xbtnn:hover{
    opacity: 1;
}

#leadersframe{
    position: fixed;
    left: 0px;
    top:0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
}
.timeinp{
    width:50px;
    max-width:50px;
    min-width:50px;
	color:#3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
	font-size: 18px;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 12px;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
  border: 2px solid rgba(0,0,0,0.25);
}

.coolinp:focus{
	background: #fff;
	box-shadow: 0;
	border: 3px solid #3498db;
	color: #3498db;
	outline: none;
  padding: 13px 13px 13px 24px;
}

.coolinp {
	color:#3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
	font-size: 18px;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 24px;
	margin-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
  border: 2px solid rgba(0,0,0,0.25);
}

.coolinp:focus{
	background: #fff;
	box-shadow: 0;
	border: 3px solid #3498db;
	color: #3498db;
	outline: none;
  padding: 13px 13px 13px 24px;
}

.focused{
	color:#30aed6;
	border:#30aed6 solid 3px;
}


.notice{
    background-color: #d9edf6;
    border: 1px solid #bce8f1;
    border-radius: 3px;
    width: 70%;
    left: calc(15% - 20px);
    top:20px;
    position: relative;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    font-family: Arial;
}
.notice2{
    font-family: champagne__limousines;
}

.pinkbutt{
    background-color: #ed0d65;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:center;
        height: 40px;
        max-height: 40px;
	min-width:60px;
	border: #fbfbfb solid 0px;
	cursor:pointer;
	color:#fff;
	font-size:14px;
	padding-top:3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-weight:700;
	border-radius: 15px;
}
.pinkbutt:hover{
	background-color: #c8c8c8;
	color: #000;
}
.greenbutt{
    background-color: #0ded65;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:center;
        height: 40px;
        max-height: 40px;
	min-width:60px;
	border: #fbfbfb solid 0px;
	cursor:pointer;
	color:#fff;
	font-size:14px;
	padding-top:3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-weight:700;
	border-radius: 15px;
}
.greenbutt:hover{
	background-color: #c8c8c8;
	color: #000;
}
.greenbutt2{
    background-color: #0ded65;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:center;
        height: 30px;
        max-height: 40px;
	border: #fbfbfb solid 0px;
	cursor:pointer;
	color:#fff;
	font-size:14px;
	padding-top:3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-weight:700;
	border-radius: 5px;
}
.greenbutt2:hover{
	background-color: #c8c8c8;
	color: #000;
}
.redbutt2{
    background-color: #fe0d34;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:center;
        height: 30px;
        max-height: 40px;
	border: #fbfbfb solid 0px;
	cursor:pointer;
	color:#fff;
	font-size:14px;
	padding-top:3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-weight:700;
	border-radius: 5px;
}
.redbutt2:hover{
	background-color: #c8c8c8;
	color: #000;
}
.bluebutt{
    background-color: #0d65ed;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:center;
        height: 30px;
        max-height: 40px;
	border: #fbfbfb solid 0px;
	cursor:pointer;
	color:#fff;
	font-size:14px;
	padding-top:3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-weight:700;
	border-radius: 5px;
}
.bluebutt:hover{
	background-color: #c8c8c8;
	color: #000;
}

.butt{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:center;
	/*width: 86px;*/
        height: 40px;
        max-height: 40px;
	border: #fbfbfb solid 0px;
	cursor:pointer;
	background-color: #e3e3e3;
	color:#000;
	font-size:14px;
	padding-top:3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-weight:700;
	border-radius: 4px;
}
.butt:hover{
	background-color: #c8c8c8;
	color: #000;
}


@keyframes bounce {
    0%, 20%, 60%, 100%{
	-moz-transform:translateX(0);
	-webkit-transform:translateX(0);
	-o-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
    }
    40%{
	-moz-transform:translateX(-20px);
	-webkit-transform:translateX(-20px);
	-o-transform:translateX(-20px);
	-ms-transform:translateX(-20px);
	transform:translateX(-20px);
    }
    80%{
	-moz-transform:translateX(-10px);
	-webkit-transform:translateX(-10px);
	-o-transform:translateX(-10px);
	-ms-transform:translateX(-10px);
	transform:translateX(-10px);
    }
}

.bounce{
    animation: bounce 0.5s;
  border: 2px solid rgba(200,0,0,0.25);
}