/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

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;
}
input[type="button"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

h1,h2,h3,h4,h5,h6{
	padding:0 0;
	margin:0 0;
}
p{
	padding:0 0;
	margin:0 0;
}
ul{
	padding:0 0;
	margin:0 0;	
}
body{
	padding:0 0;
	margin:0 0; 
	font-family: 'Open Sans', sans-serif;
}
.header-top {
  margin-top: 1em;
}
.navbar-brand {
  float: left;
  margin-left: 0.8em;
}
.navbar {
  border-radius: 0px;
}
.navbar-nav {
  float: right;
  margin: 0;
}
.navbar-default {
  background: none!important;
  border: none!important;
}
.top-menu ul li {
  display: inline-block;
  margin: 0.8em 1em;
}
.navbar-brand h1 a {
  text-decoration: none;
  color:#fff;
  font-size: 1.5em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  text-transform: capitalize;
  letter-spacing: 2px;
  line-height: .5em;

}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 1.4em;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #1F527D;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #1F527D;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1F527D
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0;
  border: 1px solid transparent;
}
.navbar-brand {
  float: left;
  height: 0px;
  padding: 10px 0px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #1F527D;
}
.dropdown-menu > li > a {
  display: block;
  padding: 10px 20px;
  color: #000;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 1.2em;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin-left: 0px;
}
.dropdown-menu {
  min-width: 150px;
  padding: 0px 0;
  border: 1px solid #fff;
}
.navbar-default {
 padding: 1.2em 0;
}
.navbar-collapse {
  max-height: 340px;
  padding-right: 0px;
  padding-left: 0px; 
}
.header{
	background:url(../images/banner2.jpg) no-repeat 0px 0px;
	background-size:cover;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 -ms-background-size: cover;
 min-height:784px;
 padding-bottom: 4em;
}
.slider {
	position: relative;
	text-align: center;
	width: 100%;
  text-shadow: 5px 5px 5px black;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.caption{
	margin-top:17em;
}
.caption h3{
  color: #fff;
  font-size: 3.5em;
  text-transform: capitalize;
  font-family: 'Yanone Kaffeesatz', sans-serif;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 8px;
	width: 8px;
	display: inline-block;
	border: 2px solid #fff;
	border-radius:50%;
	background:#fff;
}
.callbacks_here a:after{
	border: 2px solid #FFF;
	background:transparent;
}
.callbacks_tabs a{
	visibility:hidden;
}
.callbacks_tabs li{
	display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
	position: absolute;
	bottom: 29px;
	z-index: 999;
	left: 46%;
	display: none;
}
.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 73%;
  left: 15%;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  margin-top: -45px;
}
.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 15%;
}
.header-bottom {
  position: relative;
}
.header-grids {
  position: absolute;
  bottom: 3em;
  left: 0;
  width: 100%;
}
.header-grid h4 {
  font-size: 1.8em;
  padding: 0.5em 0 0;
  color: #fff;
  font-family: 'Yanone Kaffeesatz', sans-serif;
}
.header-bg {
  background: orange;
  padding: 1.5em 2em;
}
.header-grid p {
  font-size: 1em;
  padding: 0.5em 0;
  color: #fff;
  line-height: 1.8em;
}
.about {
	padding:20em 0 4em;
	text-align: center;
}
.about h2,.about-section h2,.services h2,.gallery-info h2,h2.short,.contact h2{
  font-size: 3.5em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  color: #1F527D;
  text-align: center;
}
.about-grids{
	margin:2em 0 0;
}
.about-grid-left{
	float:left;
	width:75%;
	text-align:right;
}
.about-grid-left h4 {
  margin: 0;
  color: #282828;
  font-size: 1.8em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
}
.about-grid-left p {
  color: #646464;
  font-size: 1em;
  margin: .8em 0 0;
  line-height: 1.8em;
}
.about-grid-right{
	float:right;
	width: 20%;
  border: none;
  text-align: center;
  padding: 2.5em;
  background: orange;
}
.glyphicon-wrench, .glyphicon-user, .glyphicon-book, .glyphicon-cog, .glyphicon-bell, .glyphicon-cd {
  font-size: 2.5em;
  color: #fff;
}
.aliquam{
	float:left !important;
  border: none;
  text-align: center;
  padding: 2.5em;
  background: orange;
}
.non{
	float:right !important;
	text-align:left !important;
}
.about-grids:nth-child(2){
	margin:3em 0 0;
}
.about-grid:hover .about-grid-right {
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
}
.about-grid-right:hover {
  background: #1F527D;
}
.aliquam:hover{
 background: #1F527D;
}
.student h3, .new-course h3,.testimonial h3,.why-choose h3,.features h3,.service h3 {
  font-size: 3.5em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  color: #1F527D;
  text-transform: capitalize;
}
.student{
	padding:4em 0;
	text-align:center;
  background-color: #eee;
}
.student-grid  h4 {
  font-size: 1.8em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  color: #282828;
  text-transform: capitalize;
  margin: .5em 0;
}
.student-grid p {
  color: #646464;
  font-size: 1em;
  line-height: 1.8em;
}
.student-grids {
  margin-top: 3em;
}
.new-course-grids {
  position: relative;
  margin-top:3em;
}
.new-course {
  text-align: center;
  padding: 4em 0;
}
.new-course-grids1 {
  position: relative;
  margin-top:2em;
}
.course-info h4 {
  font-size: 1.8em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  color: white;
  text-align: left;
  margin-bottom: .5em;
}
.course-info p {
 font-size: 1em;
 line-height: 1.8em;
 color: #eee;
 text-align: left
}
.course-info {
  position: absolute;
  top: 0%;
  background:rgba(0, 0, 0, 0.50);
  padding: 5.15em 2em;
  width: 50%;
  left: 2.5%;
}
.testimonial-info p {
  color: #646464;
  font-size: 1em;
  line-height: 1.8em;
}
.testimonial-info h5 {
  color: #282828;
  font-size: 1.4em;
  margin: 0.5em 0 0;
  font-family: 'Yanone Kaffeesatz', sans-serif;
}
.testimonial {
  padding: 4em 0;
}
.testimonial-info p span {
  font-size: 2em;
  color: #222;
}
.testimonial-info {
  margin-top: 2em;
}
.Works-grids {
  margin-top: 3em;
}
.Works-grid p{
 color: #646464;
 font-size: 1em;
 line-height: 1.8em;
 margin-top: 1em;
}
.footer-section{
	padding:2em 0;
	text-align:center;
	background: #222;
}
.social-icons i:hover {
  opacity: 0.4;
}
.social-icons {
 margin-bottom:1em;
}
.social-icons a i{
	width: 50px;
	height: 50px;
	background: url(../images/img-sprite.png) no-repeat 0px 0px;
	display: inline-block;
	margin: 0 6px;
}
.social-icons a i.icon1{
	background-position:0px 0px;
}
.social-icons a i.icon2{
	background-position:-50px 0px;
}
.social-icons a i.icon3{
	background-position:-100px 0px;
}
.social-icons a i.icon4{
	background-position:-150px 0px;
}
.footer-top p {
	font-size: 0.9em;
	color: #fff;
	font-weight: 400;
}
.footer-top  a {
	font-size: 1em;
	color:#fff;
	font-weight: 400;
	text-transform: capitalize;
}
.footer-top a:hover {
	color: #fff;
}
.footer-top a {
	margin: 0 0.3em
}
/**about**/
.banr {
  min-height: 200px !important;
  padding-bottom: 0em;
}
.about-info h5 {
  font-size: 1.2em;
  color: #282828;
  line-height:1.8em;
}
.about-section {
  padding: 4em 0;
  text-align: center;
}
.about-info p {
  font-size: 1em;
  line-height: 1.8em;
  padding: 1em 0;
  color: #646464;
}
.about-info {
  margin: 3em 0;
}
.why-choose {
  padding: 4em 0 ;
  text-align: center;
  background-color: #eee;
}
.choose-grid h4{
  color: #25292e;
  text-transform: capitalize;
  text-align:left;
  font-size: 1.8em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
}
.choose-grid p{
  font-size: 1em;
  line-height: 2em;
  color: #626262;
  margin:1em 0 0;
  text-align:left;
}
.choose-grids {
  margin-top: 3em;
}
.team {
  padding: 4em 0;
  position:relative;
  background:#1F527D;
  text-align: center;
}
.team h3 {
  font-size: 3.5em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  color: #fff;
}
.ch-grid {
	margin: 4em 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.ch-grid:after,
.ch-item:before {
	content: '';
  display: table;
}
.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 20px;
}
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: relative;
	cursor: default;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
}
.ch-info{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.ch-info .ch-info-front {
	box-shadow: inset 0 0 0 16px rgba(0,0,0,0.3);
}

.ch-info .ch-info-back {
	-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	background:#282828;
	opacity: 0;
}
.ch-img-1 { 
 background: url(../images/t1.jpg)no-repeat;
 z-index: 12;
}

.ch-img-2 { 
 background: url(../images/t2.jpg)no-repeat;
 z-index: 11;
}

.ch-img-3 { 
 background: url(../images/t3.jpg)no-repeat;
 z-index: 10;
}
.ch-img-4 { 
 background: url(../images/t4.jpg)no-repeat;
 z-index: 10;
}
.ch-info h4 {
	color: #fff;
 font-size: 1.8em;
 font-family: 'Yanone Kaffeesatz', sans-serif;
 margin: 0 15px;
 padding: 61px 0 0 0;
 height: 110px;
 text-shadow: 0 0 1px #fff, 
}
.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}
.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
}

