a
{
    outline:none;
}

body 
{
    margin:0px 0px 0px;   background-color:#fff; 
    background-image: url(images/body_bg.png); 
 
}

#sheet_inner
{
    width:100%;
    height:auto;    
 }

#sheet

{
    background-color: Transparent;   
    width:1150px; 
    height:auto;   
    margin:0px auto; 
    position:relative;
}

#wrap
{
    height: 180px;  border-top:solid 9px #51b89f;
    top: 0;  background-color:#e9f5f2;
    width: 100%;background-image: url(images/body_bg.png); 
    z-index: 5;    min-width: 1140px;
}


#wrap_inner

{ 
    width:1100px;  
    margin:0px auto; 
    position:relative;
}
#header
{ 
    width:770px;    
}



#wrap1
{
    background-color:#2a2a2a;
    height: 50px;  
    top: 0;  background-image: url(images/menu_bg.png); 
    width: 100%;
    z-index: 5;
}









 
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
   font-family: Arial Unicode MS;
  background: #2a2a2a;background-image: url(images/menu_bg.png); 
  position: relative;
width:1150px;
z-index:+999; 
margin: 0px auto;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 18px 8px 18px;
  font-size: 13px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #dddddd;  
  font-weight: 600;
  text-transform: capitalize;
}
#cssmenu > ul > li:hover > a {
  color: #61bea7;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 24px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 21px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: auto;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 8px 15px;
  width: 240px; letter-spacing:1px;
  font-size: 13px; line-height:23px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #2a2a2a;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #61bea7;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen ul {
  width: 100%;
  display: none;
}
#cssmenu.small-screen.align-center > ul {
  text-align: left;
}
#cssmenu.small-screen ul li {
  width: 100%;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu.small-screen ul ul li,
#cssmenu.small-screen li:hover > ul > li {
  height: auto;
}
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a {
  width: 100%;
  border-bottom: 0;
}
#cssmenu.small-screen > ul > li {
  float: none;
}
#cssmenu.small-screen ul ul li a {
  padding-left: 25px;
}
#cssmenu.small-screen ul ul ul li a {
  padding-left: 35px;
}
#cssmenu.small-screen ul ul li a {
  color: #dddddd;
  background: none;
}
#cssmenu.small-screen ul ul li:hover > a,
#cssmenu.small-screen ul ul li.active > a {
  color: #ffffff;
}
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 17px;
  color: #dddddd;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}
