
/* CSS Document */
@font-face {
  font-family: 'Myraid Pro';
  src: url('../fonts/myriad_pro/MyriadWebPro.eot');
  src: url('../fonts/myriad_pro/MyriadWebPro.eot?#iefix') format('embedded-opentype'),
    url('../fonts/myriad_pro/MyriadWebPro.woff') format('woff'),
    url('../fonts/myriad_pro/MyriadWebPro.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Humanst521 BT';
  src: url('Humanist521BT-Roman.eot');
  src: url('Humanist521BT-Roman.eot?#iefix') format('embedded-opentype'),
    url('Humanist521BT-Roman.woff') format('woff'),
    url('Humanist521BT-Roman.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.left_side a{
	color: rgba(4,148,6,1)!important;
}

body{font-family: 'Myraid Pro';  font-size:16px;}

.banner{ width:100%; max-width:100%}
.banner1{ float:left; position:absolute; z-index:9999999; top:20%; width:100%; padding-top:20px; padding-bottom:20px; height:20px; background-color:#000; max-width:100%; background-image:url(images/trans.png); background-repeat:repeat;}
.span1{ font-size:48px; display:block; padding-top:0px; color:#FFF; padding-left:25px; display:block;}
.scrip{ float:left; }
.scrip1{ position:relative; bottom:53px;  }
.span2{ font-size:48px; color:#006D33; display:block; padding-top:20px; text-align:left;}
.dot{ list-style-image:url(dot.png);     padding-left: 30px; margin-left:30px; padding-top: 10px;}


.pdf{ list-style-image:url(themes/nsia/images/pdf.jpg) ; line-height:33px;}
img.displayed {
  display: block; margin-top:5px; margin-bottom:5px;
    margin-left: auto;
    margin-right: auto; padding:5px; 
  
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.top_list{ background-color:#E1E1E1; float:left; width:100%; padding-top:0px; padding-bottom:0px; margin-bottom:10px;}
.inner-top_scrip{ background-image:url(images/inner_topscrip.jpg); background-repeat:no-repeat; float:left; width:100%; height:4px; background-color:#08712E}
.banner_inner{ float:left; width:100%}
.inner-bottom_scrip{ float:left; width:100%; height:12px; background-image:url(images/inner_bottomscrip.jpg); background-repeat:no-repeat; background-color:#3D5F00; }

.breadcum{ float:left; width:100%; font-size:12px; padding-top:20px; padding-bottom:10px; border-bottom:1px solid #CCC; margin-bottom:10px;}
.title_page{ color:#006D33; font-size:32px;}

.p_title{ color:#77AB1E; font-size:18px; display:block; font-weight:bold;}
h3{ color:color:#77AB1E;}

.left_side{ padding-right:50px; font-weight:300; line-height:28px; font-size:15px}
.border_left{border-right:1px solid #CCC; min-height:750px}
.pad_div{ padding-right:0px; padding-left:0px;}
.pad_div2{ padding-right:0px !important;  padding-left:0px !important; }

.pad_div30{ padding-right:0px !important;  padding-left:0px !important; padding-bottom:35px; background-color:#F3F2EA; }


.pad_div3{ padding-right:0px !important;  padding-left:0px !important;}
.map{position:relative; z-index: 999999; top:12px; width:200px; padding-left:150px; font-size:11px; font-weight:bold; }

.map2{position:relative; z-index: 999999; top:12px; padding-left:250px; font-size:11px; font-weight:bold; }
.fontsize{position:relative; z-index:0; top:-9px; padding-left:220px;}
.form_div{ top:-30px}
.nse_header {font: 9pt;font-weight: bold;margin-bottom: 0px; visibility:hidden}

table.nsewidget {color: #999; width:100%;} 

table.nsewidget th,table.nsewidget td {min-width:83px;text-align:left;padding-right:10px; padding:10px}
table.nsewidget th {padding-left:10px;}
table.nsewidget td {padding-left:10px; font-size:12px; color:#666;}

table.nsewidget .widget_even {background:#dddddd;}
table.nsewidget .widget_odd {background:#ffffff;}
table.nsewidget .widgettitle {background:#006D34;color:#ffffff}
.lightboxcontainer {
  width:100%;
  text-align:left;
}
.lightboxleft {
  width: 40%;
  float:left;
}
.lightboxright {
  width: 60%;
  float:left;
}
.lightboxright iframe {
  min-height: 390px;
}
.divtext {
  margin: 36px;
}
@media (max-width: 800px) {
  .lightboxleft {
    width: 100%;
  }
  .lightboxright {
    width: 100%;
  }
  .divtext {
    margin: 12px;
  }
}

hr {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    border: 0 !important;
    border-top: 3px solid #fff !important;
}

.speech-bubble {
   width: 120px;
   height: 80px;
   background: gray;
   position: relative;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

.speech-bubble:before {
   position: absolute;
   right: 100%;
   top: 26px;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid gray;
   border-bottom: 13px solid transparent;
   content: '';
}

.side_navtitle{ color:#006D33; font-size:24px;}
.search-form .form-group {
  float: right !important; top:-36px;
  transition: all 0.35s, border-radius 0s;
  width: 32px;
  height: 32px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 25px;
  border: 1px solid #ccc; z-index:6666666;
}
.search-form .form-group input.form-control {
  padding-right: 20px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
}
.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
}
.search-form .form-group input.form-control:-moz-placeholder {
  /* Firefox 18- */
  display: none;
}
.search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  display: none;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
  display: none;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 100%;
  border-radius: 4px 25px 25px 4px;
}
.search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #006D34;
  left: initial;
  font-size: 14px;
}



a.back-to-top {
	display: none;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 10px;
	background: #27AE61 url("up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #000;
}
.btn-default2{
    background:transparent;
    color:#006D33;
    border:none; font-size:14px; 
   
}
.btn-default2:hover{
   
    color:#000; background-color:transparent;
}

a.arrow3:link{ float:left; background-image:url(images/arrow3.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:77px;
 }

a.arrow3:hover{ float:left; background-image:url(images/arrow4_hover.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:77px;  transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out; 
    -o-transition:all 0.3s ease-in-out;}
	
	a.arrow5:link{ float:left; background-image:url(images/arrow3.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:77px;
 }
 .html5gallery-title-text-0{ font-size:12px !important; font-family: 'HMyraid Pro'; }

a.arrow5:hover{ float:left; background-image:url(images/arrow4_hover.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:57px;  transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out; 
    -o-transition:all 0.3s ease-in-out;}



a.arrow4:link{  background-image:url(images/arrow4.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:75px; }

a.arrow4:hover{ float:left; background-image:url(images/arrow4_hover.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:75px;
 transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;}
	
	a.arrow5:link{ float:left; background-image:url(images/arrow3.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:30px;
 }

a.arrow5:hover{ float:left; background-image:url(images/arrow3_hover.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:30px;  transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out; 
    -o-transition:all 0.3s ease-in-out;}
	
	
.all_c{ background-color:#F3F3F5; width:100%; float:left; position:relative; bottom:53px;}
.border{ border-top:3px solid #91F1B0; width:100%; position:relative; bottom:53px; padding-top:40px; }

.border2{ /* background-image:url(images/scrip3.jpg); background-repeat: no-repeat; height:3px; */ width:100%; margin-top:40px; padding-top:40px; clear:both;}
.style_text{ color:#fff; font-size:18px; padding-left:25px; display:block;}
.slider_contentbg{ width:100%; background-color:#F3F3F5; padding-top:15px; padding-bottom:10px; position:relative;}
.top_bg{ background-color:#D3D3C9; width:100%; padding-top:20px; padding-bottom:20px; padding-left:25px; }
.top_bg1{ background-color:#78AC1E; width:100%; color:#fff !important; padding-top:20px; padding-bottom:20px; padding-left:25px; }
.small_text1{ display:block; text-align:left; color:#fff; font-size:30px;}
.small_text{ display:block; text-align:left; color:#006D33; font-size:30px;}

.small_text3{ display:block; text-align:left; color:#006D33; font-size:30px; padding-top:20px; padding-bottom:10px; padding-left:15px;}

.botom_bg1{ background-color:#78AC1E; padding:0px 10px 10px 10px; float:left; height:230px; color:#fff; font-size:14px; font-weight:300;}
.botom_bg{ background-color:#F3F2EA; padding:30px 10px 10px 10px; float:left; height:380px; font-size:14px !important; font-weight:300 !important;}
.img_res1{float:left; position:relative; bottom:55px; left:-4px;}
.img_res{float:left; position:relative; bottom:77px; left:-72px;}
.scrip2{ float:left; width:100%; height:11px; background-image:url(images/scrip2.png); background-repeat:no-repeat; background-color:#18673E;}
.bottom_green{ float:left; background-color:#00803E; width:100%; text-align:center; padding-top:70px; padding-bottom:70px;  }
.icon{background-image:url(images/icon.png); background-repeat:no-repeat; width:84px; height:64px; position: absolute; right:20px; bottom: 0; }



.footertopborder {
    height:3px;
    background: rgba(179,231,89,1);
    background: -moz-linear-gradient(left, rgba(179,231,89,1) 0%, rgba(62,96,1,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(179,231,89,1)), color-stop(100%, rgba(62,96,1,1)));
    background: -webkit-linear-gradient(left, rgba(179,231,89,1) 0%, rgba(62,96,1,1) 100%);
    background: -o-linear-gradient(left, rgba(179,231,89,1) 0%, rgba(62,96,1,1) 100%);
    background: -ms-linear-gradient(left, rgba(179,231,89,1) 0%, rgba(62,96,1,1) 100%);
    background: linear-gradient(to right, rgba(179,231,89,1) 0%, rgba(62,96,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e759', endColorstr='#3e6001', GradientType=1 );
}
footer {
    width:100%;
    height:166px;
}
.footerlink {
    margin-top:70px;
}
.footerlink > ul {
    padding:0;
    margin:0;
}
.footerlink > ul > li{
    list-style:none;
    display:inline;
}
.footerlink > ul > li{
    padding-right: 30px;
}
.footerlink > ul > li:last-child{
    padding-right: 0px;
}
.footerlink > ul > li > a{
    color:#504f4f;
    text-decoration: none;
}
.footerlink > ul > li > a:hover{
    color: #006D34;
}

.socialmedia {
    padding-top:25px;
    padding-bottom:10px;
    width:100%;
    text-align:right;
}
.socialmedia > ul {
    padding:0;
    margin:0;
}
.socialmedia > ul > li{
    list-style:none;
    display:inline;
}
.socialmedia > ul > li{
    padding-right: 5px;
}
.socialmedia > ul > li:last-child{
    padding-right: 0px;
}
.socialmedia > ul > li > a{
    outline:none;
    text-decoration: none;
}
.socialmedia > ul > li > a:hover{
    opacity:0.7;
}
.copyright {
    font-size:13px;
    line-height:18px;
    color:#504f4f;
    width:100%;
    text-align:right;
}


.imptantlink {
    margin-top:10px;
    width:100%;
    text-align:right;
}
.imptantlink > ul {
    padding:0;
    margin:0;
}
.imptantlink > ul > li{
    list-style:none;
    display:inline;
    border-right:solid 1px #504f4f;
}
.imptantlink > ul > li{
    padding: 0 5px;
    font-size:12px;
}
.imptantlink > ul > li:last-child{
    padding-right: 0px;
    border-right:none;
}
.imptantlink > ul > li > a{
    color:#504f4f;
    text-decoration: none;
}
.imptantlink > ul > li > a:hover{
    color: #006D34;
}

















  @media only screen and (max-width : 1199px) {
	  
.map2{position:relative; z-index: 999999; top:12px; padding-left:180px; font-size:11px; font-weight:bold; }
	  .map{position:relative; z-index:0; top:12px; padding-left:100px; font-size:11px; font-weight:bold;     z-index: 9999999;
    width: 170px; }
.fontsize{position:relative; z-index:0; top:-9px; padding-left:160px;}

	  
	  .menu_res{  
    display: block;
    clear: both;
    width: 100%;}
	  	a.arrow5:link{ float:left; background-image:url(images/arrow3.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:0px;
 }

a.arrow5:hover{ float:left; background-image:url(images/arrow3_hover.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:0px;  transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out; 
    -o-transition:all 0.3s ease-in-out;}
	  
.small_text3{ display:block; text-align:left; color:#006D33; font-size:30px; padding-top:10px; padding-bottom:5px;}
	  
	  a.arrow4:link{  background-image:url(images/arrow4.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:45px; }

a.arrow4:hover{ float:left; background-image:url(images/arrow3_hover.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:45px;
 transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;}
	
.top_bg1{ background-color:#78AC1E; width:100%; color:#fff !important; padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:10px; }
	  .botom_bg{ background-color:#F3F2EA; padding:30px 10px 10px 10px; float:left; }
	  
.botom_bg1{ background-color:#78AC1E; padding:0px 10px 10px 10px; float:left; height:150px; color:#fff}
	 .auto_w{ width:100%;} 
	 
a.arrow3:link{ float:left; background-image:url(images/arrow3.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:45px;
 }

a.arrow3:hover{ float:left; background-image:url(images/arrow3_hover.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:45px;  transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out; 
    -o-transition:all 0.3s ease-in-out;}
	  .navbar-default .navbar-nav > li > a {
    color: #006926;
    font-size: 16px !important;
	
	

    }
	
	
	.nav > li > a {
    position: relative;
    display: block; 
    padding: 15px 8px 13px 8px !important;

	
	
	}
	.img_res{ visibility:hidden}
	.img_res1{ visibility:hidden}
	
	.green_bg{ background-color:#78AC1E; width:100%; float:left}
	
	
  }
  
  
   @media only screen and (max-width:600px) {
	   .botom_bg {
    background-color: #F3F2EA;
    padding: 30px 10px 10px 10px;
    float: left;
    height: 285px  !important;
    display: block;
    clear: both;
}
	   
	   .top_bg1 {
    background-color: #78AC1E;
    width: 100%;
    color: #fff !important;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 10px;
    margin-top: 240px !important;
}
	   .arrow3{ margin-top:10px !important; padding-top:10px !important;}
	   }
  
  
  
   @media only screen and (max-width : 991px) {

.map2{position:relative; z-index: 999999; top:12px; padding-left:100px; font-size:11px; font-weight:bold; }
	   
	  .map{position: relative;
    z-index: 0;
    top: 12px;
    padding-left: 0px;
    font-size: 11px;
    font-weight: bold; float:right }
.fontsize{position:relative; visibility:hidden; z-index:0; top:-9px; padding-right:40px;}
a.arrow3:link{ float:left; background-image:url(images/arrow3.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:20px; }

a.arrow3:hover{ float:left; background-image:url(images/arrow3_hover.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:20px;}
	  
	  .navbar-default .navbar-nav > li > a {
    color: #006926;
    font-size: 12.9px !important;

    }
	
	.nav > li > a {
    position: relative;
    display: block;
    padding: 15px 4px 13px 4px !important; 

	
	
	}
	
.botom_bg{ background-color:#F3F2EA; padding:30px 10px 10px 10px; float:left; height:200px; display:block; clear:both}

.top_bg1{ background-color:#78AC1E; width:100%; color:#fff !important; padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:10px; margin-top:200px; }

.icon{background-image:url(images/icon.png); background-repeat:no-repeat; width:84px; height:64px; position: absolute; right:20px; bottom: 0; }

a.arrow4:link{  background-image:url(images/arrow4.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:40px; }

a.arrow4:hover{ float:left; background-image:url(images/arrow3_hover.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:60px;
 transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;}
	
.border {
    padding-top: 0px;
}	
.botom_bg1{ background-color:#78AC1E; padding:0px 10px 10px 10px; float:left; height:80px; color:#fff}

.fotter_bottom{  
    clear: both;
    margin: 0 auto 25px;
    text-align: center;
    width: 100%;
    float: left;
}
.text-right {
    text-align: center!important;
}
.copyright {
	text-align: right;
    line-height: 16px;
}
.skdslider .slide-desc {
    background: url(../images/trans.html) !important; background: #666 !important;
  filter: alpha(opacity=60);
  /* IE */
  -moz-opacity: 0.6;
  /* Mozilla */
  opacity: 0.6;;
    background-repeat: repeat !important;
    left: 0;
    padding: 30px 15px 60px 15px;
    position: absolute;
    bottom: 2%;
    max-width: 100%;
    width: 100%;
    display:none; 
}
.border_left{border-right:0px solid #CCC; min-height:260px}

  }
  
  
   @media only screen and (max-width : 594px) {.fotter_bottom{ clear:both; display:block; padding-top:20px; padding-bottom:20px;
   }
   .botom_bg1 {
    background-color: #78AC1E;
    padding: 0px 10px 10px 10px;
    float: left;
    height: 185px;
    color: #fff;
}
.pdf_hidden{ visibility:hidden; height:0px;}
.pdf_show{ width:100%; float:left; }

.cbp-fwslider nav span {
    position: absolute;
    top: 60%;
    width: 20px !important;
    height: 60px !important;
    background: #FFFFFF;
    color: #747476;
    font-size: 25px !important;
    text-align: center;
    margin-top: -50px;
    line-height: 60px !important;
    cursor: pointer;
    font-weight: bold;
    
}

.icon {
    background-image: url(images/icon.png);
    background-repeat: no-repeat;
    width: 84px;
    height: 64px;
    position: absolute;
    right: 20px;
   top:50px !important; visibility:hidden !important;
}

a.arrow4:link{  background-image:url(images/arrow4.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:60px; position:absolute; z-index:9999999; }

a.arrow4:hover{ float:left; background-image:url(images/arrow3_hover.png); background-repeat:no-repeat; width:61px; height:62px; display:block; margin-top:60px;
 transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;}
	}
	
	
	
	
	
	#animated-example {
	
	width:148px; height:78px;
     background-image:url(images/logo.jpg);
	}


.animated { 
 	-webkit-animation-name: bounceIn;
 	-webkit-animation-duration: 4s;
 	-webkit-animation-iteration-count: 10;
 	-webkit-animation-timing-function: ease-out;
 	-webkit-animation-fill-mode: forwards;
	
 	animation-name: bounceIn;
 	animation-duration: 4s;
 	animation-iteration-count: 10;
 	animation-timing-function: ease-out;
 	animation-fill-mode: forwards;
} 

/*
 * Animation for webkit
*/
@-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-30px);} 
    60% {-webkit-transform: translateY(-15px);} 
} 
  
@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
} 
  
/*
 * Adding the animation to our element
*/
.bounce { 
    -webkit-animation-name: bounce; 
    animation-name: bounce; 
}


/*
 * FadeIn animation
*/
  
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fadeIn { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}
  
/*
 * FadeOut animation
*/
  
@-webkit-keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
@keyframes fadeOut{ 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
.fadeOut { 
    -webkit-animation-name: fadeOut; 
    animation-name: fadeOut; 
}


/*
 * Pulse animation
*/
  
@-webkit-keyframes pulse { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.1); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.1); } 
    100% { transform: scale(1); } 
} 
.pulse { 
    -webkit-animation-name: pulse; 
    animation-name: pulse; 
}

/*
 * Flash animation
*/
  
@-webkit-keyframes flash { 
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;} 
} 
@keyframes flash { 
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;} 
} 
.flash { 
    -webkit-animation-name: flash; 
    animation-name: flash; 
}


/*
 * Shake animation
*/
  
@-webkit-keyframes shake { 
    0%, 100% {-webkit-transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-30px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateX(30px);} 
} 
@keyframes shake { 
    0%, 100% {transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateX(-30px);} 
    20%, 40%, 60%, 80% {transform: translateX(30px);} 
} 
.shake { 
    -webkit-animation-name: shake; 
    animation-name: shake; 
}


/**
* Main CSS file
* @package News Show Pro GK5
* @Copyright (C) 2009-2013 Gavick.com
* @ All rights reserved
* @ Joomla! is Free Software
* @ Released under GNU/GPL License : http://www.gnu.org/copyleft/gpl.html
* @version $Revision: GK5 1.0 $
**/

.nsp { 
	position: relative; 
}
.nspMain { 
	overflow: hidden; 
}

/* Pagination */
.nspBotInterface,
.nspTopInterface { 
	clear: both; 
	float: right;
	margin: 5px 0;
	overflow: hidden; 
}

/* 
	Interface - for different looking Top and Bottom interface use the following classes:  
	.nspTopInterface
	.nspBotInterface (e.g.: .nspTopInterface .nspPagination li ...)
*/
.nspPagination { 
	float: left;
	list-style-type: none!important; 
	margin: 5px 0 0 0!important; 
	padding: 0!important; 
}
.nspPagination li { 
	background: #ccc;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	cursor:pointer; 
	float:left; 
	height: 14px; 
	margin: 1px 4px 0 0!important; 
	text-indent:-999em; 
	width: 14px; 
}
.nspPagination li:hover,
.nspPagination li.active { 
	background-color: #999;
}
.nspNext,
.nspPrev { 
	background: #fff;
	border: 2px solid #ccc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	float: left; 
	height: 24px; 
	margin: 0 0 0 4px;
	text-indent: -999px;
	width: 24px;
}
.nspPrev:before {
	border: 10px solid #ccc;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: none;
	content: "";
	display: block;
	float: left;
	margin: 3px 0 0 4px;
}
.nspNext:before {
	border: 10px solid #ccc;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: none;
	content: "";
	display: block;
	float: left;
	margin: 3px 0 0 6px;
}
.nspNext:hover,
.nspPrev:hover { 
	border-color: #999;	
}
.nspPrev:hover:before {
	border-right-color: #999;
}
.nspNext:hover:before {
	border-left-color: #999;
}

/* Articles layout */
.nspArts { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden; 
	padding: 3px;
}
.nspArtPage { 
	float: left; 
}
.nspArt { 
	-webkit-box-sizing: border-box; 
	   -moz-box-sizing: border-box;
	        box-sizing: border-box; 
	float:left; 
}
.nspArt div { 
	overflow: hidden; 
}
.nspArt h4.nspHeader { 
	font-size: 24px;
	margin: 0;
	padding: 10px 0 15px 0;
}
.nspArt h4.nspHeader a { 
	text-decoration: none;
}
.nspArt h4.nspHeader a:hover { }
.nspArt img.nspImage { 
	border: none;
	display: block;
}
.nspArt .nspImageWrapper {
	display: block;
}
.nspArt p.nspText { 
	display: block!important;
	margin: 0;
	padding: 0!important;
}
.nspArt p.nspText a { }
.nspArt p.nspText a:hover { }
.nspArt .nspInfo { 
	display: block!important;
	font-size: 90%; 
}
.nspArt .nspInfo a { }
.nspArt .nspInfo a:hover { }
.nspArt .nspInfo > .nsp-stars {
	padding: 0 10px 0 0!important;
}
.nspArt .nsp-star-0:before,
.nspArt .nsp-star-1:before {
	content: "★";
	color: #6c6c6c;
	
	font-size: 14px;
}
.nspArt .nsp-star-1:before {
	color: #f7a834;
}
.nspArt .tleft { 
	text-align: left; 
}
.nspArt .tright { 
	text-align: right; 
}
.nspArt .tcenter { 
	text-align: center;
}
.nspArt .tjustify { 
	text-align: justify; 
}
.nspArt .fleft { 
	float: left; 
}
.nspArt .fright { 
	float: right; 
}
.nspArt .fnone { 
	clear: both; 
	float: none;
	width: 100%; 
}
.readon.left,
.readon.right,
.readon.center { 
	clear: both; 
}
.readon.left { 
	float: left; 
}
.readon.right { 
	float: right; 
}
.readon.center { 
	display: inline; 
	float: none; 
}
.nspAvatar { }

/* Links layout */
.nspLinks { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px;
}
.nspList { 
	float: left; 
}
.nspList > li > .nspImageWrapper {
	float: left;
}
.nspLinks ul { 
	list-style-type: none!important; 
	padding: 0!important; 
}
.nspLinks .nspLinkScroll1 ul li { 
	background: #fff;
	border-top: 1px solid #eee;
	margin: 0!important;
	padding: 10px 0;
}
.nspLinks .nspLinkScroll1 ul li:first-child {
	border-top: none;
}
.nspLinks ul li:hover { }
.nspLinks ul li h4 { }
.nspLinks ul li h4 a { 
	text-decoration: none; 
}
.nspLinks ul li h4 a:hover { }
.nspLinks ul li p { }

/* positioning */
.nspArts.left { 
	float: right; 
}
.nspLinksWrap.left { 
	float: left;
}
.nspArts.right { 
	float: left; 
}
.nspLinksWrap.right { 
	float: right; 
}

/* make element unvisible */
.nspMain .unvisible {  
	left: -9999px;  
	position: absolute; 
	top: auto; 
}

/* Responsive layout */
.gkResponsive img.nspImage,
img.nspImage.gkResponsive { 
	height: auto;
	width: 100%!important; 
}
.nspArt img.nspImage { 
	max-width: 100%; 
}
.nspArtScroll1,
.nspLinkScroll1 { 
	clear: both;
	width: 100%; 
}
.nspPages1 { width: 100%; }
.nspPages2 { width: 200%; }
.nspPages3 { width: 300%; }
.nspPages4 { width: 400%; }
.nspPages5 { width: 500%; }
.nspPages6 { width: 600%; }
.nspPages7 { width: 700%; }
.nspPages8 { width: 800%; }
.nspPages9 { width: 900%; }
.nspPages10 { width: 1000%; }
.nspPages11 { width: 1100%; }
.nspPages12 { width: 1200%; }
.nspPages13 { width: 1300%; }
.nspPages14 { width: 1400%; }
.nspPages15 { width: 1500%; }
.nspPages16 { width: 1600%; }
.nspPages17 { width: 1700%; }
.nspPages18 { width: 1800%; }
.nspPages19 { width: 1900%; }
.nspPages20 { width: 2000%; }
.nspCol1 { width: 100%; }
.nspCol2 { width: 50%; }
.nspCol3 { width: 33.333333%; }
.nspCol4 { width: 25%; }
.nspCol5 { width: 20%; }
.nspCol6 { width: 16.666666%; }
.nspCol7 { width: 14.285714%; }
.nspCol8 { width: 12.5%; }
.nspCol9 { width: 11.111111%; }
.nspCol10 { width: 10%; }
.nspCol11 { width: 9.090909%; }
.nspCol12 { width: 8.333333%; }
.nspCol13 { width: 7.692307%; }
.nspCol14 { width: 7.142857%; }
.nspCol15 { width: 6.666666%; }
.nspCol16 { width: 6.25%; }
.nspCol17 { width: 5.882352%; }
.nspCol18 { width: 5.555555%; }
.nspCol19 { width: 5.263157%; }
.nspCol20 { width: 5%; }

/* Animation */
.nspList,
.nspArtPage { 
	opacity: 0; filter: alpha(opacity=0);
	-webkit-transition: opacity 0.5s ease-out; 
	   -moz-transition: opacity 0.5s ease-out; 
	    -ms-transition: opacity 0.5s ease-out; 
      	 -o-transition: opacity 0.5s ease-out; 
	        transition: opacity 0.5s ease-out;
}
.nspList.active,
.nspArtPage.active { 
	opacity: 1; filter: alpha(opacity=100);
}

/* Suffix neutral */
.neutral {
	color: #999;
	font-size: 13px;
}
.neutral a {
	color: #333;
	text-decoration: none;
}
.neutral a:active,
.neutral a:focus,
.neutral a:hover {
	color: #777;
}
.neutral .nspHeader{
	font-size: 18px;
	font-weight: 400;
}
.neutral .nspInfo a {
	padding-right: 5px;
}
.neutral .readon {
	background: #333;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	color: #fff;
	padding: 6px 10px;
}
.neutral .readon:active,
.neutral .readon:focus,
.neutral .readon:hover {
	background: #999;
	color: #fff;
}
.neutral .nspLinks ul li h4 {
	font-size: 15px;
	margin: 0 0 10px 0;
}

/* K2Store styles */
.nspK2StoreCartForm {
	padding: 10px 0;
	text-align: center;
}
.nspK2StoreCartForm .k2store-notification {
	background: #fff;
	border: 1px solid #e5e5e5;
	font-size: 12px;
	margin: 10px 0;
	padding: 10px;
	position: relative;
}
.nspK2StoreCartForm .cart_dialogue_close {
	position: absolute;
	right: 10px;
	top: 5px;
}

.nspK2StorePrice {
	color: #111;
	display: block;
	font-size: 14px;
	padding: 10px 0;
	text-align: center;
}
.nspK2StorePrice strike {
	color: #ccc;
	display: block;
}


.btn { white-space: normal!important; }
.wcolor a { color:#fff!important; font-size: 16px; }


/* Mobile */
@media (max-width: 800px) {
	.nsifot {
	width:100%;
}
	.nsifot img{
	width:100%;
}
	.copyright {
	text-align: center;
    line-height: 16px;
}
	.nspArts,
	.nspLinksWrap {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		padding: 0 3px;
		position: relative;
	}
	
	.nspPrev,
	.nspNext {
		left: 0;
		position: absolute;
		top: 20%;
		z-index: 101;
	}
	
	.nspNext {
		left: auto;
		right: 0;
	}
	
	.nspPagination {
		display: block;
	}
	
	.top_bg1{  margin-top:0px; }
	.footerlink {
		margin-top: 35px;
		text-align:center;
	}
	.socialmedia {
		text-align: center;
	}
	.imptantlink {
		text-align: center;
	}
	.invesimg  {
		width:100%;
		height:150px;
	}
	.invesimg  img{
		width:100%;
		height:150px;
	}
	.bottom_green {
    float: none;
	}
	.investheight {
		    height: 110px;
	}
}

@media (max-width: 600px) {
	.nspArt {
		width: 100%;
	}
}

/* EOF */
.nspArt {
	background-color: #f4f4f4  !important;
	padding: 15px  !important;
	border-radius: 15px  !important;
	margin: 10px  !important;
	margin-left: 0  !important;
}
div#phocagallery form table {
	float: left;
}

.title_div{ float:left; width:88%; padding-right:10px; }
.pdf_div{ float:left; width:12%; }



@media (max-width: 640px) {
.top_bg1 {
    margin-top: 0px!important;
}
}



@media (max-width: 600px) {
.span2 {
    font-size: 25px;
}
.nstxt {
	display:none
}
.left_side {
    padding-right: 0px;
}
img.displayed {
    width: 100%;
}
.title_div {
    width: 80%;
}
}



.btn-default-page {
    color: #fff;
    background-color: #72766C;
    padding: 10px 20px 10px 20px;
    border-color: #ccc;
}
.btn-page {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-default-page:hover,
.btn-default-page:focus,
.btn-default-page.focus,
.btn-default-page:active,
.btn-default-page.active,
.open > .dropdown-toggle.btn-default-page {
  color: #fff;
  background-color:#006D34;
}
.btn-default-page:active,
.btn-default-page.active,
.open > .dropdown-toggle.btn-default-page {
  background-image: none;
}
.visually-hidden{display: none !important; visibility: hidden !important;}

@media only screen and (max-width : 320px) {
   
.dot{ list-style-image:url(dot.png);     padding-left: 10px; margin-left:10px; padding-top: 10px; float: left;}


}