.ch-info p a:hover {
  color: #fff;
}

.ch-item:hover .ch-info-front {
	-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	opacity: 0;
}

.ch-item:hover .ch-info-back {
	-webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
	opacity: 1;
}
/*--team--*/
/**services**/
.services {
  padding: 4em 0;
  text-align: center;
}
.services p {
  font-size: 1em;
  color: #fff;
  line-height: 1.8em;
}
.services h4 {
  font-size: 1.8em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  text-transform: capitalize;
  margin: 0.6em 0 0.4em;
  color: #fff;
}
.services-grids {
  margin-top: 3em;
}
.ser1 {
  background:/* #ec3475*/black;
  padding: 2em;
}
.ser2 { 
  background:/* #ec3475*/white;
  padding: 2em;
}
.ser1:hover {
  background: #1F527D;
}
.features {
  text-align: center;
  padding: 4em 0;
  background:#eee;
}
.feature {
  background: #fff;
  border: 1px solid #E9E9E9;
}

.feature2 p {
  font-size: 1em;
  line-height: 1.8em;
  color: #646464;
  border-top: 5px solid #F2F2F2;
  padding: 1.5em;
}
.feature1 h4 {
  font-size: 1.8em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  color: #222;
  padding: 1em 0 0.5em;
  text-transform: capitalize;
}
.glyphicon-pencil,.glyphicon-camera,.glyphicon-calendar,.glyphicon-gift {
  border-radius: 4em;
  font-size: 2em;
  -webkit-border-radius: 4em;
  -moz-border-radius: 4em;
  -o-border-radius: 4em;
  border: 5px solid #FFF;
  box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
  -webkit-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
  -moz-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
  -o-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
  display: inline-block;
  padding: 32px;
  background: #1F527D;
  background: -moz-linear-gradient(top, #03bcfd 0%, #019bd1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1F527D), color-stop(100%,#1F527D));
  background: -webkit-linear-gradient(top, #1F527D 0%,#1F527D 100%);
  background: -o-linear-gradient(top, #03bcfd 0%,#019bd1 100%);
  background: -ms-linear-gradient(top, #03bcfd 0%,#019bd1 100%);
  background: linear-gradient(to bottom, #1F527D 0%,#1F527D 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03bcfd', endColorstr='#019bd1',GradientType=0 );
  cursor: pointer;
  transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  color: #fff;
}
.glyphicon-camera:hover{
 background-color: #ec3475;
 background-image: -moz-linear-gradient(top,#ec3475,#ec3475);
 background-image: -webkit-gradient(linear,0 0,0 100%,from(#ec3475),to(#ec3475));
 background-image: -webkit-linear-gradient(top,#ec3475,#ec3475);
 background-image: -o-linear-gradient(top,#ec3475,#ec3475);
 background-image: linear-gradient(to bottom,#ec3475,#ec3475);
 background-repeat: repeat-x;
}
.glyphicon-pencil:hover{
 background-color: #ec3475;
 background-image: -moz-linear-gradient(top,#ec3475,#ec3475);
 background-image: -webkit-gradient(linear,0 0,0 100%,from(#ec3475),to(#ec3475));
 background-image: -webkit-linear-gradient(top,#ec3475,#ec3475);
 background-image: -o-linear-gradient(top,#ec3475,#ec3475);
 background-image: linear-gradient(to bottom,#ec3475,#ec3475);
 background-repeat: repeat-x;
}
.glyphicon-calendar:hover{
 background-color: #ec3475;
 background-image: -moz-linear-gradient(top,#ec3475,#ec3475);
 background-image: -webkit-gradient(linear,0 0,0 100%,from(#ec3475),to(#ec3475));
 background-image: -webkit-linear-gradient(top,#ec3475,#ec3475);
 background-image: -o-linear-gradient(top,#ec3475,#ec3475);
 background-image: linear-gradient(to bottom,#ec3475,#ec3475);
 background-repeat: repeat-x;
}
.glyphicon-gift:hover{
 background-color: #ec3475;
 background-image: -moz-linear-gradient(top,#ec3475,#ec3475);
 background-image: -webkit-gradient(linear,0 0,0 100%,from(#ec3475),to(#ec3475));
 background-image: -webkit-linear-gradient(top,#ec3475,#ec3475);
 background-image: -o-linear-gradient(top,#ec3475,#ec3475);
 background-image: linear-gradient(to bottom,#ec3475,#ec3475);
 background-repeat: repeat-x;
}
.features-grids {
  margin-top: 3em;
}
.feature1 {
  padding: 1.5em;
}
.service {
  padding: 4em 0;
  text-align:center;
}
.service2 {
  margin: 2em 0;
}
.service-grid1 h4 {
 font-size: 1.8em;
 font-family: 'Yanone Kaffeesatz', sans-serif;
 color: #25292e;
 margin: 0em 0 0.5em;
 text-align:left;
}
.service-grid1 p {
  font-size: 1em;
  color: #646464;
  line-height: 1.8em;
  text-align:left;
}
.servic-grids {
  margin-top: 3em;
}
/*-- gallery --*/
.gallery-top {
  padding: 4em 0;
  text-align:center;
}
.gallery-grids-top {
  margin-top: 3em ;
}
.gallery-grid a {
  display: block;
}
.gallery-grid img {
  width: 100%;
}
.gallery-grid:hover img {
  -webkit-filter: grayscale(100%);
  opacity: 8;
  transition: all 300ms!important;
  -webkit-transition: all 300ms!important;
  -moz-transition: all 300ms!important;
}
.gallery-grids-middle{
	margin:2em 0;
}
/*-- typography --*/
.typography {
  padding: 4em 0;
}
.show-grid [class^=col-] {
	background: #fff;
	text-align: center;
	margin-bottom: 10px;
	line-height: 2em;
	border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
  background: #e0e0e0;
}
.grid_3{
	margin-bottom:2em;
}
.xs h3, h3.m_1{
	color:#000;
	font-size:1.7em;
	font-weight:300;
	margin-bottom: 1em;
}
.grid_3 p{
  color: #999;
  font-size: 0.85em;
  margin-bottom: 1em;
  font-weight: 300;
}
.grid_4{
	background:none;
	margin-top:50px;
}
.label {
  font-weight: 300 !important;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
}  
.grid_5{
	background:none;
	padding:2em 0;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg {
  margin-bottom: 1em;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: none !important;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 0;
}
.badge-primary {
  background-color: #03a9f4;
}
.badge-success {
  background-color: #8bc34a;
}
.badge-warning {
  background-color: #ffc107;
}
.badge-danger {
  background-color: #e51c23;
}
.grid_3 p{
  line-height: 2em;
  color: #888;
  font-size: 0.9em;
  margin-bottom: 1em;
  font-weight: 300;
}
.bs-docs-example {
  margin: 1em 0;
}
section#tables  p {
 margin-top: 1em;
}
.tab-container .tab-content {
  border-radius: 0 2px 2px 2px;
  border: 1px solid #e0e0e0;
  padding: 16px;
  background-color: #ffffff;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 15px!important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  font-size: 0.9em;
  color: #999;
  border-top: none !important;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.label {
  font-weight: 300 !important;
}
.label {
  padding: 4px 6px;
  border: none;
  text-shadow: none;
}
.nav-tabs {
  margin-bottom: 1em;
}
.alert {
  font-size: 0.85em;
}
h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button {
	line-height:1.8em;
  margin-top:0.5em;
  margin-bottom: 0.5em;
}
li.list-group-item1 {
  line-height: 2.5em;
}
.input-group {
  margin-bottom: 20px;
}
.in-gp-tl{
	padding:0;
}
.in-gp-tb{
	padding-right:0;
}
.list-group {
  margin-bottom: 48px;
}
ol {
  margin-bottom: 44px;
}
h2.typoh2{
  margin: 0 0 10px;
}
@media (max-width:768px){
	.grid_5 {
		padding: 0 0 1em;
	}
	.grid_3 {
		margin-bottom: 0em;
	}
}
@media (max-width:640px){
	h1, .h1, h2, .h2, h3, .h3 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
		margin-bottom: .5em;
	}
	.progress {
		height: 10px;
		margin-bottom: 10px;
	}
	ol.breadcrumb li,.grid_3 p,ul.list-group li,li.list-group-item1 {
		font-size: 14px;
	}
	.breadcrumb {
		margin-bottom: 10px;
	}
	.well {
		font-size: 14px;
		margin-bottom: 10px;
	}
	h2.typoh2 {
		font-size: 1.5em;
	}
}
@media (max-width:480px){
	.table h1 {
		font-size: 26px;
	}
	.table h2 {
		font-size: 23px;
	}
	.table h3 {
		font-size: 20px;
	}
	.label {
		font-size: 53%;
	}
	.alert,p {
		font-size: 14px;
	}
	.pagination {
		margin: 20px 0 0px;
	}
	.grid_4 {
    margin-top: 2em;
  }
}
@media (max-width: 320px){
	.grid_4 {
		margin-top: 18px;
	}
	h3.title {
		font-size: 1.6em;
	}
	.alert, p,ol.breadcrumb li, .grid_3 p,.well, ul.list-group li, li.list-group-item1,a.list-group-item {
		font-size: 13px;
	}
	.alert {
		padding: 10px;
		margin-bottom: 10px;
	}
	ul.pagination li a {
		font-size: 14px;
		padding: 5px 11px;
	}
	.list-group {
		margin-bottom: 10px;
	}
	.well {
		padding: 10px;
	}
	.nav > li > a {
		font-size: 14px;
	}
	table.table.table-striped,.table-bordered,.bs-docs-example {
		display: none;
	}
}
/*-- //typography --*/
.contact{
	padding:4em 0;
}
.google-map iframe {
  width: 100%;
  height: 400px;
  outline: none;
  border: none;
  margin-top: 3em;
}
.contact-grid h4 ,.contact-form h4 {
 font-size: 1.8em;
 font-family: 'Yanone Kaffeesatz', sans-serif;
 text-transform: capitalize;
 color: #222;
 margin:0 0 1em 0;
}
.contact-grid p {
  font-size: 1em;
  line-height: 2em;
  color: #646464;
}
.contact-info {
  margin: 2em 0;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
  display: inline-block;
  background: none;
  border: 1px solid #626262;
  width: 32.4%;
  outline: none;
  font-size: .95em;
  color: #626262;
  padding: 10px 15px;
}
.contact-form textarea {
  width: 100%;
  display: block;
  min-height: 150px;
  resize: none;
  margin: 1em 0;
}
.contact-form input[type="submit"]:hover {
  background: #ec3475;
}

.contact-form input[type="submit"] {
  background: #1F527D;
  border: none;
  padding: 10px 0px;
  width: 10%;
  font-size: 1em;
  color: #fff;
  outline: none;
  transition: .5s all;
  font-family: 'Josefin Sans', sans-serif;
}
.contact-form input.email {
  margin: 0 .9em;
}
/**responsive**/
@media(max-width:1440px){
  .header {
    min-height: 697px;
  }
  .caption {
    margin-top: 16em;
  }
}
@media(max-width:1366px){
  .header {
    min-height: 600px;
  }
  .caption {
    margin-top: 14em;
  }
}
@media(max-width:1280px){
  .caption {
    margin-top: 12em;
  }
  .header {
    min-height: 563px;
  }
}
@media(max-width:1080px){
  .caption {
    margin-top: 11em;
  }
  .caption h3 {
    font-size: 3em;
  }
  .about-grid-right {
    width: 25%;
  }
  .about-grid-left {
    width: 70%;
  }
  .header {
    min-height: 474px;
  }
  .banr {
    min-height: 128px !important;
  }
  .about h2, .about-section h2, .services h2, .gallery-info h2, h2.short, .contact h2 {
    font-size: 3em;
  }
  .student h3, .new-course h3, .testimonial h3, .why-choose h3, .features h3, .service h3,.team h3 {
    font-size: 3em;
  }
  .about-grid-left h4 ,.student-grid h4,.course-info h4,.header-grid h4,.choose-grid h4,.services h4,.feature1 h4,.service-grid1 h4,.contact-grid h4, .contact-form h4 {
    font-size: 1.7em;
  }
  .about-grid-left p,.student-grid p,.course-info p,.testimonial-info p,.Works-grid p,.header-grid p,.about-info p,.choose-grid p,.services p,.feature2 p,.service-grid1 p {
    font-size: .965em;
  }
  .testimonial-info h5 {
    font-size: 1.25em;
  }
  .course-info {
    padding: 2.6em  2em;
    left: 3.5%;
  }
  .about-info h5 {
    font-size: 1.1em;
  }
  .ch-grid li {
    margin: 2px;
  }
  .google-map iframe {
    width: 100%;
    height: 320px;
  }
  .contact-form input[type="text"], .contact-form input[type="email"]{
   width: 32.2%;
 }
}
@media(max-width:991px){
  .navbar-brand h1 a {
    font-size: 1.3em;
  }
  .navbar-default .navbar-nav > li > a {
    font-size: 1.2em;
  }
  .header-grid {
    float: left;
    width: 33.3%;
  }
  .header-bg {
    padding: 1em 1em
  }
  .caption h3 {
    font-size: 2.7em;
  }
  .header {
    min-height: 334px;
  }
  .caption {
    margin-top: 4em;
  }
  .caption {
    margin-top: 4em;
  }
  .about-grid-left {
    width: 80%;
    }.banr {
      min-height: 100px !important;
    }
    .about-grid-right {
      width: 15%;
    }
    .about h2, .about-section h2, .services h2, .gallery-info h2, h2.short, .contact h2 {
      font-size: 2.8em;
    }
    .about-grid-left h4, .student-grid h4, .course-info h4, .header-grid h4, .choose-grid h4, .services h4, .feature1 h4, .service-grid1 h4, .contact-grid h4, .contact-form h4 {
      font-size: 1.5em;
    }
    .student h3, .new-course h3, .testimonial h3, .why-choose h3, .features h3, .service h3,.team h3 {
      font-size: 2.7em;
    }
    .about {
      padding: 18em 0 3em;
    }
    .student,.new-course,.testimonial,.about-section,.why-choose,.team,.services,.features,.service,.gallery-top,.typography,.contact {
      padding: 3em 0;
    }
    .about-grid-left p, .student-grid p, .course-info p, .testimonial-info p, .Works-grid p, .header-grid p, .about-info p, .choose-grid p, .services p, .feature2 p, .service-grid1 p {
      font-size: .96em;
    }
    .student-grid {
      float: left;
      width: 33.3%;
    }
    .new-course-grid {
      float: left;
      width: 50%;
    }
    .course-info {
      padding: 1.6em 1em;
      left: 4.5%;
      width: 66%;
    }
    .testimonial-grid {
      float: left;
      width: 40%;
    }
    .testimonial-grid-right {
      float: left;
      width: 60%;
    }
    .Works-grid {
      float: left;
      width: 33.3%;
      padding: 0 5px;
    }
    .about-info h5 {
      font-size: 1em;
    }
    .about-img {
      float: left;
      width: 33.3%;
    }
    .choose-grid {
      float: left;
      width: 25%;
    }
    .ch-grid li {
      width: 170px;
      height: 170px;
    }
    .ch-info h4 {
      padding: 31px 0 0 0;
      height: 76px;
    }
    .ch-info p {
      padding: 9px 0px;
    }
    .services-grid {
      float: left;
      width: 33.3%;
    }
    .ser1 {
      padding: 1.5em;
    }
    .feature-grid {
      float: left;
      width: 50%;
    }
    .feature-grid:nth-child(3) {
      margin-top: 1em;
    }
    .feature-grid:nth-child(4) {
      margin-top: 1em;
    }
    .service-grid {
      float: left;
      width: 25%;
    }
    .service-grid1 {
      float: left;
      width: 25%;
      padding:0;
    }
    .gallery-grid {
      float: left;
      width: 25%;
    }
    .google-map iframe {
      height: 250px;
    }
    .contact-grid {
      float: left;
      width: 33.3%;
    }
    .contact-form input[type="text"], .contact-form input[type="email"] {
      width: 31.8%;
    }
  }
  @media(max-width:640px){
    .navbar-nav {
      float: none;
      margin: 0;
      width: 100%;
      text-align: center;
    }
    .navbar-collapse {
      margin-top: 1em;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      border-color: #1F527D;
    }
    .navbar-toggle {
      margin: 0px;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ec3475;
    }
    .navbar-default .navbar-toggle {
      border-color: #ec3475;
    }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #fff;
      background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #fff;
      background-color: #1F527D;
    }
    .navbar-toggle {
     background-color: #ec3475;
   }
   .navbar-brand {
    padding: 0px 0px;
  }
  .navbar-brand h1 a {
    font-size: 1.2em;
  }
  .header {
    min-height: 290px;
  }
  .caption {
    margin: 4em 2em;
  }
  .header-top {
    margin-top: 0em;
  }
  .header-top {
    margin-top: 0em;
  }
  .caption h3 {
    font-size: 2.5em;
    margin-bottom:1em;
  }
  .about h2, .about-section h2, .services h2, .gallery-info h2, h2.short, .contact h2 {
    font-size: 2.5em;
  }
  .student h3, .new-course h3, .testimonial h3, .why-choose h3, .features h3, .service h3, .team h3 {
    font-size: 2.5em;
  }
  .about-grid-right {
    padding: 2em;
  }
  .glyphicon-wrench, .glyphicon-user, .glyphicon-book, .glyphicon-cog, .glyphicon-bell, .glyphicon-cd {
    font-size: 2em;
  }
  .about-grids:nth-child(2) {
    margin: 2em 0 0;
  }
  .student, .new-course, .testimonial, .about-section, .why-choose, .team, .services, .features, .service, .gallery-top, .typography, .contact {
    padding: 2em 0;
  }
  .student-grids,.new-course-grids1,.new-course-grids,.choose-grids,.ch-grid,.services-grids,.features-grids,.servic-grids,.gallery-grids-top,.google-map iframe {
    margin-top: 2em;
  }
  .course-info {
    padding: .5em .5em;
    left: 4.8%;
    width: 74%;
  }
  .testimonial-grid {
    width: 100%;
  }
  .testimonial-grid-right {
    width: 100%;    
    margin-top: 1em;
  }
  .banr {
    min-height: 80px !important;
  }
  .about-info {
    margin: 2em 0;
  }
  .choose-grid {
    float: left;
    width: 50%;
  }
  .choose-grid:nth-child(3) {
    margin-top: 1em;
  }
  .choose-grid:nth-child(4) {
    margin-top: 1em;
  }
  .ch-grid li {
    margin: 14px;
  }
  .ser1 {
    padding: 1em;
  }
  .service-grid {
    float: left;
    width: 50%;
  }
  .service-grid1 {
    float: left;
    width: 50%;
    padding: 0;
    margin-bottom: 6em;
  }
  .service2 {
    margin: 0em 0;
  }
  .gallery-grid {
    float: left;
    width: 50%;
    margin-bottom: 2em;
  }
  .contact-grid {
    width: 100%;
  }
  .contact-grid:nth-child(2) {
    margin: 1em 0;
  }
  .contact-form input[type="text"], .contact-form input[type="email"] {
    width: 31.5%;
  }
  .contact-form input[type="submit"] {
    width: 14%;
  }
  .contact-grid h4, .contact-form h4 {
    margin: 0 0 .5em 0;
  }
}
@media(max-width:480px){
  .navbar-brand h1 a {
    font-size: 1em;
  }
  .header {
    background: url(../images/banner2.jpg) no-repeat -83px 0px;
    background-size: cover;
    min-height: 254px;
  }
  .header-grid {
    float: none;
    width: 100%;
    margin-bottom: 1em;
  }
  .header-grid {
    float: none;
    width: 100%;
    margin-bottom: 1em;
  }
  .header-bottom {
    position: inherit;
  }
  .header-grids {
    position: inherit;
  }
  .about {
    padding: 2em 0 2em;
  }
  .caption {
    margin-top: 5em;
  }
  .caption h3 {
    font-size: 2em;
    margin:0;
  }
  .about-grid-right {
    padding: 2em 0;
  }
  .student-grid {
    width: 100%;
  }
  .student-grid img {
    margin: 0 auto;
  }
  .student-grid:nth-child(2) {
    margin: 1em 0;
  }
  .new-course-grid {
    width: 100%;
  }
  .new-course-grid:nth-child(2) {
    margin-top: 1em;
  }
  .course-info {
    padding: 1.4em;
    left: 3.5%;
    width: 45%;
  }
  .banr {
    min-height: 56px !important;
  }
  .about h2, .about-section h2, .services h2, .gallery-info h2, h2.short, .contact h2 {
    font-size: 2.4em;
  }
  .student h3, .new-course h3, .testimonial h3, .why-choose h3, .features h3, .service h3, .team h3 {
    font-size: 2.3em;
  }
  .banr {
    background: url(../images/banner2.jpg) no-repeat 0px 0px;
    background-size: cover;
  }
  .about-info h5 {
    font-size: .95em;
  }
  .services-grid {
    float: left;
    width: 100%;
  }
  .services-grid:nth-child(2) {
    margin: 1em 0;
  }
  .service-grid1 {
    margin-bottom: 1em;
  }
  .contact-form input[type="text"], .contact-form input[type="email"] {
    width: 100%;
  }
  .contact-form input.email {
    margin: .9em 0;
  }
  .contact-form input[type="submit"] {
    width: 18%;
  }
}
@media(max-width:320px){
  .navbar-default {
    padding: 1em 0;
  }
  .header {
    background: url(../images/banner2.jpg) no-repeat -120px 0px;
    background-size: cover;
    min-height:200px;
    padding-bottom:1em;
  }
  .caption {
    margin-top: 3em;
  }
  .navbar-toggle {
    margin-top: 6px;
  }
  .navbar-toggle {
    padding: 6px 7px
  }
  .header-grid {
    padding: 0;
  }
  .about-grid-right {
    padding: 1.5em 0;
    width: 22%;
  }
  .about-grid-left {
    width: 72%;
  }
  .about-grid:nth-child(2) {
    margin-top: 1em;
  }
  .about-grid {
    padding: 0;
  }
  .about h2, .about-section h2, .services h2, .gallery-info h2, h2.short, .contact h2 {
    font-size: 2.2em;
  }
  .student h3, .new-course h3, .testimonial h3, .why-choose h3, .features h3, .service h3, .team h3 {
    font-size: 2em;
  }
  .student, .new-course, .testimonial, .about-section, .why-choose, .team, .services, .features, .service, .gallery-top, .typography, .contact {
    padding: 1em 0;
  }
  .student-grids, .new-course-grids1, .new-course-grids, .choose-grids, .ch-grid, .services-grids, .features-grids, .servic-grids, .gallery-grids-top, .google-map iframe {
    margin-top: 1em;
  }
  .student-grid {
    padding: 0;
  }
  .new-course-grid {
    padding: 0;
  }
  .course-info {
    padding: .5em;
    left: 0.5%;
    width: 79%;
  }
  .testimonial-grid {
    padding: 0;
  }
  .testimonial-grid-right {
    padding: 0;
  }
  .Works-grid {
    width: 100%;
    padding: 0;
  }
  .Works-grid:nth-child(2) {
    margin: 1em 0;
  }
  .social-icons a i{
   width: 40px;
   height: 40px;
   background: url(../images/img-sprite.png) no-repeat 0px 0px;
   display: inline-block;
   background-size: 400px;
   margin: 0 2px;
 }
 .social-icons a i.icon1{
   background-position:0px 0px;
 }
 .social-icons a i.icon2{
   background-position:-40px 0px;
 }
 .social-icons a i.icon3{
   background-position:-80px 0px;
 }
 .social-icons a i.icon4{
   background-position:-120px 0px;
 }
 .footer-section {
  padding: 1em 0;
}
.banr {
  background: url(../images/banner2.jpg) no-repeat 0px 0px;
  background-size: cover;
  padding:0;
  min-height: 70px !important;
}
.about-info {
  margin: 1em 0;
}
.about-img {
  width: 100%;
  padding: 0;
}
.about-info p {
  padding: .5em 0;
}
.about-img:nth-child(2) {
  margin: 1em 0;
}
.choose-grid {
  width: 100%;
  padding: 0;
}
.choose-grid:nth-child(2) {
  margin: 1em 0;
}
.ch-grid {
  margin: 0em 0;
}
.services-grid {
  padding: 0;
}
.feature-grid {
  width: 100%;
  padding: 0;
}
.feature-grid:nth-child(2) {
  margin-top: 1em;
}
.service-grid {
  width: 100%;
  padding:0;
}
.service-grid1 {
  width: 100%;
  margin-top:1em;
}
.gallery-grid {
  width: 100%;
  padding: 0;
  margin-bottom: 1em;
}
.contact-grid {
  width: 100%;
  padding: 0;
}
.contact-form input[type="submit"] {
  width: 27%;
}
}

#check0{
  display: none;
}

.ShowHide div{
  height: 0;
  overflow: hidden;
  -webkit-transition:all 1s linear;
  -moz-transition:all 1s linear;
}

.ShowHide #check0:checked ~ div{
  height: 500px;
}

#check{
  display: none;
}
.ShowHide #check:checked ~ div{
  height: 500px;
}

#check1{
  display: none;
}
.ShowHide #check1:checked ~ div{
  height: 500px;
}

#check2{
  display: none;
}
.ShowHide #check2:checked ~ div{
  height: 500px;
}

#check3{
  display: none;
}
.ShowHide #check3:checked ~ div{
  height: 550px;
}

#check4{
  display: none;
}
.ShowHide #check4:checked ~ div{
  height: 550px;
}

#check5{
  display: none;
}
.ShowHide #check5:checked ~ div{
  height: 500px;
}

#check6{
  display: none;
}
.ShowHide #check6:checked ~ div{
  height: 500px;
}

#check7{
  display: none;
}
.ShowHide #check7:checked ~ div{
  height: 500px;
}

#check8{
  display: none;
}
.ShowHide #check8:checked ~ div{
  height: 500px;
}

#check9{
  display: none;
}
.ShowHide #check9:checked ~ div{
  height: 500px;
}

#check10{
  display: none;
}
.ShowHide #check10:checked ~ div{
  height: 520px;
}

#check11{
  display: none;
}
.ShowHide #check11:checked ~ div{
  height: 550px;
}

#check12{
  display: none;
}
.ShowHide #check12:checked ~ div{
  height: 500px;
}

