@charset "utf-8";
/* CSS Document */
@font-face{ font-family: "font1"; src: url(bn.otf);}
body{margin:0 auto; font-family:Arial, Helvetica, sans-serif;
font-size:14px; color:#181818; }
html, body { 
  background: url(../images/Jday.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #000;
}
@font-face {
	font-family: 'footerfont';
	src: url('fonts/COPRGTB.svg#footerfont');
	src: local("☺"), 
	 
    url('fonts/COPRGTB.eot?#iefix') format('embedded-opentype'),
	url('fonts/COPRGTB.woff') format('woff'),  
    url('fonts/COPRGTB.ttf') format('truetype'),
   	url('fonts/COPRGTB.svg#footerfont') format('svg');
	font-weight: normal;
    font-style:normal;
    -webkit-text-stroke: 1px transparent;
text-rendering:optimizeLegibility;
   -webkit-font-smoothing: antialiased;
	  
	   text-shadow: 0 1px 0 rgba(0,0,0,0.01);
	   -webkit-transform: rotate(-0.0000000001deg);
	   
}







/*
@font-face {
	font-family: 'footerfont';
	src: url('fonts/COPRGTB.eot');
	src: local('☺'), url('fonts/COPRGTB.woff') format('woff'), url('fonts/COPRGTB.ttf') format('truetype'), url('fonts/COPRGTB.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
.copyrighttt{
margin-left: 210px;

text-align:center;

}
.coolfooP1{
font-family: 'footerfont';text-align: center;overflow:hidden;color:white;position: relative;margin-left:1px;font-size:10px;text-shadow: 1px 1px 0 #000, 2px 2px 0 #000;padding:0 0 22px 0;bottom:0;top:9px;left:-20px;right:0;margin: 0;
}

.coolfooP2{
font-family: 'footerfont';text-align: center;overflow:hidden;color:white;position: relative;margin-left:-151px;font-size:10px;text-shadow: 1px 1px 0 #000, 2px 2px 0 #000; padding:0 0 0 0;bottom:0;top: -26px;left:-20px;right:0;margin:0 auto;

}


.shadow {
  -moz-box-shadow:    0px 0px 5px 2px #333;
  -webkit-box-shadow: 0px 0px 5px 2px #333;
  box-shadow:          0px 0px 5px 2px #333;
}
.left{float:left;}
.right{ float:right;}
.clear{ clear:both;}

p{ text-align:justify;}

.header{ /*background-image: url(../images/new_header.jpg);*/ margin:0 auto; width:100%; height:544PX; background-color:#3F454ec; background-repeat:no-repeat; background-position:center;} 
.mainmenu{left: 0px;background-position:center 30px;height:122px; width:100%; position: relative; z-index:200; background-repeat:no-repeat; position: fixed; background-color:rgba(0, 0, 0, 0.75);  }
.logo{ background-image:url(../images/menu_bg.png); background-position:center 18px; background-repeat:no-repeat; width:990px; height:158px; margin-top:-15px;}
.logo img{ position:relative; top:-66px; left:0px;}

.mainmenu ul{ margin:0 auto; margin-left:16px; margin-top:20px;}
.mainmenu ul li{ display:inline-block; margin:0px 15px;}
.mainmenu ul li:first-child+li+li+li{ margin-left:290px;}
.mainmenu ul li a{ color:#CCC; text-decoration:none; font-weight:bold; font-size:18px;}
.mainmenu ul li a:hover{color:#e20518}
.slideshow{ width:778px; height:300px; margin:0 auto; background-color:#C6C;}
.services{left: -10%;height:160px; width:100%; background-image: url(../images/ser_bg.jpg); background-repeat:repeat; padding:25px 0px; -webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(163, 50, 50, 0.75);}
.sevice1{ padding:5px; width:150px; height: 115px; margin:14px 14px; background-color:#7d7c7c;  position:relative;left: 20px;
border-radius: 5px 20px 5px; }

.services div:first-child+div{ background-color:#747373;}
.services div:first-child+div+div{ background-color:#747373;}
.services div:first-child+div+div+div{ background-color:#747373;}
.services div:first-child+div+div+div+div{ background-color:#747373;}
.sevice1 h1{
	font-size:50px;
	
}
.sevice1 a{ color:#000; text-decoration:none;}

/*.services div:first-child+div+div+div+div h1{letter-spacing: -0.1em;}*/
.sevice1 p{ font-size:14px; text-align:center;  }
.services .sevice1:hover{ width:170px; height:120px; margin-right:10px; margin-top:-10px; background-color:#e20518; color:#fff; 
  box-shadow:0px 0px 5px 3px #ccc;}
  .services .sevice1:hover a{ color:#fff; text-decoration:none;}

.page{ width:960px; margin:0 auto; min-height:700px; height:auto; background-color:#000;padding-bottom: 45px;}
.container_1{ width:880px; margin:0 auto; background-color:#cfcece;min-height:700px; height:auto; padding:10px; background-image:url(../images/bg.png); background-repeat:repeat;}
.container_1 h1{ width:180px;height:55px;background-image:url(../images/title.png); background-repeat:no-repeat; padding:20px; margin-left:-20px; font-size:20px; color:#e20518; padding-left:60px; padding-top:12px;font-family: Tahoma, Geneva, sans-serif;}

.about ul{ margin:0px ; padding:0px; width:60%; margin-left:35px; }
.about ul li{ color:#F00; text-align:justify;}
.about ul li span{ color:#181818;}
.about p{ padding:0 20px;}

.new{ width:170px; height:220px; border:1px solid #999; display:inline-block; margin:12px; padding:10px; background-image:url(../images/mission.png); background-repeat:no-repeat; background-position:center top; font-size:12px; overflow:hidden; cursor:pointer;  }

.news div:first-child:hover{ background-image:url(../images/mission-col.png)}
.new h2{ margin:0px; padding:0px; text-align:center; font-size:25px; margin-top:20px; color:#383838;}

.new p{ margin:0px; padding:0px;text-align:left; margin-top:100px;}
.news div:first-child+div{ background-image: url(../images/vision.png);}

.news div:first-child+div:hover{ background-image: url(../images/vision-col.png);}

.news div:first-child+div+div{ background-image: url(../images/goals.png);}
.news div:first-child+div+div:hover{ background-image: url(../images/goals-col.png);}

.news div:first-child+div+div+div{ background-image: url(../images/future.png);}
.news div:first-child+div+div+div:hover{ background-image: url(../images/future-col.png);}
.our_services{ min-height: 300px; background-image: url(../images/ser_bg.jpg); width:115%; margin-left:-65px; -webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(163, 50, 50, 0.75);}

.our_services h1{ text-align:center; line-height:30px; background:url(../images/ser.png) no-repeat; height:140px; color:#fff; margin:0px; width:95px; position:relative; top:-8px;left:55px; padding:5px;}

.slide{ width:800px; margin-left:150px; margin-top:-90px; }

.app, .print, .wm, .other{display:none;}
.pg{display:none;}

.column a{ cursor:pointer;}
.hidden{  display:none;}
.hh h3{display:inline-block; margin:10px; }
.hh{margin-left:250px; width:600px; margin-top:20px;}
.hh a{ color:#ccc; text-decoration:none;}
.hh a:hover{ color:#F00;}
/* slider*/

#slideshow {
	margin:0 auto;
	width:960px;
	height:433px;

	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:750px;
  height:433px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:433px;
}






.web{ }

.copy{ height:auto; background-color:#0e0d0d; }
iframe div.pluginLikeboxStream{ height:200px !important; }
iframe div.phm{ height:200px !important; }


.app_btn{background: url("../images/app_button.png");
background-repeat: no-repeat;
width:119px;
height:209px;
position:fixed;top:155px;left:0px;
cursor:pointer;
}




.login_cover{
/*left: 576px;

margin: -110px auto;
position: relative;


text-decoration: none;
border: 4px solid #494949;
width: 100px;
display: block;
border-radius: 7px;


color:#fff;

-moz-box-shadow: 0 0 5px #999999;
box-shadow: 0 0 5px #FFF0F0;*/


left: 576px;
position: relative;
text-decoration: none;
border: 4px solid #494949;
width: 100px;
display: block;
border-radius: 7px;
color: #FFF;
box-shadow: 0px 0px 5px #FFF0F0;
margin: 0 auto;
top: -108px;
overflow: hidden;
height: 40px;




}


.login{
/*margin: 0;
background: #252323;
color: #CCC;
font-weight:600;
font-family: OstrichSansBlack,Arial,sans-serif;
font-size: 25px;
padding: 3px 11px 3px;
border-radius: 3px;

-webkit-appearance: button;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
outline: 0;
text-transform:uppercase;
text-align: center;

text-shadow: 0px 2px 3px #171717;*/

    background: none repeat scroll 0% 0% #252323;
    color: #CCC;
    font-weight: 600;
    font-family: OstrichSansBlack,Arial,sans-serif;
    font-size: 25px;
    border-radius: 3px;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0px 2px 3px #171717;
    outline: 0px none;
    text-align: center;
    position: relative;
    overflow: hidden;
    width: auto;
    height: auto;
    top: -20px;
    padding: 4px 2px 4px 2px;
    margin-top: 22px;




}

.login:hover{
color: #e20518;
/*text-shadow: 1px 1px 0 rgb(89, 31, 31), 2px 2px 0 #fff;*/
box-shadow: 0 0 5px #e20518;

}
.login_cover a{

text-decoration: none;

}




/*foooooooooooooooooooooooooooooooooter*/


.coolfoo{
z-index:100;
	height:40px;
	
	text-align:center;
	margin:0 0 0 0;
	background:#010101;
	border-top:1px solid #000;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);

}


.coolfoo a{
color: rgb(255, 36, 36);
	text-decoration:none;
	margin:5px;
	position: relative;


}

.coolfoo a:HOVER {

color:rgb(124, 114, 231);
}

/*image hoverrrrrrrrrrrrr */

ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
float: right;
margin-top: -8px;
margin-right: -36px;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
z-index: 50;



}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color: #B37878;
padding: 4px;
font-family: 'Droid Sans', sans-serif;
font-size: 9px;
font-weight: 700;
text-align: center; 
color: #000; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
opacity:0.7;
}
ul.enlarge span img{


}
ul.enlarge li:hover span{ 
top: -112px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -78px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}

/*
.insta:hover{
z-index: 50;
cursor:pointer;
-webkit-filter: brightness(150%);

}

*/
/*end  foooooooooooooooooooooooooooooooooter*/
/*social hover icon*/

.fbb:hover{
-webkit-filter: invert();

}


.tww:hover{
-webkit-filter: invert();

}


.goo:hover{
-webkit-filter: hue-rotate(300deg);

}


.yoo:hover{
-webkit-filter: sepia();

}

#app_link:hover{
-webkit-filter: invert();

}




