body{	
	background:url("../grad.svg")no-repeat;
	background-size:cover;		
	font-family: 'Rubik', sans-serif;
	overflow-x: hidden;
}
i{
	color: #0051d2;
}
.container, .row{
	max-width: 1388px;
	margin:0 auto;
	padding:0 15px ;
}
.navbarbg{
	background-color:#ccc;
	border-bottom: solid 2px #fff;
}
.whitebg, #body-main, footer, .header{
	background-color:#fff;
}
.bluebg{
	background-color:#000b54;
}
.darkbluebg{
	background-color:#003b54;
}
.whitetext{
	color:#fff;
}
.upperinfo{
	text-align: right;
}
.phrase{
	text-align: center;
	font-size: 32px;
	letter-spacing: -1px;
	font-weight: 400;
}
.bluetext{
	color:#0079d5;
	font-weight: 500;
}
.phone, .phone a{
	font-size: 30px;
	color:#0090da;
	font-weight: 500;
}
.socialsize{
	width:20px;
	height:20px;
	
}
.btn-primary{
	border-radius: 0;
	text-shadow: 0 0 4px #000;
	background-color: #007bb0;
	padding:5px 20px;
	min-width: 211px;
}
.btn-secondary{
	border-radius: 0;
	text-shadow: 0 0 4px #000;
	background-color: #8e292a;
	padding:5px 20px;
	min-width: 211px;
}
.btn-warning{
	border-radius: 0;
	color:#fff;
	background-color: #f46c36;
	padding:5px 20px;
	min-width: 211px;
}
.btn-warning:hover{
	background-color: #f35415;
	color:#fff;
}

.btn-light{
		border-radius: 0;

	padding:5px 20px;
}
.design{
	font-size: 36px;	
	color:#FFF;
	border-top:solid 6px #FFF;	
}
.logo{
	
	margin:0 auto;
}
.specs, .icon-text{
	margin-bottom: 0;
	font-family: factoria, serif;
	
}
h1 {
	padding-top:1rem;
	font-family: factoria, serif;
	font-weight: 700;
	font-style: normal;
}
.hero-outer{
	position:relative;
	}
.hero-text{
	z-index: 3;
	text-align: center;
	color:#fff;
	font-size: 40px;
	text-shadow: 0 0 5px #000;
	position:absolute;
	top:40%;
	bottom:0;
	right:0;
	left:0;
	}

.boxbtn{	
	border: solid 3px #000;
}
.boxpad{
	padding-top: 10px;
	padding-bottom:50px;
}

.boxtext{
	padding-top:50px;
	font-size:32px;
	color:#fff;
	text-shadow: -1px -1px 0 #0079d5, 1px -1px 0 #0079d5, -1px 1px 0 #0079d5, 1px 1px 0 #0079d5, 0px 0px 5px #000, 0px 0px 3px #000, 0px 0px 7px #000;
	 font-weight: bold;
	font-family: museo-sans-display, Arial, "sans-serif";
	line-height: 1;
	stroke:#555;
}
.box{
	background-color:#000;
	background-image: url("../images/box1.jpg");
}
.box2{
	background-color:#000;
	background-image: url("../images/box2.jpg");
}
.box3{	
	background-color:#000;
	background-image: url("../images/box3.jpg");
	}
.box, .box2, .box3{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height:100%;
	width:98%;
	margin:0 auto;
	box-shadow: 1px 1px 8px 1px #000;
	text-align: center;
	border: solid 2px #0090da;
}
.colorpad{
	padding: 2rem 0rem;
}
.gal-container{
	padding: 0!important;
}
.icon-text{
	font-size: 20px;
}

.calltoaction{
	background-color:#000;
	background-image: url("../images/bannerdark.jpg");
	height: 350px;
}
.callalign{
	text-align: center;
	color:#fff;
}
.callhead{
	font-size: 32px;
	text-shadow: 0 0 5px #000;
}
.callbottom{
	font-size: 28px;
	text-shadow: 0 0 5px #000;
}
.grey{
	background-color: rgba(104,104,104, .8);
	margin:0 auto;
}
.blue{
	background-color: rgba(0, 123, 176, .8);
	margin:0 auto;
}
.btm-nav-item{
	display:inline-block;
	padding: 0px 10px;
	
}
.btm-nav-link{
	color:#007bb0;
	font-size: 16px;
	font-weight: bold;
}
.btm-nav-link:hover{
	color:#46a2d9;
}