#check13{
  display: none;
}
.ShowHide #check13:checked ~ div{
  height: 800px;
}

#check14{
  display: none;
}
.ShowHide #check14:checked ~ div{
  height: 500px;
}

#check15{
  display: none;
}
.ShowHide #check15:checked ~ div{
  height: 500px;
}

#check16{
  display: none;
}
.ShowHide #check16:checked ~ div{
  height: 500px;
}

#check17{
  display: none;
}
.ShowHide #check17:checked ~ div{
  height: 500px;
}

#check18{
  display: none;
}
.ShowHide #check18:checked ~ div{
  height: 500px;
}

#check19{
  display: none;
}
.ShowHide #check19:checked ~ div{
  height: 500px;
}

#check20{
  display: none;
}
.ShowHide #check20:checked ~ div{
  height: 500px;
}

#check21{
  display: none;
}
.ShowHide #check21:checked ~ div{
  height: 500px;
}

#check22{
  display: none;
}
.ShowHide #check22:checked ~ div{
  height: 500px;
}

#check23{
  display: none;
}
.ShowHide #check23:checked ~ div{
  height: 500px;
}

#check24{
  display: none;
}
.ShowHide #check24:checked ~ div{
  height: 500px;
}

#check25{
  display: none;
}
.ShowHide #check25:checked ~ div{
  height: 500px;
}