#cssmenu.small-screen #menu-button:after {
  position: absolute;
  top: 22px;
  right: 17px;
  display: block;
  height: 4px;
  width: 20px;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
  content: '';
}
#cssmenu.small-screen #menu-button:before {
  position: absolute;
  top: 16px;
  right: 17px;
  display: block;
  height: 2px;
  width: 20px;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  top: 23px;
  border: 0;
  height: 2px;
  width: 15px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  top: 23px;
  background: #ffffff;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#cssmenu.small-screen .submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  display: block;
  border-left: 1px solid rgba(120, 120, 120, 0.2);
  height: 46px;
  width: 46px;
  cursor: pointer;
}
#cssmenu.small-screen .submenu-button.submenu-opened {
  background: #262626;
}
#cssmenu.small-screen ul ul .submenu-button {
  height: 34px;
  width: 34px;
}
#cssmenu.small-screen .submenu-button:after {
  position: absolute;
  top: 22px;
  right: 19px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen ul ul .submenu-button:after {
  top: 15px;
  right: 13px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:after {
  background: #ffffff;
}
#cssmenu.small-screen .submenu-button:before {
  position: absolute;
  top: 19px;
  right: 22px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen ul ul .submenu-button:before {
  top: 12px;
  right: 16px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:before {
  display: none;
}
#cssmenu.small-screen.select-list {
  padding: 5px;
}









.social
{
    width:320px;  
    float:right; 
    margin-top:0px;
}

.social a {
    text-decoration: none;
    font-size:15px;   
    float:right;
    margin-top:15px;
      font-family: Arial Unicode MS;
    color: #296755;   letter-spacing:1px; 
}
.social a:hover { 
    color: #333; 
}

 


.social img
{
    width:40px; margin-right:5px;
}


.topmenu
{
    width:350px;  float: left;
}

 

.donate{
position: relative;
z-index: 10; background: url(images/donate.png) no-repeat center;
top: -15px; float: left;
right: 0;    
width: 350px;  
height: 54px; 
}
 

.donate ul{
list-style-type: none; float:left; padding-left:0px;
margin: 0px;width: 350px; 
}

 
.donate ul li{     float:left;  
}
 
.donate ul li a{ 
color: #fff;  
font-family: Arial Unicode MS;
letter-spacing:1px;   padding:13px 15px 10px;  
text-decoration:none;    border-right:solid 1px #5c5c5c;
font-weight: bold;  float:left;
text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
font-size: 13px;
 
}


.donate ul li a:hover{

color:#61bea7; 

}



 

 
 

#content
{
    width:1110px;
    background-color:#fff;
    height:auto;  
    padding:20px; float:left;
    position:relative; 
    font-family: Arial Unicode MS;
    font-size:13px; 
    letter-spacing:1px;
}

 
 
 
 
 
 
.social-icon{
padding-top: 0px;
padding-right: 15px;
padding-bottom: 19px;
padding-left: 50px;
width: 195px;
float: left;
}
.social-icon a{
background-image: url(images/social-a.png);
background-position: left top;
float: left;
margin-left: 15px;
}
.social-icon a:hover{
background-image: url(images/social-active.png);
background-position: left top;
float: left;
margin-left: 15px;
}

 
 
  
 .col
{
    width:310px;  
    float:left;    margin-right:20px; 
}


 .col h2
 {
  text-align: center; margin:0px; 
  color: #51b89f;font-family: 'Italianno', cursive;
  font-size:38px;  letter-spacing:2px; 
}

 .col p
 {
  text-align: justify;   
  color:#333; font-family: Arial Unicode MS;
  line-height:25px;
  font-size:13px; letter-spacing:1px;
}


 
 
.col1 {
    width:1110px; margin:30px 0px 20px; float:left;
}

 
.col1_inner{
float:left; margin-right:22px;  
width: 355px; 
}

.caption{
background: #fff;  
    text-align: center; 
    float:left; position:relative;
    width: 290px;  padding:15px 15px 0px 15px;
    margin: -60px 16px 0px; 
    border: 1px solid #EBE7E7;
}

.caption span
{
     margin-top:-25px; 
     width:290px; 
     float:left;
}

 .col1 h2
 {
  text-align: center; margin:10px 0px 0px 0px;
  color: #3a8d79;font-family: 'Italianno', cursive;
  letter-spacing:2px; 
  font-size:30px;  
}

 .col1 p
 {
  text-align:  center;   
  color:#333;  font-family: Arial Unicode MS;
  line-height:25px;
  font-size:13px; letter-spacing:1px;
}






 .col1 a {
    text-decoration: none;
    font-size:15px;  margin-top:-30px;
    background-color:#61bea7; font-family: Arial Unicode MS;
    color: #fff;   letter-spacing:1px;
    padding: 4px 15px;
}
 .col1 a:hover { 
    color: #333; 
}

 
 
 
 .col2 {
    width:670px; float:left;  
     
}
 
 
 
 
 
 .col2 h2
 {
  text-align: center; margin:10px 0px 0px 0px;
  color: #3a8d79;font-family: 'Italianno', cursive;
  letter-spacing:2px; 
  font-size:40px;  
}


 
.line1
{
    width:410px; 
    background-image:url('images/line.png');
    margin-bottom:20px;  
    background-position:center;
    height:15px; background-repeat:no-repeat; 
}
 
 
.line
{
    width:670px; 
    background-image:url('images/line1.png');
    margin-bottom:20px;  
    background-position:center;
    height:15px; background-repeat:no-repeat; 
}
 
 
 
 

   .col4 {
    width:670px; margin-top:20px; float:left;
     
}
 
 
 
 
 
 .col4 h2
 {
  text-align: center; margin:10px 0px 0px 0px;
  color: #3a8d79;font-family: 'Italianno', cursive;
  letter-spacing:2px; 
  font-size:40px;  
}
 
 
  .col4 p
 {  
  color:#333;  font-family: Arial Unicode MS;
  line-height:25px;
  font-size:13px; letter-spacing:1px;
}




 
 
 
 
 
  .col3 {
    width:410px; margin-left:20px; float:left;   margin-bottom:20px;
     
}
 
 
 
 
 
 .col3 h2
 {
  text-align: center; margin:10px 0px 0px 0px;
  color: #3a8d79;font-family: 'Italianno', cursive;
  letter-spacing:2px; 
  font-size:40px;  
}
 
 
  .col3 p
 {  
  color:#333;  font-family: Arial Unicode MS;
  line-height:25px;
  font-size:13px; letter-spacing:1px;
}




 .col3 a {
    text-decoration: none; float:right;
    font-size:13px;  font-family: Arial Unicode MS;
    color: #61bea7;   letter-spacing:1px; 
}
 .col3 a:hover { 
    color: #333; 
}








 .sec1
{
    width:310px;   
    float:left;    margin-right:30px; 
}


 .sec1 h2
 {
  text-align: center; margin:0px; 
  color: #51b89f;font-family: 'Italianno', cursive;
  font-size:38px;  letter-spacing:2px; 
}

 .sec1 p
 {
  text-align: justify;   
  color:#333; font-family: Arial Unicode MS;
  line-height:25px;
  font-size:13px; letter-spacing:1px;
}


 .sec1line
{
    width:310px; 
    background-image:url('images/line.png');
    margin-bottom:20px;  
    background-position:center;
    height:15px; background-repeat:no-repeat; 
}
 



 .sec2
{
    width:760px;  
    float:left;    
    
}


 .sec2line
{
    width:760px; 
    background-image:url('images/line1.png');
    margin-bottom:20px;  
    background-position:center;
    height:15px; background-repeat:no-repeat; 
}
 


 .sec2 h2
 {
  text-align: center; margin:0px 0px 0px 0px; 
  color: #51b89f;font-family: 'Italianno', cursive;
  font-size:38px;  letter-spacing:2px; 
}

 .sec2 p
 {
  text-align: justify;   
  color:#333; font-family: Arial Unicode MS;
  line-height:28px;
  font-size:13px; letter-spacing:1px;
}

 .sec2 ul
 {
  text-align: justify;   
  color:#333; font-family: Arial Unicode MS;
  line-height:28px;
  font-size:13px; letter-spacing:1px;
}


 .sec2 ol
 {
  text-align: justify;   
  color:#333; font-family: Arial Unicode MS;
  line-height:28px;
  font-size:13px; letter-spacing:1px;
}


 .sec2 a {
    text-decoration: none;  
    font-size:13px;  font-family: Arial Unicode MS;
    color:#3e9983;   letter-spacing:1px; 
}
 .sec2 a:hover { 
    color: #333; 
}


 .sec2_inner
{
    background-color:red; 
    padding:5px;    
    margin-top:10px; border-right:solid 2px green;
    font-size:13px;
     font-family: Arial Unicode MS;
    line-height:25px;  padding-left:15px;
    color:#333; 
    letter-spacing:1px;   

}

 




.gallery {
	 width:310px; float:left; margin-left:30px;
	 
}
.gallery img {
	border: medium solid rgb(255,255,255);
	margin: 5px 5px 10px 5px;
	height: auto;
	box-shadow: 5px 5px 5px #888888; 
	}
	
.gallery center {
	 font-family: Arial Unicode MS; 
	font-size: 13px;   line-height:26px;
}






 

.navigation ul,
.navigation ul li,
.navigation ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation ul {
  position: relative;
  z-index: 500; 
  float: left;
}

.navigation ul li {
  float: left; 
  vertical-align: middle;
  position: relative;
}

.navigation ul li.hover,
.navigation ul li:hover {
  position: relative;
  z-index: 510;
  cursor: default;
}

.navigation ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 520;
  width: 100%;
}

