body{font-size:14px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;/*background-image:url('../img/bg.png');*/ background-repeat:repeat}
/*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{	position:inherit}*/
.nailthumb-container{width:auto;height:auto;margin:0 0 11px;padding:0;overflow:hidden;position:relative;text-align:left}.nailthumb-container img.nailthumb-image{margin:0;padding:0;max-width:none;text-align:left;float:left}.nailthumb-container span.nailthumb-title{background:none repeat scroll 0 0 rgba(0,0,0,0.5);bottom:0;color:White;display:block;font-size:9px;height:20px;left:0;margin-top:2px;line-height:20px;position:relative;text-align:center;width:100%;overflow:hidden;float:left}.nailthumb-container span.nailthumb-title .nailthumb-title-scroller{padding-left:2px}.nailthumb-container img{max-width:none;text-align:left}
h2{	margin: 2px 5px 2px 1px; }
.social{ margin:20px  0 10px 0; text-align:right}
.social a i{ text-decoration:none; font-size:1.2em; margin:0; padding:0;  line-height:30px }
    .social a {
        background-color: #137EC2;
        display: inline-block;
        margin-left: 5px;
        width: 30px;
        border-radius: 50%;
        text-align: center;
        color: white
    }
.social a:hover{}
.carousel-control.right, .carousel-control.left{ background-image:none}
ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}
/* bar menu */
.nav-menubar01 {
    margin-left: 40px !important;
}
.navbar-inverse {
    background-image: none;
    border: 0;
    background-color: #666
}
.navbar{box-shadow:none; margin-bottom:0; min-height:40px; margin-bottom:10px}
.navbar-inverse .navbar-nav > li > a{color:white; text-transform:uppercase; font-size:14px}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>a:hover, .navbar-inverse .navbar-nav>a:focus,
.navbar-inverse .navbar-nav> li > a:hover { background-color:#555;  color:#ccc}
.navbar-inverse .navbar-nav > li {
    border-right: 1px solid #fff;
}

.topnav2 .navbar-inverse{background-image:none; border:0; background-color:transparent}
.topnav2 .navbar{box-shadow:none; margin-bottom:0; min-height:40px; margin-bottom:10px}
.topnav2 .navbar-inverse .navbar-nav > li > a {
    color: #005D9A;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight:bold;
    text-shadow: 0 0 0;
}
    .topnav2 .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > a:hover, .navbar-inverse .navbar-nav > a:focus,
    .topnav2 .navbar-inverse .navbar-nav > li > a:hover {
        background-color: transparent;
        color: #e8247c; /*border-bottom:3px solid #C40001;*/
        background-image: none;
        box-shadow: none
    }

@media (min-width: 1200px) {
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{padding:10px 22px} 
.topnav2 .navbar-inverse .navbar-brand, .topnav2 .navbar-inverse .navbar-nav>li>a{padding:0px 13px}
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 998px) {.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{padding:10px 60px} }
@media (min-width: 768px) and (max-width: 979px) {/* .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{padding:10px 40px} */}

@media (max-width: 767px) {.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{padding:10px 30px} }
/* Landscape phones and down */
@media (max-width: 480px) { }

section{}
section .container{padding:100px 0}

.view{background-color:#AC0000; color:#fff; text-align:center; padding:5px 5px; border-radius:5px;}
/*span{color:#24201D;}*/
.title{ padding-top:20px;font-size:25px; padding-bottom:15px; text-align:center;}
.head{ text-align:center;}
.banner h2 {
    text-align: center;
    font-size: 15px;
    padding: 4px 0 7px 0;
}
.title span{font-weight:bold; text-align:center; font-size:18px;color:#5e3d19; font-style:italic}
.titles span{font-weight:bold; text-align:center; font-size:16px;color:#5e3d19; font-style:italic}
.text{ font-weight:bold; text-align:center; font-size:16px; color:#5e3d19; font-style:italic;}

.decoration{ font-size:10px; text-align: center;}

.box{ margin-left:10px;margin-right:10px; margin-top:5px; margin-bottom:5px; font-weight:bold; color:#5e3d19;}

.tensize{ font-size:10px;color:#5e3d19; font-style:italic; font-weight:bold;}
.fsize{font-size:11px;color:#5e3d19;}

.list-menu{ margin:0;padding:0}
.list-menu li{ margin-bottom:10px}
.list-menu li a{}

.sticky {
    width: 300px;
    color: #fff;
    font-size: 2em;
    border-radius: 0.5ex;
}
.sticky.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
    border-radius: 0 0 0.5em 0.5em;
}

.heading{
	color: #8c8c8c;
    font-size: 15px;
    line-height: 1.7em;
    font-family: 'Open Sans', sans-serif;
  
    transition:all 0.3s;
    background-color: white;
}

.heading img{opacity:1}
.heading img:hover{ opacity:0.5;    transition:all 0.5s;}



.head {
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    background-color: #005D9A;
    padding: 15px 0;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 5px;
    text-transform: uppercase;
}
   .head1 {padding-left:20px; padding-right:20px; color:#8c8c8c; }
   
   .titles{color:#fff; font-size:20px; font-weight:600;}
   .welcome h2{
    font-size: 40px;
    color: #323232;
    margin: 0;
    font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	 text-align:center
}

.welcome {
    /*background: #FFF;*/
   }
   
 .font span{color:#323232; }
  
.menu ul{ margin:0; padding-left:5px; padding-top:5px }
.menu li{ list-style:none;  margin:5px; }
.menu a{ text-decoration:none; color:#ffffff;}
.menu p{  margin-bottom:0; padding-top:8px; }
.menu img{ width:150px; height:120px}

.activities{}
.activities ul{ margin:0; padding:0; }
.activities li{ list-style:none; display:inline-block; margin:6px; }
.activities a{ text-decoration:none; color:#fff}
.activities p{ /*background-color:#ddd; */margin-bottom:0; padding-top:8px; padding-bottom:8px}
.activities img{ width:240px;}

.gallery{}
.gallery ul{ margin:0; padding:0; }
.gallery li{ list-style:none; display:inline-block; margin:6px; }
.gallery a{ text-decoration:none; color:#fff}
.gallery p{ /*background-color:#ddd; */margin-bottom:0; padding-top:8px; padding-bottom:8px}
.gallery img{ width:258px;}

.active {margin:0; padding:0;}
.active li{ list-style:none; display:inline-block; margin:6px; }
.active a{ text-decoration:none; color:#fff}
.active p{ /*background-color:#ddd; */margin-bottom:0; padding-top:8px; padding-bottom:8px}
.active img{ }

.media{}
.media ul{ margin:0; padding:0;}
.media li{list-style:none; display:inline-block; margin:6px;border:1px solid #EC2124;}
.media a{ text-decoration:none; color:#5e3d19}
.media p{margin:0; padding:0; text-align:center; padding:6px 15px; background-color:#000; color:#fff}
.media img{width:250px}
.media li:hover{list-style:none; display:inline-block; margin:6px; border:1px solid #fff}
/*.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}*/

.btns default:hover{background-color:red;background-position:0 -15px}

body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}


.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
  opacity: 1!important;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}