/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

.form-control {
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;

}

.radio-inline {
    min-width:5% !important;
}


#mod-custom1027 img{
    max-width:400px !important;
}

#s5_body_padding {
  padding-left: 0px;
  padding-right: 0px;
}

#brzfrm {
    display:none;
}

.sectionSpacer {
    min-height:25px;
}

#s5_pos_bottom_row3_2 .btn {
	border: 1px solid black !important;
	margin-left: 40%;
}

#myGallery_height {
	margin-top: -300px;
}

#s5_logo_wrap, #s5_logo_wrap2 {
    float: left;
    padding-top: 5px;
    padding-right: 0px;
    cursor: pointer;
}

#s5_menu_wrap, #s5_menu_inner {
    height: 200px;
    overflow: visible;
    min-height: 200px;
    /* background: linear-gradient(to right, #1DB3F2 0%,#1DB3F2 41%,#ffffff 41%,#ffffff 100%); */
    background:#ffffff !important;
}

#logoimg {
	max-width: 300px !important;
}

.jdGallery .slideInfoZone {
	border-radius: 25px;
	background: rgba(0, 0, 0, 0.6) !important;
	padding: 20px;
	width: 200px;
	height: 150px;
    margin-left: 5% !important;
    margin-right: 5% !important;
}

#s5_pos_custom_7 {
    margin-top: -200px;
    position: absolute;
    margin-right:10%;
    width: 25% !important;
}

#s5_pos_custom_7_inner {
    width:89%;
}

#s5_qc_spambox {
	margin-top:22px;
}

#consTXT p {
	font-size:2em !important;
	line-height: 2.3em;
	font-weight: 400;
	color:#fff;
	text-align:center;
}	

#consDiv {
	border-radius: 25px;
	background: rgba(0, 0, 0, 0.9) !important;
	padding: 20px;
}

#consSpan {
	width:100%;
}

.pricingCONT {
    width:60%;
    margin-left:20%;
}

#hosting{
    float:right;
}

#POSdiv{
    margin-left:25%;
    margin-right:25%;
}

#POStopTXT {
	font-size:2em !important;
	text-align:center;
}	

#POSimg {
    margin-left:5% !important;
}

#s5_bottom_row3_area1{
    background-color:#686C6C;
}

#s5_quick_contact_wrap {
  width: 100%;
}

#s5_headerbackground {
    background-color: #FFFFFF;
}

.s5_pricetable_column .dollarsign2 {
    font-size: 1em;
    color: #676969;
    margin-left: -86px;
    position: relative;
    top: -50px;
}

#fineprint1 {
    color:#000;
    text-align:center;
}

#WSpadding {
	margin-bottom: 20%;
}

#hPriceImg  {
    position: absolute;
    margin-left: -5%;
    margin-top: -1%;
}

#s5_pricing_bottom {
	padding-bottom:25px !important;
}

#s5_bottom_row3_topitems {
	padding-bottom: 75px;
	width:100%;
	display:none !important;
/* 	visibility:hidden !important;   */
}


    
    /*   LIGHTBOX ==========================================  LIGHTBOX ======  */
/*Eliminates padding, centers the thumbnail */

/* Styles the thumbnail */

a.lightbox img {
height: 150px;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
margin: 94px 20px 20px 20px;
}

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

.lightbox-target {
position: fixed;
top: -80%;
width: 80%;
background: rgba(0,0,0,.7);
width: 70%;
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: visible;
z-index:999;
left:20%;
}

/* 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: absolute;
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:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-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;
bottom: 0;
}

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

.lightbox-target:target a.lightbox-close {
top: 0px;
}


.thumbnail {
  max-width: 40%;
}

.italic { font-style: italic; }
.small { font-size: 0.8em; }

/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}