@font-face {

  font-family: 'aparaji';

  src: url('../fonts/aparaji.eot?#iefix') format('embedded-opentype'),

	 url('../fonts/aparaji.ttf')  format('truetype'),

	  url('../fonts/aparaji.svg#SpaceandAstronomy') format('svg');

  font-weight: normal;

  font-style: normal;

}



body{margin:0; padding:0px; background:#000;}

#main-container{margin:0; width:100%; height:auto;}

#container{ margin:auto; width:100%; height:auto;}

.header{float:left; display:inline; margin:0; width:100%; height:auto;}

.banner{float:left; display:inline; margin:0; width:100%;}

.banner img{float:left; display:inline; margin:0; /*width:100%; height:100%;*/}

.logo{float:left; display:inline; margin:-430px 0 0 0; width:30%; height:auto; position:relative;}

.logo_img{position:absolute;top:0;left:100;z-index:999;}

.logo2{clear:both;left:600px;  width:220px; top:0; height:auto; position:absolute;z-index:9999;opacity:0.7;}



.menu{float:left; display:inline; margin:-68px 0 0 0; width:100%; height:auto; background:#232323;/* opacity:0.8;*/}

.menu img{float:left; display:inline; margin:0;}

.menu a{float:left; display:inline; margin:0; padding:18px 30px; font-family:"Microsoft New Tai Lue"; font-size:24px; color:#fff; text-decoration:none;}

.mactive{background:#eb0904;}

.menu a:hover{background:#eb0904;}

.menu-bar{float:left; display:inline; position:relative; z-index:999; margin:0; width:100%; height:auto;}

.container2{ margin:auto; width:1200px; height:auto;}

.content{float:left; display:inline; margin:0px 0px; width:100%; height:auto; background:#131313;}

.contact{float:left; display:inline; margin:0 0 0 40px; width:30%; height:auto; padding:30px 0px;}

.contact h1{float:left; display:inline; margin:0; font-family:"Open Sans"; font-size:18px; color:#f3f2f2; border-bottom:1px solid #1f1b1a; padding:4px 0px; font-weight:normal; width:100%;}

.contact p{float:left; display:inline; margin:0; font-family:"Open Sans"; font-size:14px; color:#f3f2f2; width:90%; line-height:2; position:relative; top:10px;}

.map{float:left; display:inline; margin:0 0 0 65px; width:25%; height:auto; padding:30px 0px;}

.map h1{float:left; display:inline; margin:0; font-family:"Open Sans"; font-size:18px; color:#f3f2f2; border-bottom:1px solid #1f1b1a; padding:4px 0px; font-weight:normal; width:100%;}

iframe{float:left; display:inline; margin:10px 0 0 0;}

.map a{float:left;  margin:5px 0px; font-family:"Open Sans"; font-size:13px !important; color:#006699 !important;}

.mission{float:left; display:inline; margin:0 0 0 65px; width:25%; height:auto; padding:30px 0px;}

.mission h1{float:left; display:inline; margin:0; font-family:"Open Sans"; font-size:18px; color:#f3f2f2; border-bottom:1px solid #1f1b1a; padding:4px 0px; font-weight:normal; width:100%;}

.mission p{float:left; display:inline; margin:10px 0 0 0; font-family:"Open Sans"; font-size:12px; color:#f3f2f2;}

.social{ float:left; display:inline; margin:20px 0 0 40%; width:15%; height:auto;}

.social img{float:left; display:inline; margin:14px 0 0 10px;}

.footer-bar{float:left; display:inline; margin:20px 0 0 0; width:100%; height:auto; background:#131313;}

.footer-menu{float:left; display:inline; margin:0; width:45%; height:auto;}

.footer-menu a{float:left; display:inline; margin:0 0 0 0; font-family:"Open Sans"; font-size:14px; color:#f3f2f2; text-decoration:none; padding:20px 0px;}

.footer-menu a:hover{text-decoration:underline;}

.footer-menu span{float:left; display:inline; margin:22px 0 0 0; padding:0px 20px;}

.address{float:right; display:inline; margin:6px 0 0 0; width:24%; height:auto;}

.address h1{float:left; display:inline; margin:0; padding:15px 0; font-family:"Open Sans"; font-size:13px; color:#f3f2f2; font-weight:normal;}

.address a{font-family:"Open Sans"; font-size:13px; color:#f3f2f2; text-decoration:none;}

.address a:hover{text-decoration:underline;}

.video{float:left; display:inline; margin:0; width:100%; height:auto;}



.counter{float:left; display:inline; margin:20px 0; width:100%; height:auto;}

.counter h1{float:right; display:inline; margin:5px 0px;font-family:"Open Sans"; font-size:13px; color:#f3f2f2; font-weight:normal; width:100%; text-align:right;}

.counter img{float:right; display:inline; margin:0;}

.fb{float:left; display:inline; margin:0 0 0 44%; width:30%; height:auto;}

video{float:none; display:table; margin:-90px auto; width:100%; height:auto;}



.proj_left{float:left;width:49%;display:block;position:relative;}

.proj_right{float:right;width:49%;display:block;position:relative;}

.proj_right img{margin-top:10px;width:550px;}

.proj_left img{margin-top:10px;width:550px;}

.projects_cont h3{display:block;position:relative;color:#fff;font-size:25px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}



/*codings for nav*/



/*menu{float:left; display:inline; margin:-100px 0 0 0; width:100%; height:auto; background:#232323;}*/







#nav img{cursor:pointer;}



a {

text-decoration: none;

}

ul, li {

list-style: none;

margin: 0;



}



#nav {

width:100%; /* 1000 */

font-family:"Microsoft New Tai Lue";

font-size:24px;

opacity:0.8;

margin:-69px 0 0 0;

background:#232323;

/*padding:20px 0px;*/

float:left;

height:70px;

margin:-68px 0 0 0px;



/*left: 50%;*/



/*margin-left: -35em;*/ /* 30 480 */

}

#nav img{float:left; display:inline; margin:0;}

#nav > a {

display: none;

color:#fff;





}

#nav li a:hover{background:#eb0904;}

#nav li {

position: relative;

/*width:80px;*/



}

#nav li a {

color: #fff;

display: block;

padding:15px 30px 10px 30px;

font-weight:bold;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;  




}





#nav li a:active {

/*background-color: #c00 !important;*/

}

#nav span:after {

width: 0;

height: 0;

border: 0.313em solid transparent; 

border-bottom: none;

border-top-color: #fff;

content: '';

vertical-align: middle;

display: inline-block;

position: relative;

right: -0.313em; 

}





#nav > ul {

height: 1.80em; /* 60 */

/*background-color: #e15a1f;*/

float:left;

margin:0 0 0 -31px;

}

#nav > ul > li {



height: 100%;

float: left;

/*z-index:9999;*/





}

#nav > ul > li > a {

height: 100%;

/*font-size: 1.5em;*/ /* 24 */

line-height: 1.7em; /* 60 (24) */

text-align: center;







}



#nav ul li ul li{position:relative; bottom: 5px; z-index:9999; }

#nav ul li ul li a{width:150px; line-height:20px; height:20px; padding:15px 20px;}

#nav > ul > li:not( :last-child ) > a {

/*border-right: 1px solid #cc470d;*/

}

#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {

/*background:url(../images/active.png); */

}

/* second level */



#nav li ul {

/*background-color: #cc470d;*/

display: none;

position: absolute;

top: -348%;

}

.projects{



position:absolute;

top: -228%;

}

#nav li:hover ul {

display: block;

left: 0;

right: 0;

}

#nav li:not( :first-child ):hover ul {

left: -1px;

}

#nav li ul a {

	color:#fff;

	position:relative;

	top:5px;

font-size: 18px; /* 20 */

/*border-top: 1px solid #e15a1f;*/

padding:2px 10px; /* 15 (20) */

background:#232323;

width:120px;

font-size:15px;

margin:0 0 0 -52px;

}

#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {

/*background-color: #e15a1f;*/

}





.ld-container {

        float:right;

	width:400px;

	margin:10px 0 0 0;

	padding:10px;

	border:0px dotted #c0c0c0;

}



.ld-btn-like {

	text-align:center;

	margin:10px;

	width:30px;

	height:30px;

}



.ld-btn-dislike {

	text-align:center;

	margin:0;

	width:30px;

	height:30px;

}



.ld-img-like, .ld-img-dislike{

	width:16px;

	height:20px;

}



.ld-stats-bar {

	margin:20px 0px 0px 0px;

	height:5px;

	width:250px;

	font-size:0px;

	line-height:0px;

	border:1px solid #e0e0e0;

	background-color:#ffffff;

}



.ld-bar-like {

	float:left;

	margin:0;

	height:5px;

	width:0px;

	font-size:0px;

	line-height:0px;

	background-color:#008000;

}



.ld-bar-dislike {

	float:right;

	margin:0;

	height:5px;

	width:0px;

	font-size:0px;

	line-height:0px;

	background-color:#d00000;

}



.ld-clear-both {

	clear:both;

	margin:0;

	height:0px;

	width:0px;

	font-size:0px;

	line-height:0px;

}



.ld-stats-txt {

	color:#808080;

	top:-20px;

	font-family:arial;

	font-size:13px;

}



/*-----------------------------------------------codings about us---------------------------------------------------*/





































#nav1 img{cursor:pointer;}



a {

text-decoration: none;

}

ul, li {

list-style: none;

margin: 0;



}



#nav1 {

width:100%; /* 1000 */

font-family:"Microsoft New Tai Lue";

font-size:24px;

opacity:0.7;

/*margin:0px;*/

background:#232323;

/*padding:20px 0px;*/

float:left;

height:70px;

margin:61px 0 0 -2px;



/*left: 50%;*/



/*margin-left: -35em;*/ /* 30 480 */

}

#nav1 img{float:left; display:inline; margin:0;}

#nav1 > a {

display: none;

color:#fff;





}

