@charset "utf-8";
/* CSS Document */
html, body,a, img, input, h1, h2, h3, h4, h5, h6{ display:block; margin:0; padding:0; outline:none;}
html,body{margin:0px; padding:0px; height:100%;}
body{overflow:hidden; position:relative; font-family:Arial, Helvetica, sans-serif;}

#menu{position:fixed; z-index: 2; top:0px; left:0px; clear:both; padding:0;
		 background:#8aa4bb url(../image/menu_bg.png) repeat; height:100%; width:355px; opacity:0.8;}
#menu .menu_a{ float:left; clear:both; margin:4px 0 7px 60px; color:#fff; text-decoration:none; font-size:12px;
	text-transform:uppercase;
	background:url(../image/menu_arrow.png) no-repeat left center; width:280px; line-height:25px; padding:0 0 0 15px;}
.m_bg{ background:url(../image/arrow.png) no-repeat right center !important; -webkit-transition: all .5s ease-in;
 -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in;
 transition: all .5s ease-in;}
#container{position:relative; left:0; width:10000px; top:0; height:100%; background:}
#c1,#c2,#c3,#c4,#c5,#c6 {width:1650px; height:100%; float:left; margin-right:100px;}
#c1,#c3,#c5 {background:#d2e7fe;}
#c2,#c4,#c6 {background:#FFF;}
.content{padding:0; background:url(../image/dots.png) repeat;}
.logo{ float:left; z-index:10; margin:40px 0 40px 0; padding:0;}
/*.....................................................news..*/
.news_area{width:273px; height:201px; padding:0px; margin:0px 0 0 60px; float:left; color:#FFF;}
.news_top{width:240px; height:20px; margin:0 0 10px 0; padding:10px 0 10px 0; float:left; top:0;}
.news_top h4{float:left; margin:0px; padding:0.4em 0 0.3em 0; width:60px; color:#FFF; border-bottom:2px solid #000;
	font-weight:normal !important; letter-spacing:0.05em}
.news_top span{ float:right; display:block; margin:0; padding:0; width:180px; height:31px; border-bottom:1px solid #fff;}
 


#newsticker-demo {
	width:250px;
	height: 225px;

	overflow:hidden;
	
}
#newsticker-demo .title {
	font-size:13px;
	color:#b3d98d;
	padding:0px;
	text-transform:uppercase;
	text-decoration:none;
}
#newsticker-demo p {
	margin:0px;
	padding: 0;
	text-decoration:none;
}
#newsticker-demo ul {}
#newsticker-demo li {
	list-style:none;
	display:block;
	padding:10px 0 0 0;
	text-decoration:none;
	height:60px;
	font-family: Arial;
	font-size:12px;
}
#newsticker-demo li a {
	color:#b3d98d; background:none; font-size:13px; margin:0 0 0 163px;text-decoration:none; margin:4px 0 7px 178px;
}
.previous {
	outline:none;
	cursor:pointer;
	margin-left:145px;
	vertical-align: bottom;
}
.next {
	outline:none;
	cursor:pointer;
	margin-left:145px;
	vertical-align: top;
}
/*......................................................news end..*/
.coundent{ float:left; margin-left:355px; width:1073px; height:100%; position: absolute; top:0px;}
.coundent_cthree{ float:left; margin-left:355px; width:934px; height:100%; position: absolute; top:0px;}
.firstarea_last{ float:left; padding:0px; margin:auto; width:100px; height:auto; }
.social_icons{float:left;text-decoration:none; width:250px; height:auto;
	background:url(../image/cheractor.png) no-repeat left bottom !important;}
.social_icons h5{ float:left; margin:0 0 0 60px; padding:0; font-size:16px; letter-spacing:0.04em; font-weight:normal;}
.so_links{ float:right; margin:25px 0 0 0; width:190px; height:35px;}
.fb{ float:left !important; margin:5px 5px 0 0 !important; padding:0 !important; width:30px !important; height:30px !important;
	background:url(../image/social_icons.png) no-repeat scroll -31px -1px transparent !important;}
