/*

 * @author ( Akash )

*/



/* not ready */



/* ##########################  general  ########################### */





/*@font-face {

  font-family: 'Arial';

 

}*/



body

{

background: #fff /*url(../images/header_outer.jpg) repeat-x */;

color: #333;

font-family: 'Open Sans', sans-serif;

overflow-x:hidden; min-height: 100%;/***********added*******************/

}



#all

{

color: #333;

border:solid 0px #ddd  !important ;

margin-top:0px;
-webkit-margin-before:0px;

min-height: 100%;background: #fff;

}

a:link,

a:visited

{

color:#7BA428

}



a:hover,

a:active,

a:focus

{

background:none;/**#669933**/

color:#FFF; padding:2px 4px;

}



input:focus

{

border:solid 2px;

}



fieldset

{

border:solid 0px #ccc

}



.article-info

{

color:#444;

}



.article-info dd span

{

color:#444;

border-right:solid 0px;



}

/* ##########################  logo  ########################### */

#header

{background:#fff}

#logo span

{

color:#4B94C9!important;

margin-top:6px;

font-size:13px !important;

letter-spacing:1px;

}



.logoheader

{

border-top:solid 2px #fff;

border-bottom:solid 2px #fff;

color:#fff;

background: #FFFFFF;/*#3A5795*/

height:165px;/*******156******/

position: relative;

width: 100%;

z-index: 1000;

box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);



}



#header-image

{

min-height:0px;

background:#E2E2E2;





}



h1#logo

{

margin:10px 20px 0px 4%;

font-size:3em;

width:auto;/**********prev auto**************/

float:left;/*******added*******/



}





#line

{

text-align:right;

margin-bottom:10px;

padding-right:20px;

}



#header #line form,

#header #line #fontsize,

#header #line form .search

#header #line form .finder

{

display:inline !important;

}



/* ##########################  header  ########################### */





#header ul

{

max-width:1030px;

right:15px;

}



/* ++++++++++++++  lists, skiplinks  ++++++++++++++ */

#header ul.menu

{



margin-top:5px !important;

list-style-type:none

}



#header ul.menu li

{

border:0

}



#header ul.menu li a:link,

#header ul.menu li a:visited

{

color:#333;

border:0;

border-right:solid 1px #eee;

background:transparent;

padding:10px 15px;

}



#header ul.menu li a:hover,

#header ul.menu li a:active,

#header ul.menu li a:focus

{

color:#444;

background:#ddd

}



#header ul.menu li.active a:link,

#header ul.menu li.active a:visited

{

color:#fff;

border-right:solid 1px #237D85;

background:#7ba428 !important

}



#header ul.skiplinks

{

width:100%

}

.skiplinks,

.skiplinks li

{

  border:solid 0px #000;

}



#header ul.skiplinks

{

  width:100%;

  text-align:left;

  background:none;

  z-index:20000;

  top:0;

  display:inline;

  padding:0

}



#header ul.skiplinks li a.u2:active,

#header ul.skiplinks li a.u2:focus



{

  background:#333 !important;

  color:#fff !important;

  border:solid 1px;

  top:0px !important;

  z-index:1000000000000 !important;

  left:10px !important;

  display:block;

    width:14em;

    display:block

}



/* ++++++++++++++  fontsize  ++++++++++++++ */



#fontsize

{

  color:#fff;

}



#fontsize p a:link,

#fontsize p a:visited

{

  color:#fff

}



#fontsize p a:hover,

#fontsize p a:active,

#fontsize p a:focus

{

  background:none;

  color:#fff

}



#fontsize h3

{

  color:#fff;

}





/* ++++++++++++++  search  ++++++++++++++ */



#header form .inputbox

{

  background:#fff !important;

}



#header form .inputbox:focus

{

  border:solid 2px #000;

}



#header form .button

{

  border:solid 1px #999;

  background:#664335 url(../images/searchbutton.png) ;

  color:#fff;

}



/* ##########################  contentarea  ########################### */



#top

{

    background:#eee;

    padding:15px;

    border:solid 1px #ddd

}



#contentarea,

#contentarea2

{

  background:#fff; min-height:100%;

}





/* ##########################  breadcrumbs  ########################### */



#breadcrumbs

{

  color:#555;

}



#breadcrumbs span

{

  color:#555;

}



#breadcrumbs span a:link,

#breadcrumbs span a:visited

{

  background:#fff;

  color:#7BA428;

}



#breadcrumbs span a:hover,

#breadcrumbs span a:active,

#breadcrumbs span a:focus

{

  background:#7BA428;

  color:#fff;

}





/* ##########################  navigation column  ########################### */



.module_content

{

  border:solid 1px #ddd;

  background:#fff

}

.moduletable_js

{

  border:solid 0px #ddd;

}



#right .moduletable_js

{

  border:0

}



#nav h3

{

  border-bottom:solid 1px #ddd;

  color:#444;

}



h3.js_heading

{

  border-bottom:solid 1px #fff !important;

  background:#eee;

  font-family: 'Open Sans', sans-serif;}



h3.js_heading span.backh

{

  border:solid 0px #000

}



h3.js_heading span.backh1

{

  color:#444

}



#right h3

{

  color:#377A2E;

  border-bottom:solid 1px #ddd;

}



#right h3 span.backh

{



}



#right h3 span.backh2

{



}



#right h3 span.backh3

{

  color:#664335

}



h3.js_heading a

{

  border:0

}



h3.js_heading a img

{

  border:0

}



h3.js_heading a.opencloselink:hover,

h3.js_heading a.opencloselink:active,

h3.js_heading a.opencloselink:focus

{

  background:none

}



h3.js_heading a:link,

h3.js_heading a:visited,

h3.js_heading a:hover,

h3.js_heading a:active,

h3.js_heading a:focus

{



}



#nav h3

{

  font-family: 'Open Sans', sans-serif;

}



#nav h3.js_heading a:focus

{



}



#nav form

{

  color:#000;

}



#nav form a:hover,

#nav form a:active,

#nav form a:focus

{

  color:#fff;

  background:none;/**#669933**/

}



/* ++++++++++++++  first level  ++++++++++++++ */

#nav .moduletable-example ul.menu

{

  background:#fff;

  border:0;

}



ul.menu

{

  border:0;

  background:none /* #fff url(../images/nav_level_1.gif) repeat-x */;

  /**border:solid 0px #eee;**/

}



.module_content ul.menu

{

  border:0;

}



ul.menu li

{

  /*border-bottom:solid 1px #ddd;*/
border-left: 5px solid #F0C237;
}





ul.menu li a:link,

ul.menu li a:visited

{

  color:#fff;
  background: #096;

  border-bottom: 1px dashed #fff;

  /*background:url(../images/karo.gif) 5px 12px no-repeat*/

}



ul.menu li.active a:link,

ul.menu li.active a:visited

{

  color:#F0C237;

}



ul.menu li a:hover,

ul.menu li a:active,

ul.menu li a:focus,

ul.menu li.active a:hover,

ul.menu li.active a:active,

ul.menu li.active a:focus