#nav1 li a:hover{background:#eb0904;}

#nav1 li {

position: relative;

/*width:80px;*/



}

#nav1 li a {

color: #fff;

display: block;

padding:15px 30px 12px 30px;







}





#nav1 li a:active {

/*background-color: #c00 !important;*/

}

#nav1 span:after {

width: 0;

height: 0;

border: 0.313em solid transparent; 

border-bottom: none;

border-top-color: #fff;

content: '';

vertical-align: middle;

display: inline-block;

position: relative;

right: -0.313em; 

}





#nav1 > ul {

height: 1.80em; /* 60 */

/*background-color: #e15a1f;*/

float:left;

margin:0 0 0 -31px;

}

#nav1 > ul > li {



height: 100%;

float: left;

/*z-index:9999;*/





}

#nav1 > ul > li > a {

height: 100%;

/*font-size: 1.5em;*/ /* 24 */

line-height: 1.7em; /* 60 (24) */

text-align: center;







}



#nav1 ul li ul li{position:relative; bottom: 5px; z-index:9999; }

#nav1 ul li ul li a{width:150px; line-height:20px; height:20px; padding:15px 20px;}

#nav1 > ul > li:not( :last-child ) > a {

/*border-right: 1px solid #cc470d;*/

}

#nav1 > ul > li:hover > a, #nav1 > ul:not( :hover ) > li.active > a {

