/********************** Font Face CSS Starts Here **********************/
/********************** Font Face CSS Starts Here **********************/
/********************** Font Face CSS Starts Here **********************/
@import url(../fonts/junction/junction.css);
@import url(../fonts/lato/lato.css);
@import url(../fonts/pt-sans/pt-sans.css);
@import url(../fonts/roboto/roboto.css);
@import url(../fonts/ubuntu/ubuntu.css);
/********************** Font Face CSS Ends Here **********************/
/********************** Font Face CSS Ends Here **********************/
/********************** Font Face CSS Ends Here **********************/

/********************** Base CSS Starts Here **********************/
/********************** Base CSS Starts Here **********************/
/********************** Base CSS Starts Here **********************/
body{
	margin: 0px;
	padding: 0px;
	background: #373542;
	font-family: 'latoregular';
	font-size: 14px;
}
header, nav, aside, section, article, footer, h1, h2, h3, h4, h5, h6, img, ul, li, input, textarea, select, p, iframe, pre{
	margin: 0px;
	padding: 0px;
	outline: none;
	font-weight: normal;
}
ul li{
	list-style-type: none;
}
a{
	text-decoration: none;
}
a:active, a:hover{
	outline: none;
}
.pull-left{
	float: left !important;
}
.pull-right{
	float: right !important;
}
.text-center{
	text-align: center !important;
}
.text-right{
	text-align: right !important;
}
.text-left{
	text-align: left !important;
}
.text-justify{
	text-align: justify !important;
}
.text-nowrap{
	white-space: nowrap;
}
.text-lowercase{
	text-transform: lowercase;
}
.text-uppercase{
	text-transform: uppercase;
}
.text-capitalize{
	text-transform: capitalize;
}
.font-weight-normal{
	font-weight:normal !important;
}
.clear{
	clear: both;
}
.hide{
	display: none!important
}
.show{
	display: block!important
}
.hidden{
	display: none!important
}
.fixeddiv {
	position: fixed !important;
	top: 0;
	right: 0;
	z-index: 999 !important;
	margin-top: 0 !important;
	/*-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);*/
}
.center-block{
	display: block;
	margin-right: auto;
	margin-left: auto
}
.container{
	width: 1170px;
	height: auto;
	margin: 0px auto;
	position:relative;
}
.row{
	width: 100%;
	height: auto;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
	float: left;
}
.col-12{
	width: 100%;
}
.col-11{
	width: 91.66666667%;
}
.col-10{
	width: 83.33333333%;
}
.col-9{
	width: 75%;
}
.col-8{
	width: 66.66666667%;
}
.col-7{
	width: 58.33333333%;
}
.col-6{
	width: 50%;
}
.col-5{
	width: 41.66666667%;
}
.col-4{
	width: 33.33333333%;
}
.col-3{
	width: 25%;
}
.col-2{
	width: 16.66666667%;
}
.col-1{
	width: 8.33333333%;
}
/********************** Base CSS Ends Here **********************/
/********************** Base CSS Ends Here **********************/
/********************** Base CSS Ends Here **********************/

/********************** Opening Audio Section CSS Starts Here **********************/
/********************** Opening Audio Section CSS Starts Here **********************/
/********************** Opening Audio Section CSS Starts Here **********************/
.opening-audio{
	position: fixed; 
	z-index: -99; 
	width: 100%; 
	height: 0px
}
/********************** Opening Audio Section CSS Ends Here **********************/
/********************** Opening Audio Section CSS Ends Here **********************/
/********************** Opening Audio Section CSS Ends Here **********************/

/********************** Opening Central Canvas Section CSS Starts Here **********************/
/********************** Opening Central Canvas Section CSS Starts Here **********************/
/********************** Opening Central Canvas Section CSS Starts Here **********************/
canvas{
    /*display: block;	
    left: 50%;
    margin: -300px 0 0 -300px;*/
    position: absolute;
	top:0;
	left:0;
    /*top: 50%;
    z-index:1;*/
}
#opening-canvas{
	position: absolute;
	width:600px;
	height:600px;
	top: 50%;
	left: 50%;
    margin: -300px 0 0 -300px;
    z-index:8;
}
/********************** Opening Central Canvas Section CSS Ends Here **********************/
/********************** Opening Central Canvas Section CSS Ends Here **********************/
/********************** Opening Central Canvas Section CSS Ends Here **********************/

