table {
  border-collapse: collapse;
  border-spacing: 0
}

a { text-decoration: none; }


ol, ul { list-style: none }

.nand a, .nand label {
  display: block;
 padding: .85rem;
  color:#444444;
  background-color: #ffffff;
  box-shadow: inset 0 -1px #c90606;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
}

.nand a:focus, .nand a:hover, .nand label:focus, .nand label:hover {
  color:#FFFFFF;
  background: #c90606;
}

.nand label { cursor: pointer; }

/**
 * Styling first level lists items
 */

.group-list a, .group-list label {
  padding-left: 2rem;
  background: #f2f2f2;
  box-shadow: inset 0 -1px #c90606;
  
}

.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { background: #c90606; }

/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
  padding-left: 4rem;
  background: #ffffff;
  box-shadow: inset 0 -1px #c90606;

}

.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background: #c90606;}

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
  padding-left: 2rem;
  background: #ffffff;
  box-shadow: inset 0 -1px #c90606;
}

.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { background: #c90606; }

/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.nand__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1000px; }

/**
 * Rotating chevron icon
 */

label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
}

.nand__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*--gallery--*/
.gallery {
    padding: 6em 0;
}
#gallery {
  padding: 5em 0;
}
#portfolio p {
  line-height: 1.8em;
  margin: 25px 0 0 0;
  font-size:1.1;
  color: #ffffff;
  font-weight: 300;
}
.gallery-section h3{
   margin: 0;
  color: #ffffff;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 18px;
}
.gallery-grid {
  padding: 1em;
}
.gallery1 {
position:relative;
}
.gallery1 .textbox {
	width:100%;
	height:90%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform: scale(0);
	transform: scale(0);
   background-color:rgba(75, 74, 74, 0.50);
   
 
}
.gallery1:hover .textbox {
	-webkit-transform: scale(1);
	transform: scale(1);
	
}
.gallery-grid img{
		width:100%;
}

.textbox {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
text-align:center;
}
.textbox h4 {
     font-size: 2em;
  color: #fff;
  margin-top:4em;
}
.textbox p {
     font-size: 15px !important;
    color: #fff;
    font-weight: 500 !important;
    margin: 22px 0 0 0!important;
}
.gallery-grids {
  margin-top: 50px;
}
h3.tittle {
    color: #f2f3f5;
    text-align: center;
    margin-bottom: 1em;
    font-size: 3em;
}