/*background:url(../images/active.png); */

}

/* second level */



#nav1 li ul {

/*background-color: #cc470d;*/

display: none;

position: absolute;

/*top: -348%;*/

}

#nav1 li:hover ul {

display: block;

left: 0;

right: 0;

}

#nav1 li:not( :first-child ):hover ul {

left: -1px;

}

#nav1 li ul a {

	color:#fff;

	position:relative;

	top:5px;

font-size: 18px; /* 20 */

/*border-top: 1px solid #e15a1f;*/

padding:2px 10px; /* 15 (20) */

background:#232323;

width:120px;

font-size:15px;

margin:0 0 0 -52px;

z-index:9999;

}

#nav1 li ul li a:hover, #nav li ul:not( :hover ) li.active a {

/*background-color: #e15a1f;*/

}

 @media only screen and ( max-width: 62.5em ) /* 1000 */ {

#nav1 {

width: 100%;

position: static;

margin: 0;

left:100px;

}

}

 @media only screen and ( max-width: 40em ) /* 640 */ {

html {

font-size: 75%; 

}

#nav1 {

position: relative;

top: auto;

left: auto;

background:#000;

}

#nav1 > a {

width: 3.125em; 

height: 2.5em; 

text-align: left;

text-indent: -9999px;

background-color: #1b3e3e;

position: relative;

color:#fff;



}

#nav1 li a{color:#fff;}

#nav1 > a:before, #nav > a:after {

position: absolute;

border: 2px solid #fff;

top: 35%;

left: 10%;

right: 55%;

content: '';

width:35px;

}

#nav1 > a:after {

top: 60%;

}

#nav1:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {

display: block;

}

/* first level */



#nav1 > ul {

height: auto;

display: none;

position: absolute;

left: 0;

right: 0;

background:#131313;

z-index:9999;

width:97%;

float:left;



}

#nav1:target > ul {

display: block;

}

#nav1 > ul > li {

width: 100%;

float: none;

 z-index:9999;

}

#nav1 > ul > li > a {

height: auto;

text-align: left;

padding: 0 0.833em; /* 20 (24) */

}