#check26{
  display: none;
}
.ShowHide #check26:checked ~ div{
  height: 500px;
}

#check27{
  display: none;
}
.ShowHide #check27:checked ~ div{
  height: 550px;
}

#check28{
  display: none;
}
.ShowHide #check28:checked ~ div{
  height: 550px;
}

#check29{
  display: none;
}
.ShowHide #check29:checked ~ div{
  height: 500px;
}

#check30{
  display: none;
}
.ShowHide #check30:checked ~ div{
  height: 500px;
}

#check31{
  display: none;
}
.ShowHide #check31:checked ~ div{
  height: 500px;
}

#check32{
  display: none;
}
.ShowHide #check32:checked ~ div{
  height: 500px;
}

#check33{
  display: none;
}
.ShowHide #check33:checked ~ div{
  height: 500px;
}

#check34{
  display: none;
}
.ShowHide #check34:checked ~ div{
  height: 520px;
}

#check35{
  display: none;
}
.ShowHide #check35:checked ~ div{
  height: 550px;
}

#check36{
  display: none;
}
.ShowHide #check36:checked ~ div{
  height: 500px;
}

#check37{
  display: none;
}
.ShowHide #check37:checked ~ div{
  height: 800px;
}

#check38{
  display: none;
}
.ShowHide #check38:checked ~ div{
  height: 500px;
}