.copyright, .copyright a{
	text-align: center;
	background:#007bb0;
	color:#fff;
}
.logofoot{
	width:250px;
	margin:0 auto;
}





/* [1] The container */
.gal-container {
  height:235px; /* [1.1] Set it as per your need */
width:320px;
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
	margin:0 auto;	
}

/* [2] Transition property for smooth transformation of images */
.gal-item img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.gal-item:hover img {
  transform: scale(1.1);
}

.bi{
	font-size:120px;
	color:#000;
}

/**NAVBAR**/

.navbar { /* navbar styles */
	background:#CCC;
	padding:0 1rem ;
	
}

.nav-link { /* top level link */
  color:#000;
  font-size:15px;
font-weight: 500;
}

.nav-link:hover {
  color:#007bb0; /* top level link hover */
}

.dropdown-menu { /* dropdown menu styles */
	background:#CCC;
}

.dropdown-item { /* dropdown link */
	 color:#000;
}

.dropdown-item:hover { /* dropdown link hover */
	 color:#007bb0;
	
}

.navbar-toggler { /* styles the mobile nav button border */
	border-color:#000;
	border-radius:8px;
}

.navbar-toggler-icon { /* sets color of the mobile nav button lines, only edit the "stroke='rgb(0,0,0)'" value */
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* mobile nav styles */
@media (max-width: 767px) {
	.navbar { /* navbar styles */
		padding:.25rem 1rem;
	}
	
	.nav-link { /* top level link */
		text-align:left;
		font-size:18px;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
	
	.dropdown-menu { /* dropdown menu styles */
		padding-top:0;
		padding-bottom:0;
		background:none;
		border:none;
	}
	
	.dropdown-item { /* dropdown link */
		padding-top:10px;
		padding-bottom:10px;
		font-size:18px;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
}





/**END NAVBAR**/


/************************/
/**SIZE SPECIFIC STYLES**/
/************************/

/**COMBINATIONS**/

/**SM & DOWN*/
@media (max-width: 767px) {
	.logo{
		padding: 10px;
	}
	.colorpad{
	padding: 5px;
}
	.callhead{
	font-size: 24px;
}
.callbottom{
	font-size: 18px;
}
	#lightgallery{
		text-align: center;
	}
	.hero-text{
		font-size: 24px;
		top:20%;
	}
	.design-barn{
		max-width: 250px;
	}
}

/**MD & DOWN*/
@media (max-width: 991px) {
	
}

/**LG & DOWN**/
@media (max-width: 1199px) {
	
}

/**MD & UP*/
@media (min-width: 768px) {
	.logo{
		margin-bottom: -120px;
		position: absolute;
	z-index: 3;
	}	
	/*DIVIDERS*/

.nav-link {
	position:relative;
}



/*dots*/
.nav-link:before {
	display:block;
	content:"";
	position:absolute;
	right:4px;
	top:50%;
	margin-top:-4px;
	background:#fff;
	width:8px;
	height:8px;
	border-radius:8px;
}

.nav-item:last-child .nav-link:before {
	display:none;
}

/*END DIVIDERS*/
.grey, .blue{	
	max-width: 1200px;	
}
}

/**LG & UP**/
@media (min-width: 992px) {

}

/**INDIVIDUAL SIZES**/

/**XS**/
@media (max-width: 575px) {
	.design{
		font-size: 24px;
	}
}

/**SM**/
@media (min-width: 576px) and (max-width: 767px) {
	.design{
		font-size: 30px;
	}	
}

/**MD**/
@media (min-width: 768px) and (max-width: 991px) {
	.phrase{
		font-size: 22px;
	}
	.design{
		font-size: 24px;
	}
}

/**LG**/
@media (min-width: 992px) and (max-width: 1199px) {
.phrase{
		font-size: 26px;
	}
}

/**XLG**/
@media (min-width: 1200px) {

}