/********************** Opening Lightning Canvas Section CSS Starts Here **********************/
/********************** Opening Lightning Canvas Section CSS Starts Here **********************/
/********************** Opening Lightning Canvas Section CSS Starts Here **********************/
#lightning-canvas{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
/********************** Opening Lightning Canvas Section CSS Ends Here **********************/
/********************** Opening Lightning Canvas Section CSS Ends Here **********************/
/********************** Opening Lightning Canvas Section CSS Ends Here **********************/

/********************** Logo Section CSS Starts Here **********************/
/********************** Logo Section CSS Starts Here **********************/
/********************** Logo Section CSS Starts Here **********************/
.logo{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	margin-top:130px;
	position:relative;
	z-index:9;
	display:none;
}
.logo img{
	width:80%;
}
/********************** Logo Section CSS Ends Here **********************/
/********************** Logo Section CSS Ends Here **********************/
/********************** Logo Section CSS Ends Here **********************/

/********************** Animated Logo Section CSS Starts Here **********************/
/********************** Animated Logo Section CSS Starts Here **********************/
/********************** Animated Logo Section CSS Starts Here **********************/
.animated-logo-section{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	z-index:9;
	margin-top:230px;
}
.animated-logo-section-left{
	width:20%;
	height:200px;
	float:left;
	position: relative;
    -webkit-animation: logoleftsection linear;
    -webkit-animation-duration: 4s;
    -webkit-animation-delay: 0s;
    animation: logoleftsection linear;
    animation-duration: 4s;
    animation-delay: 0s;
}
@-webkit-keyframes logoleftsection{
    0%   {width:50%;}
    100% {width:20%;}
}
@keyframes logoleftsection{
    0%   {width:50%;}
    100% {width:20%;}
}
.animated-logo-section-left img{
	height:200px;
	float:right;
}
.animated-logo-section-center{
	width:60%;
	height:200px;
	float:left;
	position: absolute;
	text-align:center;
	color:#ffffff;
	font-size:0px;
	line-height:200px;
	font-family: 'latobold';
	z-index:9;
	left:50%;
	margin-left:-30%;
	-webkit-animation: logocentersection ease-in;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
    animation: logocentersection ease-in;
    animation-duration: 3s;
    animation-delay: 1s;
	animation-fill-mode: forwards;
}
@-webkit-keyframes logocentersection{
    0%   {font-size:1px}
    100% {font-size:200px}
}
@keyframes logocentersection{
    0%   {font-size:1px}
    100% {font-size:200px}
}
.animated-logo-section-right{
	width:20%;
	height:200px;
	float:right;
	position: relative;
    -webkit-animation: logorightsection linear;
    -webkit-animation-duration: 4s;
    -webkit-animation-delay: 0s;
    animation: logoleftsection linear;
    animation-duration: 4s;
    animation-delay: 0s;
}
@-webkit-keyframes logorightsection{
    0%   {width:50%;}
    100% {width:20%;}
}
@keyframes logorightsection{
    0%   {width:50%;}
    100% {width:20%;}
}
.animated-logo-section-right img{
	height:200px;
	float:left;
}
/********************** Animated Logo Section CSS Ends Here **********************/
/********************** Animated Logo Section CSS Ends Here **********************/
/********************** Animated Logo Section CSS Ends Here **********************/

.coming-soon{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	z-index:9;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	font-size:0px;
	line-height:100x;
	font-family: 'junctionbold';
	-webkit-animation: comingsoonsection ease-in;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
    animation: comingsoonsection ease-in;
    animation-duration: 3s;
    animation-delay: 3s;
	animation-fill-mode: forwards;
}
@-webkit-keyframes comingsoonsection{
    0%   {font-size:1px}
    100% {font-size:72px}
}
@keyframes comingsoonsection{
    0%   {font-size:1px}
    100% {font-size:72px}
}