#check39{
  display: none;
}
.ShowHide #check39:checked ~ div{
  height: 500px;
}

#check40{
  display: none;
}
.ShowHide #check40:checked ~ div{
  height: 500px;
}

#check41{
  display: none;
}
.ShowHide #check41:checked ~ div{
  height: 500px;
}

#check42{
  display: none;
}
.ShowHide #check42:checked ~ div{
  height: 800px;
}

#check43{
  display: none;
}
.ShowHide #check43:checked ~ div{
  height: 500px;
}

#check44{
  display: none;
}
.ShowHide #check44:checked ~ div{
  height: 500px;
}

#check45{
  display: none;
}
.ShowHide #check45:checked ~ div{
  height: 500px;
}

#check46{
  display: none;
}
.ShowHide #check46:checked ~ div{
  height: 500px;
}

#check47{
  display: none;
}
.ShowHide #check47:checked ~ div{
  height: 500px;
}

#check48{
  display: none;
}
.ShowHide #check48:checked ~ div{
  height: 500px;
}

#check49{
  display: none;
}
.ShowHide #check49:checked ~ div{
  height: 500px;
}

#check50{
  display: none;
}
.ShowHide #check50:checked ~ div{
  height: 500px;
}

#check51{
  display: none;
}
.ShowHide #check51:checked ~ div{
  height: 550px;
}

