html, body,  span, applet, object, iframe,
h1, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*################ Animations ##################*/
.transEasing{
	-webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

@keyframes loadDot {
    0% { color:inherit;}
    50% { color:green;text-shadow:0 0 10px #6cce5a;}
	100% { color:inherit;}
}

/*
*,.f_r{font-family: 'Roboto', sans-serif;}
.f_os{font-family: 'Roboto Condensed', sans-serif;}
*/

*,.f_r{font-family: 'Fira Sans', sans-serif;}
.f_os{font-family: 'Fira Sans', sans-serif;}

.f_a{font-family: "Arial";}


/**
 * Spacing classes
 * Should be used to modify the default
 * spacing between objects (not between nodes of the same
 * object)
 * Please use judiciously. You want to be
 * using defaults most of the time, these are
 * exceptions!
 * <type><location><size>
 */
/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,
horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/
.ptn,.pvn,.pan{padding-top:0px !important}
.pts,.pvs,.pas{padding-top:5px !important}
.ptm,.pvm,.pam{padding-top:10px !important}
.ptl,.pvl,.pal{padding-top:20px !important}
.prn,.phn,.pan{padding-right:0px !important}
.prs,.phs,.pas{padding-right:5px !important}
.prm,.phm,.pam{padding-right:10px !important}
.prl,.phl,.pal{padding-right:20px !important}
.pbn,.pvn,.pan{padding-bottom:0px !important}
.pbs,.pvs,.pas{padding-bottom:5px !important}
.pbm,.pvm,.pam{padding-bottom:10px !important}
.pbl,.pvl,.pal{padding-bottom:20px !important}
.pln,.phn,.pan{padding-left:0px !important}
.pls,.phs,.pas{padding-left:5px !important}
.plm,.phm,.pam{padding-left:10px !important}
.pll,.phl,.pal{padding-left:20px !important}
.mtn,.mvn,.man{margin-top:0px !important}
.mts,.mvs,.mas{margin-top:5px !important}
.mtm,.mvm,.mam{margin-top:10px !important}
.mtl,.mvl,.mal{margin-top:20px !important}
.mrn,.mhn,.man{margin-right:0px !important}
.mrs,.mhs,.mas{margin-right:5px !important}
.mrm,.mhm,.mam{margin-right:10px !important}
.mrl,.mhl,.mal{margin-right:20px !important}
.mbn,.mvn,.man{margin-bottom:0px !important}
.mbs,.mvs,.mas{margin-bottom:5px !important}
.mbm,.mvm,.mam{margin-bottom:10px !important}
.mbl,.mvl,.mal{margin-bottom:20px !important}
.mln,.mhn,.man{margin-left:0px !important}
.mls,.mhs,.mas{margin-left:5px !important}
.mlm,.mhm,.mam{margin-left:10px !important}
.mll,.mhl,.mal{margin-left:20px !important}
.mra,.mha{margin-right:auto !important}
.mla,.mha{margin-left:auto !important}

/* w = width, h = height */
.wn{width:auto !important;}
.ws{width:33.333333% !important;}
.wm{width:50% !important;}
.wml{width:66.333333% !important;}
.wl{width:80% !important;}
.wf{width:100% !important;}
.ww{width:100vw !important;}

.hn{height:auto !important;}
.hs{height:33.333333% !important;}
.hm{height:50% !important;}
.hl{height:100% !important;}
.hw{height:100vh !important;}
.hw-header{height:calc(100vh - 66px) !important;}
.hw-header-footer{min-height:calc(100vh - 125px) !important;}

.sl{height:100%;width:100%;}

.i{font-style:italic;}

.zi0{z-index:0;}
.zi1{z-index:1;}
.zi2{z-index:2;}
.zi3{z-index:3;}
.zi4{z-index:4;}
.zi5{z-index:5;}
.zi6{z-index:6;}
.zi7{z-index:7;}
.zi8{z-index:8;}
.zi9{z-index:9;}
.zi10{z-index:10;}

.bn{border:none;}
.bs{border-style:solid;}
.bd{border-style:dotted;}
.bdd{border-style:double;}

.bts,.bhs,.bas {border-top-width:1px !important;}
.btm,.bhm,.bam {border-top-width:2px !important;}
.bbn,.bvn,.ban{border-bottom-width:0px !important;}
.bbs,.bvs,.bas {border-bottom-width:1px !important;}
.bbm,.bvm,.bam {border-bottom-width:2px !important;}
.bln,.bhn,.ban{border-left-width:0px !important;}
.bls,.bhs,.bas{border-left-width:1px !important;}
.blm,.bhm,.bam{border-left-width:2px !important;}
.brn,.bhn,.ban{border-right-width:0px !important;}
.brs,.bhs,.bas{border-right-width:1px !important;}
.brm,.bhm,.bam{border-right-width:2px !important;}

.c000{color:black;border-color:black;}
.c020{color:#020;border-color:#020;}
.c333{color:#333;border-color:#333;}
.c666{color:#333;border-color:#333;}
.c888{color:#888;border-color:#888;}
.cBBB{color:#BBB;border-color:#BBB;}
.cEEE{color:#EEE;border-color:#EEE;}
.cFFF{color:#FFF;border-color:#FFF;}

.cB{color: #0169ac;border-color: #0169ac;}
.cB:hover{color:#2673c9;border-color:#2673c9;}
.cLB{color:#2673c9;border-color:#2673c9;}
.cDB{color:#142a38;border-color:#142a38;}
.cG{color:#8ec343;border-color:#8ec343;}
.cR{color:red;border-color:red}
.cY{color:yellow;border-color:yellow}

.bgFFF{background:#fff;}
.bgFFF8{background:rgba(255, 255, 255,0.8);}
.bgFFFa5{background:rgba(255, 255, 255,0.5);}
.bgFFFa3{background:rgba(255, 255, 255,0.3);}
.bgB{background: #0169ac;}
.bgBa8{background:rgba(34, 143, 255,0.8);}
.bgBa5{background:rgba(34, 143, 255,0.5);}
.bgBa3{background:rgba(34, 143, 255,0.3);}
.bgB.hvr:hover{
	background: #0169ac;
}
.bg000{background:#000;}
.bg0008{background:rgba(0, 0, 0,0.8);}
.bg0005{background:rgba(0, 0, 0,0.5);}
.bg0003{background:rgba(0, 0, 0,0.3);}
.bgAAA{background:#AAA;}
.bgBBB{background:#BBB;}
.bgDDD{background:#DDD;}
.bgEEE{background:#EEE;}
.bgDB{background: #0169ac;}
.bgDB8{background:rgba(20, 42, 56,0.8);}
.bgDB5{background:rgba(20, 42, 56,0.5);}
.bgDB3{background:rgba(20, 42, 56,0.3);}
.bgLB{background: #0169ac;}
.bgLB8{background:rgba(20, 42, 56,0.8);}
.bgLB5{background:rgba(20, 42, 56,0.5);}
.bgLB3{background:rgba(20, 42, 56,0.3);}
.bgF2{background:#f2f2f2;}
.bgF5{background:#f5f5f5;}

.bcF2{border-color:#f2f2f2 !important;}

.bgs-FB{background:#274995;color:white;font-weight:300;border:1px solid #001f61;}
.bgs-GP{background:white;color:#222;font-weight:300;border:1px solid #BBB;}

.box{box-sizing:border-box;}
.center{text-align:center;}

.shw{/* box-shadow: 0 0 30px #AAA; */}

.f9{font-size:9pt;line-height: 1.4em;}
.f10{font-size:10pt;line-height: 1.3em;}
.f12{font-size:12pt;line-height: 1em;}
.fm{font-size:15pt;}
.fl{font-size:22pt;}
.fn{font-weight:normal;}
.fb{font-weight:bold;}

.lhm{line-height:15pt;}
.lhl{line-height:22pt;}

.db{display:block;}
.dn{display:none;}
.di{display:inline;}
.dib{display:inline-block;}

.pa{position:absolute;}
.pr{position:relative;}

.tdn{text-decoration:none;}

.tac{text-align:center;}

.minHa{min-height: auto !important;}

.t0,.sa{top:0;}
.l0,.sa{left:0;}
.r0,.sa{right:0;}
.b0,.sa{bottom:0;}


/*############# FLEX Styling #############*/
.flx-group{
	display:block;
	padding:0;
	margin:0;
}
	.flx-group .flx-box{
		display: -webkit-flex;
		display: flex;		
	}
	.flx-group .flx-box.box{
		display: -webkit-flex !important;
		display: flex  !important;
		box-sizing:border-box;
	}
	.flx-group .flx-box > .box{
		display:block;
		flex-shrink: 0;
	}
	.flx-group .flx-box:not(.flx-row):after,
	.flx-group .flx-box:not(.flx-row):before{
		-webkit-box-flex: 1;
		box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		content: '';
		display: block;
	}
		
	/*=======Extras=======*/
	.flx-row{
		flex-direction:row;
	}
	.flx-column{
		flex-direction:column;
	}
	.flx-wrap{
		flex-wrap: wrap;
	}
	.flx-nowrap{
		flex-wrap: nowrap;
	}
	.flx-align-start{
		align-items:flex-start;
	}
	.flx-align-center{
		align-items:center;
	}
	.flx-align-end{
		align-items:flex-end;
	}
	.flx-justify-between{
		justify-content:space-between;
	}
	.flx-justify-around{
		justify-content:space-around;
	}
	.flx-justify-end{
		justify-content: flex-end;
	}
		.flx-galign-center{
			align-self:center;
		}
		.flx-galign-start{
			align-self:flex-start;
		}
		.flx-galign-end{
			align-self:flex-end;
		}
	.o0{order:0;}	
	.o1{order:1;}
	.o2{order:2;}
	.o3{order:3;}
/*############# Login Styling #############*/
.logForm{
	
}
	.logForm .field{
		padding-top: 22px;
		position:relative;
	}
	.logForm .checks{
		/*width:60%;*/
		min-width:210px;
	}
	.logForm .field input:not([type="checkbox"]),
	.logForm .field input:not([type="radio"]),
	.logForm .field textarea,
	.logForm .field .text,
	.logForm .field .labelradio{
		max-width:100%;
		height:40px;
		outline:none;
		text-indent: 5px;
	}
	.logForm .field .text{
		text-indent:0;
	}
	.logForm .field input[type="checkbox"],
	.logForm .field input[type="radio"]{
		display:none;
	}
	.logForm .field input[type="checkbox"] ~ label,
	.logForm .field input[type="radio"] ~ label{
		cursor:pointer;
		vertical-align:top;
		padding-left: 28px;
		position:relative;
	}
	.logForm .field input[type="checkbox"] ~ label:before,
	.logForm .field input[type="checkbox"]:checked ~ label:after,
	.logForm .field input[type="radio"] ~ label:before,
	.logForm .field input[type="radio"]:checked ~ label:after{
		content: "";
		display:inline-block;
		width:15px;
		height:15px;
		border:1px solid;
		position:absolute;
		left:0;
		top:0;
	}
	.logForm .field input[type="checkbox"]:active ~ label:after
	.logForm .field input[type="radio"]:active ~ label:after{
		border: 1px solid #2673c9;
		background: #DDD;
	}
	.logForm .field input[type="checkbox"]:checked ~ label:after,
	.logForm .field input[type="radio"]:checked ~ label:after{
		background: #2673c9;
		border: 1px solid #142a38;
		content: "x";
		color: white;
		text-align: center;
	}
	
	.logForm .field input ~ .label,
	.logForm .field textarea ~ .label,
	.logForm .field .text ~ .label,
	.logForm .field .labelradio ~ .label{
		position:absolute;
		bottom: 8px;
		pointer-events: none;
		padding-bottom: 2.5px;
	}
	
	.logForm .field input ~ div.rstatus,
	.logForm .field textarea ~ div.rstatus,
	.logForm .field .text ~ div.rstatus,
	.logForm .field .labelradio ~ div.rstatus,
	.logForm .field [data-status=terms].rstatus{
		color: white;
		background: red;
	}
	.logForm .field input ~ div.rstatus.display,
	.logForm .field textarea ~ div.rstatus.display,
	.logForm .field .text ~ div.rstatus.display,
	.logForm .field .labelradio ~ div.rstatus.display,
	.logForm .field [data-status=terms].rstatus.display{
		display:block;
	}
	
	.logForm .field input,
	.logForm .field textarea,
	.logForm .field .text{
		background:#F0F0F0;
		color:#555;
	}
	.logForm .field .text,
	.logForm .field .labelradio{
		background:white;
		margin-top: 5px;
	}
	.logForm .field .labelradio{
		margin-top:0;
	}
	
	.logForm .field input[readonly],
	.logForm .field textarea[readonly]{
		pointer-events:none;
		background:#F0f0f0;
		border-color:#999;
	}
	
	.logForm .field select{
		min-width:65px;
	}

	.logForm .field input ~ .label,
	.logForm .field textarea ~ .label,
	.logForm .field .text ~ .label,
	.logForm .field .labelradio ~ .label,
	.logForm .field input.active ~ .label,
	.logForm .field textarea.active ~ .label,
	.logForm .field .text.active ~ .label,
	.logForm .field .labelradio.active ~ .label{
		bottom:auto;
		top: 5.5px;
		font-size: 12.5px;
		padding-bottom: 2.5px;
		/* border-bottom:1px solid; */
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.logForm .field input[readonly] ~ .label,
	.logForm .field textarea[readonly] ~ .label{
		color:#AAA;
	}
	
	.logForm .Button input,
	.logForm .Button button{
	    position: relative;
	    right: 0px;
	    height: 50px;
	    /* margin-bottom: -1px; */
	    outline:none;
	    cursor:pointer;
	}
	.logForm .Button.icon button{
		padding-right: 0;
	}
	.logForm .Button input:disabled ,
	.logForm .Button.icon button:disabled  {
		background:#EEE;
		color:#BBB;
		cursor:auto;
	}
	.logForm .Button button:disabled .icon{
		background:#BBB;
		color:#999;
	}
	.logForm .Button input:hover,
	.logForm .Button button:hover{
		
	}
	.logForm .Link,
	.logForm .Link a{
		text-decoration:none;
	}
	.logForm .Button .icon{
		position:absolute;
		right:0;
		top:0;
		height:63px;
		display: none;
	}
	.logForm .Button .icon:after{
		position: absolute;
		top: 27px;
		right: 16px;
		width: 0;
		height: 0;
		border-right: 5px solid transparent;
		border-top: 5px solid transparent;
		border-left: 5px solid #FFF;
		border-bottom: 5px solid transparent;
		content:'';
	}
	.logForm .Button .load{
		cursor: progress;
		display: none;
	}
	.load .load_dot{
		pointer-events: none;	
	}		
	.load .load_dot::selection,
	.load .load_dot::-moz-selection{
		background:inherit;
	}
	.load .load_dot.dot1{
		animation: loadDot 2s linear infinite;
	}
	.load .load_dot.dot2{
		animation: loadDot 2s linear infinite;
		-webkit-animation-delay: -0.4s;
		animation-delay: -0.4s;
	}
	.load .load_dot.dot3{
		animation: loadDot 2s linear infinite;
		-webkit-animation-delay: -0.8s;
		animation-delay: -0.8s;
	}
	
	.logForm.loading .Button button{
		display:none;
	}
	.logForm.loading .Button .load{
		display:block;
	}
	
	form[data-status=error_email].logForm .field input[data-field=email],
	form[data-status=error_pass].logForm .field input[data-field=password],
	form[data-status=error_not_match].logForm .field input[data-field=email],
	form[data-status=error_not_match].logForm .field input[data-field=password],
	form[data-status=error_not_match_pass].logForm .field input[data-field=password],
	form[data-status=error_not_match_pass].logForm .field input[data-field=cpassword]{
		border-color:red;
		color: red;
	}
	
	form[data-status=error_terms].logForm .field[data-field=terms] label[for^=termf]{
		color: red;
	}

	form[data-status=error_email].logForm .field input[data-field=email] ~ .label,
	form[data-status=error_pass].logForm .field input[data-field=password] ~ .label,
	form[data-status=error_not_match].logForm .field input[data-field=email] ~ .label,
	form[data-status=error_not_match].logForm .field input[data-field=password] ~ .label,
	form[data-status=error_not_match_pass].logForm .field input[data-field=password] ~ .label,
	form[data-status=error_not_match_pass].logForm .field input[data-field=cpassword] ~ .label,
	form[data-status=error_terms].logForm .field [data-field=terms] ~ .label{
		color:red;
	}

	.logForm .field input:focus,
	.logForm .field textarea:focus{
		border:1px solid;
		border-color:#142a38 !important;
	}
	
		
.log-box{
	max-width:450px;
	width:100%;
	min-height: 243px;
	border-radius: 5px;
}
.log-box ~ .request_info{
	color:#6cce5a;
}
.log-box + .load,
.log-box ~ .request_info{
	display:none !important;
}
.log-box.loading {
    display: none !important;
}

.log-box.loading + .load,
.log-box.loading ~ .request_info{
	display:block !important;
}

.request_form_info {
    background: #d22f2f36;
    color: black;
    padding: 10px;
    margin: 15px 0;
	display:none;
}
.request_form_info.display {
	display:block;
}


.fsocial a{
	text-decoration:none;
	text-align:center;
}
div.or-box,
div.or-box span{
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 0 solid #000;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    text-align:center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
div.or-box{
	margin: 5px 0;
	text-transform:uppercase;
}
div.or-box span{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    background-color: #c7c7c7;
    height: 1px;
    position: relative;
    top: .45em;
}

div.or-box span.or{
	flex-grow: 0;
	flex-shrink: 0;
	color: #000;
	font-weight: 600;
	display: block;
	margin: 0;
	line-height: 16px;
	height: auto;
	background:transparent;
	top:auto;
	padding-top: 6px;
	border-top-width: 4px;
	border-color: black;
	text-align: left;
}
.loading .fsocial a{
	pointer-events:none;
	opacity:0.35;
}
.mainBox > .log:before {
    min-height: 95px;
}
.mainBox > .log:after{
	min-height:15px;
}

.regLink{
	top: -50px;
	right:0;
}
.regLogo{
    width: 185px;
    top: -48px;
    width: 100%;
    left: 0;
    text-align:center;
}
.regLogo img{
	max-width:185px;
}
.regLink + .regLogo{
	left: 0;
    width: 185px;
}
.regLink a{
	color:inherit;
	text-decoration:none;
}


.svgAnimations{
	/*display:none;*/
}
.svg.icon{
	width:75px;
	height:75px;
}
.svg-success,
.svg-error{
  stroke-width: 2px;
  stroke: #8EC343;
  fill:none;
}
.svg-error{
	stroke:red;
	stroke-width: 5px;
}

form[data-status=confirm_email] .svg-success,
.svg-error{
	stroke:#228fff;
}


.svg-success  path,
.svg-error line{
    stroke-dasharray:17px, 17px; 
    stroke-dashoffset: 0px;
    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
    animation: checkmark 0.25s ease-in-out 0.7s backwards;
}
.svg-success  circle,
.svg-error ellipse{
    stroke-dasharray:76px, 76px;
    stroke-dashoffset: 0px;
    transform:rotate(-90deg);
    transform-origin: 50% 50%;
    -webkit-animation: checkmark-circle 0.6s ease-in-out forwards;
    animation: checkmark-circle 0.6s ease-in-out forwards;
}
.svg-error ellipse{
	-webkit-animation: checkmark-ellipse 0.6s ease-in-out forwards;
    animation: checkmark-ellipse 0.6s ease-in-out forwards;
}
.svg-error line{
	 stroke-dasharray:50px, 40px; 
    -webkit-animation: line 0.25s ease-in-out 0.7s backwards;
    animation: line 0.25s ease-in-out 0.7s backwards;
}

/*   HEADER PROFILE */

.page_logo{
	width: 160px;
}
#menu_button{
	display: none;
}
.nav_burger_button{
	width:35px;
	height:35px;
}
.nav_burger_button .line{
	margin:3.1px 0;
}
.nav_burger_button:hover{
	background: rgb(235,235,235);
	background: rgba(235,235,235,0.8);
	cursor: pointer;
}
input#menu_button:checked + div > label.nav_burger_button{
	background: white;
}
input#menu_button:checked + div > label.nav_burger_button span{
	border-color: #0169ac;
}

@keyframes checkmark {
    0% {
        stroke-dashoffset: 17px;
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 76px;
    }

    100% {
        stroke-dashoffset: 0px;
    }
}

@keyframes checkmark-ellipse {
    0% {
		stroke-dashoffset: 76px;
		stroke-dasharray: 30px, 180px;
        
    }

    100% {
		stroke-dashoffset: 0px;
		stroke-dasharray: 126px, 0px;
    }
}

@keyframes line {
    0% {
        stroke-dasharray:0px, 50px; 
    }

    100% {
        stroke-dasharray:50px, 40px; 
    }
}

/* MEDIA */

@media all and (min-width: 420px){
	.flx-group .flx-box > label.box.nav_burger_button {
		display: none !important;
	}
}

@media only screen and (max-width: 420px) {
	#navigationList{
		display: none;
	}
	input#menu_button:checked + div > #navigationList{
		display: flex;
	}
	.flx-group #navigationList.flx-box{
	    flex-direction: column;
	    position: absolute;
	    width: 100%;
	    left: 0;
	    bottom: -45px;
	    background: white;
	    text-align: center;
	    box-shadow: 2px 2px 8px #999;
	}
	.flx-group #navigationList.flx-box a{
		display: block;
		padding: 8px 0;
		color: #0169ac;
	}
	.flx-group #navigationList.flx-box li.f11{
		font-size: 15px;
		border-color: gray;
	}
	.flx-group #navigationList.flx-box a span{
		border:none !important;
	}
	
    .log-box{
        width:90%;
    }
	.logForm[data-form-type=register] .field input[type="checkbox"] ~ label:before,
	.logForm[data-form-type=register] .field input[type="checkbox"]:checked ~ label:after{
		top:3px;
	}
	.fl{
		font-size: 18pt;
	}
	.fm {
		font-size: 12pt;
	}
	.f10{
		font-size: 8pt;
	}
	.logForm .field input ~ .label,
	.logForm .field textarea ~ .label {
		bottom: 10px;
	}
	.regLink + .regLogo {
		text-align:left;
	}
	.regLink + .regLogo img{
		width: 115px !important;
	}
	.logForm .field input:focus ~ .label,
	.logForm .field textarea:focus ~ .label,
	.logForm .field input.active ~ .label,
	.logForm .field textarea.active ~ .label{
		font-size:10.5px;
		top:9.5px;
	}
	.logForm .Button .icon{
		line-height: 25px;
	}
	.fsocial div.or-box {
		margin: 10px 5px 8px;
	}
	.checks.flx-row{
		flex-direction:column;
	}
	.checks.flx-align-center{
		align-items:flex-start;
	}
}

.fa {
  padding: 20px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.cookie3rdoff{ 
	padding: 20px 0 0 0;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    background: #e62323;
    top: 0px;
    position: fixed;
    width: 100%;
    display: none;
}
.cookie3rdon{
	display : none;
}



.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
.material-switch {
    width: 50px;
    top: 8px;
    position: relative;
}

.list-group {
    position:relative;
    width:100%;
}

.list-group-item{
    margin: 10px 10px 10px 10px;
    padding: 15px 2px 15px 2px;
    font-size: 12.5px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 16px;
    border-bottom: 1px solid #f5f5f5;
}

.list-group-item:last-child{
    
    border-bottom: 0px solid #f5f5f5;
}

.label-default {
    background-color: #428bca;
}
.pull-right {
    float: right!important
}

body {
	font-family: 'Fira Sans', sans-serif;
}


.btn-outline-secondary{
	text-transform:uppercase;
	font-weight: bold;
	margin-top: 10px;
	min-height: 50px;
}
.submit-five {
	color: #7e9ec6
}

.submit-celebrity {
	color: #ec1b21
}

.submit-Department {
	color: #0b8d69
}

.submit-sport {
	color: #045942
}

.submit-after {
	color: #fd8c24
}

.submit-last-minute {
	color: #d13339
}


.submit-EECC {
	color: #d13339
}

.submit-EECC-Epaper {
	color: #ce282a
}

.submit-ElGrafico {
	color: #ff161e
}

.submit-ella {
	color: #bb9555
}

.submit-bolsa {
	color: #38b34b
}

.submit-horoscopo {
	color: #a54e85
}


h3 {
	background-color: #7e9ec6;
	text-align: center;
	color: #fff;
	padding: 10px;
	font-size: smaller | larger;
	text-transform:uppercase;
	font-weight: bold;
}

.lpg-celebrity {
	background-color: #ec1b21;

}

.lpg-Department {
	background-color: #0b8d69
}

.lpg-sport {
	background-color: #045942
}

.lpg-after {
	background-color: #fd8c24
}

.lpg-last-minute {
	background-color: #d13339
}


.lpg-EECC {
	background-color: #d13339
}

.lpg-EECC-Epaper {
	background-color: #ce282a
}

.lpg-ElGrafico {
	background-color: #ff161e
}

.lpg-ella{
	background-color: #bb9555
}

.lpg-bolsa{
	background-color: #38b34b
}

.lpg-horoscopo{
	background-color: #a54e85
}

.lpg-card{
	min-height: 55px;
}


@keyframes hightlight {
	0% {box-shadow: 1px 1px 20px #ea4949;background: #228fff;color: red;}
    100%   {box-shadow: 1px 1px 8px #0c5182;color: white;}
}


#div_login.hightlight  {
    animation-name: hightlight;
    animation-duration: 0.3s;
    animation-iteration-count: 4;
	animation-direction: alternate;
	animation-timing-function: ease;
}
.mailuser{
	font-size: 25px;
    font-weight: bolder;
    margin: 10px 0 0 0;
}