.navigation ul ul li { float: none; }

.navigation ul ul ul {
  top: 0;
  right: 0;
}

.navigation ul li:hover > ul { visibility: visible; }

.navigation ul ul {
  top: 0;
  left: 100%;
}

.navigation ul li { float: none; }

.navigation ul ul { margin-top: 0.05em; }

.navigation {
 
  background:#222222; width:250px;
  font-family: Arial Unicode MS;
  font-size:14px;
  margin-top:20px; letter-spacing:1px;
  margin-left:30px;border-right: 3px solid #42a28a;
  zoom: 1;
}

.navigation:before {
  content: '';
  display: block;
}

.navigation:after {
  content: '';
  display: table;
  clear: both;
}

.navigation a {
  display: block; border-bottom:solid 1px #333333;
  padding: 11px 15px;
  color: #ffffff;
  text-decoration: none; 
}

.navigation > ul { width:250px; }

.navigation > ul > li:hover a {    background-color:#222222;}

.navigation > ul > li > a {
  
  color: #ffffff;
}

.navigation > ul > li > a:hover { color: #ffffff; }

 
.navigation > ul > li a:hover
 {   background-color: #42a28a; }

.navigation li { position: relative; }

 





 
 
 

#wrap_footer
{
    height: auto;  margin-top:30px;
    background-position:center; background-color:#1e1e1e;
    background-image:url('images/footbg.jpg');
    width: 100%;  float:left; border-top:10px solid #000; min-width: 1140px;
}
 
 
 
 .row
{
    width:350px;background: rgba(0, 0, 0, 0.1);
      height:320px;margin-top:25px; 
    float:left; margin-right:40px;
}

 .row h2
 {
  text-align: center; margin-top:15px; margin-bottom:0px;
  color: #48b097;font-family: 'Italianno', cursive;
  letter-spacing:2px; 
  font-size:40px;  
}
 
.row p {
  font-size: 13px;
  color: #fff; 
  line-height:30px;  padding-left:20px;
  text-align:justify;
  letter-spacing:1px;
  font-family: Arial Unicode MS; }
 
 

#footer_inner
{
    width:1150px;    
    margin:0px auto;
    position:relative;
}
 
 

#footer
{
    text-align:center;
    color:#fff;  width:1150px;
    float:left;background-color:#1e1e1e;
    background-image:url('images/footbg.jpg');
    font-size:13px; letter-spacing:1px; 
   font-family: Arial Unicode MS;  padding:25px 0px;

 }
 
 #footer a
{
    text-align:center;
    color:#fff; letter-spacing:1px;
    font-size:13px; 
    text-decoration:none;   
}



 #footer a:hover
{
    color:#61bea7;  
}

 
 
 
 
/* CSSTerm.com Simple CSS menu */
.menu_simple
{
    float:left; margin:0px 30px 0px; 
}

.menu_simple ul {
    margin: 0; 
    padding: 0;
    width:250px;
    list-style-type: none;
}


 
 
.menu_simple ul li a {
    text-decoration: none;
    color: white;letter-spacing:1px; 
  font-family: Arial Unicode MS;
    padding: 0px 0px;
    line-height:40px;font-size:14px;  padding:3px 0px; 
    display:block; border-bottom:solid 1px #303030;
}
 
 
 
.menu_simple ul li a:hover, .menu_simple ul li .current {
    color: #4fb79d; 
}



 
 
 
 
.skdslider{
 width:780px;
 height:400px; 
 position: relative; 
 display: block; 
 overflow:hidden;  
}

.skdslider:after {
    content: '';
    padding-top: 50%; 
    display: block;
}

.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li
{
   display: none;
}
.skdslider ul.slides li img{
    width: 780;
height:400px;
border:0;
}

.skdslider ul.slide-navs {
    bottom: 20px;
    left: 50%;
    position: absolute;
list-style-type: none;
    margin: 0;
    padding: 0;
}

 
 .skdslider .slide-desc {
    left:5%; background-image:url('images/ribbon.png');
    padding: 3px 0px 0px;   height:47px;
    position: absolute;  
    top: 77%; 
    width: 420px;
}
.skdslider .slide-desc > h4 {
     
  font-family:'Italianno', cursive;
  font-size:30px;  letter-spacing:2px;  padding:7px 0px 0px 0px;
  color: #fff;  margin:0px;
     text-align:center;
 
}

.skdslider .slide-desc > p {
    color: #FFFFFF;
    font-family: Arial Unicode MS;
    font-size: 16px;
    line-height: 20px;
    margin-top: 5px;
}
.skdslider .slide-desc > p a.more {
    color:#990000;
font-size:20px;
    float: right;
    height: 18px;
    width: 22px;
text-decoration:none;
}
.skdslider .slide-desc > p a.more:hover {
text-decoration:underline;
}
 
.skdslider a.prev{
    background: url("images/left.png") no-repeat scroll 0 0 transparent;
width:36px;
height:70px;
display:block;
cursor:pointer;
position:absolute;
top:50%;
left:0;
margin-top:-17px;
}

.skdslider a.next{
    background: url("images/right.png") no-repeat scroll 0 0 transparent;
width:36px;
height:70px;
display:block;
cursor:pointer;
position:absolute;
top:50%;
right:0;
margin-top:-17px;
}
.skdslider a.prev:hover{
  background: url("images/left_hover.png") no-repeat scroll 0 0 transparent;
}
.skdslider a.next:hover
{
     background: url("images/right_hover.png") no-repeat scroll 0 0 transparent;
  
}

 
/*Some Responsive CSS */
@media screen and (max-width:767px) 
{
    
    .skdslider{
 width:100%; float:none;
 height:100%;
    }
.skdslider .slide-desc > h2 {
font-size: 20px;
margin-bottom: 5px;
margin-top: 5px;
}

.skdslider .slide-desc > p {
font-size: 14px;
line-height: 15px;
margin-top: 5px;
}
.skdslider .slide-desc > p a.more {
font-size:14px;
}
}




.container{
width:310px; float:left;

margin: 18px auto 0px;
}



ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.tabs li{
background: none;
color: #222;
font-family: Arial Unicode MS;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
font-size:14px;
letter-spacing:1px;
}

ul.tabs li.current{
background: #eee;
color: #51b89f; font-weight:bold;
}

.tab-content{
display: none;
background: #eee;height:135px; 
letter-spacing:1px;font-size:13px;
text-align: justify; line-height:24px;
padding: 15px;font-family: Arial Unicode MS;
}


.tab-content a{
color:#51b89f;
text-decoration:none;
float:right;
}


.tab-content a:hover{
color:#333; 
}

.tab-content.current{
display: inherit;
}


 















































.infinity-carousel {
 width:640px;
 float:left;   
 
 
}

 


 
.infinity-carousel .img-wrap {
  background-color: #aaa; 
}

.infinity-carousel .slides > *:nth-child(odd) .img-wrap { background-color: #ddd; }

.infinity-carousel {
  position: relative;
  overflow: hidden;
}

.infinity-carousel .no-transition { transition: none!important; }

.infinity-carousel .nav {
  position: absolute;
  display: block;
  width: 30px;
  height:30px;
  top:90%;    
  z-index: 50;
  opacity: 0.6;
  border: 0;
  cursor: pointer;
  -webkit-apperance: none;
}

.infinity-carousel .nav:hover { opacity: 1; }
.infinity-carousel .nav.next { right:280px;  }

.infinity-carousel .nav.prev { left:280px; }

.infinity-carousel .center {
  position: relative;
    float:left; 
  height: 310px; 
  margin: 0 auto;
}

 
.infinity-carousel .active .text { opacity: 1; }

.infinity-carousel .slides {
  position: absolute;
  width: 100000px;
  height: 100%; 
  transition: all 0.4s;
}

.infinity-carousel .slides > * {
  position: relative;
  float: left;
  width: 220px;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.slides p {
 letter-spacing:1px;font-size:13px;
text-align: center; line-height:19px; 
font-family: Arial Unicode MS;  
}


.infinity-carousel .img-wrap {
  width: 200px; 
  height: 200px; 
  overflow: hidden;
}

 








 

/*default CSS for SAG scroller*/

.sagscroller{
width: 310px;  /*default width of scroller*/
height:90px; float:left;
overflow:hidden;   z-index:+1; 
position:relative;  margin-top:-20px; 
}

 .sagscroller a {
text-decoration: none !important; 
font-size:13px; padding-top:5px;
 letter-spacing:1px;
 line-height:14px;
font-family: Arial Unicode MS;
margin: 0;
color:#51b89f;float:right;

}
.sagscroller a:hover {
color: #333; 
}
 

.sagscroller ul{
position:absolute;
margin:0px 0px 0px; 
padding:0;  
background:none; 
list-style:none;
width: 310px;
}

.sagscroller ul li{  
display:inline-block;  border-bottom:solid 1px #ccc;
width:310px;  height:100px; padding-bottom:10px; 
}

 


 
 
 
 
 
 
 
 
 
 
 
 

.sagscroller1{
width: 670px;  /*default width of scroller*/
height:280px; float:left;
overflow:hidden;   z-index:+1;  
position:relative; 
}

 

 .sagscroller1 a {
text-decoration: none !important; 
font-size:13px; padding-top:5px;
 letter-spacing:1px;
 line-height:14px;
font-family: Arial Unicode MS;
margin: 0;
color:#51b89f;float:right;

}
.sagscroller1 a:hover {
color: #333; 
}
 

.sagscroller1 ul{
position:absolute;
margin:0px 0px 0px; 
padding:0;  
background:none; 
list-style:none;
width: 670px;
}

.sagscroller1 ul li{  
display:inline-block;  border-bottom:solid 1px #ccc;
  height: auto; padding-bottom:10px; 
  text-align:justify;
}






 


 @media screen and (max-width: 768px){
#sheet_inner{

width: 100%;
}



#sheet{

width: 95%;
}

 .topmenu{


 width:100%;

}
 .social{


margin-top:60px; 

}

.social img{

width: 15%; float: left;
margin-top:0px;

}
 
#wrap{

width: 100%;
height:100%;
}

#wrap_inner{

width: 100%;
}
#wrap_footer{

width: 100%;
}

#footer_inner{

width: 100%;
}

#footer{

width: 100%;
}

 
 
#wrap1{

width: 100%;
}

#content
{
    width:95%;
}
#header
{
    width:100%; 
}
 
#header img{

width: 100%;
}


.col1
{
    width:100%;
}


.sec1
{
    width:100%;
}

 .sec1
{
    width:100%;
    margin-bottom:20px;
}


.sec2
{
    width:100%;
}


.sec2line
{
    width:100%;
}

 

.sec2 img
{
    width:100%; 
}
.col1 img
{
    width:100%;
    height:100%;
}


 .col1 a
{      
    margin-top:-20px;
    margin-left:33%;
}
 
}