/* EivaaGames CSS .:. Copyright © EivaaGames. All Rights Reserved .:. 16 Jan 2016 */

/* RESET */
/*html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,address,caption,cite,th{font-weight:normal;font-style:normal}
ul,ol{padding-left:20px}
fieldset,img{border:none}
caption,th{text-align:left}
table{border-collapse:collapse;border-spacing:0;margin:0;width:100%}
label{display:block;font-weight:bold;font-size:11px}
label span{font-weight:normal}
img{vertical-align:top}*/

body{/*font-size:15px;*/font-family:/*'Roboto',*/Arial,sans-serif;color:#111;background:#f9f9f9/*#e9eff2*/}
a{color:#01bbf6/*#08c;text-decoration:none*/}
a:hover{color:#01bbf6/*#08c;text-decoration:none*/}
a:focus{outline:none}
a img{text-decoration:none}

.page{background:#fff}
.footer{background:#F9F9F9;color:#888}
.header{background:#fff}
.borderTop1px{border-top:1px solid #ddd}

.errorMsg{background-color:#fdd;color:#ad2323}
.successMsg{background-color:#dfd;color:#007402}

.clearClass{clear:both}

img.round-icon{border-radius:22%}

#headermenu{margin:0}
#headermenu a{display:inline-block;padding:23px 30px;font-family:'Merriweather Sans',Arial;font-size:14px;font-weight:bold;color:#333;text-decoration:none;transition:all .4s ease}
#headermenu a.first{border:0}
#headermenu a:hover{
background:#fbfbfb;
color:#01bbf6;
-moz-box-shadow:inset 0px -2px #01bbf6;
-webkit-box-shadow:inset 0px -2px #01bbf6;
box-shadow:inset 0px -2px #01bbf6;
}

#hmenucollapse{padding:0}
#hmenucollapse a{display:block;padding:20px 15px;font-family:'Merriweather Sans',Arial;font-size:14px;font-weight:bold;color:#fff;text-decoration:none}
#hmenucollapse a:hover{background:#313942;color:#eee}

/*anim*/
.divShowAnim{overflow:hidden;height:0px;-webkit-transition:height .5s ease;-moz-transition:height .5s ease;transition:height .5s ease}

a.blueFlatBtn{text-decoration:none}
a.blueFlatBtn div{background:#f1f1f1}
a.blueFlatBtn:hover div{
color:#fff;
background:#3fbbf1;
}

a.hoverNoDecoration{text-decoration:none}

a.aboutSocialBtn{text-decoration:none;width:100%;float:left;margin-bottom:15px;border-radius:6px;overflow:hidden}
a.aboutSocialBtn div{background:#eee;height:64px;color:#000;font-size:20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
a.aboutSocialBtn:hover div{color:#fff}
a.aboutSocialBtn:hover div.fb{background:#3C5B97}
a.aboutSocialBtn:hover div.tw{background:#20BCF3}
a.aboutSocialBtn:hover div.yt{background:#FA0E1B}
a.aboutSocialBtn:hover div.ig{background:#D02E94}
a.aboutSocialBtn:hover div.pin{background:#EF373B}
a.aboutSocialBtn:hover div.tum{background:#3C5A75}
a.aboutSocialBtn span{line-height:64px}

.form-control,input[type=text],input[type=button],input[type=submit]{
-webkit-appearance:none;
border-radius:6px;
border:1px solid #fff;
padding:15px 20px;
}
.form-control{
height:50px;
background-color:#f1f2f3;
}
.form-control:focus{
background-color:#fff;
border:1px solid rgba(63,187,241,.6);
-webkit-box-shadow:0 0 8px rgba(63,187,241,.6);
box-shadow:0 0 8px rgba(63,187,241,.6)
}
.btn{outline:none !important}
.btn-primary{background-color:#3fbbf1;border-color:#3fbbf1}
.btn-primary:hover{background-color:#019ce0;border-color:#019ce0}

.btn-file{
position:relative;
overflow:hidden;
}

.btn-file input[type=file]{
position:absolute;
top:0;
right:0;
min-width:100%;
min-height:100%;
font-size:100px;
text-align:right;
filter:alpha(opacity=0);
opacity:0;
outline:none;
background:white;
cursor:inherit;
display:block;
}

.image-upload{
display:inline-block;
vertical-align:top;
}

.image-upload > input{
display:none;
}

.image-upload img{
display:block;
cursor:pointer;
background:#eee;
text-align:center;
color:#444;
font-weight:normal;
}

.image-upload img:hover{
background:#ddd;
}

/*custom checkbox*/
.checkbox-custom, .radio-custom {
opacity: 0;
position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
display: inline-block;
vertical-align: middle;
margin: 0 0 5px 0;
cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
content: '';
background: #fff;
border: 2px solid #ccc;
display: inline-block;
vertical-align: middle;
width: 35px;
height: 35px;
padding: 2px;
margin-right: 10px;
text-align: center;
border-radius: 50%;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
background: green;
box-shadow: inset 0px 0px 0px 4px #fff;
}

.radio-custom + .radio-custom-label:before {
border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
background: #ccc;
box-shadow: inset 0px 0px 0px 4px #fff;
}


.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
outline: 0px solid #ddd; /* focus style */
}

/* animated menu btn */
#toggle-menu {
display:block;
width:50px;
height:50px;
padding:17px 15px;
cursor:pointer;
background:#425060;
}
#toggle-menu div {
width: 50px;
height: 50px;
position: relative;
}
#toggle-menu span {
display: block;
width: 20px;
height: 3px;
background: white;
position: absolute;
-webkit-transition: -webkit-transform 0.5s ease-in-out, top 0.25s ease-in-out 0.5s, opacity 0.25s ease-in-out 0.5s;
-moz-transition: -moz-transform 0.5s ease-in-out, top 0.25s ease-in-out 0.5s, opacity 0.25s ease-in-out 0.5s;
transition: transform 0.5s ease-in-out, top 0.25s ease-in-out 0.5s, opacity 0.25s ease-in-out 0.5s;
-webkit-transform-origin: center;
-moz-transform-origin: center;
transform-origin: center;
}
#toggle-menu span.top {
top: 0px;
}
#toggle-menu span.middle {
top: 6px;
}
#toggle-menu span.bottom {
top: 12px;
}

#toggle-menu.menu-is-active span {
-webkit-transition: -webkit-transform 0.5s ease-in-out 0.3s, top 0.25s ease-in-out, opacity 0.25s ease-in-out;
-moz-transition: -moz-transform 0.5s ease-in-out 0.3s, top 0.25s ease-in-out, opacity 0.25s ease-in-out;
transition: transform 0.5s ease-in-out 0.3s, top 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
#toggle-menu.menu-is-active span.top, #toggle-menu.menu-is-active span.middle {
top: 6px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transform: rotate(135deg);
}
#toggle-menu.menu-is-active span.middle {
opacity: 0;
}
#toggle-menu.menu-is-active span.bottom {
top: 6px;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
transform: rotate(225deg);
}

@media (prefers-color-scheme: dark) {
	body {color:#aaa;background:#333}
	.page{background:#171717}
	.footer{background:#000}
	.header{background:#000}

	#headermenu a{color:#aaa}
	#headermenu a:hover{
		background:#222;
	}

	a.aboutSocialBtn div{background:#444;color:#ccc}
	.borderTop1px{border-top:1px solid #555}

	.errorMsg{background-color:#750a0a;color:#fd3e3e}
	.successMsg{background-color:#005700;color:#00df04}

	.form-control,input[type=text],input[type=button],input[type=submit]{
		border:1px solid #484848;
	}
	.form-control{
		background-color:#000;
		color:#cacaca;
	}
	.form-control:focus{
		background-color:#111;
	}

	/* bootstrap */
	.table-striped>tbody>tr:nth-of-type(odd) {
		background-color:#262626;
	}
	.table-hover>tbody>tr:hover {
		background-color:#111;
	}
	.table>tbody>tr>td,
	.table>tbody>tr>th,
	.table>tfoot>tr>td,
	.table>tfoot>tr>th,
	.table>thead>tr>td,
	.table>thead>tr>th {
		border-top:1px solid #404040;
	}
	.table>thead>tr>th {
		border-bottom:2px solid #404040;
	}
	.table>tbody>tr.info>td,
	.table>tbody>tr.info>th,
	.table>tbody>tr>td.info,
	.table>tbody>tr>th.info,
	.table>tfoot>tr.info>td,
	.table>tfoot>tr.info>th,
	.table>tfoot>tr>td.info,
	.table>tfoot>tr>th.info,
	.table>thead>tr.info>td,
	.table>thead>tr.info>th,
	.table>thead>tr>td.info,
	.table>thead>tr>th.info {
		background-color:#144259;
	}
	.table-hover>tbody>tr.info:hover>td,
	.table-hover>tbody>tr.info:hover>th,
	.table-hover>tbody>tr:hover>.info,
	.table-hover>tbody>tr>td.info:hover,
	.table-hover>tbody>tr>th.info:hover {
		background-color:#144259;
	}
}