#check52{
  display: none;
}
.ShowHide #check52:checked ~ div{
  height: 550px;
}

#check53{
  display: none;
}
.ShowHide #check53:checked ~ div{
  height: 500px;
}

#check54{
  display: none;
}
.ShowHide #check54:checked ~ div{
  height: 550px;
}

#check55{
  display: none;
}
.ShowHide #check55:checked ~ div{
  height: 500px;
}

#check56{
  display: none;
}
.ShowHide #check56:checked ~ div{
  height: 500px;
}

#check57{
  display: none;
}
.ShowHide #check57:checked ~ div{
  height: 500px;
}

#check58{
  display: none;
}
.ShowHide #check58:checked ~ div{
  height: 520px;
}

#check59{
  display: none;
}
.ShowHide #check59:checked ~ div{
  height: 550px;
}

#check60{
  display: none;
}
.ShowHide #check60:checked ~ div{
  height: 500px;
}

#check61{
  display: none;
}
.ShowHide #check61:checked ~ div{
  height: 500px;
}

#check62{
  display: none;
}
.ShowHide #check62:checked ~ div{
  height: 400px;
}

#check63{
  display: none;
}
.ShowHide #check63:checked ~ div{
  height: 500px;
}

#check64{
  display: none;
}
.ShowHide #check64:checked ~ div{
  height: 500px;
}

#check65{
  display: none;
}
.ShowHide #check65:checked ~ div{
  height: 550px;
}

#check66{
  display: none;
}
.ShowHide #check66:checked ~ div{
  height: 500px;
}

#check67{
  display: none;
}
.ShowHide #check67:checked ~ div{
  height: 550px;
}

#check68{
  display: none;
}
.ShowHide #check68:checked ~ div{
  height: 450px;
}

#check69{
  display: none;
}
.ShowHide #check69:checked ~ div{
  height: 450px;
}

#check70{
  display: none;
}
.ShowHide #check70:checked ~ div{
  height: 550px;
}

#check71{
  display: none;
}
.ShowHide #check71:checked ~ div{
  height: 600px;
}

#check72{
  display: none;
}
.ShowHide #check72:checked ~ div{
  height: 450px;
}

#check73{
  display: none;
}
.ShowHide #check73:checked ~ div{
  height: 500px;
}

#check74{
  display: none;
}
.ShowHide #check74:checked ~ div{
  height: 700px;
}

#check75{
  display: none;
}
.ShowHide #check75:checked ~ div{
  height: 450px;
}

#check76{
  display: none;
}
.ShowHide #check76:checked ~ div{
  height: 500px;
}

#check77{
  display: none;
}
.ShowHide #check77:checked ~ div{
  height: 500px;
}

#check78{
  display: none;
}
.ShowHide #check78:checked ~ div{
  height: 500px;
}

#check79{
  display: none;
}
.ShowHide #check79:checked ~ div{
  height: 500px;
}

#check80{
  display: none;
}
.ShowHide #check80:checked ~ div{
  height: 400px;
}

#check81{
  display: none;
}
.ShowHide #check81:checked ~ div{
  height: 450px;
}

#check82{
  display: none;
}
.ShowHide #check82:checked ~ div{
  height: 450px;
}

#check83{
  display: none;
}
.ShowHide #check83:checked ~ div{
  height: 930px;
}
#check84{
  display: none;
}
.ShowHide #check84:checked ~ div{
  height: 350px;
}
#check85{
  display: none;
}
.ShowHide #check85:checked ~ div{
  height: 500px;
}
#check86{
  display: none;
}
.ShowHide #check86:checked ~ div{
  height: 500px;
}
#check87{
  display: none;
}
.ShowHide #check87:checked ~ div{
  height: 600px;
}
#check88{
  display: none;
}
.ShowHide #check88:checked ~ div{
  height: 500px;
}

#check89{
  display: none;
}
.ShowHide #check89:checked ~ div{
  height: 600px;
}
#check90{
  display: none;
}
.ShowHide #check90:checked ~ div{
  height: 500px;
}
#check91{
  display: none;
}
.ShowHide #check91:checked ~ div{
  height: 800px;
}
#check92{
  display: none;
}
.ShowHide #check92:checked ~ div{
  height: 500px;
}
#check93{
  display: none;
}
.ShowHide #check93:checked ~ div{
  height: 500px;
}


#check94{
  display: none;
}
.ShowHide #check94:checked ~ div{
  height: 600px;
}
#check95{
  display: none;
}
.ShowHide #check95:checked ~ div{
  height: 500px;
}
#check96{
  display: none;
}
.ShowHide #check96:checked ~ div{
  height: 750px;
}
#check97{
  display: none;
}
.ShowHide #check97:checked ~ div{
  height: 500px;
}
#check98{
  display: none;
}
.ShowHide #check98:checked ~ div{
  height: 500px;
}
#check99{
  display: none;
}
.ShowHide #check99:checked ~ div{
  height: 450px;
}
#check100{
  display: none;
}
.ShowHide #check100:checked ~ div{
  height: 500px;
}
#check101{
  display: none;
}
.ShowHide #check101:checked ~ div{
  height: 450px;
}
#check102{
  display: none;
}
.ShowHide #check102:checked ~ div{
  height: 600px;
}
#check103{
  display: none;
}
.ShowHide #check103:checked ~ div{
  height: 600px;
}
#check104{
  display: none;
}
.ShowHide #check104:checked ~ div{
  height: 450px;
}
#check105{
  display: none;
}
.ShowHide #check105:checked ~ div{
  height: 500px;
}
#check106{
  display: none;
}
.ShowHide #check106:checked ~ div{
  height: 450px;
}
#check107{
  display: none;
}
.ShowHide #check107:checked ~ div{
  height: 550px;
}
#check108{
  display: none;
}
.ShowHide #check108:checked ~ div{
  height: 500px;
}
#check109{
  display: none;
}
.ShowHide #check109:checked ~ div{
  height: 450px;
}
#check110{
  display: none;
}
.ShowHide #check110:checked ~ div{
  height: 450px;
}
#check111{
  display: none;
}
.ShowHide #check111:checked ~ div{
  height: 500px;
}
#check112{
  display: none;
}
.ShowHide #check112:checked ~ div{
  height: 700px;
}
#check113{
  display: none;
}
.ShowHide #check113:checked ~ div{
  height: 400px;
}
#check114{
  display: none;
}
.ShowHide #check114:checked ~ div{
  height: 500px;
}
#check115{
  display: none;
}
.ShowHide #check115:checked ~ div{
  height: 550px;
}
#check116{
  display: none;
}
.ShowHide #check116:checked ~ div{
  height: 500px;
}
#check117{
  display: none;
}
.ShowHide #check117:checked ~ div{
  height: 550px;
}
#check118{
  display: none;
}
.ShowHide #check118:checked ~ div{
  height: 450px;
}
#check119{
  display: none;
}
.ShowHide #check119:checked ~ div{
  height: 550px;
}
#check120{
  display: none;
}
.ShowHide #check120:checked ~ div{
  height: 550px;
}
#check121{
  display: none;
}
.ShowHide #check121:checked ~ div{
  height: 550px;
}
#check122{
  display: none;
}
.ShowHide #check122:checked ~ div{
  height: 500px;
}
#check123{
  display: none;
}
.ShowHide #check123:checked ~ div{
  height: 600px;
}
#check124{
  display: none;
}
.ShowHide #check124:checked ~ div{
  height: 450px;
}
#check125{
  display: none;
}
.ShowHide #check125:checked ~ div{
  height: 500px;
}
#check126{
  display: none;
}
.ShowHide #check126:checked ~ div{
  height: 600px;
}
#check127{
  display: none;
}
.ShowHide #check127:checked ~ div{
  height: 550px;
}
#check128{
  display: none;
}
.ShowHide #check128:checked ~ div{
  height: 600px;
}
#check129{
  display: none;
}
.ShowHide #check129:checked ~ div{
  height: 500px;
}
#check130{
  display: none;
}
.ShowHide #check130:checked ~ div{
  height: 450px;
}
#check131{
  display: none;
}
.ShowHide #check131:checked ~ div{
  height: 600px;
}
#check132{
  display: none;
}
.ShowHide #check132:checked ~ div{
  height: 450px;
}
#check133{
  display: none;
}
.ShowHide #check133:checked ~ div{
  height: 500px;
}
#check134{
  display: none;
}
.ShowHide #check134:checked ~ div{
  height: 500px;
}
#check135{
  display: none;
}
.ShowHide #check135:checked ~ div{
  height: 500px;
}
#check136{
  display: none;
}
.ShowHide #check136:checked ~ div{
  height: 450px;
}
#check137{
  display: none;
}
.ShowHide #check137:checked ~ div{
  height: 550px;
}
#check138{
  display: none;
}
.ShowHide #check138:checked ~ div{
  height: 500px;
}
#check139{
  display: none;
}
.ShowHide #check139:checked ~ div{
  height: 500px;
}
#check140{
  display: none;
}
.ShowHide #check140:checked ~ div{
  height: 500px;
}
#check141{
  display: none;
}
.ShowHide #check141:checked ~ div{
  height: 450px;
}
#check142{
  display: none;
}
.ShowHide #check142:checked ~ div{
  height: 500px;
}
#check143{
  display: none;
}
.ShowHide #check143:checked ~ div{
  height: 500px;
}
#check144{
  display: none;
}
.ShowHide #check144:checked ~ div{
  height: 500px;
}
#check145{
  display: none;
}
.ShowHide #check145:checked ~ div{
  height: 500px;
}
#check146{
  display: none;
}
.ShowHide #check146:checked ~ div{
  height: 500px;
}
#check147{
  display: none;
}
.ShowHide #check147:checked ~ div{
  height: 400px;
}
#check148{
  display: none;
}
.ShowHide #check148:checked ~ div{
  height: 500px;
}
#check149{
  display: none;
}
.ShowHide #check149:checked ~ div{
  height: 500px;
}
#check150{
  display: none;
}
.ShowHide #check150:checked ~ div{
  height: 500px;
}
#check151{
  display: none;
}
.ShowHide #check151:checked ~ div{
  height: 600px;
}
#check152{
  display: none;
}
.ShowHide #check152:checked ~ div{
  height: 450px;
}


