.ib-container{
	position: relative;
	width: 1000px;
	margin: 20px auto;
	display: block;	
}
.ib-container:before,
.ib-container:after {
    content:"";
    display:table;
}
.ib-container:after {
    clear:both;
}
.ib-container article{	
	display: block;
	width: 300px;
	height: 365px;
	background: #FFF;
	cursor: pointer;
	float: left;
	border: 1px solid #CCC;
	text-align: left;
	text-transform: none;
	margin: 10px;
	padding: 10px;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	box-shadow: 
		0px 0px 0px 10px rgba(255,255,255,1), 
		1px 1px 3px 10px rgba(0,0,0,0.2);
	-webkit-transition: 
		opacity 0.4s linear, 
		-webkit-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-moz-transition: 
		opacity 0.4s linear, 
		-moz-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-o-transition: 
		opacity 0.4s linear, 
		-o-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-ms-transition: 
		opacity 0.4s linear, 
		-ms-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	transition: 
		opacity 0.4s linear, 
		transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;

}
.ib-container h3 a{
	font-size: 18px;
	font-weight: normal;
	color: #000;
	color: rgba(0, 0, 0, 1);
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
	opacity: 0.8;
}
.ib-container article header span{
	font-size: 10px;
	font-family: Arial, serif;
	padding: 10px 0;
	display: block;
	color: #FFD252;
	color: rgba(255, 210, 82, 1);
	text-shadow: 0px 0px 0px rgba(255, 210, 82, 1);
	text-transform: uppercase;
	opacity: 0.8;
}
.ib-container article p{
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #333;
	color: rgba(51, 51, 51, 1);
	text-shadow: 0px 0px 0px rgba(51, 51, 51, 1);
	opacity: 0.8;
}
.ib-container h3 a,
.ib-container article header span,
.ib-container article p{
	-webkit-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-moz-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-o-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-ms-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
}
/* Hover Style for all the items: blur, scale down*/
.ib-container article.blur{
	box-shadow: 0px 0px 20px 10px rgba(255,255,255,1);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0.7;
}
.ib-container article.blur h3 a{
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	color: rgba(0, 0, 0, 0);
	opacity: 0.5;
}
.ib-container article.blur header span{
	text-shadow: 0px 0px 10px rgba(255, 210, 82, 0.9);
	color: rgba(255, 210, 82, 0);
	opacity: 0.5;
}
.ib-container article.blur  p{
	text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
	color: rgba(51, 51, 51, 0);
	opacity: 0.5;
}

/* Hover Style for single item: scale up */
.ib-container article.active{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	box-shadow: 
		0px 0px 0px 10px rgba(255,255,255,1), 
		1px 11px 15px 10px rgba(0,0,0,0.4);
	z-index: 100;	
	opacity: 1;
}
.ib-container article.active h3 a,
.ib-container article.active header span,
.ib-container article.active p{
	opacity; 1;
}




.modal-dialog
{
  margin: 73px auto !important;
  /*margin: 148px auto;*/
}


.modal-body {
    position: relative;
    padding: 13px;
    padding-left: 15px;
    padding-right: 15px;
}

.modal-backdrop.in
{
  opacity: 0.7;
}

.modal-footer 
{
    padding: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}


.fixed {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 999;
    background: white;
}

.navbar-fixed-top {
    top: 130px;
    border-width: 0 0 1px;
}


.margin
{
	margin-top: 180px;
}




@media screen and (max-width: 480px) 

{
	.navbar-fixed-top 
	{
    	top: 49px;
    	border-width: 0 0 1px;
	}

	.box 
	{
    padding: 8px !important;
    position: relative;
    border: 1px solid;
    min-height: 138px;
	}

	.margin 
	{
    	margin-top: 230px !important;
	}	

.modal-dialog {
    margin: 190px auto !important;
}
}

@media screen and (min-width: 360px) and (max-width: 399px)

{
.marimg-tab-nabc

{
	margin-top: 12% !important;
}

.navbar-fixed-top {
    top: 168px !important;
    border-width: 0 0 1px;
}

.divide10 {
    height: 10px !important;
    width: 100%;
}

}

@media screen and (min-width: 375px) and (max-width: 399px)

{
  .navbar-fixed-top {
    top: 168px !important;
    border-width: 0 0 1px;
}

}


@media screen and (min-width: 400px) and (max-width: 480px)

{

.navbar-fixed-top {
    top: 168px;
    border-width: 0 0 1px;
}


.marimg-tab-nabc

{
	margin-top: 15% !important;
}
}


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

