/* Add all Custom CSS here so theme updates can be applied */
.margintop0 {margin-top:0 !important;}
.margintop5 {margin-top:5px !important;}
.margintop10 {margin-top:10px !important;}
.margintop15 {margin-top:15px !important;}
.margintop20 {margin-top:20px !important;}
.margintop25 {margin-top:25px !important;}
.margintop30 {margin-top:30px !important;}
.margintop35 {margin-top:35px !important;}
.margintop40 {margin-top:40px !important;}
.margintop45 {margin-top:45px !important;}
.margintop50 {margin-top:50px !important;}
.margintop55 {margin-top:55px !important;}
.margintop60 {margin-top:60px !important;}
.margintop65 {margin-top:65px !important;}
.margintop70 {margin-top:70px !important;}
.marginbot0 {margin-bottom:0 !important;}
.marginbot5 {margin-bottom:5px !important;}
.marginbot10 {margin-bottom:10px !important;}
.marginbot15 {margin-bottom:15px !important;}
.marginbot20 {margin-bottom:20px !important;}
.marginbot25 {margin-bottom:25px !important;}
.marginbot30 {margin-bottom:30px !important;}
.marginbot35 {margin-bottom:35px !important;}
.marginbot40 {margin-bottom:40px !important;}
.marginbot45 {margin-bottom:45px !important;}
.marginbot50 {margin-bottom:50px !important;}
.marginbot55 {margin-bottom:55px !important;}
.marginbot60 {margin-bottom:60px !important;}
.marginbot65 {margin-bottom:65px !important;}
.marginbot70 {margin-bottom:70px !important;}
.padding0 {padding:0 !important;}
.padding5 {padding:5px !important;}
.padding10 {padding:10px !important;}
.padding15 {padding:15px !important;}
.padding20 {padding:20px !important;}
.padding25 {padding:25px !important;}
.padding30 {padding:30px !important;}
.padding35 {padding:35px !important;}
.padding40 {padding:40px !important;}
.padding45 {padding:45px !important;}
.padding50 {padding:50px !important;}