{

  /*background: #fff url(../images/nav_level_1.gif) repeat-x ;*/

  color:#fff ; background:#459b49;

}





/* ++++++++++++++  second level  ++++++++++++++ */



ul.menu li ul

{

  border:solid 0px #eee;

}



 ul.menu li ul li

{

  border:solid 0px #000;

  background:#fff;

}



 ul.menu li.active ul li a:link,

 ul.menu li.active ul li a:visited

{

  color:#444;

  border:0;

  border-bottom:solid 1px #fff;

  background: #e8e8e8

}



 ul.menu li.active ul li.active a:link,

 ul.menu li.active ul li.active a:visited

{

  border:0;

  color:#333;

  border-bottom:solid 1px #fff;

}



 ul.menu li.active ul li a:hover,

 ul.menu li.active ul li a:active,

 ul.menu li.active ul li a:focus

{

  background:#666 !important;

  color:#fff !important;

}





/* ++++++++++++++  third level  ++++++++++++++ */



ul.menu li ul li ul

{

  border:0 !important;

  background:#f5f5f5 !important;

  padding-bottom:0

}



ul.menu li.active ul li.active ul li a:link,

ul.menu li.active ul li.active ul li a:visited

{

  background:#f5f5f5 ;

  border-bottom:solid 1px #fff;

  color:#444

}



ul.menu li.active ul li.active ul li.active a:link,

ul.menu li.active ul li.active ul li.active a:visited

{

  color:#333;

}







/* ++++++++++++++  fourth level  ++++++++++++++ */



ul.menu li ul li ul li ul

{

  border:solid 1px #eee !important;

  padding-top:10px !important;

  padding-bottom:10px !important;

  background:#fff url(../images/level4.png) repeat-x !important;

}





ul.menu li.active  ul li.active  ul li.active  ul li  a:link,

ul.menu li.active  ul li.active  ul li.active  ul li a:visited

{

  font-weight:normal;

  padding: 3px 2px 3px 40px;

  font-size:0.9em;

  background:#fff url(../images/arrow_small.png) no-repeat  30px 5px;

  color:#444

}





ul.menu li.active  ul li.active  ul li.active  ul li.active  a:link,

ul.menu li.active  ul li.active  ul li.active  ul li.active a:visited