#check153{
  display: none;
}
.ShowHide #check153:checked ~ div{
  height: 450px;
}
#check154{
  display: none;
}
.ShowHide #check154:checked ~ div{
  height: 600px;
}
#check155{
  display: none;
}
.ShowHide #check155:checked ~ div{
  height: 450px;
}
#check156{
  display: none;
}
.ShowHide #check156:checked ~ div{
  height: 500px;
}
#check157{
  display: none;
}
.ShowHide #check157:checked ~ div{
  height: 550px;
}
#check158{
  display: none;
}
.ShowHide #check158:checked ~ div{
  height: 500px;
}
#check159{
  display: none;
}
.ShowHide #check159:checked ~ div{
  height: 500px;
}
#check160{
  display: none;
}
.ShowHide #check160:checked ~ div{
  height: 550px;
}
#check161{
  display: none;
}
.ShowHide #check161:checked ~ div{
  height: 500px;
}
#check162{
  display: none;
}
.ShowHide #check162:checked ~ div{
  height: 600px;
}
#check163{
  display: none;
}
.ShowHide #check163:checked ~ div{
  height: 500px;
}
#check164{
  display: none;
}
.ShowHide #check164:checked ~ div{
  height: 500px;
}
#check165{
  display: none;
}
.ShowHide #check165:checked ~ div{
  height: 500px;
}
#check166{
  display: none;
}
.ShowHide #check166:checked ~ div{
  height: 500px;
}
#check167{
  display: none;
}
.ShowHide #check167:checked ~ div{
  height: 500px;
}
#check168{
  display: none;
}
.ShowHide #check168:checked ~ div{
  height: 500px;
}
#check169{
  display: none;
}
.ShowHide #check169:checked ~ div{
  height: 550px;
}
#check170{
  display: none;
}
.ShowHide #check170:checked ~ div{
  height: 450px;
}
#check171{
  display: none;
}
.ShowHide #check171:checked ~ div{
  height: 550px;
}
#check172{
  display: none;
}
.ShowHide #check172:checked ~ div{
  height: 550px;
}
#check173{
  display: none;
}
.ShowHide #check173:checked ~ div{
  height: 550px;
}
#check174{
  display: none;
}
.ShowHide #check174:checked ~ div{
  height: 550px;
}
#check175{
  display: none;
}
.ShowHide #check175:checked ~ div{
  height: 550px;
}
#check176{
  display: none;
}
.ShowHide #check176:checked ~ div{
  height: 450px;
}
#check177{
  display: none;
}
.ShowHide #check177:checked ~ div{
  height: 450px;
}
#check178{
  display: none;
}
.ShowHide #check178:checked ~ div{
  height: 450px;
}
#check179{
  display: none;
}
.ShowHide #check179:checked ~ div{
  height: 500px;
}
#check180{
  display: none;
}
.ShowHide #check180:checked ~ div{
  height: 450px;
}
#check181{
  display: none;
}
.ShowHide #check181:checked ~ div{
  height: 500px;
}
#check182{
  display: none;
}
.ShowHide #check182:checked ~ div{
  height: 600px;
}
#check183{
  display: none;
}
.ShowHide #check183:checked ~ div{
  height: 550px;
}
#check184{
  display: none;
}
.ShowHide #check184:checked ~ div{
  height: 450px;
}
#check185{
  display: none;
}
.ShowHide #check185:checked ~ div{
  height: 450px;
}
#check186{
  display: none;
}
.ShowHide #check186:checked ~ div{
  height: 550px;
}
#check187{
  display: none;
}
.ShowHide #check187:checked ~ div{
  height: 600px;
}
#check188{
  display: none;
}
.ShowHide #check188:checked ~ div{
  height: 450px;
}
#check189{
  display: none;
}
.ShowHide #check189:checked ~ div{
  height: 450px;
}
#check190{
  display: none;
}
.ShowHide #check190:checked ~ div{
  height: 450px;
}
#check191{
  display: none;
}
.ShowHide #check191:checked ~ div{
  height: 450px;
}
#check192{
  display: none;
}
.ShowHide #check192:checked ~ div{
  height: 530px;
}
#check193{
  display: none;
}
.ShowHide #check193:checked ~ div{
  height: 600px;
}
#check194{
  display: none;
}
.ShowHide #check194:checked ~ div{
  height: 480px;
}
#check195{
  display: none;
}
.ShowHide #check195:checked ~ div{
  height: 500px;
}
#check196{
  display: none;
}
.ShowHide #check196:checked ~ div{
  height: 770px;
}
#check197{
  display: none;
}
.ShowHide #check197:checked ~ div{
  height: 530px;
}
#check198{
  display: none;
}
.ShowHide #check198:checked ~ div{
  height: 550px;
}
#check199{
  display: none;
}
.ShowHide #check199:checked ~ div{
  height: 550px;
}
#check200{
  display: none;
}
.ShowHide #check200:checked ~ div{
  height:  450px;
}
#check201{
  display: none;
}
.ShowHide #check201:checked ~ div{
  height: 530px;
}
#check202{
  display: none;
}
.ShowHide #check202:checked ~ div{
  height: 450px;
}
#check203{
  display: none;
}
.ShowHide #check203:checked ~ div{
  height: 500px;
}
#check204{
  display: none;
}
.ShowHide #check204:checked ~ div{
  height: 550px;
}
#check205{
  display: none;
}
.ShowHide #check205:checked ~ div{
  height: 550px;
}
#check206{
  display: none;
}
.ShowHide #check206:checked ~ div{
  height: 450px;
}
#check207{
  display: none;
}
.ShowHide #check207:checked ~ div{
  height: 470px;
}
#check208{
  display: none;
}
.ShowHide #check208:checked ~ div{
  height: 420px;
}
#check209{
  display: none;
}
.ShowHide #check209:checked ~ div{
  height: 550px;
}
#check211{
  display: none;
}
.ShowHide #check211:checked ~ div{
  height: 310px;
}
#check212{
  display: none;
}
.ShowHide #check212:checked ~ div{
  height: 310px;
}
#check213{
  display: none;
}
.ShowHide #check213:checked ~ div{
  height: 350px;
}
#check214{
  display: none;
}
.ShowHide #check214:checked ~ div{
  height: 350px;
}