{

.divide-m
{
	height: 30px;
	width: 100%;
}


}


@media screen and (max-width: 350px)

{

.divide-m
{
	height: 30px;
	width: 100%;
}

.margin

{

   margin-top: 236px !important;
}

.col-xs-2 {
    width: 19.666667%;
}


.navbar-fixed-top {
    top: 185px  !important;
    border-width: 0 0 1px;
}


.divide10 {
    height: 9px !important;
    width: 100%;
}

}



@media screen and (min-width: 481px) and (max-width: 767px)

{
.navbar-fixed-top 
{
    top: 168px !important;
    border-width: 0 0 1px;
}

.margin {
    margin-top: 230px;
}

}

@media screen and (min-width: 1025px) and (max-width: 1199px)

{

	.modal-dialog {
    margin: 104px auto !important;
    /* margin: 148px auto; */
}

}

@media screen and (min-width: 768px) and (max-width: 1024px)

{

.navbar-fixed-top {
    top: 100px;
    border-width: 0 0 1px;
}


.margin {
    margin-top: 160px;
}

}


@media (min-width: 768px)

{
.modal-dialog {
    width: 600px;
    margin: 30px auto;
}

}

.capitialize
{
	text-transform: capitalize;
}

label
{
	text-align: left !important;
}


#contact {
  overflow: auto;
}
#contact #form {
  width:410px;
  float:left;
}
#contact #form h2 {
  font: 48px 'Bree Serif', Georgia, serif;
}
#contact #form span {
  display:block;
  float:left;
  width:100px;
  padding-top:5px;
  font: 14px/16px'Bree Serif', Georgia, serif;
}
#contact #form input {
  float:left;
  width:255px;
  border:0px;
  color:#F1F1F1;
  padding:10px 10px 10px 30px;
  font: 11px/20px'Open Sans', Verdana, Helvetica, sans-serif;
  margin-bottom:10px;
}
#contact #form textarea {
  float:left;
  border:0px;
  width:255px;
  height:140px;
  padding:10px 10px 10px 30px;
  font: 11px/20px'Open Sans', Verdana, Helvetica, sans-serif;
  color:#F1F1F1;
  resize: none;
}
#contact #form input.name {
  /*background:#222222 url(http://img7.uploadhouse.com/fileuploads/17737/177370145f09fe433945815665aa214f80dbc6af.png) no-repeat 10px 8px;*/
}
#contact #form input.email {
  /*background:#222222 url(http://img6.uploadhouse.com/fileuploads/17737/177370138cc63992182149e9befabff3eafa6d23.png) no-repeat 10px 9px;*/
}
#contact #form input.captcha {
  background:#222222 url(http://img3.uploadhouse.com/fileuploads/17737/17737011310213e71805ecf2292144cbbecf42ad.png) no-repeat 10px 9px;
}
#contact #form textarea.message {
  /*background:#222222 url(http://img3.uploadhouse.com/fileuploads/17737/1773701229ed8c2f465a8274623ca8976adaf196.png) no-repeat 10px 8px;*/
}
#form input.submit {
  cursor: pointer;
  width:85px;
  height:30px;
  float:right;
  padding:0px 0px 5px 0px;
  margin:10px 16px 0px 0px;
  background:#222222;
  color:#F1F1F1;
  font: 14px/16px'Bree Serif', Georgia, serif;
}
 #captcha span{
  width: 44px;
}

#captcha 

{
  padding-top: 6px;
}

#captcha input {
    background: url(/images/refresh.png) no-repeat scroll 0 0 transparent;
    margin: 4px 18px -10px;
    padding: 0;
    border: medium none;
    cursor: pointer;
    width: 15px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #504b4b;
}






body,html {
  height: 100%;
  background-color: white;
}

.container {
  overflow: hidden;
  .slider {
    animation: slidein 30s linear infinite;
    white-space: nowrap;
    .logos {
      width: 100%;
      display: inline-block;
      margin: 0px 0;
      .fab {
        width: calc(100% / 5);
        animation: fade-in 0.5s 
          cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
      }
    }
  }
}

@keyframes slidein {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.divide10 {
  height: 10px !important;
  width: 100%;
}

.navbar-default .navbar-toggle {
  border-color: #000;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}

input[type=checkbox], input[type=radio] {
  width: 13px;
  height: 13px;
	/* box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(0 0 0 / 17%) 0px 12px 13px, rgb(0 0 0 / 9%) 0px -3px 5px; */
  /* box-shadow: 10px 10px 5px lightblue; */
}