/* CSS Document */
/* Address */

	#address{
		background-image:url("../images/ContactUs.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size:cover;
	}

	body.parallax #address{
		background-attachment: fixed;
	}

	#address .address-soft{
		width:90%;
		max-width: 770px;
		padding:52px;
		background:rgba(255,255,255,0.05);
		color:#e7e7e7;
		margin:0 auto;
	}

	#address .address-soft a.phone-button{
		display: block;
		width:82px;
		height: 82px;
		background:rgba(255,255,255,0.5);
		color:#e7e7e7;
		margin:0 auto;
		line-height: 85px;
		font-size:35px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#address .address-soft h1.phone-text{
		padding:0;
		margin:15px auto;
		font-size:55px;
		color:white !important;
	}

	#address .address-soft a{
		color:white;
	}

	#address .address-soft h2.phone-text{
		padding:0;
		margin:0 auto 15px;
		font-size:25px;
	}

	#address .address-soft a.mail-text{
		padding:0;
		margin:0 auto 15px;
		font-size:25px;
		color:inherit;
		display: block;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#address .address-soft a.social{
		display:inline-block;
		width: 62px;
		height: 62px;
		color:inherit;
		line-height: 65px;
		font-size:27px;
		margin:0 7px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

/* Rollovers */

	#address .address-soft a.phone-button:hover{
		background:rgba(255,255,255,0.9);
		color:#2b2b2b;
	}

	a.social:hover{
		color:white !important;
	}

/* Google Map */

	#map #google-map{
		width: 100%;
		height: 380px;
	}

/* Footer */

	/*footer.footer{
		padding:40px;
	}

	footer img{
		width: 170px;
		height: auto;
	}

	footer p, footer a{
		font-size:11px;
		margin:15px auto 0;
		color:#767676;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}*/

/* Text Aligns */

	.t-left{
		text-align:left !important;
	}

	.t-center{
		text-align:center !important;
	}

	.t-right{
		text-align:right !important;
	}

	.t-justify{
		text-align:justify !important;
	}

/* Font Weights, Styles */

	.extrabold{
		font-weight: 800;
	}

	.bold{
		font-weight: 700;
	}

	.semibold{
		font-weight: 600;
	}

	.normal{
		font-weight: 400;
	}

	.light{
		font-weight: 100;
	}

	.italic{
		font-style: italic;
	}

	.uppercase{
		text-transform: uppercase;
	}

/* Text Colors */

	.dark{
		color:#3e3e3e;
	}

	.white{
		color:white;
	}

	.gray{
		color:#b2b2b2;
	}

	.gray-tone{
		color:#919191;
	}

	.t-shadow{
		text-shadow:2px 2px 2px rgba(0,0,0,0.2);
	}

	.b-shadow{
		box-shadow:2px 2px 2px rgba(0,0,0,0.05);
	}

	.bigger{
		font-size:60px;
	}

/* Background Colors */	

	.white-bg{
		background-color:white !important;
	}

	.gray-bg{
		background-color:#fdfdfd !important;
	}

	.black-bg{
		background-color:#1f1f1f !important;
	}

	.glass-bg{
		background-color:rgba(255,255,255,0.1);
	}

	.soft-white-bg,
	.soft-black-bg{
		position: relative;
	}

	.soft-white-bg:before{
		background-color:rgba(255,255,255, 0.70);
		position: absolute;
		left:0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		content:'';
	}

	.soft-black-bg:before{
		background-color:rgba(0,0,0, 0.6);
		position: absolute;
		left:0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		content:'';
	}

	.active-dark{
		background-color:#303030;
	}

.boxed{
		width:100%;
		max-width:1170px;
		margin:0 auto;
		height: auto;
	}

	.round{
		border-radius:100%;
	}

	.fullwidth{
		width:100%;
		max-width: 100%;
	}

	.fullscreen{
		width: 100%;
		height: 100%;
		left:0;
		top:0;
	}

	.transparent{
		background: transparent !important;
	}

.gradient-grey{
	background-image: linear-gradient(gainsboro, lightgray);
}

/* Columns */
.column-ivi {
  float: left;
  padding: 10px;
}

.left-ivi {
  width: 60px;
}

