@charset "utf-8";
/* CSS Document */

.DynamicForms_MainPanel {

    padding: 0px 15px 0 15px!important;
   
}
.livetabsinfiniteaccordiontabs .ui-tabs .ui-tabs-panel {
   
    font-size: 16px;
  
}
.content3 .caption_border, .content3 .caption, .content3 .image_border, .content3 .image {

    margin: 0px auto 20px auto!important;
  
}
.livetabsinfiniteaccordiontabs .ui-tabs .ui-tabs-nav li a {
    color: #FFF;
    font: NORMAL 14px Arial, Sans-Serif;
    float: left;
    height: 100%;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 14px 10px 14px !important;
    background-color: #999;
}
.tabimg h3 {
    text-align: center;
}
.livetabsinfiniteaccordiontabs .onerow
{margin: 0 0 .5% 0;}

.cyberimage {background-image: url('images/cyberflood.png')!important;
 background-repeat: no-repeat, no-repeat;
background-position: right bottom;
width:200px;
height:208px;}
.groupbox {
    /* margin-top: 10%; */
    
    height: 143px;
}

.groupbox2 {
    /* margin-top: 10%; */
    
    height: 259px;
}
.groupbox3 {
    /* margin-top: 10%; */
    
   height: 410px;
}
.groupbox4 {
    height: 250px;
}
.pad {padding:10px;}

@media only screen and (max-width: 767px) {
	
	.groupbox {
    /* margin-top: 10%; */
    height: auto;
}
	
	
	
	.groupbox2 {
      
    height: auto;
}
	.groupbox3 {
      
    height: auto;
}
    .groupbox4 {
    height: auto;
}
}


/* Styles the thumbnail */

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
position: fixed;
top: -100%;
width: 100%;
background: rgba(0,0,0,.7);
width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
 
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
position: fixed;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
  
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:55px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right:60px;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
opacity: 1;
top: 0%;
	left:0;
bottom: 0;
  overflow:scroll;
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
top: 20%;
}