#check215{
  display: none;
}
.ShowHide #check215:checked ~ div{
  height: 310px;

#check216{
  display: none;
}
.ShowHide #check216:checked ~ div{
  height: 310px;

/*buscador*/



@import url(http://fonts.googleapis.com/css?family=Cabin:400);

.webdesigntuts-workshop {
  background: #white;
  height: 100%;
  position: absolute;
  text-align: right;
  width: 100%;
  margin-top: -80px;

}

.webdesigntuts-workshop:before,
.webdesigntuts-workshop:after {
  content: '';
  display: block; 
  height: 1px;
  left: 50%;
  margin: 0 0 0 -400px;
  position: absolute;
  width: 800px;
}

.webdesigntuts-workshop:before {
  background: #444;
  background: -webkit-linear-gradient(left, #151515, #444, #151515);
  background: -moz-linear-gradient(left, #151515, #444, #151515);
  background: -o-linear-gradient(left, #151515, #444, #151515);
  background: -ms-linear-gradient(left, #151515, #444, #151515);
  background: linear-gradient(left, #151515, #444, #151515);
  top: 192px;
}

.webdesigntuts-workshop:after {
  background: #000;
  background: -webkit-linear-gradient(left, #151515, #000, #151515);  
  background: -moz-linear-gradient(left, #151515, #000, #151515); 
  background: -o-linear-gradient(left, #151515, #000, #151515); 
  background: -ms-linear-gradient(left, #151515, #000, #151515);  
  background: linear-gradient(left, #151515, #000, #151515);  
  top: 191px;
}

.webdesigntuts-workshop form {
  background: #111;
  background: -webkit-linear-gradient(#1b1b1b, #111);
  background: -moz-linear-gradient(#1b1b1b, #111);
  background: -o-linear-gradient(#1b1b1b, #111);
  background: -ms-linear-gradient(#1b1b1b, #111);
  background: linear-gradient(#1b1b1b, #111);
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px #272727;
  display: inline-block;
  font-size: 0px;
  margin: 150px auto 0;
  padding: 20px;
  position: relative;
  z-index: 1;
}

.webdesigntuts-workshop input {
  background: #222;
  background: -webkit-linear-gradient(#333, #222);  
  background: -moz-linear-gradient(#333, #222); 
  background: -o-linear-gradient(#333, #222); 
  background: -ms-linear-gradient(#333, #222);  
  background: linear-gradient(#333, #222);  
  border: 1px solid #444;
  border-radius: 5px 0 0 5px;
  box-shadow: 0 2px 0 #000;
  color: #888;
  display: block;
  float: left;
  font-family: 'Cabin', helvetica, arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  height: 40px;
  margin: 0;
  padding: 0 10px;
  text-shadow: 0 -1px 0 #000;
  width: 200px;
}

.ie .webdesigntuts-workshop input {
  line-height: 40px;
}

.webdesigntuts-workshop input::-webkit-input-placeholder {
  color: #888;
}

.webdesigntuts-workshop input:-moz-placeholder {
 color: #888;
}

.webdesigntuts-workshop input:focus {
  -webkit-animation: glow 800ms ease-out infinite alternate;
  -moz-animation: glow 800ms ease-out infinite alternate;
  -o-animation: glow 800ms ease-out infinite alternate;
  -ms-animation: glow 800ms ease-out infinite alternate;
  animation: glow 800ms ease-out infinite alternate;
  background: #222922;
  background: -webkit-linear-gradient(#333933, #222922);
  background: -moz-linear-gradient(#333933, #222922);
  background: -o-linear-gradient(#333933, #222922);
  background: -ms-linear-gradient(#333933, #222922);
  background: linear-gradient(#333933, #222922);
  border-color: #393;
  box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
  color: #efe;
  outline: none;
}

.webdesigntuts-workshop input:focus::-webkit-input-placeholder { 
  color: #efe;
}

.webdesigntuts-workshop input:focus:-moz-placeholder {
  color: #efe;
}

.webdesigntuts-workshop button {
  background: #222;
  background: -webkit-linear-gradient(#333, #222);
  background: -moz-linear-gradient(#333, #222);
  background: -o-linear-gradient(#333, #222);
  background: -ms-linear-gradient(#333, #222);
  background: linear-gradient(#333, #222);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #444;
  border-left-color: #000;
  border-radius: 0 5px 5px 0;
  box-shadow: 0 2px 0 #000;
  color: #fff;
  display: block;
  float: left;
  font-family: 'Cabin', helvetica, arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  position: relative;
  text-shadow: 0 -1px 0 #000;
  width: 80px;
} 

.webdesigntuts-workshop button:hover,
.webdesigntuts-workshop button:focus {
  background: #292929;
  background: -webkit-linear-gradient(#393939, #292929);  
  background: -moz-linear-gradient(#393939, #292929); 
  background: -o-linear-gradient(#393939, #292929); 
  background: -ms-linear-gradient(#393939, #292929);  
  background: linear-gradient(#393939, #292929);
  color: #5f5;
  outline: none;
}

.webdesigntuts-workshop button:active {
  background: #292929;
  background: -webkit-linear-gradient(#393939, #292929);
  background: -moz-linear-gradient(#393939, #292929);
  background: -o-linear-gradient(#393939, #292929);
  background: -ms-linear-gradient(#393939, #292929);
  background: linear-gradient(#393939, #292929);
  box-shadow: 0 1px 0 #000, inset 1px 0 1px #222;
  top: 1px;
}

@-webkit-keyframes glow {
  0% {
    border-color: #393;
    box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
  } 
  100% {
    border-color: #6f6;
    box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 2px 0 #000;
  }
}

@-moz-keyframes glow {
  0% {
    border-color: #393;
    box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
  } 
  100% {
    border-color: #6f6;
    box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 2px 0 #000;
  }
}

@-o-keyframes glow {
  0% {
    border-color: #393;
    box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
  } 
  100% {
    border-color: #6f6;
    box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 2px 0 #000;
  }
}

@-ms-keyframes glow {
  0% {
    border-color: #393;
    box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
  } 
  100% {
    border-color: #6f6;
    box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 2px 0 #000;
  }
}

@keyframes glow {
  0% {
    border-color: #393;
    box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
  } 
  100% {
    border-color: #6f6;
    box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 2px 0 #000;
  }
}

body  {
  text-align: center;
  font-family: sans-serif;
  margin: 0;
}

.modal {
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.8);

  position: fixed;
  top: 0;
  left: 0;

  display: flex;

  animation: modal 2s 3s forwards;
  visibility: hidden;
  opacity: 0; 
}

.contenido {
  margin: auto;
  width: 36%;
  height: 60%;
  background: none;
  border-radius: 10px;
}

#cerrar {
  display: none;
}

#cerrar + label {
  position: fixed;
  color: #fff;
  font-size: 25px;
  z-index: 1500;
  background: darkred;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  right: 30px;
  cursor: pointer;

  animation: modal 2s 3s forwards;
  visibility: hidden;
  opacity: 0; 
}

#cerrar:checked + label, #cerrar:checked ~ .modal {
  display: none;
}

@keyframes modal {
  100% {
    visibility: visible;
    opacity: 1;
  }
}

img-domicilio {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 80%;
}