/*====================*/
/*=== GLOBAL STYLES ===*/
/*====================*/

*{ padding:0; margin:0;}
/* body{ background:url(../images/body_bg.jpg) no-repeat top center;} */
body{ background: no-repeat top center;}

/*====================*/
/*=== OTHER STYLES ===*/
/*====================*/

.fl{ float:left;}
.fr{ float:right;}
.clb{ clear:both;}
/* a:active, :focus{outline:none;} */

/*====================*/
/*=== FONT STYLES ===*/
/*====================*/

@font-face {
    font-family: 'MaiandraGDRegular';
    src: url('maian-webfont.eot');
    src: url('maian-webfont.eot?#iefix') format('eot'),
         url('maian-webfont.woff') format('woff'),
         url('maian-webfont.ttf') format('truetype'),
         url('maian-webfont.svg#webfontVjQhcxQq') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('gothic-webfont.eot');
    src: url('gothic-webfont.eot?#iefix') format('eot'),
         url('gothic-webfont.woff') format('woff'),
         url('gothic-webfont.ttf') format('truetype'),
         url('gothic-webfont.svg#webfontA7zSViPM') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TwCenMTRegular';
    src: url('tcm_____-webfont.eot');
    src: url('tcm_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('tcm_____-webfont.woff') format('woff'),
         url('tcm_____-webfont.ttf') format('truetype'),
         url('tcm_____-webfont.svg#TwCenMTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




/*====================*/
/*=== sandeep STYLES ===*/
/*====================*/


.accordionHeader
{		
	 background-color: #D1D3D4;
    border: 1px solid #D1D3D4;
    height: 20px;
    text-align: center;
    font-size:small;
    color: #333333;
    font-weight: bold;
    float: none;
    padding: 5px;
    cursor: pointer;
    font-family: Verdana;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#D1D3D4 EndColorStr=white);
}
.accordionHeader_Ar
{
    background-color: #D1D3D4;
    border: 1px solid #D1D3D4;
    height: 20px;
    text-align: center;
    color: #333333;
    font-weight: bold;
    float: none;
    padding: 5px;
    cursor: pointer;
    font-family: Tahoma;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=white EndColorStr=#D1D3D4);
}
.accordionContent
{
	border: 1px dashed #2f4f4f;
	background-color: White; 
	font-size:small;
	font-family:Tahoma;
	border-top:none;
	padding-left:15px;
	padding-top:5px; 
	padding-right:15px;
}
.accor_content
{	
	background-color: White; 
	font-size:small;
	font-family:Tahoma;
	border-top:none;
	padding-left:15px;
	padding-top:5px; 
	padding-right:15px;
}











/*====================*/
/*=== MAIN STYLES ===*/
/*====================*/

/* Head Wrapper ================================= */
#head_wrapper{ width:100%; height:197px; background:url(../images/header_bg.jpg) repeat-x;}

/* inner header *******/
.headernmenus{ width:1000px; margin:0 auto;}
.header{ height:109px; padding:4px 0 0 0;}
.tollfree{ width:240px; height:84px;}
.login{ font-family: 'MaiandraGDRegular'; font-size:14px; text-align:right; padding:0 20px 0 0;}
.login a{ color:#769629;}
.login a:hover{ text-decoration:none;}

/* navigations *******/
.menus{width:773px; height:60px;}
.menus ul{ list-style:none;}
.menus ul li{ float:left; display:block;}
.menus ul li a{ height:64px; display:block; width:130px;}
.home{ background:url(../images/home.png) no-repeat; width:122px; height:64px;}
.home:hover{ background:url(../images/home_active.png) no-repeat;}
.menus li.home.active{ background:url(../images/home_active.png) no-repeat;}
.about{ background:url(../images/about.png) no-repeat; width:134px; height:64px;}
.about:hover{ background:url(../images/about_active.png) no-repeat;}
.menus li.about.active{ background:url(../images/about_active.png) no-repeat;}
.offerings{ background:url(../images/offerings.png) no-repeat; width:126px; height:64px;}
.offerings:hover{ background:url(../images/offerings_active.png) no-repeat;}
.menus li.offerings.active{ background:url(../images/offerings_active.png) no-repeat;}
.product{ background:url(../images/product.png) no-repeat; width:132px; height:64px;}
.product:hover{ background:url(../images/product_active.png) no-repeat;}
.menus li.product.active{ background:url(../images/product_active.png) no-repeat;}
.career{ background:url(../images/career.png) no-repeat; width:122px; height:64px;}
.career:hover{ background:url(../images/career_active.png) no-repeat;}
.menus li.career.active{ background:url(../images/career_active.png) no-repeat;}
.contact{ background:url(../images/contact.png) no-repeat; width:137px; height:64px;}
.contact:hover{ background:url(../images/contact_active.png) no-repeat;}
.menus li.contact.active{ background:url(../images/contact_active.png) no-repeat;}
/* searchfield *******/
.search_input{ background: url(../images/searchleft_bg.png) no-repeat; width:166px; height:11px; border:0; font-size:12px; padding:17px 0 25px 20px; color:#7c7c7c; font-family: 'CenturyGothicRegular';}
.search_input1{width:166px; border:0; font-size:12px;  color:#7c7c7c; font-family: 'CenturyGothicRegular'; background:transparent;}
.search_icon{ background:url(../images/searchright_bg.png) no-repeat; width:37px; height:53px; border:0;}


/* Middle Wrapper ================================= */
#middle_wrapper{ width:1000px; margin:0 auto;}

/* banner *******/
.banner{ height:204px; position:relative;}
.ban_position{position:absolute; top:-20px;}

/* breadcrumbs *******/
.breadcrumbs{ color:#817f7f; font-size:10px; font-family:Verdana, Geneva, sans-serif; height:20px; border-bottom:1px solid #f0f0f0; margin:0 20px 15px 0;}
.breadcrumbs a{ color:#817f7f; text-decoration:none;}
.breadcrumbs a:hover{ text-decoration:underline;}

/* Bottom Wrapper ================================= */
#bottom_wrapper{ width:100%; height:250px; background:#585858; margin-top:15px; margin-top:15px; /*background:url(../images/footer_bg.jpg) repeat-x; height:auto; change 12-12-2016*/ }

/* footer *******/
.footer{ width:1000px; margin:0px auto ; height:228px; padding:25px 0 0px 0; /* change 12-12-2016 height:150px;*/}
.footer_links{ width:1000px; margin:0 30px 0 0 ; text-align:center; }
.footer_links ul{ list-style:none; text-align:center;}
.footer_links li{ border-right:1px solid #a6a5a5; display:inline; line-height:27px; font-size:12px; padding:0 7px 0 3px; }
.footer_links a{  font-size:11px; text-decoration:none; color:#d0cece; font-family:Verdana, Geneva, sans-serif;}
.footer_links a:hover{ color:#ffffff;}
.footer_links li.last{ border: medium none;}

.otherfoolinks{ background:url(../images/otherfoolinks_bg.png) no-repeat; width:977px; height:37px; padding:5px 0 0 0; margin:15px 0 0 0;}
.otherfoolinks ul{ list-style:none; text-align:center; color:#a6a5a5; font-family:Verdana, Geneva, sans-serif; font-size:11px; }
.otherfoolinks li{ border-right:1px solid #a6a5a5; display:inline; line-height:27px; font-size:12px; padding:0 7px 0 3px; }
.otherfoolinks a{  font-size:11px; text-decoration:none; color:#a6a5a5;  font-family:Verdana, Geneva, sans-serif;}
.otherfoolinks a:hover{ color:#ffffff;}
.otherfoolinks li.otherlast{ border: medium none;}


/* New footer links (12/12/2016) ================================= */



/*  New footer links (12/12/2016)================================= end */


/* Copyright Wrapper ================================= */
#copyright_wrapper{ width:100%; height:30px; background:url(../images/copyright_bg.jpg) repeat-x;}

.copyright{ padding:0 0 0 10px;}
.copy_text{ color:#c40f0f; font-size:11px; width:664px; font-family:Verdana, Geneva, sans-serif; padding:12px 0 0 0;}
.social_links{ padding:5px 10px 0 0;}
.social_links img{ padding:0 2px;}

/*=============================*/
/*=== INNER PAGES STYLES ===*/
/*============================*/

/* Leftpannel ================================= */
.leftpannel{ width:649px; padding-right:10px; margin-right:15px; /*Changes 12-12-2016 width:649px; ================================= */ }
.leftpannelNew{ width:95%; padding-right:10px; margin-right:15px; /*Changes 12-12-2016 width:649px; ================================= */ }
.leftpannel_heading{ font-family: 'CenturyGothicRegular'; font-size:16px; color:#8a3c2e; text-transform:uppercase; padding:0 0 15px 0; margin:0 0 10px 0; background:url(../images/verline1.jpg) bottom left no-repeat; }
.leftpannel_heading_normal{ font-family: 'CenturyGothicRegular'; font-size:16px; color:#8a3c2e; padding:0 0 15px 0; margin:0 0 10px 0; background:url(../images/verline1.jpg) bottom left no-repeat; }


/* Rightpannel ================================= */
.rightpannel{ width:287px;}
.rightpannel_heading{ height:26px; padding:8px 0 0 18px; background:url(../images/rghtpanelheading_bg.jpg) no-repeat; margin:0 0 20px 0; color:#8ebf50; font-family: 'CenturyGothicRegular'; font-size:15px; text-transform:uppercase;}

.otherright_links{ margin-bottom:20px;}
.otherright_links ul{ list-style:none; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
.otherright_links li{  display:block;  height:14px; border-bottom:dotted 1px #b1b1b1; padding:13px 10px; background:url(../images/bullet1.jpg) no-repeat left center;}
.otherright_links li:hover{ background:#F7F6F6 url(../images/bullet1.jpg) no-repeat left center; }
.otherright_links li a{ text-decoration:none; color:#656565; padding:0 0 0 10px;}
.otherright_links .otheractive{ background:#f7f6f6 url(../images/bullet1.jpg) no-repeat left center; }

.otherright_links li:nth-child(even) { /*color:#E1E9F2;*/  background:#F7F9FC url(../images/bullet1.jpg) no-repeat left center;}

.otherright_links li:nth-child(even):hover { /*color:#E1E9F2;*/  background:#f7f6f6 url(../images/bullet1.jpg) no-repeat left center;; }

.rightlink_heading1{ font-family:Verdana, Geneva, sans-serif; color:#000000; font-size:20px; line-height:30px;}
.rightlink_heading2{ color:#d83525; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
.right_links{ margin-bottom:20px;}
.right_links ul{ list-style:none; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
.right_links li{ background:url(../images/rightlink.png) no-repeat right center; display:block; width:282px; height:42px; border-bottom:dotted 1px #b1b1b1; }
.right_links li:hover{ padding-left:20px; background:url(../images/righlink_over.png) no-repeat; width:262px; height:42px; }
.right_links li a{ text-decoration:none; color:#656565; padding:13px 10px 13px 10px; width:262px; height:16px; display:block;}
.right_links li a:hover{ color:#ffffff;}
.right_links .active{padding-left:20px; color:#ffffff; background:url(../images/righlink_over.png) no-repeat; }
.right_links .active a{color:#ffffff; }



/*=============================*/
/*=== HOME PAGE STYLES ===*/
/*============================*/
.welcome_pannel{ width:500px; padding-right:10px;}
.moments_scroller{ width:425px; padding-right:10px; position:relative; margin:20px 0 0 20px;}

.home_rightpannel{ width:408px; padding-left:15px; position:relative; margin:40px 0 0 0px; border-left:1px dotted #cdcdcc;}
.home_rightpannel p{ color:#000000; font-size:12px; font-family:Calibri, Arial, Helvetica, sans-serif; line-height:21px;}

h2{ color:#ce0e13; font-family:Calibri, Arial, Helvetica, sans-serif; font-weight:bolder; font-size:30px; text-transform:uppercase;}
h3{ font-size:24px; color:#8cc00b; font-family:Calibri, Arial, Helvetica, sans-serif; font-weight:bolder;text-transform:uppercase;}

/*============================*/
/*=== SERVICE PAGE STYLES ===*/
/*===========================*/

/* content *******/
.content{ font-family:Verdana, Geneva, sans-serif;  padding:0 15px 0 20px;}
.content_heading{ font-family: 'CenturyGothicRegular'; font-size:16px; color:#8a3c2e; text-transform:uppercase; padding:0 0 15px 0; margin:0 0 10px 0; background:url(../images/verline.jpg) bottom left no-repeat; }
.blue_heading{ font-size:14px; color:#6cb1c5; line-height:24px; text-align:justify; }
.cont_text p{ line-height:22px; color:#6c6c6d; font-size:12px; text-align:justify; margin:10px 0 30px 0;}

/* services boxes heading *******/
.other_heading{ width:373px; height:26px; padding:8px 0 0 18px; background:url(../images/heading_bg.jpg) no-repeat; margin:0 0 20px 0; color:#8ebf50; font-family: 'CenturyGothicRegular'; font-size:15px; text-transform:uppercase;}

/* services boxes *******/
#services_boxes{ width:985px; position:relative; }

.service_box{ width:303px; height:129px; background:url(../images/serbox_bg1.jpg) no-repeat; border:3px solid #ffffff; margin:0 12px 8px 0;}
.ser_heading{ font-family: 'CenturyGothicRegular'; font-size:15px; color:#000; padding:0 0 8px 0;}
.icon{ height:119px; padding:8px 2px 2px 15px;}
.text{ font-family:Verdana, Geneva, sans-serif; width:177px; height:109px; padding:20px 0 0 0;}
.text p{ font-size:11px; color:#a5a5a5; line-height:18px; text-align:justify; padding:0 5px;}
.service_box:hover{ border:3px solid #e3e1e1}
.readmore{ font-family:Arial, Helvetica, sans-serif; padding:0 5px 0 0 ; }
.readmore a{ color:#b24518; text-transform:uppercase; font-size:11px; text-decoration:none; padding:0 0 0 7px;}
.readmore a:hover{ text-decoration:underline;}

/* service box jointers */
.box_jointer{ background: url(../images/box_jointer.png) no-repeat; position:absolute; width:281px; height:43px;}


/*============================*/
/*=== OFFERING PAGE STYLES ===*/
/*===========================*/

/* offering boxes *******/
.offering_box{ width:285px; height:186px; background:url(../images/serbox_bg.png) no-repeat; padding:9px; margin:0 0 10px 0;}
.offering_heading{ margin:12px 0 5px 0; font-family: 'TwCenMTRegular'; font-size:17px; color:#117884;}
.offering_heading a{ text-decoration:none; margin:12px 0 5px 0; font-family: 'TwCenMTRegular'; font-size:17px; color:#117884;}
.offering_box ul{ list-style:none; margin:0 0 5px 5px;}
.offering_box li{ color:#6c6c6d; padding:0 0 0 13px; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:24px; background:url(../images/bullet2.jpg) no-repeat center left;}
.offering_readmore{ text-transform:uppercase; color:#b14517;}
.back a{ color:#ac1e1e; font-family: 'CenturyGothicRegular'; font-size:13px; text-transform:lowercase; text-decoration:none; }
.back a:hover{ text-decoration:underline;}

/* top two offerings *******/
.offering_top{width:596px; height:171px;}
#offtopnav { padding: 0; margin: 0; list-style: none; width: 596px; height: 171px; overflow: hidden; }
#offtopnav li { float: left; }
#offtopnav a { display: block; background-image: url(../images/offering_top.png);  padding-top: 171px; /* same as height of #nav */ text-decoration: none;}

#offmidnav-blank4 { width: 124px; }
#offmidnav-blank4:hover, .blank4-page #offmidnav-blank4 {background-position: 0px -171px;  cursor:none; }

#offtopnav-marketresearch { width: 179px;  background-position: -124px 0;  }
#offtopnav-marketresearch:hover, .marketresearch-page #offtopnav-marketresearch {background-position: -124px -171px; }

#offtopnav-elearning { width: 185px; background-position: -303px 0; }
#offtopnav-elearning:hover, .elearning-page #nav-elearning { background-position: -303px -171px; }

/* middle two offerings *******/
.offering_middle{width:596px; height:171px;}
#offmidnav { padding: 0; margin: 0; list-style: none; width: 596px; height: 171px; overflow: hidden; }
#offmidnav li { float: left; }
#offmidnav a { display: block; background-image: url(../images/offering_middle.png);  padding-top: 171px; /* same as height of #nav */ text-decoration: none;}

#offmidnav-blank1 { width: 48px; }
#offmidnav-blank1:hover, .blank1-page #offmidnav-blank1 {background-position: 0px -171px;  cursor:none; }

#offmidnav-sofrwaredev { width: 167px;  background-position: -48px 0; }
#offmidnav-sofrwaredev:hover, .sofrwaredev-page #offmidnav-sofrwaredev {background-position: -48px -171px; }

#offmidnav-blank2 { width: 182px;  background-position: -215px 0; }
#offmidnav-blank2:hover, .blank2-page #offmidnav-blank2 {background-position: -215px -171px; cursor:none; }

#offmidnav-graphicdesign { width: 172px; background-position: -397px 0; }
#offmidnav-graphicdesign:hover, .graphicdesign-page #nav-graphicdesign { background-position: -397px -171px; }

/* bottom two offerings *******/
.offering_bottom{width:596px; height:171px;}
#offbtmnav { padding: 0; margin: 0; list-style: none; width: 596px; height: 171px; overflow: hidden; }
#offbtmnav li { float: left; }
#offbtmnav a { display: block; background-image: url(../images/offering_btm.png);  padding-top: 171px; /* same as height of #nav */ text-decoration: none;}

#offmidnav-blank3 { width: 121px; }
#offmidnav-blank3:hover, .blank3-page #offmidnav-blank3 {background-position: 0px -171px;  cursor:none; }

#offbtmnav-webdev { width: 182px;  background-position: -121px 0; }
#offbtmnav-webdev:hover, .webdev-page #offbtmnav-webdev {background-position: -121px -171px; }

#offbtmnav-seo { width: 183px; background-position: -303px 0; }
#offbtmnav-seo:hover, .seo-page #nav-seo { background-position: -303px -171px; }


/*=============================*/
/*=== CONTACT PAGE STYLES ===*/
/*============================*/

/* address *******/
.adress_bg{ background:#f7f7f7; background-repeat:no-repeat; width:607px; height:198px; padding:14px; margin-bottom:40px; }
.add_inner{ border:8px solid #ffffff; padding:24px 0 0 24px; background:url(../images/addline.png) center center no-repeat;}
.add_heading{ text-transform:uppercase; color:#bc430a; font-weight:bold; font-size:12px;}
.corporate_office{ width:723px; 
height:145px; 
float:left; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-variant:normal; text-align:left; line-height:20px; color:#5d463c; }
.development_office{ width:240px; height:160px; float:right; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-variant:normal; text-align:left; line-height:20px; color:#5d463c; }

/* rightpannel contacts *******/
.contactrht_heading{ color:#127895; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-size:13px; padding:15px 0 0 0;}
.contactrht_heading img{ padding:0 15px 0 0;}
.rhtcontact{ color:#616161; font-size:12px; line-height:24px; padding:0 0 15px 40px; border-bottom:1px dashed #dedede; font-family:Verdana, Geneva, sans-serif;}

/*==========================================*/
/*=== SOFTWARE DEVELOPMENT PAGE STYLES ===*/
/*========================================*/
.innerpage_icon{ padding:10px 15px 0 0;}

/*==========================================*/
/*=== FORM STYLES ===*/
/*========================================*/

.form{ margin-top:5px; }
.form_input{ background:url(../images/input_bg.png) no-repeat; border:0; width:216px; height:16px; color:#666; font-size:12px; padding:7px 15px; margin-bottom:20px;}
.form_input2{ border:0; width:216px; color:#666; font-size:12px;}
.form_txtarea{ background:url(../images/input_textarea.jpg) no-repeat; width:219px; height:60px; border:0; padding:10px 15px 10px 15px; color:#666; font-size:11px; font-family:Verdana, Geneva, sans-serif; margin:0 10px 20px 8px; resize:none;}
.form_txtarea2{ width:219px; height:60px; border:0;color:#666; font-size:11px; font-family:Verdana, Geneva, sans-serif;}
.txtarea_lable{height:68px; float:left; padding:10px 0 0 0;}
.form_input1{ background:url(../images/inputbg_midle.png) repeat-x; border:0; width:116px; height:16px; color:#666; font-size:12px; padding:7px 0; margin-bottom:20px;}
.sumbit_btn{ background:url(../images/sumbit_btn.png) no-repeat; width:81px; height:27px; border:0; color:#ffffff; font-weight:bold; font-size:13px;}
.form{ font-size:12px; color:#6b6b6b; font-family:Verdana, Geneva, sans-serif;}
.form p{ padding:0 0 2px 0;  }
.form label{ width:140px; display:inline-block; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#6b6b6b; ;}
.form .smallinput{ width:96px; height:30px; background:url(../images/input_bg1.png) no-repeat; border:0; color:#666; font-size:12px; padding:7px 15px; margin-bottom:20px;}
.form .brws_btn{ width:83px; height:23px; background:url(../images/browse_btn.jpg) no-repeat; font-weight:bold; color:#9c9c9c; border:0;}
.sndcv a{ color:#7f0505;}
.sndcv a:hover{ text-decoration:none;}
textarea{ resize:none;}
.hrdwrform label{ width:195px;}
#file_browse_wrapper {  width:83px; height:23px; background:url(../images/browse_btn.jpg) no-repeat; border:none; overflow:hidden; }
#file_browse{ opacity:0.0; filter:alpha(opacity=0); }


/*==========================================*/
/*=== LOGIN PAGE STYLES ===*/
/*========================================*/

.login_container{ width:651px; height:auto; margin:auto; padding:40px 0 0 0;}
.login_fields{ background:url(../images/login_bg.png) no-repeat; width:507px; height:258px; padding:45px 72px 0 72px;}
.login_container label{ font-size:14px; font-family:Verdana, Geneva, sans-serif; color:#5c5d5e; width:75px; display:inline-block;}
.login_fields .login_input{ background:url(../images/login_input.png) no-repeat; border:0; width:352px; height:20px; color:#3d5769; font-size:13px; padding:8px 10px;  margin-bottom:20px;}
.login_fields .login_inputpwd{ background:url(../images/login_input1.png) no-repeat; border:0; width:203px; height:20px; color:#3d5769; font-size:13px; padding:8px 10px;  margin-bottom:20px;}
.login_fields .forgotpwd{ background:url(../images/forgotpwd_bg.png) no-repeat; width:150px; height:27px; display:inline-block; padding:10px 0 0 0;}
.login_fields .forgotpwd a:hover{ text-decoration:none;}
.login_fields .forgotpwd a{ color:#4087a5; font-size:11px; font-family:Verdana, Geneva, sans-serif;}
.login_fields p{padding:0 0 2px 0;}
.login_fields .choice{width:auto;  display:inline-block; margin:0px 0 0 5px; padding:0 0 5px;}
.login_fields .choice a{ color:#575656; font-size:11px; }
.login_fields .choice a:hover{ text-decoration:none;}
.login_fields .checkbox{ margin:4px 0 0 ;}
.login_btn{width:114px; height:44px; text-transform:uppercase; color:#686868; font-size:13px; font-family:Verdana, Geneva, sans-serif; border:0; text-align:left; padding:0 0 0 25px;}
.cancel{ background:url(../images/cancel_btn.png) no-repeat;}
.enter{ background:url(../images/enter_btn.png) no-repeat;}


/*=================================*/
/*=== SEARCH RESULT PAGE STYLES ===*/
/*================================*/

.resultcontent{ height:auto; min-height:275px!important; padding:20px 0 25px 0; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#8e8c8c; line-height:21px; border-bottom:1px solid #f0f0f0;}
.pagesno{ background:#f5f5f5; height:20px; padding:5px 0 5px 0; margin:20px 0 0 0; text-align:center; color:#797676; font-size:12px;}
.pagesno a{ color:#797676; }
.pagesno a:hover{ text-decoration:none;}


/*=================================*/
/*=== SEO PAGE STYLES ===*/
/*================================*/

/* offerings other links *******/
.offerings_otrlinks{padding:5px 0 0 0;}
.other_links{height:214px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; margin:0 10px 20px 0 ;}
.other_links ul{ margin:0 23px 0 0; line-height:24px;}
.other_links li{color:#6a6969;  padding:1px 0 1px 20px; list-style:none; line-height:21px; font-size:12px; display:block; border-bottom:1px dashed #666; height:25px; background:url(../images/bullet4.jpg) no-repeat left center; }
.other_links a{ font-size:12px; text-decoration:none; color:#6a6969; text-transform:none;}
.other_links a:hover{ color:#77a300;}
.otherlink a{ color:#ffffff; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-size:12px;}
.otherlink a:hover{ text-decoration:underline;}
.otherlink_heading{ color:#d83525; font-family:Arial, Helvetica, sans-serif;font-size:15px; text-transform:uppercase; font-weight:bold; height:30px;}


/*=================================*/
/*=== SEO PACKAGES PAGE STYLES ===*/
/*================================*/

.package{ margin:0 0 20px 0;}
.package_heading{ background:#f0f4eb; height:25px; text-align:center; padding:5px 0 0 0; font-family:Verdana, Geneva, sans-serif; color:#a50c0c; font-weight:bold; font-size:13px;}
.package ul{ list-style:none;}
.package li{ color:#515151; font-size:12px; font-family: Verdana, Geneva, sans-serif; display:block; background:#f8f8f7 url(../images/bullet2.jpg) no-repeat left center; height:28px; line-height:24px; padding:2px 0 0 20px; width:290px;}
.package .bgnone{background:#ffffff url(../images/bullet2.jpg) no-repeat left center; }




.fntbold{ font-weight:bold; color:#921402;}
.lable_width label{ width:179px;}
.txtbx_margin{ margin:0 0 0 0;}

/*=================================*/
/*=== Career PAGE STYLES ===*/
/*================================*/

a.ac:link{color:#000000;font-size:12px;font-family: Verdana, Geneva, sans-serif;font-weight:normal;text-decoration:none;}
a.ac:visited{color:#000000;font-size:12px;font-family: Verdana, Geneva, sans-serif;font-weight:normal;text-decoration:none;}
a.ac:hover{color:#000000;font-size:12px;font-family: Verdana, Geneva, sans-serif;font-weight:normal;text-decoration:underline;}


/*=================================*/
/*=== CLIENT PANEL PAGE STYLES ===*/
/*================================*/
.adminpanel_menus{ height:41px; width:965px; background:url(../images/adminpanel_menubg.jpg) repeat-x;}
#adminmenus { padding: 0; margin: 0; list-style: none; width: 500px; height: 41px; overflow: hidden; }
#adminmenus li { float: left; }
#adminmenus a { display: block; background:url(../images/adminpanel_menus.jpg) no-repeat;  padding-top: 41px; /* same as height of #nav */ text-decoration: none;}
#adminmenus-main { width: 112px; }
#adminmenus-main:hover, .main-page #adminmenus-main {background-position: 0px -41px; }

#adminmenus-profile { width: 150px; background-position: -112px 0px !important; }
#adminmenus-profile:hover, .profile-page #adminmenus-profile { background-position: -112px -41px!important; }

#adminmenus-projects { width: 163px; background-position: -262px 0!important; }
#adminmenus-projects:hover, .projects-page #adminmenus-projects { background-position: -262px -41px!important; }


.adminpanel_content{ border:#d3d3d3 1px solid; width:960px; height:auto; margin:20px 0 0 0;}
.adminpanel_heading{ background:url(../images/adminpanel_contentbg.jpg) repeat-x; width:940px; height:29px; color:#2f3235; font-weight:bold; font-size:18px; font-family:Calibri, Arial, Helvetica, sans-serif; padding:5px 0 0 20px;}

.nxtprev_margin img{ margin:0 5px 0 0;}



/*
Portfolio
 */
 
 .portfolio{background-color:#f9f9f9; width:954px; margin-left:12px; height:270px;}
.potspace{height:30px;}
.porttop{background-repeat:no-repeat; width:954px; height:50px;}
.portbottom{ width:954px; margin-left:17px;}


/*#form_container{ width:580px; height:250px; margin-top:5px; }
.login_bg{ background:url(../images/login_bg.jpg) no-repeat; width:630px; height:448px; margin:50px 0 50px 10px; }
.login_container{ width:500px; height:300px;}
.login_main{ width:580px; height:400px; padding-top: 5px; padding-right: 5px; padding-bottom: 0px; padding-left: 30px; }
.login_logo{ width:550px; height:30px; margin:20px 0 30px 0; border-bottom:1px solid #999; padding:10px 0 10px 0; font-size:20px; }
.login_container label{ font-size:14px; font-family:Verdana, Geneva, sans-serif; color:#5c5d5e; width:75px; display:inline-block;}
.login_container p{padding:0 0 2px 0; margin:0 0 10px 0;}
.form_cantainer{ margin:0 0 0 20px;}*/
/* post card ******
.postcard{ height:435px; background:url(../images/postcard_bg.png) no-repeat;}
.address{ padding:0 0 0 105px;}
.add_heading{ color:#bc430a; font-size:12px; text-transform:uppercase; font-weight:bold; padding:0 0 15px 0;}
.address p{ color:#6a5247; font-size:11px; line-height:20px;}
.address a{ color:#7c2e0b; font-weight:bold; }
.address a:hover{ text-decoration:none;}*/

/* footer *******
.footer{ width:1000px; margin:0 auto; height:234px; padding:50px 0 0 0;}
.footer_links{ border-right:1px dotted #a5a5a5; height:214px; color:#ffffff; font-family:Verdana, Geneva, sans-serif; margin:0 30px 0 0 ;}
.footer_links ul{ list-style:none; line-height:24px; margin-right:23px;}
.footer_links li{ line-height:21px; text-transform:uppercase; font-size:12px; }
.footer_links a{ font-size:11px; text-decoration:none; color:#c4c3c3; text-transform:none;}
.footer_links a:hover{ color:#ffffff;}
.foolink a{ color:#ffffff; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-size:12px;}
.foolink a:hover{ text-decoration:underline;}/


/*=================================*/
/*=== IT Hardware STYLES ===*/
/*================================*/

.othermenus{ height:15px; position:relative; background:#FFFFFF; margin-top:5px;}
.othermenus_position{position:absolute; top:-16px; background: url(../images/othermenu_bg.jpg) repeat-x; width:1000px; margin-left:auto; margin-right:auto; height:30px; border:1px solid #d7d8d7;}
.othermenus_links { width:790px; padding:3px 0 0 0;}
.othermenus_links ul{}
.othermenus_links li{ list-style:none; float:left; display:block; padding:0 8px; border-right:1px solid #999898;}
.othermenus_links li a{ font-family: Calibri, Arial, Helvetica, sans-serif; font-size:13px; color:#3d3c3c; text-transform:uppercase; text-decoration:none; padding:3px 5px;}
.othermenus_links li a:hover{ background:#93090c; color:#ffffff;}

.promotion_content{padding:0 0px 0 0px;}
.searchnlogin{ height:40px; background:#f0f0f0; margin:0 0px 0 0px; margin-bottom:15px; width:100%;}
.prosearch{ width:auto; padding:8px 52px 0 30px;}
.prodct_search{ width:250px; height:18px; border:1px solid #d9d9d9; color:#959393; padding:2px 0 0 5px; font-size:12px;}
.prodct_searchlist{ width:120px; height:20px; color:#959393; font-size:12px; border:none; padding:0px 0 0 0; }
.prosearch_btn{ background: url(../images/pro_search.png) no-repeat; width:73px; height:25px; margin:0px 0 0 10px; color:#ffffff; font-size:11px; text-transform:uppercase; border:none;}

.content_hw{ font-family:Verdana, Geneva, sans-serif;  padding:0 5px 0 5px; background:#ffffff;}
.left_container_hw_1{ width:197px; height:auto;}
.leftcont_heading{ margin: 0 0 3px; width:168px; background: url(../images/leftheading_bg.jpg) repeat-x; font-size:13px; font-family:Verdana, Geneva, sans-serif; color:#ffffff; font-weight:bold;  text-align:left; height:23px; padding:5px 0 0 27px;}

/* directories *******/
.directories li{display:block; width:195px; height:22px; padding:3px 0 0 0; list-style:none; background: url(../images/leftli_bg.jpg) no-repeat; margin:0 0 3px 0; }
.directories li a{ text-decoration:none; color:#6f767a; font-size:11px; font-family:Verdana, Geneva, sans-serif; width:220px; padding:0 0 0 20px; background: url(../images/bullet2.jpg) no-repeat 7px center;}
.directories li a:hover{ color:#fd7c16; text-decoration:underline;}
.directories li.active{ color:#fd7c16!important; text-decoration:underline;}


.centerpannel_hw{ width:576px; border-right:1px dashed #e3e2e2; padding-right:10px; margin-right:10px; margin-left:10px;}
.rightpannel_hw{ width:185px;}

/* Gridview CSS*/
.mGrid 
{ 
width: 100%; 
background-color: #fff; 
margin: 5px 0 10px 0; 
border: solid 1px #525252; 
border-collapse:collapse; 
font-family : Verdana;
font-size :11px;
}
.mGrid td
{ 
padding: 2px; 
border: solid 1px #c1c1c1; 
color: #717171; 
font-family : Verdana;
font-size :11px;
line-height :20px;
}
.mGrid th
{
font-family : Verdana;
font-size :12px;
font-weight : bold;
line-height :20px;
padding: 4px 2px; 
color: #fff; 
background: #16598c url(gridtop.jpg) repeat-x top; 
border-left: solid 1px #525252; 
font-size: 0.9em; 
}
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr { background: #16598c url(grd_pgr.jpg) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
border-width: 0; 
padding: 0 6px; 
border-left: solid 1px #666; 
font-weight: bold; 
color: #fff; 
line-height: 12px; 
} 
 .AltRowStyle td
{
background-color: #f0f0f0;
}
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }
.heading1
{
 background:url(images/1.gif) no-repeat; 
}
#box1 .read_more{
	             position:absolute;
	             height:21px;
	             width:83px;
	             margin-top:-18px;
	             float:left;
			     margin-left:850px;}
			     
.marquee_box{width:940px; height:auto; margin:15px 0 0 5px; color:#000000; font-size:12px; padding-top:10px;}
.marquee_box a:link{ color:#000000; text-decoration:none;}
.marquee_box a:visited{ color:#000000; text-decoration:none;}
.marquee_box a:hover{ color:#ff0000; text-decoration:underline;}


/* new home page CSS*/
#content{
			height: auto;
			width: 970px;
			margin-top: 0px;
			margin-right:auto;
			margin-bottom:0px;
			margin-left:auto;	
			font-family:Verdana, Geneva, sans-serif; 
	    	font-size: 12px;
    		color: #5d5d5d;
    		
			}
		
#content_top{
				height: 35px;
				width: 970px;
				background-image: url(content_top.jpg);
				background-repeat: no-repeat;
			}

#box1{
		width:970px;
		
		
		   }
        #box1 p  
        {
                 
                   text-align:justify;
                    line-height:20px;
		            height:auto; 
    		        padding-right:27px;		
    		        color:#6c6c6d; 
    		        font-size:12px;
    		        
    		         
    		}


 #Outer_box
           {width: 963px;
            height:auto;
            padding-top:15px;
			clear:both;
		   } 	
  #Outer_box .box_product{
				        width: 786px;
				        float:left;
				        margin-top:-20px;
				        border-bottom:1px dotted #ccc;
				       }
  #Outer_box .box_awards{
				        width: 175px;
				        float:left;
				        text-align:center;
				        height:auto;
				        line-height:30px;
  background-image: url('../images/home_devider.png');
                            background-repeat: no-repeat;
font-size:11px;
				       }	
				      
.heading_blue	
            {  	color: #015a8b;
				text-decoration:none;
				font-size:14px;
				line-height:16px;
				
                }		  
.award_name	
            {  	
				text-decoration:none;
				font-size:10px;
				line-height:18px;
				color:#5d5d5d;
                }
                
 .award_name a:link{font-size:10px;color:#5d5d5d; text-decoration:none; font-variant:normal;}
 .award_name a:visited{font-size:10px;color:#5d5d5d; text-decoration:none; font-variant:normal;}
 .award_name a:hover{font-size:10px;color:#5d5d5d; text-decoration:none; font-variant:normal;}
 
.box_product .box_product1{
							height:148px;
							width:155px;
							float:left;
							text-align:center;
							
							 }
.clear_box{clear:both;height:7px;}
.box_product .product_head
                            {
                                font-weight: bold;
                                color: #719c08;
                                text-decoration: none;
                                line-height: 16px;
                                text-transform: uppercase;
                            }
.box_product .product_head:hover{
							      color:#ba3336;
						           }
#box_product .product_text{
							color: #5d350c;
							text-decoration:none;
							font-size:9px;
							line-height:15px;
							text-align:left;
							width:153px;
							display:block;
						}
#news_Award{text-align:center;
            width:280px;
            height:auto;
            font-size:12px;
            
            }

.award_list ul
{
    list-style-image: url('../images/bullet_award.png');
  
}
    		        
 .award_list ul li
 {
                    text-align:justify;
                    line-height:20px;
		            height:auto; 
    		        color:#6c6c6d; 
    		        font-size:12px;
    		       
     }
     
.award_list2{width:260px; height:auto; text-align:center;}
.award_list2 a:link{font-size:10px;line-height:18px;color:#5d5d5d; text-decoration:none;}
.award_list2 a:visited{font-size:10px;line-height:18px;color:#5d5d5d; text-decoration:none;}
.award_list2 a:hover{font-size:10px;line-height:18px;color:#5d5d5d; text-decoration:underline;}

.home_award_list2{width:150px; height:auto;text-decoration:none;font-size:10px;	line-height:18px;color:#5d5d5d; text-align:center;}
.home_award_list2 a:link{ font-size:10px;	line-height:18px;color:#5d5d5d; text-decoration:none;}
.home_award_list2 a:visited{font-size:10px;	line-height:18px;color:#5d5d5d; text-decoration:none;}
.home_award_list2 a:hover{font-size:10px;	line-height:18px;color:#5d5d5d; text-decoration:underline;}

/* EDU ERP Page */
.p_text{ line-height:22px; color:#6c6c6d; font-size:12px; text-align:justify;}
.table_border table
{
    border: 2px solid #999;
    border-collapse: collapse;
}
.table_border table td{border:1px solid #ccc;border-collapse:collapse;padding:5px;}


/* Css table for logo page  */

.LogoContainer{ width:1000px; float:left; }

.LogoDiv{ width:auto; padding:3px; margin:10px; float:left; border:1px solid #A39F9F; }

/* Css table for logo page end  */


/*buttons css */

a.button::before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: #959595 0 2px 5px;
    -moz-box-shadow: #959595 0 2px 5px;
    border-radius: 3px;
    box-shadow: #959595 0 2px 5px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    padding: 2px 0 0;
    position: absolute;
    top: 0;
    width: 100%; }
    
a.button:active::before { padding: 1px 0 0; }

/**
 * Grey
 */
a.button {
    -moz-box-shadow: inset 0 0 0 1px #63ad0d;
    -webkit-box-shadow: inset 0 0 0 1px #63ad0d;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #eee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#e2e2e2));
    background: -moz-linear-gradient(#eee, #e2e2e2);
    background: linear-gradient(#eee, #e2e2e2);
    border: solid 1px #d0d0d0;
    border-bottom: solid 3px #b2b1b1;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #f5f5f5;
    color: #555;
    display: inline-block;
    font: bold 12px Arial, Helvetica, Clean, sans-serif;
    margin: 0 25px 25px 0;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fafafa;
    margin-left:6px;
     font-size:15px;}
    
a.button:hover {
    background: #e4e4e4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e4e4e4), to(#ededed));
    background: -moz-linear-gradient(#e4e4e4, #ededed);
    background: linear-gradient(#e4e4e4, #ededed);
    border: solid 1px #c2c2c2;
    border-bottom: solid 3px #b2b1b1;
    box-shadow: inset 0 0 0 1px #efefef; }
    
a.button:active {
    background: #dfdfdf;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dfdfdf), to(#e3e3e3));
    background: -moz-linear-gradient(#dfdfdf, #e3e3e3);
    background: linear-gradient(#dfdfdf, #e3e3e3);
    border: solid 1px #959595;
    box-shadow: inset 0 10px 15px 0 #c4c4c4;
    top:2px;}

/**
 * Pink
 */
a.button.pink {
    background: #f997b0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f997b0), to(#f56778));
    background: -moz-linear-gradient(#f997b0, #f56778);
    background: linear-gradient(#f997b0, #f56778);
    border: solid 1px #ee8090;
    border-bottom: solid 3px #cb5462;
    box-shadow: inset 0 0 0 1px #fbc1d0;
    color: #913944;
    text-shadow: 0 1px 0 #f9a0ad;
    margin-left:6px;
     font-size:15px; }
    
a.button.pink:hover {
    background: #f57184;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f57184), to(#f78297));
    background: -moz-linear-gradient(#f57184, #f78297);
    background: linear-gradient(#f57184, #f78297);
    border: solid 1px #e26272;
    border-bottom: solid 3px #cb5462;
    box-shadow: inset 0 0 0 1px #f9aab5; }
    
a.button.pink:active {
    background: #f06a7c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f06a7c), to(#f56c7e));
    background: -moz-linear-gradient(#f06a7c, #f56c7e);
    background: linear-gradient(#f06a7c, #f56c7e);
    border: solid 1px #a14753;
    box-shadow: inset 0 10px 15px 0 #d45d6d; }
    
/**
 * Blue
 */
a.button.blue {
    background: #abe4f8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#abe4f8), to(#74d0f4));
    background: -moz-linear-gradient(#abe4f8, #74d0f4);
    background: linear-gradient(#abe4f8, #74d0f4);
    border: solid 1px #8cc5d9;
    border-bottom: solid 3px #589cb6;
    box-shadow: inset 0 0 0 1px #cdeffb;
    color: #42788e;
    text-shadow: 0 1px 0 #b6e6f9; 
    margin-left:6px;
     font-size:15px;}
    
a.button.blue:hover {
    background: #80d4f5;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#80d4f5), to(#92dbf6));
    background: -moz-linear-gradient(#80d4f5, #92dbf6);
    background: linear-gradient(#80d4f5, #92dbf6);
    border: solid 1px #79acbe;
    border-bottom: solid 3px #589cb6;
    box-shadow: inset 0 0 0 1px #b2e6f8; }
    
a.button.blue:active {
    background: #89d2ee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#89d2ee), to(#84cae6));
    background: -moz-linear-gradient(#89d2ee, #84cae6);
    background: linear-gradient(#89d2ee, #84cae6);
    border: solid 1px #5c8d9f;
    box-shadow: inset 0 10px 15px 0 #79b9d2; }
    
/**
 * Green
 */
a.button.green {
    background: #cae285;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cae285), to(#a3cd5a));
    background: -moz-linear-gradient(#cae285, #a3cd5a);
    background: linear-gradient(#cae285, #a3cd5a);
    border: solid 1px #aad063;
    border-bottom: solid 3px #799545;
    box-shadow: inset 0 0 0 1px #e0eeb6;
    color: #5d7731;
    text-shadow: 0 1px 0 #d0e5a4;
    margin-left:6px;
     font-size:15px; }
    
a.button.green:hover {
    background: #abd164;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#abd164), to(#b9d972));
    background: -moz-linear-gradient(#abd164, #b9d972);
    background: linear-gradient(#abd164, #b9d972);
    border: solid 1px #98b85b;
    border-bottom: solid 3px #799545;
    box-shadow: inset 0 0 0 1px #cce3a1; }
    
a.button.green:active {
    background: #a4cb5d;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a4cb5d), to(#9ec45a));
    background: -moz-linear-gradient(#a4cb5d, #9ec45a);
    background: linear-gradient(#a4cb5d, #9ec45a);
    border: solid 1px #6e883f;
    box-shadow: inset 0 10px 15px 0 #90b352; }
    
/**
 * Teal
 */
a.button.teal {
    background: #b7f2f4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b7f2f4), to(#81e8eb));
    background: -moz-linear-gradient(#b7f2f4, #81e8eb);
    background: linear-gradient(#b7f2f4, #81e8eb);
    border: solid 1px #87d3d5;
    border-bottom: solid 3px #4fa7aa;
    box-shadow: inset 0 0 0 1px #d4f8f8;
    color: #437b7d;
    text-shadow: 0 1px 0 #bef3f5;
    margin-left:6px;
     font-size:15px; }
    
a.button.teal:hover {
    background: #8deaed;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8deaed), to(#9fedf0));
    background: -moz-linear-gradient(#8deaed, #9fedf0);
    background: linear-gradient(#8deaed, #9fedf0);
    border: solid 1px #79c5c7;
    border-bottom: solid 3px #4fa7aa;
    box-shadow: inset 0 0 0 1px #b9f2f5; }
    
a.button.teal:active {
    background: #84e4e7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#84e4e7), to(#80dcdf));
    background: -moz-linear-gradient(#84e4e7, #80dcdf);
    background: linear-gradient(#84e4e7, #80dcdf);
    border: solid 1px #58999b;
    box-shadow: inset 0 10px 15px 0 #75c9cc; }
    
/**
 * Black
 */
a.button.black {
    background: #656565;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#656565), to(#444));
    background: -moz-linear-gradient(#656565, #444);
    background: linear-gradient(#656565, #444);
    border: solid 1px #535353;
    border-bottom: solid 3px #414141;
    box-shadow: inset 0 0 0 1px #939393;
    color: #fff;
    text-shadow: 0 1px 0 #2f2f2f;
    margin-left:6px;
     font-size:15px; }
    
a.button.black:hover {
    background: #4c4c4c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4c4c4c), to(#565656));
    background: -moz-linear-gradient(#4c4c4c, #565656);
    background: linear-gradient(#4c4c4c, #565656);
    border: solid 1px #464646;
    border-bottom: solid 3px #414141;
    box-shadow: inset 0 0 0 1px #818181; }
    
a.button.black:active {
    background: #474747;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#474747), to(#444));
    background: -moz-linear-gradient(#474747, #444);
    background: linear-gradient(#474747, #444);
    border: solid 1px #2f2f2f;
    box-shadow: inset 0 10px 15px 0 #3e3e3e; }
    
/**
 * Dark Grey
 */
a.button.dark_grey {
    background: #d1d1d1;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d1d1d1), to(#afafaf));
    background: -moz-linear-gradient(#d1d1d1, #afafaf);
    background: linear-gradient(#d1d1d1, #afafaf);
    border: solid 1px #b4b4b4;
    border-bottom: solid 3px #878787;
    box-shadow: inset 0 0 0 1px #e3e3e3;
    color: #555;
    text-shadow: 0 1px 0 #d6d6d6;
    margin-left:6px;
     font-size:15px; }
    
a.button.dark_grey:hover {
    background: #b7b7b7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b7b7b7), to(#c2c2c2));
    background: -moz-linear-gradient(#b7b7b7, #c2c2c2);
    background: linear-gradient(#b7b7b7, #c2c2c2);
    border: solid 1px #a2a2a2;
    border-bottom: solid 3px #878787;
    box-shadow: inset 0 0 0 1px #d4d4d4; }
    
a.button.dark_grey:active {
    background: #afafaf;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#afafaf), to(#a9a9a9));
    background: -moz-linear-gradient(#afafaf, #a9a9a9);
    background: linear-gradient(#afafaf, #a9a9a9);
    border: solid 1px #757575;
    box-shadow: inset 0 10px 15px 0 #9a9a9a; }
    
/**
 * Orange
 */
a.button.orange {
    background: #feda71;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#feda71), to(#febe4d));
    background: -moz-linear-gradient(#feda71, #febe4d);
    background: linear-gradient(#feda71, #febe4d);
    border: solid 1px #eab551;
    border-bottom: solid 3px #b98a37;
    box-shadow: inset 0 0 0 1px #fee9aa;
    color: #996633;
    text-shadow: 0 1px 0 #fedd9b; 
    margin-left:6px;
     font-size:15px;}
    
a.button.orange:hover {
    background: #fec455;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fec455), to(#fecd61));
    background: -moz-linear-gradient(#fec455, #fecd61);
    background: linear-gradient(#fec455, #fecd61);
    border: solid 1px #e6a93d;
    border-bottom: solid 3px #b98a37;
    box-shadow: inset 0 0 0 1px #fedb98; }
    
a.button.orange:active {
    background: #f9bd4f;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9bd4f), to(#f0b64d));
    background: -moz-linear-gradient(#f9bd4f, #f0b64d);
    background: linear-gradient(#f9bd4f, #f0b64d);
    border: solid 1px #a77f35;
    box-shadow: inset 0 10px 15px 0 #dba646; }
    
/**
 * Purple
 */
a.button.purple {
    background: #e8c4e4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8c4e4), to(#d698d0));
    background: -moz-linear-gradient(#e8c4e4, #d698d0);
    background: linear-gradient(#e8c4e4, #d698d0);
    border: solid 1px #da9fd4;
    border-bottom: solid 3px #946890;
    box-shadow: inset 0 0 0 1px #f2dcef;
    color: #7b5777;
    text-shadow: 0 1px 0 #eacae6; 
    margin-left:6px;
     font-size:15px;}
    
a.button.purple:hover {
    background: #daa2d4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#daa2d4), to(#e0b1db));
    background: -moz-linear-gradient(#daa2d4, #e0b1db);
    background: linear-gradient(#daa2d4, #e0b1db);
    border: solid 1px #ca91c4;
    border-bottom: solid 3px #946890;
    box-shadow: inset 0 0 0 1px #e9c7e6; }
    
a.button.purple:active {
    background: #d49ace;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d49ace), to(#cc94c6));
    background: -moz-linear-gradient(#d49ace, #cc94c6);
    background: linear-gradient(#d49ace, #cc94c6);
    border: solid 1px #8e678a;
    box-shadow: inset 0 10px 15px 0 #ba87b5; }
    
/**
 * Blue Alt
 */
a.button.blue_alt {
    background: #becbd6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#becbd6), to(#8da5b7));
    background: -moz-linear-gradient(#becbd6, #8da5b7);
    background: linear-gradient(#becbd6, #8da5b7);
    border: solid 1px #a1aeb7;
    border-bottom: solid 3px #62727e;
    box-shadow: inset 0 0 0 1px #d8e0e6;
    color: #515f6a;
    text-shadow: 0 1px 0 #c4d0da;
    margin-left:6px;
     font-size:15px; }
    
a.button.blue_alt:hover {
    background: #97adbd;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#97adbd), to(#a8bac8));
    background: -moz-linear-gradient(#97adbd, #a8bac8);
    background: linear-gradient(#97adbd, #a8bac8);
    border: solid 1px #96a2ab;
    border-bottom: solid 3px #62727e;
    box-shadow: inset 0 0 0 1px #c0ced7; }
    
a.button.blue_alt:active {
    background: #8fa6b6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8fa6b6), to(#8aa0b0));
    background: -moz-linear-gradient(#8fa6b6, #8aa0b0);
    background: linear-gradient(#8fa6b6, #8aa0b0);
    border: solid 1px #606f7a;
    box-shadow: inset 0 10px 15px 0 #7e92a1; }
    
/**
 * Crisp
 */
a.button.crisp {
    background: #c38b66;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c38b66), to(#9d6741));
    background: -moz-linear-gradient(#c38b66, #9d6741);
    background: linear-gradient(#c38b66, #9d6741);
    border: solid 1px #422213;
    border-bottom: solid 3px #33180d;
    box-shadow: inset 0 0 0 1px #b98c62;
    color: #fff;
    text-shadow: 0 1px 0 #7b502e; 
    margin-left:6px;
     font-size:15px;}
    
a.button.crisp:hover {
    background: #9d6741;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d6741), to(#c38b66));
    background: -moz-linear-gradient(#9d6741, #c38b66);
    background: linear-gradient(#9d6741, #c38b66);
    border: solid 1px #422213;
    border-bottom: solid 3px #33180d;
    box-shadow: inset 0 0 0 1px #b98c62; }
    
a.button.crisp:active {
    background: #9d6741;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d6741), to(#c38b66));
    background: -moz-linear-gradient(#9d6741, #c38b66);
    background: linear-gradient(#9d6741, #c38b66);
    border: solid 1px #422213;
    box-shadow: inset 0 10px 15px 0 #7b502e; }
    
/**
 * Forrst - Special Edition
 */
a.button.forrst {
    background: #4a7746;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4a7746), to(#335d30));
    background: -moz-linear-gradient(#4a7746, #335d30);
    background: linear-gradient(#4a7746, #335d30);
    border: solid 1px #1b3013;
    border-bottom: solid 3px #0a1608;
    box-shadow: inset 0 0 0 1px #53864f;
    color: #142413;
    text-shadow: 0 1px 0 #4b7b47; }
    
a.button.forrst:hover {
    background: #335d30;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#335d30), to(#4a7746));
    background: -moz-linear-gradient(#335d30, #4a7746);
    background: linear-gradient(#335d30, #4a7746);
    border: solid 1px #1b3013;
    border-bottom: solid 3px #0a1608;
    box-shadow: inset 0 0 0 1px #53864f; }
    
a.button.forrst:active {
    background: #335d30;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#335d30), to(#4a7746));
    background: -moz-linear-gradient(#335d30, #4a7746);
    background: linear-gradient(#335d30, #4a7746);
    border: solid 1px #1b3013;
    box-shadow: inset 0 10px 15px 0 #294a16; }
    
/**
 * Dribbble - Special Edition
 */
a.button.dribbble {
    background: #f1a4c1;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1a4c1), to(#e675a0));
    background: -moz-linear-gradient(#f1a4c1, #e675a0);
    background: linear-gradient(#f1a4c1, #e675a0);
    border: solid 1px #e98eb0;
    border-bottom: solid 3px #cc4a79;
    box-shadow: inset 0 0 0 1px #f6c2d7;
    color: #fff;
    text-shadow: 0 1px 0 #d64570; 
    margin-left:6px;
     font-size:15px;}
    
a.button.dribbble:hover {
    background: #e675a0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e675a0), to(#f1a4c1));
    background: -moz-linear-gradient(#e675a0, #f1a4c1);
    background: linear-gradient(#e675a0, #f1a4c1);
    border: solid 1px #e98eb0;
    border-bottom: solid 3px #cc4a79;
    box-shadow: inset 0 0 0 1px #f6c2d7; }
    
a.button.dribbble:active {
    background: #e675a0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e675a0), to(#f1a4c1));
    background: -moz-linear-gradient(#e675a0, #f1a4c1);
    background: linear-gradient(#e675a0, #f1a4c1);
    border: solid 1px #e98eb0;
    box-shadow: inset 0 10px 15px 0 #e05285; }
    
/**
 * Twitter - Special Edition
 */
a.button.twitter {
    background: #9fd6fa;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9fd6fa), to(#6bb9f7));
    background: -moz-linear-gradient(#9fd6fa, #6bb9f7);
    background: linear-gradient(#9fd6fa, #6bb9f7);
    border: solid 1px #72bdf4;
    border-bottom: solid 3px #4a9de1;
    box-shadow: inset 0 0 0 1px #bfe4fc;
    color: #fff;
    text-shadow: 0 1px 0 #4598f3;
    margin-left:6px;
     font-size:15px; }
    
a.button.twitter:hover {
    background: #6bb9f7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6bb9f7), to(#9fd6fa));
    background: -moz-linear-gradient(#6bb9f7, #9fd6fa);
    background: linear-gradient(#6bb9f7, #9fd6fa);
    border: solid 1px #72bdf4;
    border-bottom: solid 3px #4a9de1;
    box-shadow: inset 0 0 0 1px #bfe4fc; }
    
a.button.twitter:active {
    background: #6bb9f7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6bb9f7), to(#9fd6fa));
    background: -moz-linear-gradient(#6bb9f7, #9fd6fa);
    background: linear-gradient(#6bb9f7, #9fd6fa);
    border: solid 1px #72bdf4;
    box-shadow: inset 0 10px 15px 0 #50aaf3; }
    
/**
 * Facebook - Special Edition
 */
a.button.facebook {
    background: #99b6df;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99b6df), to(#638ec8));
    background: -moz-linear-gradient(#99b6df, #638ec8);
    background: linear-gradient(#99b6df, #638ec8);
    border: solid 1px #6d94ce;
    border-bottom: solid 3px #3867ac;
    box-shadow: inset 0 0 0 1px #bbcfeb;
    color: #fff;
    text-shadow: 0 1px 0 #3c61ab; }
    
a.button.facebook:hover {
    background: #638ec8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#638ec8), to(#99b6df));
    background: -moz-linear-gradient(#638ec8, #99b6df);
    background: linear-gradient(#638ec8, #99b6df);
    border: solid 1px #6d94ce;
    border-bottom: solid 3px #3867ac;
    box-shadow: inset 0 0 0 1px #bbcfeb; }
    
a.button.facebook:active {
    background: #638ec8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#638ec8), to(#99b6df));
    background: -moz-linear-gradient(#638ec8, #99b6df);
    background: linear-gradient(#638ec8, #99b6df);
    border: solid 1px #6d94ce;
    box-shadow: inset 0 10px 15px 0 #4176c4; }
    
/**
 * LoveDSGN - Special Edition
 */
a.button.lovedsgn {
    background: #f3c1e6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3c1e6), to(#de66c0));
    background: -moz-linear-gradient(#f3c1e6, #de66c0);
    background: linear-gradient(#f3c1e6, #de66c0);
    border: solid 1px #cd5daf;
    border-bottom: solid 3px #ce5eb0;
    box-shadow: inset 0 0 0 1px #e998d3;
    color: #fff;
    text-shadow: 0 1px 0 #ce5eb0;
    margin-left:6px;
     font-size:15px; }
    
a.button.lovedsgn:hover {
    background: #de66c0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#de66c0), to(#f3c1e6));
    background: -moz-linear-gradient(#de66c0, #f3c1e6);
    background: linear-gradient(#de66c0, #f3c1e6);
    border: solid 1px #cd5daf;
    border-bottom: solid 3px #ce5eb0;
    box-shadow: inset 0 0 0 1px #e998d3; }
    
a.button.lovedsgn:active {
    background: #de66c0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#de66c0), to(#f3c1e6));
    background: -moz-linear-gradient(#de66c0, #f3c1e6);
    background: linear-gradient(#de66c0, #f3c1e6);
    border: solid 1px #cd5daf;
    box-shadow: inset 0 10px 15px 0 #ce5eb0; }
    
/**
 * XBOX - Special Edition
 */
a.button.xbox {
    background: #c4e125;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c4e125), to(#88a819));
    background: -moz-linear-gradient(#c4e125, #88a819);
    background: linear-gradient(#c4e125, #88a819);
    border: solid 1px #829c15;
    border-bottom: solid 3px #819d15;
    box-shadow: inset 0 0 0 1px #c6da7b;
    color: #fff;
    text-shadow: 0 1px 0 #819d15;
     margin-left:6px;
     font-size:15px; }
   
    
a.button.xbox:hover {
    background: #88a819;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#88a819), to(#c4e125));
    background: -moz-linear-gradient(#88a819, #c4e125);
    background: linear-gradient(#88a819, #c4e125);
    border: solid 1px #829c15;
    border-bottom: solid 3px #819d15;
    box-shadow: inset 0 0 0 1px #c6da7b; }
    
a.button.xbox:active {
    background: #88a819;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#88a819), to(#c4e125));
    background: -moz-linear-gradient(#88a819, #c4e125);
    background: linear-gradient(#88a819, #c4e125);
    border: solid 1px #829c15;
    box-shadow: inset 0 10px 15px 0 #819d15; }
    
/**
 * devART - Special Edition
 */
a.button.devart {
    background: #729e85;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#729e85), to(#486d5c));
    background: -moz-linear-gradient(#729e85, #486d5c);
    background: linear-gradient(#729e85, #486d5c);
    border: solid 1px #236036;
    border-bottom: solid 3px #225f33;
    box-shadow: inset 0 0 0 1px #90a59c;
    color: #fff;
    text-shadow: 0 1px 0 #225f33;
    margin-left:6px;
     font-size:15px; }
    
a.button.devart:hover {
    background: #486d5c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#486d5c), to(#729e85));
    background: -moz-linear-gradient(#486d5c, #729e85);
    background: linear-gradient(#486d5c, #729e85);
    border: solid 1px #236036;
    border-bottom: solid 3px #225f33;
    box-shadow: inset 0 0 0 1px #90a59c; }
    
a.button.devart:active {
    background: #486d5c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#486d5c), to(#729e85));
    background: -moz-linear-gradient(#486d5c, #729e85);
    background: linear-gradient(#486d5c, #729e85);
    border: solid 1px #236036;
    box-shadow: inset 0 10px 15px 0 #225f33; }
    
/**
 * Designmoo - Special Edition
 */
a.button.dsgnmoo {
    background: #B91C13;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B91C13), to(#ce2424));
    background: -moz-linear-gradient(#B91C13, #ce2424);
    background: linear-gradient(#B91C13, #ce2424);
    border: solid 1px #be2424;
    border-bottom: solid 3px #bd2524;
    box-shadow: inset 0 0 0 1px #e67e7b;
    color: #fff;
    text-shadow: 0 1px 0 #bd2524;
    margin-left:12px;
     font-size:15px;
     padding:12px;
     width:170px; }
    
a.button.dsgnmoo:hover {
    background: #ce2424;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ce2424), to(#f97779));
    background: -moz-linear-gradient(#ce2424, #f97779);
    background: linear-gradient(#ce2424, #f97779);
    border: solid 1px #be2424;
    border-bottom: solid 3px #bd2524;
    box-shadow: inset 0 0 0 1px #e67e7b; }
    
a.button.dsgnmoo:active {
    background: #ce2424;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ce2424), to(#f97779));
    background: -moz-linear-gradient(#ce2424, #f97779);
    background: linear-gradient(#ce2424, #f97779);
    border: solid 1px #be2424;
    box-shadow: inset 0 10px 15px 0 #bd2524; }
    
/**
 * RSS Feed - Special Edition
 */
a.button.rss {
    background: #f6c696;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f6c696), to(#e9893d));
    background: -moz-linear-gradient(#f6c696, #e9893d);
    background: linear-gradient(#f6c696, #e9893d);
    border: solid 1px #a1681b;
    border-bottom: solid 3px #a1671d;
    box-shadow: inset 0 0 0 1px #f1bb8f;
    color: #fff;
    text-shadow: 0 1px 0 #a1671d;
    margin-left:6px;
     font-size:15px; }
    
a.button.rss:hover {
    background: #e9893d;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e9893d), to(#f6c696));
    background: -moz-linear-gradient(#e9893d, #f6c696);
    background: linear-gradient(#e9893d, #f6c696);
    border: solid 1px #a1681b;
    border-bottom: solid 3px #a1671d;
    box-shadow: inset 0 0 0 1px #f1bb8f; }
    
a.button.rss:active {
    background: #e9893d;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e9893d), to(#f6c696));
    background: -moz-linear-gradient(#e9893d, #f6c696);
    background: linear-gradient(#e9893d, #f6c696);
    border: solid 1px #a1681b;
    box-shadow: inset 0 10px 15px 0 #a1671d; }
    
/**
 * Yahoo - Special Edition
 */
a.button.yahoo {
    background: #be95b7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#be95b7), to(#5f396a));
    background: -moz-linear-gradient(#be95b7, #5f396a);
    background: linear-gradient(#be95b7, #5f396a);
    border: solid 1px #4b2a55;
    border-bottom: solid 3px #4d2955;
    box-shadow: inset 0 0 0 1px #9c83a1;
    color: #fff;
    text-shadow: 0 1px 0 #4d2955;
    margin-left:6px;
     font-size:15px; }
    
a.button.yahoo:hover {
    background: #5f396a;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5f396a), to(#be95b7));
    background: -moz-linear-gradient(#5f396a, #be95b7);
    background: linear-gradient(#5f396a, #be95b7);
    border: solid 1px #4b2a55;
    border-bottom: solid 3px #4d2955;
    box-shadow: inset 0 0 0 1px #9c83a1; }
    
a.button.yahoo:active {
    background: #5f396a;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5f396a), to(#be95b7));
    background: -moz-linear-gradient(#5f396a, #be95b7);
    background: linear-gradient(#5f396a, #be95b7);
    border: solid 1px #4b2a55;
    box-shadow: inset 0 10px 15px 0 #4d2955; }



.button_example{
border:1px solid #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; width:px; font-family:arial, helvetica, sans-serif;  
text-decoration:none; display:inline-block; color: #313a00;
 background-color: #97B61C; background-image: linear-gradient(to bottom, #97B61C, #BBD823);
 }

.button_example:hover{
 border:1px solid #FFFFFF;
 background-color: #BBD823; background-image: linear-gradient(to bottom, #BBD823, #97B61C);
 }
/*buttons css end */



/*buttons tab */


#triangle-up {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid #CACCCE;
  position:absolute;
  left:12%;
  top:25%;
}



ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
   /*  border: 1px solid #ccc;
    background-color: #f1f1f1; */
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 6px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
    border:1px solid #b3b4b5;
    margin:0px 70px 2px 0px;
    background:#E8EAED;
    border-radius: 3px;
    position:relative;
}

.rotate a{ text-decoration:none; }
.rotate img a:hover{  -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); 
     -moz-transform: rotate(7deg) ;/* Chrome, Safari, Opera */
    transform: rotate(7deg);}



/* Change background color of links on hover */
ul.tab li a:hover {
    background-color:#CACCCE;

}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
  background-color: #CACCCE;  
   }

/* Style the tab content */
.topright {
 float: right;
 cursor: pointer;
 font-size: 20px;
}

.topright:hover {color: red;}

/*buttons tab end */

/* new css */
.col1{
		background: #ffffff none repeat scroll 0 0;
		font-family:Verdana,Geneva,sans-serif;
		margin: 10px 0px 0px 0px;
		padding:5px;
		border:1px solid #fff;
        transition: all 0.3s ease 0s;
	}
    .col1:hover {
        border: 1px solid #f9f9f9;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
        transition: all 0.3s ease 0s;
    }
	.col1 h1{
		margin: 21px 0px 15px 0px;
	}
	.col1 .h1edu a{
		font-family: 'Trebuchet MS';
		margin: 0px;
		text-align: left;
		color: #4A8BDB;
		font-size: 32px;
		font-weight: normal;
		padding:15px 30px;
		text-decoration:none;
        transition: all 0.3s ease 0s;
	}
	.col1 .h1edu a:hover{
		opacity:0.6;
        transition: all 0.3s ease 0s;
	}
    .col1 .h1indu a{
		font-family: 'Trebuchet MS';
		margin: 0px;
		text-align: left;
		color: #9B59B6;
		font-size: 32px;
		font-weight: normal;
		padding:15px 30px;
		text-decoration:none;
        transition: all 0.3s ease 0s;
	}
	.col1 .h1indu a:hover{
		opacity:0.6;
        transition: all 0.3s ease 0s;
	}
    .col1 .h1crm a{
		font-family: 'Trebuchet MS';
		margin: 0px;
		text-align: left;
		color: #E84B3A;
		font-size: 32px;
		font-weight: normal;
		padding:15px 30px;
		text-decoration:none;
        transition: all 0.3s ease 0s;
	}
	.col1 .h1crm a:hover{
		opacity:0.6;
        transition: all 0.3s ease 0s;
	}
    .col1 .h1hosp a{
		font-family: 'Trebuchet MS';
		margin: 0px;
		text-align: left;
		color: #27AE61;
		font-size: 32px;
		font-weight: normal;
		padding:15px 30px;
		text-decoration:none;
        transition: all 0.3s ease 0s;
	}
	.col1 .h1hosp a:hover{
		opacity:0.6;
        transition: all 0.3s ease 0s;
	}
	.col1 h3{
		padding:0px 30px;
		color: #777;
		font-size: 22px;
		font-weight: normal;
		margin:0px;
        text-transform: capitalize;
        font-family:Verdana,Geneva,sans-serif;
	}
	.prod-one{
		border: 1px solid #ffffff;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
		padding: 0;
		background:#fff none repeat scroll 0 0;
		margin:15px 0px;
		width:100px;
		height:100px;
	}
	
	.eduimg{
		width:100px;
		margin:10px 0px 0px;
	}
	.col1 .left{
		float:left;
		width:10%;
	}
	.col1 .right{
		float:right;
		width:90%;
	}
	.contentdiv p{
		font-size:13px;
		text-align:justify;
		font-family:Verdana,Geneva,sans-serif !important;
		line-height: 26px;
		color:#555;
		padding:0px 25px 0px 0px;
	}
	.btn-div{
		margin:-23px 11px 0px 0px;
        text-align:right;
	}
	.clear{
		clear:both;
	}
	/*button*/
	.btn{
		background: #84B30D none repeat scroll 0 0;
		color: #fff;
		font-size: 15px;
		outline: medium none;
		padding: 8px 12px;
		margin:5px 0px;
		text-decoration: none;
	}
	.hvr-bounce-to-right {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	}
	.hvr-bounce-to-right:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #1565C0;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 0 50%;
	  transform-origin: 0 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
	  color: white;
	}
	.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	}
	/*button*/
	.hospital-title{
		font-size:14px;
		margin:0px;
	}
	
	.point ul{
		padding-left: 35px;
		margin:5px 0px;
	}
	.point ul li {
		margin: 0;
		padding-left: 15px;
		list-style: none;
		background: url("../images/arrow_10.png") no-repeat left 9px;
		color: #F19E1F;
		font-size: 14px;
		line-height: 27px;
	}
	.point ul li span{
		color: #555;
		padding-left:10px;
        font-family :Verdana,Geneva,sans-serif;
	}
	#grad1 {
		padding:5px 15px;
		background: #00569F; /* For browsers that do not support gradients */    
		background: -webkit-linear-gradient(left, #00569F, #fff); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, #00569F, #fff); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, #00569F, #fff); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, #00569F, #fff); /* Standard syntax (must be last) */
		width:700px;
		color:#fff;
		margin:10px 0px;
		font-size:16px;
		margin-left:0px;
		border-radius:20px 0 0 20px;
        transition: all 0.3s ease 0s;
	}
    #grad1:hover {
       text-decoration:underline;
        transition: all 0.3s ease 0s;
    }
	#grad2 {
		padding:5px 15px;
		background: #5D147D; /* For browsers that do not support gradients */    
		background: -webkit-linear-gradient(left, #5D147D, #fff); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, #5D147D, #fff); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, #5D147D, #fff); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, #5D147D, #fff); /* Standard syntax (must be last) */
		width:650px;
		color:#fff;
		margin:10px 0px;
		font-size:16px;
		margin-left:0px;
		border-radius:20px 0 0 20px;
        transition: all 0.3s ease 0s;
	}
    #grad2:hover {
       text-decoration:underline;
        transition: all 0.3s ease 0s;
    }
  
    #grad3 {
		padding:5px 15px;
		background: #B81C0D; /* For browsers that do not support gradients */    
		background: -webkit-linear-gradient(left, #B81C0D, #fff); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, #B81C0D, #fff); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, #B81C0D, #fff); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, #B81C0D, #fff); /* Standard syntax (must be last) */
		width:700px;
		color:#fff;
		margin:10px 0px;
		font-size:16px;
		margin-left:0px;
		border-radius:20px 0 0 20px;
        transition: all 0.3s ease 0s;
	}
    #grad3:hover {
       text-decoration:underline;
        transition: all 0.3s ease 0s;
    }
   
     #grad4 {
		padding:5px 15px;
		background: #008D31; /* For browsers that do not support gradients */    
		background: -webkit-linear-gradient(left, #008D31, #fff); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, #008D31, #fff); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, #008D31, #fff); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, #008D31, #fff); /* Standard syntax (must be last) */
		width:650px;
		color:#fff;
		margin:10px 0px;
		font-size:16px;
		margin-left:0px;
		border-radius:20px 0 0 20px;
        transition: all 0.3s ease 0s;
	}
    #grad4:hover {
       text-decoration:underline;
        transition: all 0.3s ease 0s;
    }
   
	.info-box1{
		width:312px;
		float:left;
		border:1px solid #46BC98;
		margin:0px 0px 5px 5px;
		height:320px;
        transition: all 0.3s ease 0s;
	}
    .info-box1 h4{
		margin:0px;
		font-size:15px;
		font-weight:500;
		text-align:center;
		background:#46BC98;
		color:#fff;
		padding:7px 0px;
        transition: all 0.3s ease 0s;
	}
    .info-box2{
		width:312px;
		float:left;
		border:1px solid #F77049;
		margin:0px 0px 5px 5px;
		height:320px;
        transition: all 0.3s ease 0s;
	}
    .info-box2 h4{
		margin:0px;
		font-size:15px;
		font-weight:500;
		text-align:center;
		background:#F77049;
		color:#fff;
		padding:7px 0px;
        transition: all 0.3s ease 0s;
	}
    .info-box3{
		width:312px;
		float:left;
		border:1px solid #46AEDE;
		margin:0px 0px 5px 5px;
		height:320px;
        transition: all 0.3s ease 0s;
	}
    .info-box3 h4{
		margin:0px;
		font-size:15px;
		font-weight:500;
		text-align:center;
		background:#46AEDE;
		color:#fff;
		padding:7px 0px;
        transition: all 0.3s ease 0s;
	}
    .info-box1:hover{
        border:1px solid #0072BB;
        cursor:pointer;
        transition: all 0.3s ease 0s;
    }
    .info-box1:hover h4{
        background: #0072BB;
        transition: all 0.3s ease 0s;
    }
     .info-box2:hover{
        border:1px solid #0072BB;
        cursor:pointer;
        transition: all 0.3s ease 0s;
    }
    .info-box2:hover h4{
        background: #0072BB;
        transition: all 0.3s ease 0s;
    }
     .info-box3:hover{
        border:1px solid #0072BB;
        cursor:pointer;
        transition: all 0.3s ease 0s;
    }
    .info-box3:hover h4{
        background: #0072BB;
        transition: all 0.3s ease 0s;
    }
	.info-box1 ul{
		font-size:13px;
		color:#555;
		line-height:24px;
		padding-left:30px;
        margin:10px 0px;
	}
    .info-box1 ul li{		
		color:#46BC98;
	}
    .info-box1 ul li span{		
		color:#555;
	}
    .info-box2 ul{
		font-size:13px;
		color:#555;
		line-height:24px;
		padding-left:30px;
        margin:10px 0px;
	}
     .info-box2 ul li{		
		color:#F77049;
	}
    .info-box2 ul li span{		
		color:#555;
	}
    .info-box3 ul{
		font-size:13px;
		color:#555;
		line-height:24px;
		padding-left:30px;
        margin:10px 0px;
	}
     .info-box3 ul li{		
		color:#46AEDE;
	}
    .info-box3 ul li span{		
		color:#555;
	}
     .info-box1:hover ul li{		
		color:#0072BB;
	}
     .info-box2:hover ul li{		
		color:#0072BB;
	}
     .info-box3:hover ul li{		
		color:#0072BB;
	}
	.end-line-hr{
		background-color: #ddd;
        height:1px;
	}
    .col1:hover .edu-table{
        background:#F3F4F6;
    }
     .col1:hover .edu-table h5{
        color:#666;
    }
    .module-title{
        font-weight: normal; 
        text-align: center; 
        background: #FBFBFB none repeat scroll 0px 0px;
        padding: 5px 0px;margin:-4px 0px 5px 0px;
        font-family:Verdana,Geneva,sans-serif;
        font-size: 16px;
    }
    .edu-right-border{
         border-right:none !important;
    }
    .edu-table h5{
        font-size: 20px;
        padding: 10px 0;
        margin-bottom:10px;
        color:#ba3b6f;
        font-weight:normal;
        text-align: center;
    }
    .edu-tabletitle{
        font-size: 17px;
        padding: 0px 0px 10px 0px;
        margin-bottom:0px;
        color:#555;
        font-weight:bold;
        text-align:left;
        line-height:24px;
        font-family:Verdana,Geneva,sans-serif;
    }
    .edu-table p{
        color:#505050;
        font-size:14px;
        line-height:13px;
        font-family:Verdana,Geneva,sans-serif;
         text-align: center;
    }
    .edu-client-left{
        width:100%;
    }
    
    .main-table-hom{
        width:75%;float:left;
    }
    .quick-box{
        width:24%;float:right;margin-top:26px;
    }
    .edu-table-home table, td, th {
        border: 1px solid #dddddd;
         color: #505050;
        font-family: Verdana,Geneva,sans-serif;
        font-size: 12px;
        line-height: 20px;
        text-align: left;
        padding:0 2px;
    }

    .edu-table-home table {
        border-collapse: collapse;
        width: 100%;
    }

    .edu-table-home th {
        color: #666;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 10px;
        padding: 2px;
        text-align: center;
        font-family:Verdana,Geneva,sans-serif;
    }
    .col1:hover .edu-table-home table{
        background:#f9f9f9;
    }
    .col1:hover .edu-table-home th{
        color:#666;
    }
    #read-btn-img{
         width: 970px;   
    }
    #read-btn-img .read_more {
        float: left;
        height: 21px;
        margin:-47px 0 6px 728px;
    }
     #read-btn1-img{
         width: 970px;   
    }
    #read-btn1-img .read_more {
        float: left;
        height: 21px;
        margin:-40px 0 6px 862px;
        width: 83px;
    }
    .arrow-iconcls{
        float: left;width: 20px;margin-top:2px;color:#C32228;
    }
    .arrow-icon-pcls{
        float: left; margin-top: -4px;
    }
    .arrow-icon{
        border-color: #ef6668 #ffffff;
        border-style:solid;
        border-width:1px 1px;
        border-radius:1px;
        padding:5px 10px 10px;
        margin-top:10px;
     }
     .col1:hover .arrow-icon{
        border-color: #ef6668;
        border-width:1px;
     }
    .arrow-icon p{
        color: #555;
        font-family: Verdana,Geneva,sans-serif;
        font-size: 14px;
        line-height: 22px;
        padding: 0 25px 0 0;
        text-align: justify;
        margin-left:5px;
    }
    .arrow-title-line{        
        background: rgba(249,249,249,1);
        background: -moz-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(161,158,158,1) 27%, rgba(140,135,135,1) 53%, rgba(156,153,153,1) 74%, rgba(249,249,249,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(249,249,249,1)), color-stop(27%, rgba(161,158,158,1)), color-stop(53%, rgba(140,135,135,1)), color-stop(74%, rgba(156,153,153,1)), color-stop(100%, rgba(249,249,249,1)));
        background: -webkit-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(161,158,158,1) 27%, rgba(140,135,135,1) 53%, rgba(156,153,153,1) 74%, rgba(249,249,249,1) 100%);
        background: -o-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(161,158,158,1) 27%, rgba(140,135,135,1) 53%, rgba(156,153,153,1) 74%, rgba(249,249,249,1) 100%);
        background: -ms-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(161,158,158,1) 27%, rgba(140,135,135,1) 53%, rgba(156,153,153,1) 74%, rgba(249,249,249,1) 100%);
        background: linear-gradient(to right, rgba(249,249,249,1) 0%, rgba(161,158,158,1) 27%, rgba(140,135,135,1) 53%, rgba(156,153,153,1) 74%, rgba(249,249,249,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=1 );
        height:1px;
        width:375px;
        margin:8px auto;
    }
    .col1 .arrow-title p{
        color: #0072BB;
        font-family: Verdana,Geneva,sans-serif;
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
        padding: 0px;
        text-align: center;
    }
    .arrow-content .arrow-content-left{
        float:left;
        font-size:12px;
        color:#555;
        font-family: Verdana,Geneva,sans-serif;
        width:465px;
    }
    .arrow-content .arrow-content-right{
        float:right;
        font-size:12px;
        color:#555;
        font-family: Verdana,Geneva,sans-serif;
        width:465px;
    }
     .arrow-content ul{
        padding-left:20px;
     }
    .arrow-content ul li{
        list-style-type:circle;
        padding:3px 20px 3px 0px;
        font-family: Verdana,Geneva,sans-serif;
        text-align:justify;
        color:red;
    }
    .arrow-content ul li span{
        color:#555;
    }
    .button-login-hom {
      display: inline-block;
      padding: 15px 25px;
      font-size: 24px;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      outline: none;
      color: #fff;
      background-color: #4CAF50;
      border: none;
      border-radius: 15px;
      box-shadow: 0 9px #999;
    }

    .button-login-hom:hover {background-color: #3e8e41}

    .button-login-hom:active {
      background-color: #3e8e41;
      box-shadow: 0 5px #666;
      transform: translateY(4px);
    }
    .edu-info-leftborder{
        border-left:5px solid #0072BB;
      
        padding: 3px 0 3px 30px;
        margin:0px 0px 10px 0px;
        background:#f9f9f9;
    }
     .col1 .edu-info-leftborder p{
        font-family: "Trebuchet MS",Geneva,sans-serif;
          line-height:26px;
        font-weight:500;
        font-size:17px;
        color:#444;
     }
    .quick-box-div{
        border-bottom: 1px solid #ee6e73 !important;
    }
    .gradquick {
      background: #f44336; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#f44336, #ee6e73); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#f44336, #ee6e73); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#f44336, #ee6e73); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#f44336, #ee6e73); /* Standard syntax */
      text-align:center;width:100px;padding:7px 10px;margin-left: 54px;border-radius: 5px 5px 0px 0px;color:#fff;
    }
    .btnmedium{
        margin:5px !important;
        width: 197px !important ;
        font-size:12px !important;
        line-height: 15px !important;
        color:#555 !important;
    }
    .quk-btn-div{
        background-image: url("../images/home_devider.png");
        background-repeat: no-repeat;
        float: left;
        padding:5px 10px !important;
    }
    .quk-btn-div div{
        color:#fff;      
        border-radius:3px;
        width:197px;
        border:2px solid #fff;
        margin:10px 7px
    }
     .quk-btn-div div img{
        margin-left:18px;
     }
    .quk-btn-div a{
          border-bottom:1px dotted #5292bc;
          color:#666;
          padding:5px;
          line-height:26px;
          text-decoration:none;
    }
    .quk-btn-div a:hover{
         border-bottom:1px dotted #5292bc;
          color:#444;
    }
    
    .grup-cmpny{
        width:1000px !important;
    }
    .grup-cmpny div{
        width:320px;
        float:left;
        background:#fbfbfb;
    }
    .grup-cmpny div ul{
        padding:8px 5px 9px 20px;
    }
    .grup-cmpny div ul li{
        list-style:none;
    }
    .grup-cmpny div ul li a{
        font-size:12px;
        text-align:left;
        padding:2px 0px;
        color:#000;
        font-family:"CenturyGothicRegular";
        list-style:none;
        text-decoration:none;
        transition: all 0.3s ease 0s;
    }
     .grup-cmpny div ul li a:hover{
        text-decoration: underline;
        transition: all 0.3s ease 0s;
        color:#E63237;
     }
    .grup-cmpny .border-one{border-left:3px solid #94130D;}
    .grup-cmpny .border-two{border-left:3px solid #7da044;}
    .grup-cmpny .border-three{border-left:3px solid #0468A4;}

/* new student details */
   .student-details-table td{
        border:none;
   }
   .labelfirstname{
        color:#666;
        width:192px;
        float:left;
   }
   .labelfirstinput{
        width:200px;
        float:right;
   }
   .student-details-radio{
        border:none;
   }

/* new student details */

.method1 {
	/*background: -webkit-linear-gradient(top, #E73237, #F49484);
	background: linear-gradient(top, #E73237, #F49484);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
    color:#e43237;
    text-align:center;
     text-transform: capitalize;
     font-size:12px;
     font-family:'centurygothicregular';
     font-weight:bold;
}

/*ECRM*/
    .ecrminfo-box{
		width:312px;
		float:left;
		border:1px solid #46BC98;
		margin:0px 0px 5px 5px;
		height:380px;
        transition: all 0.3s ease 0s;
	}
    .ecrminfo-box ul{
		font-size:13px;
		color:#555;
		line-height:24px;
		padding-left:30px;
        margin:10px 0px;
	}
    .ecrminfo-box:hover{
        border:1px solid #f77049;
    }
    .ecrminfo-box ul li{		
		color:#46BC98;
	}
    .ecrminfo-box ul li span{		
		color:#555;
	}
    .ecrminfo-box:hover ul li{		
		color:#f77049;
	}
    /*try it btn
    .tryitcontainer { text-align: center; margin: auto;}
    .tryitcopyright { margin-top: 50px; font-size: 12px; text-transform: uppercase; }
    .tryitcopyright a { text-decoration: none; padding: 5px;background: #c0392b; color: #FFFFFF; }
    .tryitcopyright a:hover { background: transparent; color: #c0392b; }

    .tryitbutton {
      display: inline-block;
      height: 50px;
      line-height: 50px;
      padding-right: 30px;
      padding-left: 70px;
      position: relative;
      background-color:rgb(41,127,184);
      color:rgb(255,255,255);
      text-decoration: none;
      letter-spacing: 1px;
      margin-bottom: 0px;
  
  
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      text-shadow:0px 1px 0px rgba(0,0,0,0.5);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);

      -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
      -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
      box-shadow:0px 2px 2px rgba(0,0,0,0.2);
      -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
    }

    .tryitbutton span {
      position: absolute;
      left: 0;
      width: 50px;
      background-color:rgba(0,0,0,0.5);
  
      -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: 1px solid  rgba(0,0,0,0.15);
    }

    .tryitbutton:hover span, .button.active span {
      background-color:rgb(0,102,26);
      border-right: 1px solid  rgba(0,0,0,0.3);
    }

    .tryitbutton:active {
      margin-top: 2px;
      margin-bottom: 13px;

      -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
    -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
    box-shadow:0px 1px 0px rgba(255,255,255,0.5);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
    }

    .tryitbutton.orange {
      background: #E74C3C;
    }

    .tryitbutton.purple {
      background: #8e44ad;
    }

    .tryitbutton.turquoise {
      background: #297FB8;
    }*/

/*media*/
@media only screen and (max-width: 480px) {
    .col1 .arrow-title p {
        font-size: 12px;
    }
    .col1 .edu-info-leftborder p {
        font-size: 14px;
    }
}
.foundation-effect{
text-shadow: #A6A6A6 2px 0px 2px;
font-size:13px;
text-align:center;
margin-top:8px;
    }
    .foundation-effect a{
        color: #fff;
        text-decoration:none;
        width:138px !important;
        background:#84B30D;
        margin:5px 0px;
        cursor:pointer;
        padding:2px 20px;
        border-radius:3px;
        font-family:Verdana, Geneva, sans-serif;
    }
    .blink_me {
      animation: blinker 1s linear infinite;
    }

    @keyframes blinker {  
      40% { opacity: 0.6; }
    }