@charset "utf-8";
/* CSS Document */
body{ background-color:#fff;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-size:14px;
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
		a{
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
   			transition: all 0.3s ease;
   		}
   		a:hover, a:focus{
   			text-decoration: none;
   			outline: none;
   		}
   		ul{
   			list-style: none;
   			padding: 0px;
   			margin: 0px;
   		}
img{ max-width:100%; vertical-align:middle;}
.site-navigation {
	width:100%; position:relative;
	height:auto; z-index:1000;
	/*background-color:blue*/
}

.site-navigation.sticky {
	position:fixed;
	top:-115px;
	background-color:#fff;
	z-index:1111;
	-webkit-box-shadow:0px 1px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:   0px 1px 10px 0px rgba(0,0,0,0.1);
	box-shadow:        0px 1px 10px 0px rgba(0,0,0,0.1);
	-webkit-transition:all .5s;
	-moz-transition:   all .5s;
	-ms-transition:    all .5s;
	-o-transition:     all .5s;
	transition:        all .5s
}
.site-navigation.nav-appear {
	top:0 
}
.official{ width:100%; float:left; color:#fff; padding:5px ; background-color:#a31e22; text-align:center;}
.header-top{ width:100%; float:left; padding:10px 0; text-align:center; position:relative;background: rgb(255,222,90);
background: -moz-linear-gradient(top, rgba(255,222,90,.7) 0%, rgba(255,234,167,.7) 100%);
background: -webkit-linear-gradient(top, rgba(255,222,90,.7) 0%,rgba(255,234,167,.7) 100%);
background: linear-gradient(to bottom, rgba(255,222,90,.7) 0%,rgba(255,234,167,.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde5a', endColorstr='#ffeaa7',GradientType=0 );}
.swirl-left{ position:absolute; left:60px;}
.vilakku-left{ position:absolute; top:-30px; left:20px;}
.vilakku-right{ position:absolute; top:-30px; right:20px;}
.nav-box{ width:100%; height:auto; float:left; background-color:#f29300; }
.logo{ display:inline;}
.banner{ width:100%; height:auto; background-color:#fff; float:left;}
.featured{ border-bottom:1px solid #dddddd; background-color:#fefcf5; }
.featured-right-border{ box-sizing:border-box; border-right:1px solid #ddd; }
.featured-left-border{ box-sizing:border-box;border-left:1px solid #ddd; display:block;}
.about{ position:relative;}
.about p{font-family: 'Roboto Condensed', sans-serif; font-size:16px; font-weight:400; color:#666; text-align:justify; padding:30px 0; margin:0;}
.our-karas{ width:100%; height:auto; background-color:#efeef0; padding:50px 0; background-image:url(../images/pattern.png);}
.our-karas .col-sm-8, .our-karas .col-sm-4{ float:left; display:block;}
.news{ width:100%; height:411px; float:left; margin-bottom:10px !important;  background-color:#fff; display:block;border: 1px solid #e6ecf5;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.news:hover{-webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.075) ; -moz-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.075) ; box-shadow: 0 7px 15px rgba(0, 0, 0, 0.075) ;}
.news h3{ margin:0; padding:10px 10px; font-family: 'Oswald', sans-serif; font-size:22px; color:#fff; background-color:#e30059;}
.news h3 i{ float:right;}
.news-list{position:relative; margin:20px 15px;}
.news-list li { font-family: 'Roboto Condensed', sans-serif; font-size:16px;padding-left:15px; margin-bottom:10px; }
.news-list li:before{ content:"\f111";font-family:'FontAwesome'; font-size:12px; line-height:20px; color:#f29300; position:absolute;  left:0; }
.fb-box{ width:100%; min-height:400px; float:left;}
.footer{ width:100%; float:left; padding-top:30px;font-family: 'Oswald', sans-serif; background-color:#1e1e1e; position:relative;}
.footer h3{ margin:0 0 0px 0; padding-bottom:15px;font-family: 'Oswald', sans-serif; font-size:20px; color:#f08a00; ;}
.ftr-overlay{ width:100%; height:100%; position:absolute; top:0; background-color:rgba(0,0,0,.8)}
.footer-bg {
	background: url(../images/footer-bg.jpg) no-repeat fixed center top;
    -webkit-background-size: /*@@prefixmycss->No equivalent*/;
    -moz-background-size: cover;
    -o-background-size: /*@@prefixmycss->No equivalent*/;
    background-size: cover;
	
}
.btm-enquiry{}
.btm-enquiry .col-sm-12{ padding:0;}
.btm-enquiry input, .btm-enquiry textarea{ width:100%; color:#fff; margin-bottom:10px; border:1px solid rgba(255,255,255,.5); background-color:rgba(255,255,255,0); padding:5px 10px; outline:0;}
.btm-enquiry button{ color:#fff; background-color:#F60; border:0 solid #ddd; outline:0;}
.address{font-family: 'Roboto Condensed', sans-serif; font-size:16px; font-weight:400; color:#fff;}
.btm-call{ width:100%; border:2px solid #fff; margin-top:20px; padding:5px 10px; text-align:left; font-family: 'Oswald', sans-serif;font-size:18px; color:#1e1e1e; background-color:#fff;}
.btm-call i{ font-size:20px; color:#e30059; padding-right:5px;}
.quick-link{}
.quick-link ul li a{ font-size:14px; color:#ffefbe;}
.quick-link ul li a:before{ content:"\f105";font-family:'FontAwesome'; font-size:18px; color:#ffefbe; padding-right:5px;}
.promoted{ font-size:16px; color:#fff; margin-top:20px; padding:20px 0; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1)}
.promoted span{ font-size:18px; line-height:30px; color:#6ab023; text-transform:uppercase; letter-spacing:0px; display:block}
.ftr-bottom{ padding:20px 0; color:#ccc; }
.copyright{ font-size:14px; float:left; margin-bottom:10px}
.web-counter{ float:right; margin-bottom:10px;}
#sideButton
{position:fixed;top:50%;right: 0px;margin-right:-113px;z-index:99;-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
#sideButton a{ background-color:#e30059; font-family: 'Oswald', sans-serif;  font-size:18px;color:#fff; letter-spacing:1px; padding:5px 10px; border-radius: 5px 5px 0px 0px;}
#sideButton p
{ -moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg); margin-top:30px;}
.box {
	font-family: 'Oswald', sans-serif;
	font-size:16px;
  position: relative;
  vertical-align: middle;
  color: #e30059;
  display: inline-block;
  text-transform:uppercase; letter-spacing:1px;
  margin:5px 5px;
  
  
  
  text-align: center;
  transition: 0.5s;
  padding: 10px 20px;
  cursor: pointer;
  border: 2px solid #e30059;
  -webkit-transition: 0.5s;
}
.box a{ color:#e30059 !important;}
.box a:hover{ color:#f08a00 !important;}
.box:hover {
  border: 2px solid rgba(0, 160, 80, 0);
  color: #f08a00;
}
.box span{ width:18px; height:19px;  display:inline-block; margin-right:0px; background-image:url(../images/aum-hover.png); background-repeat:no-repeat;}
.box:hover span{ background-image:url(../images/aum-active.png); }

.box::before,
.box::after {
  width: 100%;
  height: 100%;
  z-index: 3;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;
}

.foo::before {
  border-bottom: 3px solid #f08a00;
  border-left: 3px solid #f08a00;
  -webkit-transform-origin: 0 100%;
}

.foo::after {
  border-top: 3px solid #f08a00;
  border-right: 3px solid #f08a00;
  -webkit-transform-origin: 100% 0%;
}
.box:hover::after,
.box:hover::before {
  -webkit-transform: scale(1);
}
.icon_wrapper {
/*background: url('../images/line-g.png') bottom no-repeat;*/
font-size:18px;
font-family: 'Oswald', sans-serif;
padding-bottom:10px;
text-align:center;
padding-bottom:15px;
padding-top:15px; 
}
a .icon_wrapper{ color:#000;}
.icon_wrapper a {
color:#712804;	
}
.icon_wrapper a:hover {
color:#712804;
text-decoration:none;	
}

.icon_wrapper:hover {
/*background: url('../images/line-o.png') bottom no-repeat;*/
}
.col-sm-3.icon_wrapper > div {
	min-height:130px; 
}
.how_donate, .virtual_tour, .gallery, .calendar, .guestbook {
	background-position: center;
	background-repeat: no-repeat;
	width: 56px;
	height: 56px;
	border: 2px solid #dadada;
    border-radius: 50%;
    padding: 48px;
    margin:0 auto;
    margin-top:11px;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;background-color:#fff;
}
.icon_wrapper:hover .how_donate, .icon_wrapper:hover .gallery, .icon_wrapper:hover .virtual_tour, .icon_wrapper:hover .calendar, .icon_wrapper:hover .guestbook {
	border: 2px solid #f29300;
    padding: 62px;
    margin-top:0;
}

.how_donate {
	background-image:url('../images/icon/donate-normal.png');	
}
.icon_wrapper:hover .how_donate {
	background-image:url('../images/icon/donate-hover.png');	
}
.virtual_tour {
	background-image:url('../images/icon/virtual-tour-normal.png');	
}
.icon_wrapper:hover .virtual_tour {
	background-image:url('../images/icon/virtual-tour-hover.png');	
}
.gallery {
	background-image:url('../images/icon/gallery-normal.png');	
}
.icon_wrapper:hover .gallery {
	background-image:url('../images/icon/gallery-hover.png');	
}

.calendar {
	background-image:url('../images/icon/calendar-normal.png');	
}
.icon_wrapper:hover .calendar {
	background-image:url('../images/icon/calendar-hover.png');	
}

.guestbook {
	background-image:url('../images/icon/guestbook-normal.png');	
}
.icon_wrapper:hover .guestbook {
	background-image:url('../images/icon/guestbook-hover.png');	
}

   

/* 	==========================================================================
    Header
   	========================================================================== */
   	.nav-box nav{font-family: 'Oswald', sans-serif;  width:100%;}
   		.navbar-toggle{
   			width: 30px;
   			padding: 0;
   			margin: 10px 15px 0 0;
   			line-height: 0;
   		}
   		.navbar-toggle span{
   			height: 3px;
   			width: 100%;
   			display: inline-block;
   			vertical-align: top;
   			margin: 2px 0;
   			background: #333;
   		}
   		.header-transparent .navbar-toggle span{
   			background: #fff;
   		}
   		.main-navbar{
   			display: inline-block;
   			vertical-align: top;
   			/*margin-top: -5px;*/
   		}
   		.main-navbar > ul{
   			display: inline-block;
   			vertical-align: top;
   		}
   		.main-navbar > ul > li{
			display: inline-block;
			float: left;
			margin: 0 0px;
			position: relative;
   		}
   		.main-navbar > ul > li > a{
			
   			font-size: 16px; font-weight:400;
			color:#fff; letter-spacing:0px;
			text-transform:uppercase; 
   			padding: 10px 15px;
   			display: inline-block;
   			position: relative;
   			overflow: hidden;
   			vertical-align: top;
   			position: relative;
   		}
   		.main-navbar > ul > li > a::after{
   			content: '';
   			height: 2px;
   			width: 100%;
   			position: absolute;
   			bottom: -10px;
   			left: 0;
   			-webkit-transition: all 0.2s ease 0s;
   			   -moz-transition: all 0.2s ease 0s;
   			    -ms-transition: all 0.2s ease 0s;
   			     -o-transition: all 0.2s ease 0s;
   			        transition: all 0.2s ease 0s;
   		}
   		.main-navbar > ul > li.active > a{
   			font-weight: 500;
   		}
   		.main-navbar > ul > li.active > a::after{
   			bottom: 0;
   		}
   		.main-navbar > ul > li:hover > .main-subnavbar{
   			margin-top: 0;
   			opacity: 1;
   			visibility: visible;
   		}
   		.main-subnavbar{
   			z-index: 10;
   			margin-top: 40px;
   			position: absolute;
   			left: 0;
   			top: 100%;
   			width: 200px;
   			opacity: 0;
   			background: #fff;
			border-top-left-radius:0;
			border-top-right-radius:0;
			border-bottom-left-radius:5px;
			border-bottom-right-radius:5px;
			
   			
   			box-shadow: 0 0px 7px rgba(0,0,0,0.1);
   			visibility: hidden;
   			-webkit-transition: all 0.3s ease 0s;
   			   -moz-transition: all 0.3s ease 0s;
   			    -ms-transition: all 0.3s ease 0s;
   			     -o-transition: all 0.3s ease 0s;
   			        transition: all 0.3s ease 0s;
   		}
   		.main-subnavbar li{
   			position: relative;
   		}
   		.main-subnavbar li:hover > .main-subnavbar{
   			margin-top: 0;
   			opacity: 1;
   			z-index: 10;
   			visibility: visible;
   		}
   		.main-subnavbar .main-subnavbar{
   			top: 0;
   			left: 100%;
   		}
        .dropdown::after{
            content: "\f105";
            font-family:'FontAwesome';
            position: absolute;
            right: 20px;
            top: 15px;
        }
   		.main-subnavbar li a{
			color:#f29300;
   			padding: 10px 20px;
   			display: inline-block;
   			text-align: left;
   			width: 100%;
   			border-bottom: 1px solid rgba(0,0,0,0.07);
   		}
   		.main-subnavbar li:hover > a,.main-subnavbar li.active > a{
   			background: rgba(0,0,0,0.03);
   		}   		
		.social-icon{
   			text-align: right;
   		}
   		.social-icon li{
			display: inline-block;
			vertical-align: top;
   		}
   		.social-icon li a{
   			padding: 5px 6px;
   			display: inline-block;
   			font-size: 22px; color:rgba(255,255,255,.8);
   		}
   	
   	

   		/* 	Responsive Header
   		   	========================================================================== */
   		   		@media screen and (min-width: 992px){
   		   			.main-navbar{
   		   				display: inline-block!important;
   		   			}
   		   		}
   		   		@media screen and (max-width: 992px){
                    .main-header{
                        padding-top: 20px;
                        padding-bottom: 20px;
                    }
		   			.main-navbar{
		   				display: none;
		   				text-align: left;
		   				margin-top: 15px;
						margin-bottom: 15px;
		   				max-height: 400px;
		   				overflow-y: auto;
		   				overflow-x: hidden;
                        width: 100%!important;
                        background: #fff;
                        border-radius: 3px;
		   			}
		   			.main-navbar > ul{
		   				width: 100%;
		   			}
		   			.main-navbar ul li,.header2 .main-navbar > ul > li{
		   				width: 100%;
		   				margin: 0;
		   			}
		   			.main-navbar ul li a{
		   				width: 100%;
		   				padding: 10px 15px;
		   				text-align: left;
		   				font-size: 14px;
                        z-index: 1;
		   				border-bottom: 1px solid rgba(0,0,0,0.1);
		   			}
		   			.main-navbar > ul > li:last-child > a{
		   				border-bottom: 0;
		   			}
		   			.main-navbar ul li:hover > a{
		   				background: rgba(0,0,0,0.03);
		   			}
		   			.main-navbar > ul > li > a::after{
		   				display: none;
		   			}
		   			.main-subnavbar,.main-subnavbar .main-subnavbar{
		   				position: relative;
		   				top: 0;
		   				left: 0;
		   				margin: 0;
		   				opacity: 1;
		   				box-shadow: none;
		   				visibility: visible;
		   				width: 100%;
		   				padding: 0;
                        display: none;
		   			}
                    .main-subnavbar.open,.main-subnavbar .main-subnavbar.open{
                        display: inline-block;
                        background: rgba(0,0,0,0.05);
                    }
                    .m-dropdown::after{
                        content: "\f105";
                       font-family:'FontAwesome';
					   font-size:24px;
                        position: absolute;
                        right: 10px;
                        top: 2px;
                        z-index: 0;
                    }
		   		}
				
				/*  ==========================================================================
    Text Color
    ========================================================================== */
       
       
        .main-subnavbar li:hover > a,
        .main-subnavbar li.dropdown:hover::after,
        .main-subnavbar li.active > a,
       
        .main-navbar > ul > li.active > a,
        .header-transparent .main-navbar > ul > li:hover > a,
        .header-transparent .main-navbar > ul > li.active > a
       {
            color: #000;
        }
       .main-navbar > ul > li:hover > a{ color:#000; background-color:#fff;}
        .main-navbar > ul > li.active > a,
        .main-subnavbar li a,
     {
            color: #000;
        }
   
       
        .header-transparent .main-navbar > ul > li > a,
        .header-transparent .social-icon li a:not(:hover),
        .header-transparent .info-list li a:not(:hover),
       {
            color: #fff;
        }
        .main-navbar > ul > li > a,
       {
            color: #696969;
        }
     

        /*----------  Media query  ----------*/
        @media screen and (max-width:992px) {
            .main-navbar ul li a,.header-transparent .main-navbar > ul > li > a,.m-dropdown::after{
                color: #696969;
            }
        }
     .bg-style1 {
  padding-bottom:50px ;
  background: #fff;
  position: relative;
  display: block;
  z-index: 2;
  overflow: hidden;
}
.bg-style1:after {
  content: " ";
  position: absolute;
  display: block;
  width: 70%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: #ffe79c;
  -ms-transform: skew(50deg, 0deg);
  -webkit-transform: skew(50deg, 0deg);
  transform: skew(50deg, 0deg) translateX(-60%);
}
.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    display: none;
    text-align:center;
    background: url('icon_top.png') no-repeat;
    background-color: #fff;
	z-index:9999;
	
		border-top-left-radius:40px;
	border-top-right-radius:2px;
	border-bottom-left-radius:40px;
	border-bottom-right-radius:40px;
		-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg); border:1px solid #f08a00;
}
.scrollup i{ font-size:30px; color:#f08a00; padding-left:5px;-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);}
		
			
				
				@media all and (max-width:990px)
				{
					.our-karas .col-sm-8, .our-karas .col-sm-4{ width:100% !important;}
					.news{ min-height:250px !important; height:auto;}
					}
				@media all and (max-width:768px)
			{
				.logo img{ width:80%;}
			.vilakku-left{ display:none;}
.vilakku-right{ display:none;}	
.bg-style1:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: #ffe79c;
  -ms-transform: skew(30deg, 0deg);
  -webkit-transform: skew(30deg, 0deg);
  transform: skew(30deg, 0deg) translateX(-70%);
}
#sideButton
{position:static;top:50%;right: 0px;margin-right:0px;z-index:999;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
#sideButton a{ width:50%; float:left; text-align:center; background-color:#e30059; font-family: 'Oswald', sans-serif;  font-size:18px;color:#fff; letter-spacing:1px; padding:5px 10px; border:5px solid #fff; border-radius: 0px; display:block;}
.footer h3{ margin-top:20px;}

}
@media all and (max-width:620px)
{
.copyright, .web-counter{ width:100%; text-align:center;}


}
@media all and (max-width:480px)
{
#sideButton a{ width:100%; padding:5px 10px; border:0px solid #fff; margin-top:1px; }
}
@media all and (max-width:320px)
{
.bg-style1:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: #ffe79c;
  -ms-transform: skew(30deg, 0deg);
  -webkit-transform: skew(30deg, 0deg);
  transform: skew(30deg, 0deg) translateX(-92%);
}
}
				
	
				.inner-content-box{ width:100%; height:auto; float:left; background-color:#fff; padding:10px 0 100px 0;}
				.innerMainHead{ width:100%; display:block;font-family: 'Oswald', sans-serif; font-size:26px; color:#8c5107; text-align:center; background-image:url(../images/mainHeadbg.png); background-position:bottom center; background-repeat:no-repeat; padding-bottom:40px;}
				.inner-content{font-family: 'Roboto Condensed', sans-serif; font-size:16px; line-height:25px; color:#666;}
				.inner-content h4{font-family: 'Oswald', sans-serif; font-size:20px; color:#000; margin-top:20px;}
		.img-left{ float:left; padding-right:10px; padding-top:10px; padding-bottom:5px;}
.inner-border{ max-width:100%; outline: 1px solid white;outline-offset: -6px;}
.img-right{ float:right; padding-left:10px; padding-top:10px; padding-bottom:5px;}		
.img-title{ font-size:12px; color:#8d0435; font-weight:bold; display:block; text-align:center; border-bottom:1px solid #777}
.karakal-box{ width:100%; float:left; padding:20px; margin-bottom:15px;background-color:#fff;border: 1px solid #e6ecf5; border-radius: 5px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;-webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.075) ; -moz-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.075) ; box-shadow: 0 7px 15px rgba(0, 0, 0, 0.075) ; }
.karakal-box:hover{}
.karakal-image-left{ float:left; padding-right:15px;}
.karakal-image-right{ float:right; padding-left:15px;}
.karakal-name{ position:absolute; top:0; padding:10px; background-color:#F90; color:#fff;}
.karakal-text{ width:75%; float:left; background-color:#f1f1f1; padding:20px;}
.list-style{margin:10px 0; position:relative;}
.list-style li{ padding-left:15px; margin-bottom:5px;}
.list-style li:before{ content:"\f192";font-family:'FontAwesome'; font-size:14px; color:#f29300; position:absolute; left:0; }
#horizontalTab{ padding:25px 0;}
ul.resp-tabs-list,
p {
  margin: 0px;
  padding: 0px;
}

.resp-tabs-list li {
	font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  padding: 13px 15px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  float: left;
}

.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left;
}
.tab-sub-head{ color:#f00; font-weight:bold; display:block;}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
  padding: 15px;
}

.resp-tab-active {
   /*border: 1px solid #c1c1c1;
 border-bottom: none;*/
  margin-bottom: -1px !important; 
  padding: 12px 14px 14px 14px !important; color:#e79902;
}

.resp-tab-active {
  /*border-bottom: none;*/
  background-color: #000; position:relative !important;
}
.resp-tab-active:after { content:""; position:absolute !important; top:0; z-index:99999; display:block; border-bottom:5px solid #f00;}

.resp-content-active,
.resp-accordion-active { display: block; }

.resp-tab-content { /*border: 1px solid #c1c1c1;*/ }

h2.resp-accordion {
  font-size: 13px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 10px 15px;
}

h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  margin-bottom: 0px !important;
  padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue;
}



.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 3px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/

h2.resp-tab-active { background: #DBDBDB !important; }

.resp-easy-accordion h2.resp-accordion { display: block; }

.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }

.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }

.resp-jfit {
  width: 100%;
  margin: 0px;
}

.resp-tab-content-active { display: block; }

h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; }
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {

ul.resp-tabs-list { display: none; }

h2.resp-accordion { display: block; }

.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }

.resp-vtabs .resp-tabs-container {
  border: none;
  float: none;
  width: 100%;
  min-height: initial;
  clear: none;
}

.resp-accordion-closed { display: none !important; }

.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }

}

/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 999999;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}