.center-ivi {
  width: 200px;
}

.right-ivi {
  width: 60%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Fonts */

/* Raleway */
	@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,100,500,600,700,800);

	/* Open Sans */
	@import url(https://fonts.googleapis.com/css?family=Open+Sans:600italic,400,300,600,700,800);

	/* Oswald */
	@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);

	/* Indie Flower */
	@import url(https://fonts.googleapis.com/css?family=Indie+Flower);

.oswald{
		font-family: 'Oswald', 'sans-serif';
	}

	.oswald-white{
		font-family: 'Oswald', 'sans-serif';
		color: white;
	}

	.open-sans{
		font-family: 'Open Sans', sans-serif;
	}

	.flower{
		font-family: 'Indie Flower', cursive;
	}

/* Gradient */

.gradgrey-radial{
	/* Created with https://www.css-gradient.com */
background: #D8D8D8;
background: -webkit-radial-gradient(center, #D8D8D8, #404040);
background: -moz-radial-gradient(center, #D8D8D8, #404040);
background: radial-gradient(ellipse at center, #D8D8D8, #404040);
}

.gradgrey-radial2{
	/* Created with https://www.css-gradient.com */
background: #E9E6E7;
background: -webkit-radial-gradient(center, #E9E6E7, #7B7B7B);
background: -moz-radial-gradient(center, #E9E6E7, #7B7B7B);
background: radial-gradient(ellipse at center, #E9E6E7, #7B7B7B);
background-image: url("../img/portfolio/p.jpg");
	opacity: 0.5;
}

.gradgrey-bardiag{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f6f6+0,dbdce2+21,b8bac6+49,dddfe3+80,f5f6f6+100;Grey+Pipe */
background: rgb(245,246,246); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.grid2columnoffset{
	margin-left: 5px;
	display:inline-grid;
	grid-template-columns: 1fr 7fr ;
}

.gradgrey3-angle{
	background: rgb(117,117,117);
background: linear-gradient(90deg, rgba(117,117,117,0.8575805322128851) 0%, rgba(228,228,228,0.49343487394957986) 29%, rgba(218,218,218,0.08167016806722693) 85%, rgba(1,1,1,0.16010154061624648) 100%);
}

.gradgrey1-horizontal{
	background: rgb(117,117,117);
background: linear-gradient(180deg, rgba(117,117,117,0.6250875350140056) 0%, rgba(228,228,228,0.42) 38%, rgba(228,228,228,0.4234068627450981) 94%, rgba(117,117,117,0.0984768907563025) 100%);
}

.gradgrey3-horizontal{
	background: rgb(117,117,117);
background: linear-gradient(90deg, rgba(117,117,117,0.6446953781512605) 0%, rgba(228,228,228,0.3225665266106442) 12%, rgba(255,255,255,0.8463760504201681) 19%, rgba(255,255,255,1) 100%);
}
	
.gradgrey-vertical1{
	background: rgb(117,117,117);
background: linear-gradient(180deg, rgba(117,117,117,0.6250875350140056) 0%, rgba(228,228,228,0.42) 65%, rgba(228,228,228,0.4234068627450981) 86%, rgba(117,117,117,0.3085609243697479) 100%);
}

.gradgrey-vertical2{
	background: rgb(117,117,117);
background: linear-gradient(180deg, rgba(117,117,117,0.2945553221288515) 0%, rgba(228,228,228,0.42) 65%, rgba(228,228,228,0.4234068627450981) 86%, rgba(117,117,117,0.3085609243697479) 100%);
}

.centerImage{
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.imagecontainer {
  position: relative;
  max-width: 800px; /* Maximum width */
  margin: 0 auto; /* Center it */
}

.imagecontainer .content {
  position:inherit; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1; /* Grey text */
  width: 100%; /* Full width */
  padding: 5px; /* Some padding */
}

.box-shadow {
	

  background-color: gradgrey-vertical2;
  box-shadow: 0px 10px 15px #5d5d5d;
}

.shadow {
    -moz-box-shadow:    13px 13px 15px 16px #5d5d5d;
    -webkit-box-shadow: 13px 13px 15px 16px #5d5d5d;
    box-shadow:         13px 13px 15px 16px #5d5d5d;
}