.section-dark .cta-txt.title-centered h2 {color:#FFF; font-size: 38px; margin-bottom: .5em;}
.section-dark .cta-txt.title-centered h3 {color:#FFF; font-size: 26px; margin-bottom: .5em;}
.section-dark .cta-txt.title-centered p {color:#FFF; font-size: 22px; margin-bottom: .5em; line-height:26px;}

.section-dark {
  margin: 0 -100% 50px -100%;
  padding: 30px 100% 30px 100%;
  background: #5464A2;
  overflow: hidden;
}
.section-dark.siyhnnohead {
  margin: 0 -100% 0 -100%;
  padding: 30px 100% 30px 100%;
  background: #0099CC;
  overflow: hidden;
}
.section-dark.siyhnnohead .bq-author-info {color:#FFF;}
.section-dark.siyhnnohead .bq-author h6 {color:#ffe165;}

.title-centered > h2 {
font-size: 35px;
margin-bottom: 1.2em;
}

.list h4 {text-transform:none !important; font-size:20px;}
.large-centered {font-size:18px; text-align:center !important; line-height:28px;}

body.siyhn-home .page-content {padding-top: 0; padding-bottom: 0;}
body.siyhn-home .page-content .section-dark:last-child {margin-bottom: 0; padding-bottom:60px;}

.icon-box .icon-box-body h3, .icon-box .icon-box-body h4 {font-size:24px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}
.section-dark .icon-box .icon-box-body h3, .icon-box .icon-box-body h4 {text-shadow: none; color:#FFF;}

.panel-group .panel-title > a {
background-image: -webkit-linear-gradient(top, #5464A2 0%, #5464A2 100%);
background-image: linear-gradient(to bottom, #5464A2 0%, #5464A2 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db', endColorstr='#ff258cd1', GradientType=0);
}
.header-top {
  background: #2f2f2f;
  padding: 14px 0;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}

section.module.parallax {
  /*height: 200px;*/
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0 -100% 0 -100%;
  padding: 0 100% 0 100%;
  overflow: hidden;
}
section.module.parallax-bg {
  background-image: url(../images/abc);
}

section.module.parallax-bg2 {
  background-image: url(../images/parallax_bg.jpg);
}

.accent-bgcolor-1 {background:#5464A2;}
.accent-bgcolor-2 {background:#5464A2;}
.accent-bgcolor-3 {background:#5464A2;}

.icon-box h2.accent-bgcolor-1, .icon-box h2.accent-bgcolor-2, .icon-box h2.accent-bgcolor-3 {color:#FFF; text-align:center;}
.icon-box h2.accent-bgcolor-1 a,
.icon-box h2.accent-bgcolor-2 a,
.icon-box h2.accent-bgcolor-3 a {
	color:#FFF !important;
}

body.siyhn-home .icon-box a.btn.btn-primary, body.siyhn-enroll .icon-box a.btn.btn-primary {display: block; text-align: center; position: relative;}
body.siyhn-enroll button.btn.btn-primary, body.siyhn-enroll a.btn.btn-primary {display: block; text-align: center; position: relative; width:100%;}

body.siyhn-contact .page-content {
padding-top: 64px;
padding-bottom: 0;
}
body.siyhn-contact section.module.parallax {padding: 0 100% 0 100% !important;}
body.siyhn-home section.module.parallax {padding: 80px 100% 60px 100% !important;}

.blue-lg {font-size:18px; color:#0099CC; font-weight:bold; line-height:28px;}
.bluespan {color:#0099CC;}
.page-heading .bluespan {color:#49c4de;}

.gold-lg {font-size:18px; color:#ffe165; font-weight:bold; line-height:28px;}
.goldspan {color:#ffe165;}
.page-heading .goldspan {color:#ffe165;}
.project_contant{padding:5% 0; float:left; width:100%;}
.list_service{ padding:10px 0; margin:0; list-style:none;}
.list_service li{ font-family: "Muli",sans-serif; font-size:16px; color:#333; padding:0 0 10px 25px; margin:0; background:url(../images/bullete.jpg) 0 0 no-repeat; }
.googlemap{ width:100%; float:left;}
.pad5{ padding:5% 0; }
.poj_tab ul{ width:100%; float:left;}
.poj_tab .nav-tabs > li { float:none !important;}
.poj_tab .nav-tabs{ border:none !important;}
.poj_tab .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{ border:none !important;}
.poj_tab .nav-tabs > li.active > a img, .nav-tabs > li.active > a img:hover, .nav-tabs > li img.active > a:focus
{ border:1px solid #5464A2; !important; padding:5px; opacity:1; }
.poj_tab .nav > li > a > img {
   opacity: 0.5;
   border:1px solid #fff; !important; padding:5px; 
}
.poj_tab .nav > li > a:hover, .nav > li > a:focus{ border:none !important; background:none !important;}
.poj_tab .nav > li > a img:hover, .nav > li > a img:focus{ border:none !important; background:none !important;border:1px solid #5464A2; !important; padding:5px; opacity:1;}
.tab_banner .carousel-inner .item img {
    height: auto;
}
.tab_banner{ width:100%; float:left;}
.tab_banner_contant{ padding:20px 0; width:100%; float:left;}
.about_contant p{ font-size:16px; color:#000;font-family: 'Roboto', sans-serif;}
.coustom_btn:hover{ background:#0099CC !important;}
.btn-lg:hover{background:#0099CC !important;}
.btn-primaryhover{background:#0099CC !important;}
.social_box{ position: fixed; left:0; top:20%; z-index:999999;}
.f_icon{ width:128px; height:128px; background:url(../images/facebook-icon.png) 0 0 no-repeat; right:-90px; position:absolute; text-indent: -99999px;}
/*.f_icon:hover{ width:128px; height:128px; background:url(../images/square-facebook-128-large.png) 0 0 no-repeat; right:-0px; position:absolute;}*/
.t_icon{ width:49px; height:49px; background:url(../images/twitter.png) 0 0 no-repeat; right:-16px; position:absolute; text-indent: -99999px; top:48px;}
/*.t_icon:hover{width:64px; height:48px; background:url(../images/twitter.png) 0 0 no-repeat; right:0; position:absolute; text-indent: -99999px;}*/
.g_icon{ width:64px; height:48px; background:url(../images/google.png) 0 0 no-repeat; right:-16px; position:absolute; text-indent: -99999px; top:96px;}
.g_icon:hover{width:64px; height:48px; background:url(../images/google.png) 0 0 no-repeat; right:0; position:absolute; text-indent: -99999px;}
.p_icon{ width:64px; height:48px; background:url(../images/priterest.png) 0 0 no-repeat; right:-16px; position:absolute; text-indent: -99999px; top:144px;}
.p_icon:hover{width:64px; height:48px; background:url(../images/priterest.png) 0 0 no-repeat; right:0; position:absolute; text-indent: -99999px;}



@media (min-width: 320px) and (max-width: 768px) {
	.poj_tab .nav-tabs > li {
    float: left !important;
}
}

@media (min-width: 320px) and (max-width: 640px) {
	
.tabs-left li a{ padding:10px 0 !important;}
.poj_tab .nav-tabs > li{ width:18%;}
.poj_tab .nav > li > a > img{ width:100%;}
.carousel-inner .item img {height: 250px !important;}
	
}
@media (min-width: 320px) and (max-width: 480px) {
.carousel-inner .item img {height: 200px !important;}
.poj_tab .nav-tabs > li {width: 28%;}	
}


.reveal-if-active {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transform: scale(0.8);
  transition: 0.5s;
  input[type="radio"]:checked ~ &,
  input[type="checkbox"]:checked ~ & {
    opacity: 1;
    max-height: 100px;
    overflow: visible;
    padding: 10px 20px;
    transform: scale(1);
  }

input[type="radio"]:checked ~ .reveal-if-active {
  opacity: 1;
  max-height: 100px; 
  overflow: visible;
}