.fb:hover{background: url(../image/sprite2.png) no-repeat scroll -31px -1px transparent !important;}
.twitter{ float:left !important; margin:5px 5px 0 0 !important; padding:0 !important; width:30px !important;
 height:30px !important;background:url(../image/social_icons.png) no-repeat scroll -91px -1px transparent !important;}
.twitter:hover{background:url(../image/sprite2.png) no-repeat scroll -91px -1px transparent !important;}
.in{ float:left !important; margin:5px 5px 0 0 !important; padding:0 !important; width:30px !important;
 height:30px !important;background:url(../image/social_icons.png) no-repeat scroll -61px -1px transparent !important;}
.in:hover{background:url(../image/sprite2.png) no-repeat scroll -61px -1px transparent !important;}
.plus{ float:left !important; margin:5px 5px 0 0 !important; padding:0 !important; width:30px !important;
 height:30px !important;background:url(../image/social_icons.png) no-repeat scroll -1px -1px transparent !important;}
.plus:hover{background:url(../image/sprite2.png) no-repeat scroll -1px -1px transparent !important;}
.company{width:auto; height:auto; padding:0px; margin:91px 0 0 0; background:#F00;}
.company p{float: left; bottom:0px; margin:0px; font-size:9px;}
.company p a{float: left; margin:0px !important; font-size:9px !important; background:none !important; padding:0px !important; font-size:11px !important; }
/*...............................................about us.........*/
.coundent_two{ float:left; margin-left:350px; width:1200px; height:100%; position: absolute; top:0px;}
	line-height:1.8em;}
	
.sms_aleartdiv {width:708px; height:667px; padding:0px; margin: 0 0 0 140px; float:left;
	 background:url(../image/sms.png) no-repeat; }
.sms_aleart{width:175px; margin:10px; padding:0px; float:left; color:#FFF;}
.sms_funshion{width:200px; height:auto; padding:0px; margin:0 20px 0 0; float:right;}
.sms_funshion span{ float:left; margin:5px 0; padding:0 0 0 10px; clear:both; height:auto; display:block;
	 background:url(../image/menu_arrow.png) no-repeat left center; font-size:13px;}
/*................................................slider..*/
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999; display:none;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%; display:none;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0; display:none;}
#container_slider{
	width:620px;
	margin:0 auto;
	padding-bottom:80px;
}

#banner-fade,
endless flow{
	margin-bottom: 60px;
}
endless flow img{width:100%; height:100%; float:left;}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#fff;
	color:#000;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}

/*................................................slider..*/
/*...................................scroolbar..*/



.contentHolder {padding:0 ; width: 890px; height: 616px; overflow: hidden; margin-left:5px; position:absolute}
          .contentHolder .content_scrool { width: 900px; height: 2250px; }
.arrow{height:800px !important;}		  

/*.contentHolder1 { position:absolute; margin-left:10px; padding:0 20px; width: 1491px; height: 1020px; overflow: hidden; float:left;
	top:20px;}
.contentHolder1 .content_scrool1 { width: 900px; height:2200px; }		  
*/.arrow2{height:1000px !important;}
		  
.spacer { text-align:center }
/*.ps-container .ps-scrollbar-x{position:absolute;bottom:3px;height:8px;background-color:#aaa;border-radius:4px;-webkit-border-radius:4px;
-moz-border-radius:4px;
opacity:0;filter:alpha(opacity=0);
-webkit-transition:opacity.2s linear;
-moz-transition:opacity .2s linear;transition:opacity .2s linear}*/
.ps-container:hover .ps-scrollbar-x{opacity:.6;filter:alpha(opacity=60)}
.ps-container .ps-scrollbar-x:hover{opacity:.9;filter:alpha(opacity=90);cursor:default}
.ps-container .ps-scrollbar-x.in-scrolling{opacity:.9;filter:alpha(opacity=90)}
.ps-container .ps-scrollbar-y{position:absolute;right:64px !important;width:12px; 
	background:url(../image/up-and-down.png) no-repeat; /*url(../image/scrool-bar.png) no-repeat;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity.2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear */}