{font-weight:bold;

color:#333 }







/* ++++++++++++++  fifth level  ++++++++++++++ */



ul.menu li ul li ul li ul li ul

{

  border:solid 0px #eee !important;

  padding-top:5px !important;

  padding-bottom:10px !important;

  background:#fff url(../images/level4.png) repeat-x !important;

}





ul.menu li.active  ul li.active  ul li.active  ul li.active  ul li  a:link,

ul.menu li.active  ul li.active  ul li.active  ul li.active  ul li a:visited

{

  font-weight:normal;

  padding: 3px 2px 3px 5px;

  font-size:0.9em;

  background:#fff ;

  color:#444;

  margin:0 10px  0 35px;

  border-bottom:solid 1px #ddd

}





ul.menu li.active  ul li.active  ul li.active  ul li.active  ul li.active  a:link,

ul.menu li.active  ul li.active  ul li.active  ul li.active  ul li.active a:visited

{font-weight:bold; color:#333}





/* ##########################  content - main   ########################### */





#main

{



min-height:300px

width:100%;



}



#main a:link,

#main a:visited

{



}



#main a:hover,

#main a:active,

#main a:focus

{

  background:#7BA428;

  color:#fff;

}



#main th a:hover,

#main th a:active,

#main th a:focus

{

  background:#333;

  color:#fff;

}



.items-row

{



}



.column-1,

.column-2

{

  border: solid 0px;

}



.item-separator

{

  border: solid 0px #333333;

  

}



#main ul li

{



}



.small

{

  border:solid 0;

}



ul#archive-items li.row0,

ul#archive-items li.row1

{

  border-bottom:solid 1px #ddd

}



.archive #adminForm fieldset

{

  border:0;

  padding:0;

  margin:20px 0

}



/* ++++++++++++++  images  ++++++++++++++ */



.image-left

{

    padding:2px;

}



.image-right

{

    border:solid 1px #ddd;

    padding:2px

}





/* ++++++++++++++  leading  ++++++++++++++ */



.items-row

{



}





/* ++++++++++++++++++++ headings +++++++++++++ */



#main h1

{

  color:#544d4d;;

  border-top:solid 0px #ddd;

  border-bottom:solid 1px #ddd;

  font-family: 'Open Sans', sans-serif;



}



/* h1 on frontpage */

/*

#main .blog-featured h1

{

  border-top:solid 0px #ddd;

  border-bottom:solid 0px #ddd;

}

*/

.items-row h2

{

  color:#7BA428;

  border-top:solid 1px #ddd;

  border-bottom:solid 1px #ddd;

}

.items-row h2 a:link,

.items-row h2 a:visited,

.items-leading h2 a:link,

.items-leading h2 a:visited

{

  color:#7BA428 !important;

}







.items-row h2 a:hover,

.items-row h2 a:active,

.items-row h2 a:focus,

.items-leading h2 a:hover,

.items-leading h2 a:active,

.items-leading h2 a:focus

{color:#fff !important;

text-decoration:none !important

}











.items-leading h2

{

  color:#7BA428;

}



#main h2

{

  color:#096;/*#007C66; /*#7BA428*/

  font-family: 'Open Sans', sans-serif;
  
    font-size: 24px!important;
    font-weight: normal;
    padding: 5px!important;
}



}



#main h2 a

{

  color:#333;

}





/* ++++++++++++++  readmore  ++++++++++++++ */



.readmore a:link,

.readmore a:visited,

a.readmore:link,

a.readmore:visited

{

  color:#fff;/****#444*****/

  background:#4B94C9 /*#eee url(../images/arrow1.gif) no-repeat left top*/;

  border:solid 1px #ddd;

}



.readmore a:hover,

.readmore a:active,

.readmore a:focus,

a.readmore a:hover,

a.readmore a:active,

a.readmore a:focus

{

  background:#007CA3/*#555 url(../images/arrow2.gif) no-repeat left 6px*/ !important;

  color:#4B94C9;/*prev #fff*/

}



a.readmore:hover,

a.readmore:active,

a.readmore:focus

{

  background:#fff;

  color:#4B94C9;

}



/* ++++++++++++++  icons  ++++++++++++++ */



.actions img

{

  border:0;

}



/* ++++++++++++++  items-more  ++++++++++++++ */



#main .items-more h3

{

  border-bottom:solid 1px #ddd;

  border-top:solid 1px #ddd;

  color:#444;

}



#main .items-more ol

{

  color:#000;

}



#main .items-more ol li a

{

  background:#FFF url(../images/blog_more.gif) no-repeat  !important;

  color: #7BA428 /* #377A2E */

}



#main .items-more ol li a:hover,

#main .items-more ol li a:active,

#main .items-more ol li a:focus

{

  background: #555 url(../images/arrow2.gif) no-repeat 0px center;

  color:#333;

}



/* ++++++++++++++  pagination  ++++++++++++++ */



#main .pagination

{

  border-top:solid 1px #ddd;

}





/* ++++++++++++++  article index  ++++++++++++++ */



table.contenttoc

{

  border:solid 1px #ccc;

}





/* ##########################  right column   ########################### */



#right

{



}



#right .moduletable

{

  border:solid 0px #eee;

  border-top:0;

    margin-bottom:10px;



}



#right h3

{

  color:#333

}



#right h4

{

  color:#444;

  border:solid 0;

}



#right ul

{

  border:solid 0 #ccc;

  color:#333;

}



.moduletable-custom ul li

{

  color:#333;

  background: url(../images/arrow2_grey.png) no-repeat  2px 7px;

}



#right .moduletable-custom h4

{

color:#444

}



#right .moduletable a img

{border:0}



/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close span

{

  color:#000;

}



/* ##########################  modules  ########################### */



/* ++++++++++++++  mostread, latest news ++++++++++++++ */



.mostread li a:link,

.mostread li a:visited,

.latestnews li a:link,

.latestnews li a:visited

{

  background: url(../images/arrow2_grey.png) 2px 7px  no-repeat ;

}



.mostread li a:hover,

.latestnews li a:hover,

.mostread li a:active,

.latestnews li a:active,

.mostread li a:focus,

.latestnews li a:focus

{

  background:#555 url(../images/arrow_white_grey.png) 2px 6px  no-repeat !important;

}



/* ++++++++++++++  newsfeed  ++++++++++++++ */



ul.newsfeed

{

  border:solid 0px #000;

}



.newsfeed-item

{

  border-bottom:solid 1px #ddd;

}



.newsfeed-item h5 a

{



}



/* ++++++++++++++  newsflash  ++++++++++++++ */

/* newsflash horizontal */



ul.newsflash-horiz

{

  border:solid 1px #eee;

  background:#f5f5f5 url(../images/box.png) repeat-x;

}



.newsflash-horiz li

{

  border:solid 0px #eee;

  background:#f5f5f5;

}



ul.newsflash-horiz li h4

{

  border-bottom:solid 1px #fff;

  font-family: 'Open Sans', sans-serif;

}



/* newsflash vertical */



.newsflash-vert

{



}



/* ++++++++++++++  banner  ++++++++++++++ */



.banneritem

{

  border:0

}



.banneritem a

{

  background:none

}



.banneritem a img

{

  background:none;

  border:0

}



/* ++++++++++++++  login  ++++++++++++++ */



#login-form .inputbox

{

  border:solid 1px #ddd;

  background:url(../images/content_bg.gif) repeat-x;

}



fieldset.input

{

  border:0;

}



input.button,

button.button

{

  background:#FFFFFF url(../images/arrow1.gif) no-repeat left top;

  border:1px solid #DDDDDD;

  color:#444444;

}





/* ++++++++++++++  tabs/ slide  ++++++++++++++ */



ul.tabs

{

  border:solid 1px #ddd;

  border-bottom:0;

  background:#f5f5f5 url(../images/box.png) repeat-x;

}



ul.tabs li

{

  background:#f5f5f5 url(../images/box.png) repeat-x;

  border-right:solid 1px #ddd

}



ul.tabs li a:link,

ul.tabs li a:visited

{

  color:#333;

}



ul.tabs li a:hover,

ul.tabs li a:active,

ul.tabs li a:focus

{

  color:#000

}



.tabcontent

{

  border:solid 1px #ddd;

  background:#fff;

  color:#000;

}



.tabcontent .linkclosed

{

  color:#000;

  border-bottom:solid 1px #e5e5e5;

}



ul.tabs li a.linkopen

{

  background:#fff;

  color:#333;

  border:0

}



ul.tabs li a.linkclosed:hover,

ul.tabs li a.linkclosed:active,

ul.tabs li a.linkclosed:focus,

ul.tabs li a.linkopen:hover,

ul.tabs li a.linkopen:active,

ul.tabs li a.linkopen:focus

{

  background:#555;

  color:#fff

}





/* ++++++++++++++  category-module  ++++++++++++++ */



.category-module li

{

  border-bottom:solid 1px #ddd;

}



.category-module li li

{

  border:0

}



/* ##########################  search   ########################### */



.searchintro img

{

  border:0px

}



.inputbox:focus

{

  border:solid 2px #000;

}



.word

{

  background:#fff;

  border:solid 0px #ccc ;

}



.word input

{

  background:#fff;

  border:solid 1px #999;

  color:#444;

}



.only

{

  border:solid 1px #ccc;

}



.phrases

{

  border:solid 1px #ccc;

}



/* ++++++++++++++  selects  ++++++++++++++ */

.phrases .inputbox

{

  background:#fff;

  color:#000;

}



.phrases .inputbox option

{

  background:#f5f5f5;

  border-bottom:solid 1px #ccc;

}



.phrases .inputbox option a:hover

{

  background:#C00;

  border-color:#CFD0D6;

  color:#fff;

}



/* ++++++++++++++  search results  ++++++++++++++++++ */



dl.search-results

{

  background:#f5f5f5;

}



dl.search-results dt.result-title

{

  border-top:dotted 1px #ddd

}



dl.search-results dd.result-url

{

  border-bottom:solid 5px #fff;

  color:#115599;

}



dl.search-results dd.result-created

{

  border-bottom:solid 5px #fff;

}



/* ##########################  forms   ########################### */



/* ++++++++++++++  form validation  ++++++++++++++ */



.invalid

{

  border-color:red !important;

}



label.invalid

{

  color:red;

}



/* ##########################  user profile  ########################### */



#users-profile-core,

#users-profile-custom

{

  border:solid 1px #ccc;

}



#member-profile fieldset

{

  border:solid 1px #ccc;

}





/* ##########################  tables   ########################### */

table

{

  border:solid 1px #ddd !important

}



tbody

{



}



tr.odd,

.cat-list-row1

{

  background:url(../images/news.gif)  repeat-x;

}



table.newsfeeds td,

table.weblinks td

{



}



table.weblinks th,

table.newsfeeds th,

table.category th,

table.jlist-table th

{

  background:#444;

  color:#fff

}



table.weblinks th a,

table.newsfeeds th a,

table.category th a,

table.jlist-table th a

{

  color:#fff !important

}



td.table_footer

{

  background:#ddd url(../images/table_footer.gif) bottom left repeat-x;

}



td.counter

{



}



td.num,

td.hits

{



}



td p

{



}



table.category th a img

{

  border:solid 0px ;

}



/* for opera */

tr, td

{

  border:solid 1px #ddd

}



fieldset.filters

{

  border:0;

}





/* ##########################  contacts   ########################### */



.contact form

{

  background:#fff;

  color:#000;

}



.contact input

{

  background:#fff;

  color:#000;

}



.contact input.invalid,

.contact textarea.invalid

{

  border:solid 2px red;

}



.contact label.invalid

{

  color:red;

}





/* ++++++++++++++  Error Message contact form  ++++++++++++++ */



p.error

{

  color:#044b63;

  background:#eee;

  border-top:3px solid #044b63;

  border-bottom:3px solid #044b63;

}



body.contentpane

{

  background:#fff;

}





/* ##########################  footer   ########################### */



#footer

{



  background:#4F905E/*#333333 url(../images/tabs_back.png) repeat-x*/;

  color:#333;

  border-top:solid 5px #185F21; /*#ccc*/

  min-height:10px;

  padding:0.5% 10% 0 10%;

  

}



#footer-inner

{

  background:#F0F0F0 /*#f5f5f5 url(../images/footer.jpg) repeat-x left bottom*/;

  /*border-top:solid 1px #ddd*/

  border-top: 5px solid #E37B60;

  

  

}



#footer-sub a:link,

#footer-sub a:visited

{color:#fff; font-size:.75em;}

#footer-sub a:hover{padding:0px;}





.box1

{

  border-right:solid 1px #ddd;

}



.box3

{

  /*border-left:solid 1px #39363C;

  border-right:solid 1px #39363C;*/

}



.box4

{

  /*border-left:solid 1px #39363C;*/

}



.box5

{

  border-left:solid 1px #39363C;

  border-right:solid 1px #39363C;

}

.box h3

{

  font-family: 'Open Sans', sans-serif;

}



#bottom a img

{

  border:0 none;

}







/* ##########################  editor  ########################### */



.contentpaneopen_edit img

{

  border:0

}



form.editor fieldset

{

  border:solid 1px #ccc;

}





/* ++++++++++++++  edit  ++++++++++++++ */



form#adminForm

{

  border:solid 0px #000

}



.edit form#adminForm fieldset

{

  border:solid 1px #ddd

}



legend

{font-weight:bold}

/* ++++++++++++++  tooltip  ++++++++++++++ */

.tip

{

  border:solid 1px #333;

  background:#ffffcc;

}

table.pagenav,

table.pagenav tr,

table.pagenav td

{border:0 !important}



#main .categories-list ul

{list-style-type:none}



/* contact  plain */

#main .contact h3

{

  border-bottom:solid 1px #ddd;

  margin: 20px 0

}



.form-required

{

  font-weight:bold;

  margin:10px 0;

  background:#fff url(../images/req.png) no-repeat;

  padding:10px 40px



}



.contact .inputbox

{

  background:#fff url(../images/content_bg.gif) repeat-x ;

  border:solid 1px #ccc;

  padding:3px

}

/* contact  slider */



.panel

{

  border:solid 1px #ddd;

  margin-top:-1px



}

#main .contact .panel h3

{

  margin:0px 0 0px 0;

  padding: 0;

  background:#eee;

  border:0

}

.panel h3 a

{

  display:block;

  padding:6px;

  text-decoration:none;

  color:#444;

  padding:6px;

}





.panel h3.pane-toggler a

{

  background:#f5f5f5 url(../images/slider_plus.png) right  top no-repeat;

}

.panel h3.pane-toggler-down a

{

  background:#f5f5f5  url(../images/slider_minus.png) right  top no-repeat;

  border-bottom:solid 1px #ddd;

}



.pane-slider

{

  border:solid 0px;

  padding:0px 10px !important;

  margin:0;

  background: url(../images/nav_level_1.gif) repeat-x ;

}



.panel .contact-form,

.panel  .contact-miscinfo

{

  padding:10px

}



.contact .panel .contact-form form,

.contact .panel .contact-address

{

  margin:20px 0 0 0

}



.categories-list .category-desc ul li

{list-style-type:square

}

/* tabs */



div.current

{



  background: url(../images/nav_level_1.gif) repeat-x ;

}



#close a

{text-decoration:none}



/*Encyclopedia*/

div.encyclopedia_col1 {

  width:49%;

  float:left;



}

div.encyclopedia_col1 p.img_caption {

  font-size: .6em;

}

div.encyclopedia_col2 {

  width:49%;

  float:right;

  padding-left:3px;

  margin-left: 2px;

}

div.encyclopedia_col2 p {

  padding-left:3px;

  margin-left: 2px;

}



div.encyclopedia_links ul

{

        display:block;

        margin:0px 0px 1px 0px;

        list-style-type:none;

        padding:10px 0px 10px 0px;

        width:100%

}

div.encyclopedia_links ul li

{

        display:inline ;

        padding:2px ;

        margin:2px;

        white-space:nowrap;



}

/* ########################## sample module styling  ########################### */



div.sample-module {

    border: 2px dashed #ddd;

    padding: 10px;

    background-color: #f5f5f5;

}





/********************************************************/



#webnxtt-menu{width:60%; position:relative; top: 15px; float:left; height:40px; left:80px;}



#social-media{ float:right; bottom:0px; width:auto; position: relative; right:20px; display:inline-block;}



.social-media-img{ padding:5px; width:30px; height:30px;}

#top-block{ float:right; top:5px; width:350px; position: absolute; right:2px; display:block;}



#top-right-menu{ float:right; bottom:0px; width:auto; position: relative; right:9px; display:block;}

#top-right-menu a:link, #top-right-menu a:hover, #top-right-menu a:visited, #top-right-menu a:focus{ color:#4B94C9; text-decoration:none; padding:8px 10px 8px 10px; font-size:13px;}

#top-right-menu a:hover{ background:#4B94C9; box-shadow: 0px 1px 5px #fff; color:#fff;}



/**************search************************/



#search{ float:right; top:0px; width:auto; position: relative; right:20px; display:block;}

.btnsearch{ border-radius:10px;}

.inputboxsearch{ border-radius:5px; background: #F1F2F2 url(../images/search_btn.png) center right 10px no-repeat; height:20px!important;}

.inputboxsearch:focus{ background:#F1F2F2;}

.inputbox{ border-radius:5px; background: #F1F2F2 url(../images/search_btn.png) center right 10px no-repeat; height:15px!important; margin-top:10px; color: #CCCCCC!important;}

.inputbox:focus{ background:#F1F2F2;}



/****************** Home Page***********************/



.webnxtt-container{ width:100%; float:left; margin: 0px auto;padding-bottom: 10px; background: url("../images/webnxtt_bottom_seperator.png") no-repeat scroll center bottom transparent;}



.webnxtt-leading{ width:100%; margin: 0px auto;padding-bottom: 10px;text-align: center; background: url("../images/webnxtt_bottom_seperator.png") no-repeat scroll center bottom transparent;}



.webnxtt-column-first{ width:23%; float:left; display:block; margin-right:2%; padding-top: 10px;}



.webnxtt-column-sec{width:23%; float:left; display:block; margin-right:2%; padding-top: 10px;}



.webnxtt-column-third{width:23%; float:left; display:block; margin-right:2%; padding-top: 10px;}



.webnxtt-column-fourth{width:23%; float:left; display:block; padding-top: 10px;}



.webnxtt-intro-article{ width: 100%; }





/********************** Two Columns layout**********************/



.two-column-layout-webnxtt-container { width:85%; float:left; border-top: 2px dashed #808080;border-bottom: 2px dashed #808080; margin-left:7.5%; margin-top:6%; margin-bottom:10%;}



.two-column-layout-webnxtt-column-first{width:28%; float:left; display:block; margin-right:2%;}



.two-column-layout-webnxtt-column-first h3{color:#E37B60; font-size:24px; text-align:center; padding-top:10%;}



.two-column-layout-webnxtt-column-sec{width:65%; float:left; display:block; border-left:2px dashed #808080; padding:20px;}



.two-column-layout-webnxtt-column-sec-inner-container{ width:100%; float:left;}



.two-column-layout-webnxtt-column-sec-inner-container-column-first{ width:30%; float:left; border-right:2px dashed #808080; margin-left:5%;padding-right:5%;}



.two-column-layout-webnxtt-column-sec-inner-container-column-sec{ width:30%; float:left; margin-left:5%; }





.two-column-layout-webnxtt-column-sec-inner-container p{ color:#6F6F6F; font-size:16px; font-weight:600;}



.two-column-layout-block-one{width:48%; float:left; display:inline-block; margin-right:2%;}



.two-column-layout-block-sec{width:48%; float:left; display:inline-block; margin-right:2%;}



.two-column-layout-block-third{width:auto; float:left; display:inline-block; margin-right:2%;}



a.know-more{ background:#F68121; color:#FFFFFF; display:block; padding:5px; font-size:16px; font-weight:600; width:80px; text-align:center; float:right; margin-right:20px;}

a.know-more:link, a.know-more:active, a.know-more:focus, a.know-more:visited{ text-decoration:none; background:#DA6F1A;}

a.know-more:hover{ background:#DA6F1A!important; cursor:pointer;}



.two-column-layout-contentarea{ width: 100%; }





/***********Classes of p*********************/



.webnxtt-intro-article-heading{ color:#007C66; font-weight:600;}





/**************Seperator***********/



span.separator{ color:#fff; font-size: 14px;font-weight:normal;}/*****#fff*font-family: "Open Sans"***/





/***********News Letter form**************/



.control-label{ display:none;}

#contact{padding: 0px 0px;}



.form-horizontal .controls{ margin-left: 5px;}



.input-80{ width: 85%;}



/********************connect to us ************/



.box6 ul.menu{ padding-bottom:5px;}

.box5 ul.menu{ padding-bottom:15px;}



.webnxtt-social-connect{ padding-bottom:10px; border-bottom:solid 1px #39363C; width:90%; margin-bottom:10px;}





/*************contact bottom**************/



.contact-bottom span.separator{ font-size:1.4em;}



a.contact-bottom{ background:none; color:#FFFFFF; display:block; padding:5px; font-size:1.8em; font-weight:600;}

a.contact-bottom:link, a.contact-bottom:active, a.contact-bottom:focus, a.contact-bottom:visited{ text-decoration:none; background:none;}

a.contact-bottom:hover{ background:#007CA3!important;cursor:pointer;}



.contact-us-bottom{

width:90%; float:left; display:block; border-radius:3px; margin-top:10px;

color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(to bottom, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#2f96b4;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#ffffff;background-color:#2f96b4;*background-color:#2a85a0;}

.contact-us-bottom:active,.btn-info.active{background-color:#24748c \9;}





/********************footer*********************/



#footer-left{ width:50%; float:left;  background:#1E1B22; border-top:solid 1px #39363C;}

#footer-left li { display:inline-block; padding-left:5px; padding-right:5px;}



#footer-left ul.menu{ padding-bottom:0px;}



#footer span.separator{ font-size:14px;}



#footer ul.menu{padding: 0px 5px 0px;}



/**************table******************/



table.no-border{ border:0px hidden!important; margin-bottom:20px!important;}

tr.blue{ background: #4B94C9; color:#fff;}

tr.dark-blue{background: #007CA3; color:#fff;}



/*************page-div**************/



.webnxtt-right-box{ float:right; width:70%;}

.webnxtt-left-box{ float:left; width:70%; position:relative;}

.left-webnxtt-inquiry{ float:left; width:auto;}





/*******classes of h1***********/



h1.webnxtt-page-heading{ font-size:2.8em!important;}

h2.webnxtt-packages-heading{ font-size:2.5em!important;}





/*********Search Results**************/



.word{ display:none;}

.phrases{ display:none;}

.only{ display:none;}

.form-limit{ display:none;}

.small{display:none;}





/***********************Webnxtt-Top Info Div*************/



.info{ width:100%; height:2px; background: #16ad3c;     position: fixed;

    top: 0px;

    z-index: 1001;

}



/************************/



.webnxtt-top-banner{ min-height:0px;}



.webnxtt-top-banner-image{ min-width: 100%;

  min-height: 38em;

  background: #79C7D0 url(../images/header-background.png) no-repeat center center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  

 

}



/****************************************/



.webnxtt-top-heading{ background:#E2E2E2;}



.top-heading{ margin:0px; padding: 50px; width:400px; margin:0 auto;}



.top-heading h3{ font-size:32px!important; color:#79C7CF; border-top: 3px solid #B0B0B0; border-bottom:3px solid #B0B0B0; padding:20px;}



/************************************/



.login-area{ width:auto; float:right; padding-top:10px; padding-right:80px;}

.menulogin-top li{ display:inline-block; padding-right:20px;}

.menulogin-top li a, .menulogin-top li a:hover, .menulogin-top li a:focus{ color:#fff; background:none;}



.top-contact-menu{ width:auto; float:left;  padding-top:10px; }

.menutop-contact{ margin-bottom:0px;}

.top-contact-menu li{ display:inline-block; padding-left:20px;}



/****************Section first***********************/



.sec-one-container{ background: #1B2228; width:100%; min-height:500px;}

.sec-one-inner-container{ max-width:1024px; margin:0 auto; padding-bottom:20px;}

.sec-one-inner-container h1{ color:#fff!important; text-align:center; font-size:40px!important; border-bottom:1px solid #F68121!important;}

.sec-one-left-block, .sec-one-right-block{ background:#1B2228; display:inline-block; width:48%; margin-top:2%; min-height:450px; vertical-align:top;}

.sec-one-left-block{ margin-right:2%;}

.sec-one-left-block h1, .sec-one-right-block h1{ color:#fff!important; text-align:center; border-bottom:none!important;}

.sec-one-text{ padding-right:25px; padding-left:25px;}

.sec-one-text p{ color:#fff;}

#ahgallery{ margin:0 auto;}



/****************Section two***********************/

.leading-1{ background: url(../images/sec-two.jpg);background-repeat: no-repeat;background-attachment: fixed;background-position: center; }



.sec-two-container{ background: none; width:100%; height:450px;}

.sec-two-inner-container{ max-width:1024px; margin:0 auto; padding-bottom:20px;}

.sec-two-inner-container h1{ color:#fff!important; text-align:center; font-size:40px!important; border-bottom:1px solid #F68121!important;}

.sec-two-left-block,.sec-two-mid-block, .sec-two-right-block{ background:none; display:inline-block; width:31%; margin-top:2%; min-height:450px; vertical-align:top;}

.sec-two-left-block,.sec-two-mid-block{ margin-right:2%;}

.sec-two-left-block{ margin-left:2%;}

.sec-two-left-block h1,.sec-two-mid-block h1, .sec-two-right-block h1{ color:#fff!important; text-align:left; font-size:16px!important; padding-left:0px!important; border-bottom:none!important;}

.sec-two-text{ padding-right:25px;}

.sec-two-text p{ color:#fff;}



/****************************Section Third**********************************/

.sec-third-inner-container{ max-width:1024px; margin:0 auto; padding-bottom:20px; text-align:center;}

.sec-third-container h1{ color:#333!important; text-align:center; font-size:40px!important; border-bottom:1px solid #F68121!important;}



/*****************************************Section Four*********************************/



.sec-four-container{ background: #1B2228; width:100%; min-height:100px;}

.sec-four-inner-container{ max-width:1024px; margin:0 auto; padding-bottom:20px; padding-top:10px;}

.sec-four-inner-container h1{ color:#fff!important; text-align:left; font-size:25px!important; }

.sec-four-left-block, .sec-four-right-block{ background:#1B2228; display:inline-block; margin-top:2%; vertical-align:top;}

.sec-four-left-block{ margin-right:2%; width:30%;}

.sec-four-right-block{width:66%;}



/******************************Section News********************************************/



.sec-news h1 { font-size:18px!important; margin-bottom:0px;}

.sec-news ul{ margin-left:12px!important;}

.sec-news li{ list-style:disc;}



/*************************Bottom Menu***************************/

ul.menubottom{ margin-top:4%; border-bottom: 2px solid #ddd; margin-left:10%; width:70%; padding-left:18px;}

ul.menubottom li{ display:inline-block; padding:5px; font-size:18px;}



/*****************Last Bottom Menu*********************************/



ul.menulastbottom{ margin-top:1%;margin-left:10%; width:25%; padding-left:18px;}

ul.menulastbottom li{ display:block; padding:5px; font-size:14px;}



/*******************Address************************/



.article_anywhereaddress{ float:right; margin-top:-21%; margin-right:17%; border-left: 1px solid #ddd; padding-left:4%;}



/****************Copyright**************************/

ul.menucopyright{ margin-top:17%; padding-left:17%;}

ul.menucopyright li span.separator{ color:#333; font-size:12px;}



/****************************/



.timeline_footer{ background:#F0F0F0;}

a.powered-{ display:none;}



/*******************/

.portfolio-list{ }

#projects-wrapper{ max-width:86%; margin:0 auto;}

.page-header{ background:#949599; padding-left:7%!important;}

.page-heaader h1{ color:#fff;}

.page-header::before{ content:""; background:#949599; height:61px; position:absolute; width:1%; left:0px;}



/**************************************************/

/*

a {background-position: 50% 50%;

	background-repeat: no-repeat;

	background-origin: border-box;

	

	display: inline-block; width: 100px; height: 100px;

	border-width: 50px;

	border-color: rgba(0,0,0,0);

	

	border-radius: 100%;

	-moz-border-radius: 100%;

	-webkit-border-radius: 100%;

	

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	

	-webkit-transition: 0.5s ease;

	-moz-transition: 0.5s ease;

	-ms-transition: 0.5s ease;

	-o-transition: 0.5s ease;

	transition: 0.5s ease;

}



a:hover {

	border-width: 0;

	border-color: rgba(0, 0, 0, 0.5);

}



.one{border-style: solid;}

.two{border-style: dashed;}

.three{border-style: dotted;}



.yon {border: 50px solid rgba(0, 0, 0, 0.7);}

.goo {border: 50px dashed rgba(0, 0, 0, 0.7);}

.rok {border: 50px dotted rgba(0, 0, 0, 0.7);}

.ryk {border: 50px double rgba(0, 0, 0, 0.7);}

.yon:hover{border: 1px solid rgba(0, 0, 0, 0.7);}

.goo:hover{border: 1px dashed rgba(0, 0, 0, 0.7);}

.rok:hover{border: 1px dotted rgba(0, 0, 0, 0.7);}

.ryk:hover{border: 1px double rgba(0, 0, 0, 0.7);}



.x7, .x8, .x9 {

	border-radius: 0;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

}

.x7 {border: 50px solid rgba(0, 0, 0, 0.7);}

.x8 {border: 50px dashed rgba(0, 0, 0, 0.7);}

.x9 {border: 50px dotted rgba(0, 0, 0, 0.7);}

.x7:hover {border: 1px solid rgba(0, 0, 0, 0.7);}

.x8:hover {border: 1px dashed rgba(0, 0, 0, 0.7);}

.x9:hover {border: 1px dotted rgba(0, 0, 0, 0.7);}



*/

/************************************/



.zt-module-testimonial-description{ max-width:1024px; margin:0 auto; padding-left:20px;}



/********************/



a.more-clients{ font-size:16px; border-top:1px solid #F90;padding:5px 28px 10px 20px!important;}

a.more-clients:hover, a.more-clients:focus, a.more-clients:visited, a.more-clients:active{ background:none!important; color:#333!important; text-decoration:none;}

a.more-clients:hover{padding:5px 48px 10px 40px!important;}



/**************************************/



a.project-icon:hover{background: transparent url("../images/project-ico.png") no-repeat scroll center center!important;}



a.link-icon:hover{background: url("../images/link-ico.png")!important;}

a.gallery-icon:hover{background: url("../images/finder-ico.png")!important;}



.project-img-extra{ background-image: -moz-linear-gradient(center top , #F68121 0%, #F68121 100%)!important;

}

.project-img-extra-content h4{ color:#fff; font-size:1.5em;}



.project-item-meta h2{ font-size:1.5em!important;}

.project-item-meta h2 a:hover{ background:none!important; color:#F68121!important}



/**********************************************************/



.content-container{ max-width:86%; margin: 0 auto;}



/*************************************************************/

a#timeline_loadmore_100{ background:#004466; color:#fff;}





/************************Vajra**********************************/



#dst {

    width: 35%;

    position: fixed;

    top: 0px;

    height: auto;

    float: right;

    padding-top: 20px;

    padding-bottom: 0px;

    margin: auto;

    margin-left: 0px;right: 50px;

}



#dst img{float:left;}

.jfontsize{float:right;}

.jfontsize-button{ color:#ccc!important;}



#bg{ width:100%; height:100%; overflow: hidden; background: url(../images/bg.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;  float:left; position: absolute;}



.leading-0{ min-height:100%;}  



html{min-height:100%}



#hor-nav{ margin: 0 auto; width:100%;text-align:center; bottom:30px; position: fixed;}



#hor-nav a{ color:#fff; font-size:16px; padding:5px; font-weight:bold; text-decoration:none;}

#hor-nav a:hover, #hor-nav a:focus{ background:none; border-bottom:2px solid #fff;}

span.sep{ color:#fff; font-size:16px; font-weight:bold;}



/***********Section 1******************/



#vj-cons1{ width:100%; float:left;  position: relative; background: #fff url(../images/bgs3.jpg) no-repeat top left fixed; 

  -webkit-background-size: contain;

  -moz-background-size: contain;

  -o-background-size: contain;

  background-size: cover; min-height:100%; margin-top:100%; border-bottom:#ccc solid 1px;}

#vj-sub-cons1{ max-width:80%; float:left; margin:6% 10%; position:relative; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); background:#fff; }

#vj-lfts1, #vj-rgts1{ width:44%; z-index:200; padding:2% 0 6% 6%;}

#vj-lfts1{background: #fff; /*url(../images/bgs2.jpg) no-repeat top left fixed; 

  -webkit-background-size: contain;

  -moz-background-size: contain;

  -o-background-size: contain;

  background-size: contain;*/ height: 100%; position: relative; left:0; overflow:hidden; float:left;}

  #vj-lfts1 p{ font-size:1.4em;}

#vj-rgts1{ position:relative; background:#fff; height: 100%; float:right; padding:2% 8%; width:34%;} 



/******************Section 2******************/

#vj-con{ width:100%; float:left;  position: relative; background: #ccc; min-height:100%; margin-top:0px; }

#vj-lft, #vj-rgt{ width:50%; z-index:200;}

#vj-lft{background: url(../images/bgs2.jpg) no-repeat top left fixed; 

  -webkit-background-size: contain;

  -moz-background-size: contain;

  -o-background-size: contain;

  background-size: contain; height: 100%; position:absolute; left:0; overflow:hidden; float:left;}

#vj-rgt{ position:relative; background:#fff; height: auto; float:right; padding:2% 0; width:50%;} 

#vj-rgt h1{ margin:0 15%!important;}

.vjmsg{ width:100%; float:left; padding:5% 0;}

.vg-rgt-img{ background: transparent; position: relative; width:150px; height:165px; z-index:300; float:left; margin-left: -102px; margin-bottom:10px;}

img.vg-cnt{ position:relative; width:100%; height:100%;}

.msg{ float:left; padding:5% 0 0 2%; width:70%; margin-left: 8%;}



/**************************Section 3*************************/



#s3vj-con{ width:100%; float:left;  position: relative; background: #ccc; min-height:100%; margin-top:0px; }

#s3vj-lft, #s3vj-rgt{ width:50%; z-index:200;}

#s3vj-rgt{background: url(../images/bgs3.jpg) no-repeat top right fixed; 

  -webkit-background-size: contain;

  -moz-background-size: contain;

  -o-background-size: contain;

  background-size: contain; height: 100%; position:absolute; right:0; overflow:hidden; float: right;}

#s3vj-lft{ position:relative; background:#fff; height: auto; float: left; padding:8%; width:34%;}  

#s3vj-lft li{ font-size:1.2em;}

a.btn{ text-align:center; display:block; width:100%; background:#B3B8D9; color:#fff; border-radius:5px; padding:15px; margin-bottom:15px; font-size:1.2em; font-weight:bold;}

a.btn:hover, a.btn:focus{ cursor:pointer; background:#1375B5!important;}

/*******************Section 4**********************************/



#s4vj-con{ width:100%; float:left;  background: url(../images/bgs4.jpg) no-repeat center center fixed; 

  -webkit-background-size: contain;

  -moz-background-size: contain;

  -o-background-size: contain;

  background-size: cover; height: 100%; position: relative; min-height:100%; margin-top:0px; }



#s4vj-int{ position:relative; background: none; height: auto; float: left; margin:5%; padding:5%; width:80%;}  

#s4vj-int p, #s4vj-int h1{ color:#fff; opacity:1; z-index:100; position: relative;}

#s4vj-int::before{ content:""; background:#091B4A; position: absolute; left:0; height: 80%; float: left;  width:100%; opacity:0.5;}  





/*********************Section 5**************/



#vj-con6{ width:100%; float:left;  position: relative; background: #ccc; min-height:100%; margin-top:0px; }

#vj-lft6, #vj-rgt6{ width:50%; z-index:200;}

#vj-lft6{background: url(../images/bgs2.jpg) no-repeat top left fixed; 

  -webkit-background-size: contain;

  -moz-background-size: contain;

  -o-background-size: contain;

  background-size: contain; height: 100%; position:absolute; left:0; overflow:hidden; float:left;}

#vj-rgt6{ position:relative; background:#fff; height: auto; float:right; padding:4% 4%; width:42%;}  



#vj-rgt6 p, #vj-rgt6 li{ font-size:1.3em;}



/***********************Section 6*********************/



#s6vj-con{ width:100%; float:left;  position: relative; background: #ccc; min-height:100%; margin-top:0px; }

#s6vj-lft, #s6vj-rgt{ width:50%; z-index:200;}

#s6vj-rgt{background: url(../images/bgs3.jpg) no-repeat top right fixed; 

  -webkit-background-size: contain;

  -moz-background-size: contain;

  -o-background-size: contain;

  background-size: contain; height: 100%; position:absolute; right:0; overflow:hidden; float: right;}

#s6vj-lft{ position:relative; background:#fff; height: auto; float: left; padding:8%; width:34%;}  

#s6vj-lft li{ font-size:1.2em;}





/*******************Section 7**********************************/



#s7vj-con{ width:100%; float:left;  background: url(../images/bg.jpg) no-repeat center center fixed; 

  -webkit-background-size: contain;

  -moz-background-size: contain;

  -o-background-size: contain;

  background-size: cover; height: 100%; position: relative; min-height:100%; margin-top:0px; }



#s7vj-int{ position:relative; background: none; height: auto; float: left; margin:5%; padding:5%; width:80%;}  

#s7vj-int p, #s7vj-int h1{ color:#fff; opacity:1; z-index:100; position: relative;}

#s7vj-int::before{ content:""; background:#091B4A; position: absolute; left:0; height: 80%; float: left;  width:100%; opacity:0.5;}  





/*********************Section 8**************/



#vj-con8{ width:100%; float:left;  position: relative; background: #ccc; min-height:100%; margin-top:0px; }

#vj-lft8, #vj-rgt8{ width:50%; z-index:200;}

#vj-lft8{background: url(../images/bgs2.jpg) no-repeat top left fixed; 

  -webkit-background-size: contain;

  -moz-background-size: contain;

  -o-background-size: contain;

  background-size: contain; height: 100%; position:absolute; left:0; overflow:hidden; float:left;}

#vj-rgt8{ position:relative; background:#fff; height: auto; float:right; padding:4% 4%; width:42%;}  



#vj-rgt8 p, #vj-rgt8 li{ font-size:1.3em;}





/***********************Section 9*********************/



#s9vj-con{ width:100%; float:left;  position: relative; background: #ccc; min-height:100%; margin-top:0px; }

#s9vj-lft, #s9vj-rgt{z-index:200;}

/*#s9vj-rgt{background: url(../images/vajra-plan.jpg) no-repeat top right fixed; 

  -webkit-background-size: contain;

  -moz-background-size: contain;

  -o-background-size: contain;

  background-size: contain; height: 100%; position:absolute; right:0; overflow:hidden; float: right;}*/

#s9vj-lft{ position:relative; background:#B2B0B1; height: auto; float: left; padding:2% 8%; width:84%;}  

#s9vj-lft li{ font-size:1.2em;}

img.vp{width:100%;}



/*****************************Vajra Nav**********************/



.vajra-nav {

    position: fixed;

    top: 35%;

    right: 1%;

    z-index: 2000;

}



.vajra-nav ul {

    position: relative;

    display: inline-block;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none;

    cursor: default;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.vajra-nav li {

    position: relative;

    display: block;

    margin: 16px !important;

    width: 16px;

    height: 16px;

    cursor: pointer;

}

.vajra-nav li a {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    outline: none;

    border-radius: 50%;

    background-color: RGBA(246, 140, 31, 0.31) !important;

    text-indent: -999em;

    cursor: pointer;

    position: absolute;

    content: no-open-quote;

    -webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease;

    transition: transform 0.3s ease, background-color 0.3s ease;

}



.vajra-nav li a:hover,

.vajra-nav li a:focus{

	background-color: #F68C1F!important;-webkit-transform: scale(1.5);

	transform: scale(1.5);

}



.vajra-nav li.current a {

	background-color: #F68C1F!important;

	-webkit-transform: scale(1.5);

	transform: scale(1.5);

 }

 

 /************ Responsive css***********/

 

 @media screen and (max-width: 1024px) {

 #vj-lft {width:100%;background-size: cover;}

 #vj-rgt{width: 70%; margin: 5% 15%;}

 .vg-rgt-img{ width:100%;text-align: center;margin-left:0px;}

 .msg{width: 96%;text-align: center;margin-left:0px;}

 #s3vj-lft{padding: 2%;width: 66%;margin: 5% 15%;z-index: 300;}

 #s3vj-rgt{width: 100%;background-size: cover;}

 a.btn{width:94%;padding:3%}

 #s4vj-int::before{height:95%;}

 #vj-rgt h1 {margin: 0 3% !important;}

 #vj-lft6{width:100%;background-size: cover;}

 #vj-rgt6 { padding: 4% 2%; width: 66%; margin: 5% 15%;}

 #s6vj-rgt{width:100%;background-size: cover;}

 #s6vj-lft { padding: 4% 2%; width: 66%; margin: 5% 15%;z-index:300;}

 #vj-lft8{width:100%;background-size: cover;}

 #vj-rgt8{ padding: 4% 2%; width: 66%; margin: 5% 15%;z-index:300;}

 #s9vj-rgt{width:100%;background-size: cover;}

 #s9vj-lft{ padding: 4% 2%; width: 66%; margin: 5% 15%;z-index:300;}

 

 }



/********************* Vajra Main Menu**********************/



#vajra-menu{float: left;width: 100%;}





/********************************Responsive CSS*********************/

@media screen and (max-width: 1024px) { 
#crsi-head h1{ color:#10AB69; line-height:49px!important; font-size:28px!important; font-family:'Merriweather', serif;}
#crsi-head h2{ color:#7ac97a/*#7ac97a*/; line-height:20px; font-size:16px!important;font-family:'Merriweather', serif;}
#crsi-head h3{ color:#F0C237/*#7ac97a*/; line-height:15px; font-size:13px!important;font-family:'Merriweather', serif;}
#iitk {margin-left:0px!important;}

}

@media screen and (max-width: 934px) { 

   .jfontsize {position: absolute; top: 5px; right: 0;} 

#crsi-head h1{ color:#10AB69; line-height:49px!important; font-size:25px!important; font-family:'Merriweather', serif;}
#crsi-head h2{ color:#7ac97a/*#7ac97a*/; line-height:20px; font-size:16px!important;font-family:'Merriweather', serif;}
#crsi-head h3{ color:#F0C237/*#7ac97a*/; line-height:15px; font-size:13px!important;font-family:'Merriweather', serif;}
#iitk {margin-left:0px!important;}

  

}  



@media screen and (max-width: 599px){

  #logo img{width:80%;}

  #dst img {width: 80%;}

  #dst {right: 10px;}

  #vj-lfts1, #vj-rgts1 {

    width: 100%;

    z-index: 200;

    padding: 2%; float:left;

}

  

  .msg {padding: 10% 0 0 2%;}

#crsi-head h1{ color:#10AB69; line-height:49px!important; font-size:18px!important; font-family:'Merriweather', serif;}
#crsi-head h2{ color:#7ac97a/*#7ac97a*/; line-height:20px; font-size:14px!important;font-family:'Merriweather', serif;}
#crsi-head h3{ color:#F0C237/*#7ac97a*/; line-height:15px; font-size:12px!important;font-family:'Merriweather', serif;}
#iitk {margin-left:10px!important;}

}



@media screen and (max-width: 599px){

  #logo img{width:60%;}

  #dst img {width: 80%;}

} 



/******************** Main Menu********************/



.icemegamenu ul{background:#0c420c; position:absolute;}

.icemegamenu ul li.active {

    background: #078423;

}


/****************added for crsi*************/

#crsi-head{ float:left; width:71%; text-align:center; padding-top:5px;}
#crsi-head h1{ color:#10AB69; line-height:57px; font-size:33px; font-family:'Merriweather', serif;}
#crsi-head h2{ color:#7ac97a/*#7ac97a*/; line-height:30px; font-size:20px;font-family:'Merriweather', serif;}
#crsi-head h3{ color:#F0C237/*#7ac97a*/; line-height:20px; font-size:15px;font-family:'Merriweather', serif;}
#iitk{ float:left; width:102px; padding-top:12px;margin-left: 20px;}

#crsi-menu{float: left;width:100%;}
.icemegamenu > ul { height:35px;border-radius: 0px;width: 95%;padding-left: 5%;}
.icemegamenu > ul > li a.iceMenuTitle{height: 34px;line-height: 20px; color:#fff;}
.icemegamenu > ul > li.active:first-child {border-radius: 0px;}
ul.icesubMenu ul{ top:-15px;}
ul.icesubMenu ul > li { width: 280px; background:#078423;}
ul.icesubMenu > li a.iceMenuTitle { line-height:30px; background:#078423;}

/************/
ul.menu li a:link, ul.menu li a:visited{padding:10px;}

/****************************/
.crsi-news, .iitk-loc {
    background: #C0F8D2;
    width: 97%;
    margin-left: 1.8%;padding: 0 0 10px 0;
}

.crsi-news h2, .iitk-loc h2{padding: 8px 8px 2px 8px;}
.crsi-news ul{padding: 0 8px!important;margin-left: 15px !important;}
.crsi-news ul li{ list-style: disc outside !important;}

.under-line{width: 92%;
    margin-left: 3%;
    border: none;
    border-top: 1px dashed #F0C237;

}

.iitk-loc {margin-top:20px;}

/***************/
#breadcrumbs{padding: 8px 0 !important;background: none;}
.breadcrumbs a:hover{ color:#F0C237; padding:0;}

/**********************************************/

.item-page h2 {
    color: #fff!important;
    background: #56B174;
    border-left: 5px solid #F0C237;
    margin-top: 10px!important;
}

.item-page tr.tb-color{ background:#c9f9c9;}
.item-page tr td{ padding:5px;}
.item-page tr td img{ width:105px; height:110px;}

/******************/
#footer .menu li{border-left:0px; text-align:center;}