/**
 * RESET
 * Reference: http://meyerweb.com/eric/tools/css/reset/
 */

.certWrapper {
 display: block; position:relative; width:100%; height:100%; margin-right:auto; margin-left:auto;  }

.certWrapper img {
	width:100%;
	max-width:600px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	display:block;
	position:relative;
	top:80px;
	background-image: url(assets/images/SSIP_CERTIFICATION.jpg);
}

.pdfWrapper {
 display: block; position:relative; width:100%; height:100%; margin-right:auto; margin-left:auto; }

.pdfWrapper img {
	width:100%;
	max-width:600px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	display:block;
	position:relative;
	top:80px;
	padding-bottom:80px;
}

.pdfwrapperT {
	
  color: #666;
 text-decoration:none;
	font-size: 0.8rem !important;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	text-align: center;
	padding: 1em 2em 0.2em 2em;
}

.boxTop {
	display: block;
	position:relative;
	overflow:hidden;
	z-index:-999;
	height: 80px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:0px;
	}
	.boxTop img{
	width:100%; 
height:auto;
display:block;
position: absolute;
	 z-index:-20;
	}
	
.imageWrapper {
	display: block;
	position:relative;
	overflow:hidden;
	z-index:-999;
	height: 351px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:0px;
}

.imageWrapper img {
width:100%; 
height:auto;
display:block;
position: absolute;
top:-45%;
	 z-index:-20;
	 
}

.imageWrapperT {
	display:block;
color:#fff;
	text-decoration:none;
	font-size: 2rem !important;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	text-align:center;
	padding: 2em 0em 0em 0em;
	 
}
.wrapperT {
	display: block;
	position:relative;
 width: 99%;
  color: #666;
 text-decoration:none;
	font-size: 0.8rem !important;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	text-align:justify;
	padding: 1em 2em 0.2em 2em;
}



.wrapper {
  width: 96%;
  padding: 0em 0em 0.2em 0em;
}

.wrapper2 {
  width: 99%;
  color: #666;
 text-decoration:none;
	font-size: 0.8rem !important;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	text-align:justify;
	padding: 1em 2em 0.2em 2em;
}

.wrapper3 {
  max-width: 900px;
  margin-right:auto;
  margin-left:auto;
  color: #666;
    text-decoration:none;
	font-size: 0.8rem !important;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	text-align:justify;
	padding: 1em 2em 0.2em 2em;
}


.masonry {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-column-gap: 0.1px;
  -webkit-column-gap: 0.1px;
  column-gap: 0.1px;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
}

.masonry .brick {
  margin-bottom: 0.5px;
}
.masonry .brick img {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.masonry .brick:hover img {
  opacity: 1;
}
.masonry.bordered {
  -moz-column-rule: 0.1px solid #fff;
  -webkit-column-rule: 0.1px solid #fff;
  column-rule: 0.1px solid #fff;
  -moz-column-gap: 0.1px;
  -webkit-column-gap: 0.1px;
  column-gap: 0.1px;
}
.masonry.bordered .brick {
	padding-bottom: 0.1px;
	margin-bottom: 0.1px;
	border-bottom: 0.1px solid #fff;
}

.masonry2 {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-column-gap: 1px;
  -webkit-column-gap: 1px;
  column-gap: 1px;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
}

.masonry2 .brick {
  margin-bottom: 0.5px;
}
.masonry2 .brick img {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.masonry2 .brick:hover img {
  opacity: .1;
}
.masonry2.bordered {
  -moz-column-rule: 1px solid #fff;
  -webkit-column-rule: 1px solid #fff;
  column-rule: 1px solid #fff;
  -moz-column-gap: 1px;
  -webkit-column-gap: 1px;
  column-gap: 1px;
}
.masonry2.bordered .brick {
  padding-bottom: 1px;
  margin-bottom: 1px;
  border-bottom: 1px solid #fff;
}


.masonry3 {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-column-gap: 1px;
  -webkit-column-gap: 1px;
  column-gap: 1px;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
}

.masonry3 .brick {
  margin-bottom: 0.5px;
}
.masonry3 .brick img {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.masonry3 .brick:hover img {
  opacity: .75;
}
.masonry3.bordered {
  -moz-column-rule: 1px solid #fff;
  -webkit-column-rule: 1px solid #fff;
  column-rule: 1px solid #fff;
  -moz-column-gap: 1px;
  -webkit-column-gap: 1px;
  column-gap: 1px;
}
.masonry3.bordered .brick {
  padding-bottom: 1px;
  margin-bottom: 1px;
  border-bottom: 1px solid #fff;
}



@media only screen and (min-width: 1024px) {

   .wrapper {
	width: 99%;
	padding: 1em 2em 0.2em 2em;
  }

  .masonry {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
  
  .masonry2 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
  
   .masonry3 {
    -moz-column-count: 8;
    -webkit-column-count: 8;
    column-count: 8;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .wrapper {
    width: 99%;
  padding: 0em .20em 0em .2em;
  }

  .masonry {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
  
  .masonry2 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
  
  .masonry3 {
    -moz-column-count: 8;
    -webkit-column-count: 8;
    column-count: 8;
  }
  
   .imageWrapper {
 display: block; position:relative; top:0px;  overflow:hidden; z-index:-999; width: 96%; margin-right: auto;margin-left: auto; margin-bottom:0px;}

.imageWrapper img {
height:350px;
display:block;
position: absolute;
top:-0%;
	 z-index:-20;
	 
}
 

}

@media only screen and (min-width: 500px) and (max-width: 768px) {
  .wrapper {
    width: 99%;
      padding: 0em .20em 0em .2em;

  }

  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  .masonry2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  
  .masonry3 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
  
  .imageWrapper {
 display: block; position:relative; top:0px;  overflow:hidden; z-index:-999; width: 96%; margin-right: auto;margin-left: auto; margin-bottom:0px;}

.imageWrapper img {
height:350px;
display:block;
position: absolute;
top:-0%;
	 z-index:-20;
	 
}
 
  
}


@media only screen and (min-width: 1366px) {
    .wrapper {
        width: 99%;
		  padding: 0em .20em 0em .2em;

    }
	  .masonry {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
	 .masonry2 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
   .masonry3 {
    -moz-column-count: 8;
    -webkit-column-count: 8;
    column-count: 8;
  }
}

@media only screen and (min-width: 1024px) {
   
}

@media only screen and (max-width: 767px) {
    
}

@media only screen and (min-width: 1024px) {
   
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    
}

@media only screen and (max-width: 500px) {
   .wrapper {
    width: 99%;
      padding: 0em .20em 0em .2em;

  }

  .masonry {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  
  .masonry2 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  
   .masonry3 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  
  
  
    .imageWrapper {
 display: block; position:relative; top:0px;  overflow:hidden; z-index:-999; width: 96%; margin-right: auto;margin-left: auto; margin-bottom:0px;}

.imageWrapper img {
	width:auto;
height:350px;
display:block;
position: absolute;
top:20%;
	 z-index:-20;
	 
}


}