#nav1 > ul > li:not( :last-child ) > a {

border-right: none;

 border-bottom: 1px solid #000;

 width:83%;







}

/* second level */



#nav1 li ul {

position: static;

/*padding: 1.25em; /* 20 */

padding-top: 0;



}

#nav1 ul li ul li{position:relative; bottom: 6px; z-index:9999; }

#nav1 ul li ul li a{width:86%; line-height:20px; border-top: 1px solid #000; height:20px; padding:8px 10px; margin:0 0 0 5px;}

 }

/*------------------------------------------------------------------------------------- */

 .logo1{float:left; display:inline; margin:0; width:25.5%; height:auto;}

.logo1 img{float:right; display:inline; margin:0;margin-right:5px;}

.menu-bar1{float:left; display:inline; margin:0; width:74.5%; height:auto; position:relative; z-index:9999;}

.banner1{float:left; display:inline; margin:0; position:relative; z-index:-2;}

.banner1 img{float:left; display:inline; margin:0; width:100%;}

.content1{float:left; display:inline; margin:40px 0 0 0; width:100%; height:auto;}

.about{float:left; display:inline; margin:0; width:30%; height:auto;}

.about h1{float:left; display:inline; margin:0; width:70%; font-family:"Ubuntu"; font-size:24px; color:#fcf9f3; font-weight:normal; border-bottom: 1px solid #1f1b1a; padding-bottom:3px; }

.about p{float:left; display:inline; margin:0px; width:100%; padding:6px 0px;}

.about span{float:left; display:inline; margin:0px 0 0 30px;}

.about  a{float:left; display:inline; margin:0 0 0 8px; font-family:"Ubuntu"; font-size:16px; color:#fcf9f3; width:60%; padding:0px;}

.about p:hover{background:url(../images/li-bg.png)0 25px no-repeat;}

.intro{float:left; display:inline; margin:0; width:70%; height:auto; padding-bottom:140px;}

.intro h1{float:left; display:inline; margin:0; width:100%; font-family:"Ubuntu"; font-size:24px; color:#fcf9f3; font-weight:normal; border-bottom: 1px solid #1f1b1a; padding-bottom:3px; }

.intro p{float:left; display:inline; margin:0; font-family:"Tahoma"; font-size:14px; color:#f3f2f2; padding:10px 0px;}



/*-----------------------------------codings for projects--------------------------------------------*/

.projects{float:left; display:inline; margin:0; width:100%; height:auto;}

.projects h1{float:left; display:inline; margin:0; width:100%; font-family:"Ubuntu"; font-size:24px; color:#fcf9f3; font-weight:normal; border-bottom: 1px solid #1f1b1a; padding-bottom:3px; }

.pro-box{float:left; display:inline; margin:0; width:100%; height:auto;}

.pro-box1{float:left; display:inlinel; margin:0 0 0 25px; width:30%; height:auto;}

.pro-box1 img{float:left; display:inline; margin:0; padding:15px 0px;}

.projects p{float:left; display:inline; margin:0px; width:100%; padding:6px 0px;  font-family:"Tahoma"; font-size:14px; color:#f3f2f2; line-height:1.5;}



.running{float:left; display:inline; margin:30px 0 0 0; width:100%; height:auto;}

.running h1{float:left; display:inline; margin:0; font-family:"Open Sans"; font-size:24px; color:#f3f2f2; font-weight:normal; width:100%;}

/*------------------------------------contact us------------------------------------------------------*/

.contact1{float:left; display:inline; margin:0; width:70%; height:auto; padding-bottom:20px; border-bottom:1px solid #1f1b1a;}

.contact1 h1{float:left; display:inline; margin:0; width:100%; font-family:"Ubuntu"; font-size:24px; color:#fcf9f3; font-weight:normal; border-bottom: 1px solid #1f1b1a; padding-bottom:3px; }

.contact1 img{float:left; display:inline; margin:0; padding:10px 0px; padding-right:10px;}

.contact1 p{float:left; display:inline; margin:5px 0px; font-family:"Tahoma"; font-size:14px; color:#f3f2f2; line-height:1.5; width:75%;}

.contact1 h2{float:left; display:inline; margin:25px 0 0 0;font-family:"Tahoma"; font-size:14px; color:#eb0904; line-height:1.5; width:75%; font-weight:normal;}

.contact1 h3{float:left; display:inline; margin:0;font-family:"Tahoma"; font-size:14px; color:#f3f2f2; line-height:1.5; width:75%; font-weight:normal;}

/*-----------------------------css for running images thumbnail----------------------------------------*/

#wrapper {width: 93%; height: auto; padding: 10px; margin:40px 0 0 70px;}

			.caroufredsel_wrapper {

			/*	border-radius: 90px;*/

		

				

			}

			/*#carousel{float:left; display:inline; margin:0 0 0 50px; width:90%; height:auto;}*/

			#carousel img{float:left; display:inline; margin:0 0 0 26px; }

				

						#prev {

				background:url(../images/left.png) no-repeat 0 0;

				text-indent: -999px;

				display: block;

				overflow: hidden;

				width: 18px;

				height: 27px;

				/*position: absolute;*/

				top: 65px;

				margin:-75px 0 0 -45px;

			}

			#next {

				background: url(../images/right.png) no-repeat 0 0;

				text-indent: -999px;

				display: block;

				overflow: hidden;

				width: 18px;

				height: 27px;

			/*	position: absolute;*/

				top: 65px;

				margin:-32px 50px 0 0;

				float:right;

			}

			#prev {

				background-position: 0 0;

				left: 30px;

			}

						

			#next {

				background-position: 0 0;

				/*right: 30px;*/

			}

							

			#pager {

				text-align: center;

				margin: 0 auto;

				padding-top: 20px;

			}

			#pager a {

				background: transparent url(img/carousel_control.png) no-repeat -2px -32px;

				text-decoration: none;

				text-indent: -999px;

				display: inline-block;

				overflow: hidden;

				width: 8px;

				height: 8px;

				margin: 0 5px 0 0;

			}

			#pager a.selected {

				background: transparent url(img/carousel_control.png) no-repeat -12px -32px;

				text-decoration: underline;				

			}

			



/*--------------------------------about us css page starts here------------------------------*/

.eabtall{ float:left; display:inline; margin:20px 0 0 0; padding:0; height:auto; width:100%;}

.eabttopline{ float:left; display:inline; margin:0 100px; padding:0; height:auto; width:1000px;}

.eabttopline h1{float:left; display:inline; margin:0 0 10px 0; width:100%; height:auto; border:none; font-family:"Open Sans"; font-size:26px; color:#FFF; text-decoration:none; font-weight:normal;}



.eabttopline p{float:right; text-align:justify; display:inline; margin:0 0 20px 0; width:100%; height:auto; border:none; font-family:"Open Sans"; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; line-height:24px;}





/*--------------------------------board css page starts here------------------------------*/

.eboard{ float:left; display:inline; margin:0; padding:0; height:auto; width:100%;}

.eboardlft{ float:left; display:inline; margin:0; padding:0; height:auto; width:17%;margin-bottom:30px;}

.eboardlft img{ float:left; border:2px solid #fff; display:inline; margin:0; padding:0;}

.eboard p{float:right; text-align:justify; display:inline; margin:0 0 20px 0; width:82%; height:auto; border:none; font-family:"Open Sans"; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; line-height:24px;}

.eboard h2{float:right; display:inline; margin:-6px 0 20px 0; width:82%; height:auto; border:none; font-family:"Open Sans"; font-size:20px; color:#FFF; text-decoration:none; font-weight:normal;}

#flwdth{float:left; display:inline; width:100%;}





/*--------------------------------contact css page starts here------------------------------*/

.econtact{ float:left; display:inline; margin:0; padding:0; height:auto; width:100%;}

.addressbox{float:left; display:inline; margin:0; width:100%; height:auto; padding:0;}

.address1{float:left; display:inline; margin:0; width:35%; height:auto;}

.address1 h1{float:left; display:inline; margin:0; font-family:"Tahoma"; font-size:20px; color:#e7b27a; font-weight:normal; padding-bottom:5px;}

.address1 p{float:left; display:inline; margin:0; font-family:"Open Sans"; font-size:14px; color:#f3f2f2; width:90%; line-height:1.8;} 

.form{float:left; display:inline; margin:0; margin-top:-45px;width:50%; height:auto;}

.form h1{ color:#e7b27a;}

.text{float:left; display:inline; margin:0 0 15px 0; width:50%; height:30px; border:none; font-family:"Open Sans"; font-size:16px; color:#000; padding:0px 5px;}

select{float:left; display:inline; margin:0; width:52%; height:30px; font-family:"Open Sans"; font-size:16px; color:#000; }

textarea{float:left; display:inline; margin:15px 0 0 0; width:95%; height:100px;}

.button{float:right; display:inline; margin:15px 20px 0 0; font-family:"Open Sans"; font-size:16px; color:#fff; border:none; padding:5px 20px; background:-moz-linear-gradient(#870602, #d40804); background: linear-gradient(#870602, #d40804); ackground: -o-linear-gradient(#870602, #d40804); background: -webkit-linear-gradient(#870602, #d40804);}

img{border:none;}

#contacttble { float:left; display:inline; margin:20px 0 0 0; padding:0; height:auto; width:100%;}

#contacttble tbody{ float:left; display:inline; margin:0; padding:0; height:auto; width:100%;}

#contacttble tr{ float:left; display:inline; margin:0 0 30px 0; padding:0; height:auto; width:100%;}

#contacttble td{ float:left; display:inline; margin:0; padding:0; height:auto; width:75%;}

#contacttble td img{ float:none; display:block; margin:0 auto; padding:0; border:2px solid #fff;}

.eadd{ float:left; display:inline; margin:0; padding:0; height:auto; width:96%;}

.eadd h2{float:left; display:inline; margin:-4px 0 20px 0; width:100%; height:auto; border:none; font-family:"Open Sans"; font-size:18px; color:#FFF; text-decoration:none; font-weight:normal;}

.eadd h3{float:left; display:inline; margin:0 0 0 0; width:100%; height:auto; border:none; font-family:"Open Sans"; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal;}

.eadd p{float:left; display:inline; margin:0 0 20px 0; width:100%; height:auto; border:none; font-family:"Open Sans"; font-size:12.5px; color:#FFF; text-decoration:none; font-weight:normal; line-height:22px;}

#antrclr{ color:#d40840;}

#lwdth1{ width:25% !important;}

/*

{ float:left; display:inline; margin:0; padding:0; height:auto; width:100%;}

img

{ float:left; display:inline; margin:0; padding:0;}

{ float:none; display:block; margin:0 auto; padding:0;}

H1

{ float:left; display:inline; margin:0; padding:0; height:auto; width:92%; font-family:""; font-size:px; color:#;  font-weight:normal; text-decoration:none;}

P

{ float:left; display:inline; margin:0; padding:0; height:auto; width:98%; font-family:""; font-size:px; color:#;font-weight:normal; text-decoration:none;line-height:;}



*/







#mobile_menu{float:left; display:inline; width:100%;}

.content a img{float:left; margin:10px 20px;}

.bar{display:none;}

.project_banner{float:left; position:relative; background:url(../images/project_back.jpg); display:inline; height:400px; width:95%; margin:0; padding:0;}

.project_banners{float:left; position:relative; background:url(../images/project_back.jpg); display:inline; height:400px; width:100%; margin:0; padding:0;}







/*text animation*/



h1.main,p.demos {

	-webkit-animation-delay: 18s;

	-moz-animation-delay: 18s;

	-ms-animation-delay: 18s;

	animation-delay: 18s;

}

.sp-container {

	/*position: fixed;*/

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	z-index: 0;

	/*background: -webkit-radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.7));

	background: -moz-radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.7));

	background: -ms-radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.7));

	background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.7));*/

}

.sp-container h2{	

font-family:aparaji;

	/*-webkit-text-stroke-color:2px #fff !important;

	 -webkit-text-stroke-width: 5px;

-webkit-text-stroke-color: #fff;*/



	}

	

.sp-content {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0px;

	top: 0px;

	z-index: 1000;

}

.sp-container h2 {

	position: absolute;

	top: 50%;

	line-height: 100px;

	height: 90px;

	margin-top: -50px;

	font-size: 75px;

	width: 100%;

	text-align: center;

	color: transparent;

	-webkit-animation: blurFadeInOut 3s ease-in backwards;

	-moz-animation: blurFadeInOut 3s ease-in backwards;

	-ms-animation: blurFadeInOut 3s ease-in backwards;

	animation: blurFadeInOut 3s ease-in backwards;

}

.sp-container h2.frame-1 {

	-webkit-animation-delay: 0s;

	-moz-animation-delay: 0s;

	-ms-animation-delay: 0s;

	animation-delay: 0s;

}

.sp-container h2.frame-2 {

	-webkit-animation-delay: 3s;

	-moz-animation-delay: 3s;

	-ms-animation-delay: 3s;

	animation-delay: 3s;

}

.sp-container h2.frame-3 {

	-webkit-animation-delay: 6s;

	-moz-animation-delay: 6s;

	-ms-animation-delay: 6s;

	animation-delay: 6s;

}

.sp-container h2.frame-4 {

	font-size: 200px;

	-webkit-animation-delay: 9s;

	-moz-animation-delay: 9s;

	-ms-animation-delay: 9s;

	animation-delay: 9s;

}

.sp-container h2.frame-5 {

	-webkit-animation: none;

	-moz-animation: none;

	-ms-animation: none;

	animation: none;

	color: transparent;

	/*text-shadow: 0px 0px 1px #87040a;*/

text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	

}

.sp-container h2.frame-5 span {

	-webkit-animation: blurFadeIn 3s ease-in 10s backwards;

	-moz-animation: blurFadeIn 1s ease-in 10s backwards;

	-ms-animation: blurFadeIn 3s ease-in 10s backwards;

	animation: blurFadeIn 3s ease-in 10s backwards;

	color: transparent;

	/*text-shadow: 0px 0px 1px #87040a;*/

	text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

}

.sp-container h2.frame-5 span:nth-child(2) {

	-webkit-animation-delay: 11s;

	-moz-animation-delay: 11s;

	-ms-animation-delay: 11s;

	animation-delay: 11s;

}

.sp-container h2.frame-5 span:nth-child(3) {

	-webkit-animation-delay: 12s;

	-moz-animation-delay: 12s;

	-ms-animation-delay: 12s;

	animation-delay: 12s;

}

.sp-globe {

	position: absolute;

	width: 282px;

	height: 273px;

	left: 50%;

	top: 50%;

	margin: -137px 0 0 -141px;

	background: transparent url(http://web-sonick.zz.mu/images/sl/globe.png) no-repeat top left;

	-webkit-animation: fadeInBack 3.6s linear 14s backwards;

	-moz-animation: fadeInBack 3.6s linear 14s backwards;

	-ms-animation: fadeInBack 3.6s linear 14s backwards;

	animation: fadeInBack 3.6s linear 14s backwards;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

	filter: alpha(opacity=30);

	opacity: 0.3;

	-webkit-transform: scale(5);

	-moz-transform: scale(5);

	-o-transform: scale(5);

	-ms-transform: scale(5);

	transform: scale(5);

}

.sp-circle-link {

	position: absolute;

	left: 50%;

	bottom: 100px;

	margin-left: -50px;

	text-align: center;

	line-height: 100px;

	width: 100px;

	height: 100px;

	background: #fff;

	color: #3f1616;

	font-size: 25px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	-webkit-animation: fadeInRotate 1s linear 16s backwards;

	-moz-animation: fadeInRotate 1s linear 16s backwards;

	-ms-animation: fadeInRotate 1s linear 16s backwards;

	animation: fadeInRotate 1s linear 16s backwards;

	-webkit-transform: scale(1) rotate(0deg);

	-moz-transform: scale(1) rotate(0deg);

	-o-transform: scale(1) rotate(0deg);

	-ms-transform: scale(1) rotate(0deg);

	transform: scale(1) rotate(0deg);

}

.sp-circle-link:hover {

	background: #85373b;

	color: #fff;

}

/**/

@-webkit-keyframes blurFadeInOut{

	0%{

		opacity: 0;

		color:#87040a;

		/*text-shadow: 0px 0px 40px #87040a;*/

		-webkit-transform: scale(1.3);

		text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

	20%,75%{

		opacity: 1;

		color:#87040a;

		/*text-shadow: 0px 0px 1px #87040a;*/

		-webkit-transform: scale(1);

		text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

	100%{

		opacity: 0;

		color:#87040a;

		/*text-shadow: 0px 0px 50px #87040a;*/

		-webkit-transform: scale(0);

		text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

}

@-webkit-keyframes blurFadeIn{

	0%{

		opacity: 0;

		color:#87040a;

		/*text-shadow: 0px 0px 40px #87040a;*/

		-webkit-transform: scale(1.3);

		text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

	50%{

		opacity: 0.5;

		color:#87040a;

		/*text-shadow: 0px 0px 10px #87040a;*/

		-webkit-transform: scale(1.1);

	text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

	100%{

		opacity: 1;

		color:#87040a;

		/*text-shadow: 0px 0px 1px #87040a;*/

		-webkit-transform: scale(1);

		text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

}

@-webkit-keyframes fadeInBack{

	0%{

		opacity: 0;

		-webkit-transform: scale(0);

	}

	50%{

		opacity: 0.4;

		-webkit-transform: scale(2);

	}

	100%{

		opacity: 0.2;

		-webkit-transform: scale(5);

	}

}

@-webkit-keyframes fadeInRotate{

	0%{

		opacity: 0;

		-webkit-transform: scale(0) rotate(360deg);

	}

	100%{

		opacity: 1;

		-webkit-transform: scale(1) rotate(0deg);

	}

}

/**/

@-moz-keyframes blurFadeInOut{

	0%{

		opacity: 0;

		color:#87040a;

		/*text-shadow: 0px 0px 40px #87040a;*/

		-moz-transform: scale(1.3);

		text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

	20%,75%{

		opacity: 1;

		color:#87040a;

	/*	text-shadow: 0px 0px 1px #87040a;*/

		-moz-transform: scale(1);

		text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

	100%{

		opacity: 0;

		color:#87040a;

		/*text-shadow: 0px 0px 50px #87040a;*/

		-moz-transform: scale(0);

		text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

}

@-moz-keyframes blurFadeIn{

	0%{

		opacity: 0;

		color:#87040a;

		/*text-shadow: 0px 0px 40px #87040a;*/

		-moz-transform: scale(1.3);

		text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

	100%{

		opacity: 1;

		color:#87040a;

		/*text-shadow: 0px 0px 1px #87040a;*/

		-moz-transform: scale(1);

		text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

}

@-moz-keyframes fadeInBack{

	0%{

		opacity: 0;

		-moz-transform: scale(0);

	}

	50%{

		opacity: 0.4;

		-moz-transform: scale(2);

	}

	100%{

		opacity: 0.2;

		-moz-transform: scale(5);

	}

}

@-moz-keyframes fadeInRotate{

	0%{

		opacity: 0;

		-moz-transform: scale(0) rotate(360deg);

	}

	100%{

		opacity: 1;

		-moz-transform: scale(1) rotate(0deg);

	}

}

/**/

@keyframes blurFadeInOut{

	0%{

		opacity: 0;

		color:#87040a;

		/*text-shadow: 0px 0px 40px #87040a;*/

		transform: scale(1.3);

	text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

	20%,75%{

		opacity: 1;

		color:#87040a;

		/*text-shadow: 0px 0px 1px #87040a;*/

		transform: scale(1);

		text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

	100%{

		opacity: 0;

		color:#87040a;

		/*text-shadow: 0px 0px 50px #87040a;*/

		transform: scale(0);

		text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

}

@keyframes blurFadeIn{

	0%{

		opacity: 0;

		color:#87040a;

		/*text-shadow: 0px 0px 40px #87040a;*/

		transform: scale(1.3);

		text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

	50%{

		opacity: 0.5;

		color:#87040a;

		/*text-shadow: 0px 0px 10px #87040a;*/

		transform: scale(1.1);

		text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

	100%{

		opacity: 1;

		color:#87040a;

		/*text-shadow: 0px 0px 1px #87040a;*/

		transform: scale(1);

	text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;

	}

}

@keyframes fadeInBack{

	0%{

		opacity: 0;

		transform: scale(0);

	}

	50%{

		opacity: 0.4;

		transform: scale(2);

	}

	100%{

		opacity: 0.2;

		transform: scale(5);

	}

}

@keyframes fadeInRotate{

	0%{

		opacity: 0;

		transform: scale(0) rotate(360deg);

	}

	100%{

		opacity: 1;

		transform: scale(1) rotate(0deg);

	}

}



.first_animate{float:left; display:inline; height:auto; width:80%; margin:-89px 0 0 -180px; padding:0; color:#87040a !important;}

.firsts_animate{float:left; display:inline; height:auto; width:80%; margin:8px 0 0 134px; padding:0; color:#87040a !important;}

.first_animates{float:right; display:inline; height:auto; width:48%; margin:0 0 0 387px; padding:0; color:#87040a !important;}











.projects_cont{width:100%;margin:20px 0px;}

.cont_left{width:45%;margin-right:20px;float:left;}

.projects_cont label{display:block;position:relative;color:#fff;font-size:15px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;margin-top:5px;}

.projects_cont img{border:1px dotted #666;}.

projects_cont h3{display:block;position:relative;color:#fff;font-size:25px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}



.projects_cont p{display:block;position:relative;color:#fff;font-size:15px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;margin:0;padding:0;margin-bottom:10px;}





.column {

  float: left;

  width: 48%;

  padding: 10px;

  height: 250px; /* Should be removed. Only for demonstration */

}



.column1{

  float: right;

  width: 48%;

  padding: 10px;

  height: 250px; /* Should be removed. Only for demonstration */

}



/* Clear floats after the columns */

.row:after {

  content: "";

  display: table;

  clear: both;

}