@charset "utf-8";
/*Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, 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, 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; vertical-align: baseline;}
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;}
/* End Reset */
body {height: 100%; width: 100%; margin: 0px; padding: 0px; font-family: Times, "Times New Roman", "serif"; background-color: #000000;color:#FFFFFF;overflow-x:hidden;overflow-y:hidden}
body.loaded {  overflow-y: auto;}
.overlay {  width: 100vw;  height: 100vh;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;  position: fixed;  top: 0;  left: 0;  -webkit-box-pack: center;      -ms-flex-pack: center;          justify-content: center;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center;  background: #131313;  overflow: hidden;  z-index: 100000;  transition: 0.6s cubic-bezier(0.77, 0, 0.18, 1);  -webkit-transition: 0.6s cubic-bezier(0.77, 0, 0.18, 1);}
.overlay.loaded {  height: 0;}
.overlay p {  padding-bottom: 50px;  color: #ccc;  font-weight: 600;  letter-spacing: 3px;}
.loader {  background: transparent;  width: 84px;  height: 84px;  border-top: 4px solid rgba(255, 255, 255, 0.3);  border-right: 4px solid rgba(255, 255, 255, 0.3);  border-bottom: 4px solid rgba(255, 255, 255, 0.3);  border-left: 4px solid #fff;  border-radius: 50%;  -webkit-animation: spin 1s ease infinite; animation: spin 1s ease infinite;}
@-webkit-keyframes spin {  0% {    -webkit-transform: rotate(0);            transform: rotate(0);  }
  100% {    -webkit-transform: rotate(360deg);            transform: rotate(360deg);  }}
@keyframes spin {  0% {    -webkit-transform: rotate(0);            transform: rotate(0);  }
  100% {    -webkit-transform: rotate(360deg);            transform: rotate(360deg);  }}
/*responsive layout*/
.clearfix{content:" ";width:100%;height:0px;font-size:0;display:table;clear:both}
.container {position: relative;width: 100%; margin: 0 auto;box-sizing: border-box;text-align:center;}
.column, .columns {width: 100%;float: left;box-sizing: border-box;}
.column, .columns {margin-left: 4%;}
.column:first-child, .columns:first-child {margin-left: 0;}
.one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }
.txtalignlft					{text-align: left;}
.clear {clear: both;}
/*end responsive layout*/
/*==================== Common Elements ====================*/
/*social*/
section {width: 98%;  margin: 0 auto;  position: relative; z-index: 10001;}
header {width: 99%;margin-bottom: 1.5%;}
/*
nav {width: 99%;}
nav ul {float: right;list-style: none;}
nav ul li { float: left; }
nav ul li:last-child { padding-right: 0px; }
nav ul li a {padding: 10px;  display: inline-block;  transition: all 0.5s ease 0s;}
nav ul li a:hover {background-color: #333333;transition: all 0.5s ease 0s;}nav {width: 99%;}
*/
.socialIcons ul {list-style: none;}
.socialIcons ul li { display: inline-block;}
.socialIcons ul li:last-child { padding-right: 0px; }
.socialIcons ul li a {padding: 10px;  display: inline-block;  transition: all 0.5s ease 0s;}
.socialIcons ul li a:hover {background-color: #333333;transition: all 0.5s ease 0s;}
.toggle-menu ul {display: table; width: 25px;list-style: none;}
.toggle-menu ul li {  width: 100%;    height: 3px;    background-color: #979797;    margin-bottom: 4px;}
.toggle-menu ul li:last-child { margin-bottom: 0px; }
.table{display:table;position:relative;table-layout:fixed;width:80%;margin:0 auto}
.table-cell{display:table-cell;position:relative;vertical-align:middle}
input[type=checkbox], label { display: none; }

@media only screen and (max-width: 1440px) {
	section { width: 95%; }
}
@media only screen and (max-width: 980px) {

	header { padding: 5px; width: 98%;}
	section { width: 90%; margin: 0 auto; }
	input[type=checkbox] {position: absolute; top: -9999px;  left: -9999px;  background: none;	}
	input[type=checkbox]:fous {	background:none;	}
	label {	  float: right; padding: 8px 0px;  display: inline-block;  cursor: pointer;	}
	input[type=checkbox]:checked ~ nav { display: block; }
	nav { display: none; position: absolute; right: 20px;  padding: 0px;  z-index: 1005;	}
	nav ul { width: auto; }
	nav ul li {  float: none;  padding: 0px;  width: 100%;  display: table;	}
	nav ul li a {  color: #FFF;  font-size: 15px;  padding: 10px 20px;  display: block;	}
}
 @media only screen and (max-width: 480px) {
	header { padding: 5px; width: 94%;}
	section { max-width: 90%; }
}
 @media only screen and (max-width: 360px) {
	nav { top: 47px; }
}
/*end social*/
/*navmenu*/
.menu {width: 98%;  margin: 0 auto;  position: relative; z-index: 1000; text-align: center; top: -20px;}
.buttons {width: 99%; margin: 0 auto;}
.button ul {list-style: none;}
.buttons li {height: 176px; line-height: 246px; vertical-align: middle; width: 18%; display: inline-block;}
@media only screen and (max-width : 1860px) and (min-width: 1681px) {
 .buttons li img {width: 95%; height: auto;}
}

@media only screen and (max-width: 1680px) { 
	.buttons li img {width: 98%; height: auto;}

}
@media only screen and (max-width: 1680px) { 
	.buttons li {line-height: 180px;}
	.buttons li:first-child img {width: 100%; height: auto;}
}
@media only screen and (max-width: 768px) { 
		.menu {top: 0px; width: 100%; }
	.buttons ul {width: 100%; margin: 0 auto; }
	.buttons li {line-height: 85px; width: 18%;}
	.buttons li:first-child img {width: 100%; height: auto;}
}
@media only screen and (max-width: 480px){ 
	.buttons li {height: 85px; line-height: 85px;}
	.menu {top: -20px; width: 100%; }
}
@media only screen and (max-width: 420px){ 
	.buttons li {height: 85px; line-height: 85px;}
	.menu {top: -20px; width: 100%; }
}
@media only screen and (max-width: 375px){ 
	.buttons li {height: 85px; line-height: 85px;}
	.menu {top: -20px; width: 100%; }
}
/*end navmenu*/
/*separator*/
.separator {width: 100%; height: 5px; border-bottom: 1px solid #323232; border-top: 1px solid #323232;}
/*footer*/
.footercontent {width: 100%; background-color: #000000; display: inline-block; }
.logoparade {text-align: center; height: 100px;}
.logoparade .logos {height: 100px; position: relative; display: inline-block;}
.logoparade .logos img {vertical-align: middle;  margin-bottom:0.25em; padding: 20px;}
.copyrightc {margin-top: 5%}
.copyright {color: #fff; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); margin-bottom: 20px;font-size:14px}
.copyright a, a:visited {color:#969696; text-decoration: underline;}
.copyright a:hover {color:#fff; text-decoration: none;}
@media only screen and (max-width: 981px) { 
.copyrightc {margin-top: 15%}
}
@media only screen and (max-width: 978px) { 
.copyrightc {margin-top: 20%}
}
@media only screen and (max-width: 640px) { 
    .logoparade{height:auto}
    .copyrightc {margin-top: 0}
}
@media only screen and (max-width: 480px) { 
    .copyrightc img {width: 99%; height: auto;}
}

/*end footer*/
#scrollup {width: 76px;height: 76px;position: fixed;bottom: 150px;right: 20px;display: none;text-indent: -9999px;cursor: pointer;z-index: 10001;}
#scrollup img {display: block;width: 100%;}
canvas {position: absolute; display:block;  vertical-align:bottom; width: 100%; height: 100%;}
#particles-js {  width: 100%;	height: 100%;	height:2200px; position:absolute}
/*==================== end Common Elements ====================*/

/*efigs*/
.eflagsLg, .eflagsSm {
	display: block;
	text-align: center; 
	padding-right: 10px;
	height: 32px;
	z-index: 99999;
}
.eflagsSm {
	display: none;
}
.efigs {
	display: inline-block;
	width: 30px;
	height: 18px;
	position: relative; 
	float: right;
	padding: 10px 0 10px 0;
	z-index:99999;
}
.flshow {
	position: relative; 
	float: right; 
	padding: 10px 0 10px 0;
	width: 16px;
	height: 16px;
		z-index:99999;
}
/*end efigs*/
.clear {clear: both;}
@media only screen and (min-width : 640px) {
/*.efigs {display:none;}*/
	.eflagsLg {display:block;}
	.eflagsSm {display:none;}
}
@media only screen and (max-width : 640px) {
/*.efigs {display:none;}*/
	.eflagsLg {display:none;}
	.eflagsSm {display:block;}
	.eflagsSm .efigs { display: none;}
}
select::-ms-value {background: transparent;}  
img{
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.twentytwenty-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
	-ms-user-select: none;
}
/*=====================modal=============================*/
/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
	z-index: 100000;
}
 
/* Inner */
.popup-inner {
    max-width:90%;
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    /*box-shadow:0px 2px 6px rgba(0,0,0,1);*/
    border-radius:3px;
}
 
/* Close Button */
.popup-close {
    width:30px;
    height:21px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:20px;
    right:30%;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
	background:url(../img/common/close.png);
	background-size: 100%;
	background-repeat: no-repeat;
	/*background-color: rgba(0,0,0,0.8);*/
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
}
@media screen and (min-width: 2000px){
	.popup-close {
		right: 37%;
	} 
}
@media screen and (max-width: 2000px){
	.popup-close {
		right: 24%;
	} 
}
@media screen and (max-width: 1900px){
	.popup-close {
		right: 20%;
	} 
}
@media screen and (max-width: 700px){
	.popupImgHolder {
		width: 80%!important;
	} 
}