.ps-container:hover .ps-scrollbar-y{opacity:.6;filter:alpha(opacity=60)}
.ps-container .ps-scrollbar-y:hover{opacity:.9;filter:alpha(opacity=90);cursor:default}
.ps-container .ps-scrollbar-y.in-scrolling{opacity:.9;filter:alpha(opacity=90)}
.e_Live_countent{width:86%; margin:0 10px; padding:10px; float:left; height:auto; line-height:1.2em; }
.e_Live_countent h1{ float:left; margin:0; padding:0; color:#999;}
.e_Live_countent p{ float:left;font-size:12px; border-bottom:solid#262c31 1px; padding:0 0 20px 0; letter-spacing:0.02em;
	line-height:1.4em; font-size:14px; color:#666; margin:20px 0;}
.video_area{width:804px; margin:10px 0 0 0; padding:10px 0 0 0; float:left; height:420px; position:relative;
	 background:url(../image/2nd-video.jpg) no-repeat;}
.video_posication{width:515px; height:319px; padding:0px; margin:14px 56px 0 0; float:right; 
	background:url(../image/dash_bord_img.jpg) no-repeat;}


.icon_area{width:789px; height:auto; padding:0px; float:left; margin:0px; }
.icon_area ul{ float:left; text-decoration:none; list-style:none; width:890px; margin-left:20px;}
.icon_area ul li{text-decoration:none; list-style:none; float:left; padding:10px 5px 10px 10px; width:99px; 
	height:150px; background:#e7e7e7;margin:10px 18px;-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.icon_area ul li:hover{ background:#4d779f;}
.icon_area ul li span {color:#36516c; list-style:none; text-decoration:none; font-size:13px; margin:5px 0 0 0; padding:5px;
	float:left; display:block; width:84px; line-height:1.5em; text-align:center;
	-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.icon_area ul li:hover span{ color:#fff; font-weight:bold; cursor:default;}
/*...................................scroolbar..*/
/*...............................................................POP up.............*/


.pop_up_otr{ width:100%; height:100%; margin:0px; position:relative; top:-20px !important; position:absolute; top:0;
	left:0;}

	/*	--------------------------------------------------
	POPUP FORM
	-------------------------------------------------- */		







/*...............................................Modules.....*/


/*...............................................Modules.....*/


.c_three_banner{width:710px; height:120px; padding:0px; margin-left:80px; background:url(../image/c3/C3_BG.jpg) repeat;}
.c_three_banner h2 {color:#FFF; padding:15px 10px 10px 0; width:640px; height:auto; float:left; border-bottom:1px  solid #f5f5f5;
	margin:0 0 0 30px; font-size:26px; font-weight:normal;}
.c_three_banner p{ color:#FFF; padding:0px; float:right ; text-align:right; width:60%; margin:10px 30px 0 0; line-height:1.5em;
	font-size:13px;}
.module_icon_area{width:781px;height:auto; padding:0px; margin-left:80px;}
/*.modules_icon_area ul{width:781px; min-height:100px; padding:0px; float:left; margin:0px; background:#000066;list-style:none;
	text-decoration:none;}
.modules_icon_area ul li{ text-decoration:none; list-style:none;}*/
.module_icon_area h2{ float:left; margin:10px 0 25px 0; padding:0; color:#999;}
.icon{width:781px; height:auto; padding:0px; float:left; margin:0;}
.icon li{ float:left; margin:6px 0; padding:0;width:260px; list-style:none; height:40px; color:#666; cursor:default;}
.icon li:hover .hr{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat scroll -1px -1px transparent;}
.icon li span{ float:left; margin:-10px 10px 0 0; padding:0; display:block; width:37px; height:37px;} 
.hr{ background:url(../image/c3/C3-icons.png) no-repeat scroll -1px -1px transparent;}
.Courses_and_Batches{  background:url(../image/c3/C3-icons.png) no-repeat scroll -40px -1px transparent;}
.icon li:hover .Courses_and_Batches{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat
	 scroll -40px -1px transparent;}
.Student_Attendance{  background:url(../image/c3/C3-icons.png) no-repeat scroll -79px -1px transparent;}
.icon li:hover .Student_Attendance{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat 
	scroll -79px -1px transparent;}
.Time_table{background:url(../image/c3/C3-icons.png) no-repeat scroll -1px -40px transparent;}
.icon li:hover .Time_table{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat scroll -1px -40px transparent;}
.Examination{background:url(../image/c3/C3-icons.png) no-repeat scroll -78px -40px transparent;}
.icon li:hover .Examination{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat scroll -78px -40px 
	transparent;}
.Multiple_Dashboard{background:url(../image/c3/C3-icons.png) no-repeat scroll -1px -79px transparent;}
.icon li:hover .Multiple_Dashboard{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat 
	scroll -1px -79px 			transparent;}
.Student_addmission{background:url(../image/c3/C3-icons.png) no-repeat scroll -38px -79px transparent;}
.icon li:hover .Student_addmission{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat
	 scroll -38px -79px transparent;}
.News_Management{background:url(../image/c3/C3-icons.png) no-repeat scroll -76px -79px transparent;}
.icon li:hover .News_Management{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat
	 scroll -76px -79px transparent;}
.User_Management{background:url(../image/c3/C3-icons.png) no-repeat scroll -1px -116px transparent;}
.icon li:hover .User_Management{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat 
	scroll -1px -116px transparent;}
.School_Calendar{background:url(../image/c3/C3-icons.png) no-repeat scroll -38px -116px transparent;}
.icon li:hover .School_Calendar{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat
	 scroll -38px -116px transparent;}
.Finance{background:url(../image/c3/C3-icons.png) no-repeat scroll -76px -116px transparent;}
.icon li:hover .Finance{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat scroll -76px -116px 
	transparent;}
.Student_Information{background:url(../image/c3/C3-icons.png) no-repeat scroll -1px -153px transparent;}
.icon li:hover .Student_Information{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat 
	scroll -1px -153px transparent;}
.Employee_Login{background:url(../image/c3/C3-icons.png) no-repeat scroll -39px -153px transparent;}
.icon li:hover .Employee_Login{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat
	 scroll -39px -153px transparent;}
.Student_Login{background:url(../image/c3/C3-icons.png) no-repeat scroll -77px -153px transparent;}
.icon li:hover .Student_Login{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat
	 scroll -77px -153px transparent;}
.Messaging_System{background:url(../image/c3/C3-icons.png) no-repeat scroll -1px -190px transparent;}
.icon li:hover .Messaging_System{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat 
	scroll -1px -190px transparent;}
.SMS_Alerts{background:url(../image/c3/C3-icons.png) no-repeat scroll -38px -190px transparent;}
.icon li:hover .SMS_Alerts{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat 
	scroll -38px -190px transparent;}
.Email_Integration{background:url(../image/c3/C3-icons.png) no-repeat scroll -77px -190px transparent;}
.icon li:hover .Email_Integration{ color:#767678;background:url(../image/c3/C3-icons-hover.png) no-repeat 
	scroll -77px -190px transparent;}
.Integrations_div{width:781px; height:auto; padding:0px; margin-left:80px;; clear:both;}
.Integrations_div h2{ float:left; margin:10px 0 0 0; padding:0; color:#999;}
.Integrations_div ul{width:781px; height:auto; padding:0px; float:left; text-decoration:none; list-style:none}
.Integrations_div ul li{float:left; margin:30px 0; padding:0;width:260px; list-style:none; height:40px; color:#666;cursor:default}
.Integrations_div ul li span {float:left; margin:-10px 10px 0 0; padding:0; display:block; width:37px; height:37px;}
.Bio_metrix{background:url(../image/c3/c3_2.png) no-repeat scroll -1px -1px transparent;}
.Integrations_div ul li:hover .Bio_metrix{background:url(../image/c3/c3_2hover.png) no-repeat scroll -1px -1px transparent;}
.Tally{background:url(../image/c3/c3_2.png) no-repeat scroll -38px -1px transparent;}
.Integrations_div ul li:hover .Tally{background:url(../image/c3/c3_2hover.png) no-repeat scroll -38px -1px transparent;}
.Google_Apps{background:url(../image/c3/c3_2.png) no-repeat scroll -76px -1px transparent;}
.Integrations_div ul li:hover .Google_Apps{background:url(../image/c3/c3_2hover.png) no-repeat scroll -76px -1px transparent;}
.Features{width:727px; height:auto; padding:0px; margin:0 0 0 43px; float:left;}
.Features h2{color:fff; width:90%; border-bottom: solid 1px #666666 ;margin:10px 0 31px 0;}
.Features p{width:718px; color:#666666; clear:both; margin:50px 0 0 0; border:none;}
.Features ul {margin:20px 0; padding:0px; float: left; }
.Features ul li{width:100%; border-bottom: solid 1px #999; color:#666666; margin:0px; padding:10px; height:20px;
	list-style:outside;}
.Features span{font-size:18px; margin:0 5px; font-stretch:narrower;}





/*.................................................CONTACT US..........*/

.area{width:931px; height:auto; padding:0px; margin:10px 0 0 30px; float:left;}
.mail_area{width:227px; height:auto; padding:0px; margin:0px; float:left; background:#ccc; border-radius:7px; color:#CCC;}
.mail_area ul{float:left; height:auto; padding:0px; margin:0px; text-decoration: none; list-style:none}
.mail_area ul li{float:left; height:auto; padding:0px; margin:5px 10px; width:216px !important; height:auto;  color:#CCC;}
.mail_area span{width:150px; padding:0px; float:left; margin:10px 10px; height:auto; background:#ccc;}
.mail_area img{width:210px; height:52px;}
.mail_area span input{width:118px !important;}
.mail_area a{width:39px; background:url(../image/login-button-bg.png) repeat-x; float:right; text-decoration:none;
	border:none; border-radius:5px; padding:2px 3px; height:23px; color:#666; margin:11px 84px 0 0; 
	cursor:pointer; font-size:13px}
.text_area{border-radius:5px; border-bottom:none; color:#9b9b9b !important; resize:none !important; border:none;padding:0 5px;}
.mail_area_button {width:auto; height:23px; padding:2px 85px; float:right; border:none; background:url(../image/bg_login.png) repeat-x; border-radius:5px; box-shadow: #999 1px 1px 0 0 ; cursor:pointer; margin:0 8px 0 0; }
.customer{width:652px; margin:0 0 0 10px; padding:0px; float:left; height:419px; background:url(../image/map_pNg.png) no-repeat;
	position:relative;}
.customer span{ float:left; display:block; margin:0px; position:absolute; background:url(../image/pointer.png) no-repeat;
	width:18px; height:28px; cursor:pointer;}
.india{top:157px; left:425px;}
.cyprus{top:113px; left:350px;}
.Qatar{top:169px; left:371px;}
.uk{top:70px; left:285px;}
.dubai{top:139px; left:394px;}
.ksa{top:139px; left:370px;}

.span_p{font-size:12px !important; padding:0px; margin:3px 0 0 0; color:#dcdcdc;}
.capcha{width:248px !important; padding:0px; float:left; margin:10px 0; height:120px !important; border-radius:5px;
	 background:#ccc !important}
.capchaerror{width:auto; height:auto; color:#f07979; font-size:11px;}
.capcha_input{width:114px; height:28px; padding:0 5px; margin:10px 0 0 5px; background:url(../image/login-button-bg.png) repeat-x;
	border-radius:5px; border:none; color:#acacac; text-align:center;float:left; }
.capcha img{width:206px !important ; height:27px !important; margin:10px 0; background:#FFF;}
.refresh{width:60px; height:27px; padding:2px 8px; float:right; border:none; background:#fff url(../image/refresh.png) no-repeat; 		border-radius:5px; box-shadow: #999 1px 1px 0 0; margin: 10px 10px 0 0; cursor:pointer; }

.map_bottom{margin:320px 0; background:#333;}
.map_bottom a{color:#fff; text-decoration:none; list-style:none;padding:5px 10px;}
/*......................................................{login}.......*/
.login_area{width:100%; height:100%; padding:0px; margin:0px; float:left; background:url(../image/login-bg.jpg) repeat-x;}
.image_Area{width:661px; height:403px; padding:0px; margin:30px 0 0 109px; background:url(../image/log-in-laptop.png) no-repeat;}
.management_information{width:1000px; padding:0px; float:left; height:auto; margin:10px 0 0 90px;}
.infom_Area{width:232px; height:200px;  padding:0px; margin:0 20px; float:left;}
.infom_Area ul{ text-decoration:none; padding:0px;margin:0;}
.infom_Area ul li{ padding:0px; margin:10px 0;  color:#666; font-size:13px; }

.infom_Area ul li a{color:#06F; text-decoration:none; }
.infom_Area ul li a:hover{color:#7c0524;}

.span_class{color:#06C;}
.login_Popup{width:458px; height:285px; padding:0px; margin:60px 0 0 114px; float:left;}
.login_Popup ul{list-style:none; text-decoration:none;}
.login_Popup ul li{width:207px; height:28px; margin:10px 110px; padding:0px; float:left;}
.input_class{width:197px; height:28px; padding:0 5px; margin:0px; background:url(../image/login-button-bg.png) repeat-x;
	border-radius:5px; border:none; color:#9b9b9b; text-align:center;  }
.all_button{width:auto; height:18px; margin:0px; float:left;
	 background:url(../image/sign_up.jpg) repeat-x; border-radius:5px; padding:5px 15px; list-style:none; text-decoration:none;
	 	color:#666; font-size:13px; text-align:center; border:none;}

.submit_button{width:61px !important; height:28px !important; padding:0px; float:right !important;
	 background:url(../image/sign-in-bg.png) repeat-x !important; cursor:pointer; color:#CCC !important;border-radius:5px;
	  border:none;}
.sign_up_form{width:458px; height:285px; padding:0px; margin:0pa; float:left; background:#036;}
.sign_up_Popup{margin:20px !important;}
/*........................................................icon..........*/
/*.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
  background:#527da4;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;

}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view {
   width:209px;
   height: 119px;
   margin: 2px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}

.view h4{color:#ccc; text-transform:uppercase; margin:7px 0; font-size:12px; }


.view .mask,.view .content {
   width: 226;
   height: 119px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative; left:59px;
   
}
.view h2 {
   text-transform: uppercase;
   color: #CCC;
   text-align: center;
   position: relative;
   font-size:11px;
   padding: 2px;
   background:#FFF;
   margin: 0;
}
.view p {
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}*/
/*.....................................................scrool..*/



.wrap {width: 653px; margin:0;}
.clear {clear: both;}

#menu-slider {
width:930px;
padding:0; 
margin:15px 0 0 30px;
float:left;
background:#fff;

}


#list-images, #list-images li {
height:100px; 
width: 890px;
; 
display: block;
}
#list-images {
float: left; 
overflow: hidden; 

}
#list-images li {
position: relative;

}
#list-images li p{ float:left; margin:0 0 0  20%; color:#9a9a9a; padding:5px 0; font-size:13px; line-height:1.8em;}
#list-images li span{ float:left; display:block; clear:both; margin:0.08em 0; line-height:1.5em; padding:0 0 0 20px;
	  font-size:13px; color:#9a9a9a;}

.land_phone_icon{
	 background:url(../image/c3/sprite_contact.png) no-repeat scroll -2px -36px transparent;}
.mob_icon{
	 background:url(../image/c3/sprite_contact.png) no-repeat scroll -2px -17px transparent;}
.info_icon{
	 background:url(../image/c3/sprite_contact.png) no-repeat scroll -2px -54px transparent;}
.mail_icon{
	 background:url(../image/c3/sprite_contact.png) no-repeat scroll 0px 0px transparent;}
#list-images li img {

position: absolute; 
top: 13px; 
left: 0;
}

/*#list-images li span {

position: absolute; 
bottom: 0; 
left: 0; 
width: 500px;
display: block; 
padding:0;  
height: 20px;
}*/

/*
#list-links {
width: 95%;
margin:0;
 padding:0; 
float: left;
list-style:none;
text-decoration:none;
font-size:13px
}
#list-links li {
padding: 0 15px 0 0;
}
#list-links li a {
text-decoration:none;
font: normal 12px Arial, sans-serif; 
color: #ccc; 
padding:0 27px !important; 
font-weight: bold; 
font-size: 12px; 
display: block;
float:left;
margin:27px 0 0 0; text-transform:uppercase;}
.list-links p{clear:both; font-size:12px; color:#666}
#list-links li.hover {
background:#333;
}
#list-links li.hover a, #list-links li.hover a:hover {
color: #666; 
background: none; 
border-bottom: none; 
padding:0 20px;
}
#list-links li.last a {
border-bottom: none;
}
*/

/*............................tool-tip..*/




#tooltip.pretty {
	margin: 0; padding: 0; font-size: small; 
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;

}

#tooltip.fancy {
	background:url(../image/tooltip_image/shadow2.png) no-repeat;
	padding-top: 5em;
	height: 100px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 5px;
	opacity: 0.85;
}

/*............................tool-tip..*/
/*........................................................pop up flash.....*/
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../image/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../image/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../image/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:18px;top:-12px;display:block;line-height:26px;text-indent:-10000px; background:url(../image/prettyPhoto/default/sprite.png) scroll 0px 0px transparent; width:26px;}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../image/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background: url(../image/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}



/*........................................................pop up flash.....*/
/*........................................................right slider..........*/

.slider_right{ float:right; margin:0; padding:0; position:absolute; top:0; right:0;
	background:url(../image/dots.png) repeat #f0f0f0; width:150px; height:100%; color:#fff; box-shadow:0 0 2px #999;}
#vertical-ticker{ float:left;height:360px; width:100%;overflow:hidden;margin:150px 0 0 0; padding:0;}
#vertical-ticker li{ float:left; clear:both; width:100%;height:120px;display:block;background:#f5f5f5;
	border-bottom:1px solid #ccc;text-align:center; cursor:pointer;}
#vertical-ticker li:hover { background:#c2c2c2	}
#vertical-ticker li img{ margin:15px auto;}
#vertical-ticker li span{ font-size:12px; display:block; color:#666; width:130px; margin:0 auto; line-height:1.6em;}
#vertical-ticker li span:hover{color:#FFF;}
#vertical-ticker li a{text-decoration:none; list-style:none;}
#ticker-previous{ position:absolute; background:url(../image/right_slider/prev.png) no-repeat; width:65px; height:33px;
	top:15%; left:38%;}
#ticker-next{ position:absolute; background:url(../image/right_slider/next.png) no-repeat; width:65px; height:33px;
	bottom:16%; left:38%;}
/*........................................................right slider..........*/