@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&display=swap');
@font-face{font-family:'Century Gothic';src:url('./fonts/CenturyGothic.ttf');}
@font-face{font-family:'Futura Std Book';src:url('./fonts/FuturaStd-Bold.otf');}
@font-face{font-family:'Futura Std Light';src:url('./fonts/FuturaStd-Light.otf');}
@font-face{font-family:'Futura Std Medium';src:url('./fonts/FuturaStd-Medium.otf');}
@font-face{font-family:'Bebas Neue';src:url('./fonts/BebasNeue-Bold.ttf');}
@font-face{font-family:'Bebas Neue Thin';src:url('./fonts/BebasNeue-Thin.ttf');}
@font-face{font-family:'Gotham';src:url('./fonts/GothamLight.ttf');}
@font-face{font-family:'Gotham Black';src:url('./fonts/Gotham-Black.otf');}

/* Navigation */
.bar {
	height: 6em;
	padding-top: 0em;
	opacity: 0.8;
	background: rgb(123,130,145);
	background: linear-gradient(180deg, rgba(123,130,145,1) 0%, rgba(170,185,211,1) 100%);
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	top:-5;
	left:0;
	z-index:555;
	position:fixed;
	width:100%;
}
.nav{
	position:fixed;
	top:15px;
	z-index:666;
	border:0px solid #ff0000;
	width:100%;
}
.social{
	border:0px solid #ff0000;
	top:-8px;
	right:0;
	position:absolute;
	padding:0px;
	margin-right:10px;
}
.social > li {
  display:inline;
  margin-right:5px;
}
.social > li > a {
  color:#FFFFFF;
}
.social > li > a:hover {
  color:#FFFFFF;
  text-decoration:none;
}

#menu{
	border:0px solid #ff0000;
	top:15px;
	right:0;
	position:absolute;
}
#menu > li {
  display:inline;
  margin-right:15px;
}
#menu > li > a {
  color:#ffffff;
  text-transform:uppercase;
  font-size:12px;
  font-weight:600;
  letter-spacing:0.1rem;
  font-family: "Futura Std Medium";
}
#menu > li > a:hover {
  color:#E6DD44;
  text-transform:uppercase;
  text-decoration:none;
}
#menu > li > a.active{
	color:#E6DD44;
}
/* .ird-logo{
	background:#333333;
	position:absolute;
	top:5px;
	width:100%;
	color:#dfdede;
	text-align:center;
	padding:15px 10px;
	font-family: "Futura Std Book";
	font-size:26px;
	box-shadow: 4px 5px 3px #5b5e64;
} */
.ird-logo{
	background:transparent;
	position:absolute;
	top:5px;
	width:100%;
	color:#dfdede;
	text-align:center;
	padding:0px;
	font-family: "Futura Std Book";
	font-size:26px;
	/* box-shadow: 4px 5px 3px #5b5e64; */
}
.ird-logo>span{
	font-family: "Futura Std Medium";
}
.logo-dot{
	color:#F1E93D;
	font-weight:bold;
	font-size:30px;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 15px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}
.side-nav-toggle{
	font-size:30px;
	cursor:pointer;
	position:absolute;
	color:#ffffff;
}
/* Navigation Ends */
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: #f3eb35;
  color: #333333;
  transition: all 0.4s;
}

.back-to-top i:hover {
  background: #151515;
  color: #ffffff;
}

/* General Styles */

.wrapper{
	width:100%;
	height:auto;
	background:#ffffff;
}
body {
  margin: 0;
  font-family: "Century Gothic", "Futura Std Light", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size: 1rem;
  letter-spacing:0.04rem;
  font-weight: noraml;
   -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a, a:hover, a:focus{text-decoration:none;}
section{
	margin-top:40px;
	margin-bottom:40px;
}
.garamond{
	font-family: 'EB Garamond', serif;
	font-size:26px;
	line-height:29px;
}
.heading{
	font-family:"Futura Std Book";
	font-size:36px;
	text-transform:uppercase;
}
.heading span{
	font-family:"Futura Std Medium";
	font-size:36px;
	text-transform:uppercase;
}
.heading  +.ruler{
	border-bottom:1px solid #000000;
	width:80%;
}
.featured-text{
	font-family:"Futura Std Medium";
	font-size:26px;
	text-align:center;
}
.featured-text span{
	font-family:"Futura Std Book";
	font-size:26px;
	text-align:center;
	font-weight:bold;
}
.btn-warning {
  color: #0f0708;
  background-color: #f3eb35;
  border-color: #f3eb35;
  border-radius:0px !important;
  text-transform:uppercase;
  font-weight:bold;
}

.btn-warning:hover {
  color: #0f0708;
  background-color: #f3eb35;
  border-color: #f3eb35;
}

.btn-warning:focus, .btn-warning.focus {
  color: #0f0708;
  background-color: #f3eb35;
  border-color: #f3eb35;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.services{
	text-align:center;
}
.services h2, .mediaCol h2, .contactHead h2{
	font-family:"Futura Std Medium";
	font-size:36px;
	text-transform:uppercase;
}
.services h2 > span, .mediaCol h2 > span, .contactHead h2 > span{
	font-family:"Futura Std Book";
	font-size:36px;
	text-transform:uppercase;
}
.services h4{
	font-family:"Gotham Black";
	font-size:28px;
}
.services ul{
	list-style-type:none;
	line-height:29px;
}
.services ul li{
	font-family:"EB Garamond";
	font-size:26px;
}
.social-widgets{
	width:100%;
}
.social-widgets .social-button{
	position:absolute;
	right:2px;
	bottom:2px;
}
.social-widgets .social-icon{
	position:absolute;
	right:20px;
	bottom:50px;
	height:70px;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #666666;
  border-radius: 0rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #000000;
  outline: 0;
  box-shadow: 0 0 0 rgba(0,0,0, 1);
}
.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
  font-size:18px;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
  font-size:18px;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
  font-size:18px;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
  font-size:18px;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
  font-size:18px;
}
.submit-btn{
	box-shadow: 0px 3px 4px rgba(0,0,0, 0.5);
}
/* Custom Checkbox */
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #666666;
  background-color: #666666;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  font-size:18px;
}

.custom-control-label::before {
  position: absolute;
  top: 0.20rem;
  left: -1.5rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background-color: #fff;
  border: #666666 solid 2px;
}

.custom-control-label::after {
  position: absolute;
  top: 0.20rem;
  left: -1.5rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0rem;
}
.custom-radio .custom-control-label::before {
  border-radius: 0;
}

/* Custom Home Stylings */
.custom-row{
	background:#e4e4e4;
	margin-top:250px;
	padding-bottom:40px;
}
.custom-details{
	width:40%;
	padding:70px;
}
.custom-image-wrapper{
	width:60%;
	position:relative;
	top:-270px;
}
.custom-button{
	position:absolute;
	right:0;
	bottom:0;
}

/* Production Homes */
.production-row{
	background:#ffffff;
	margin-top:50px;
}
.production-details{
	width:40%;
	padding:70px;
}
.production-image-wrapper{
	width:60%;
	position:relative;
	top:-270px;
}
.production-button{
	position:absolute;
	left:0;
	bottom:0;
}


/* Commercial Project Styling */
.commercial-row{
	background:#e4e4e4;
	margin-top:90px;
}
.commercial-details{
	width:40%;
	padding:70px;
}
.commercial-image-wrapper{
	width:60%;
	position:relative;
	top:-270px;
}
.commercial-button{
	position:absolute;
	right:0;
	bottom:0;
}

/* Carousel Styling */
.carousel-control-prev-icon {
	width: 49px;
    height: 90px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAABsCAYAAADUrsr8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAq9JREFUeNrk3LFKA0EQBuCLWKQSfQUfwUos0ogEFQWrgHY21j6BnaWVYCNYWdoJIio2YimW1hYWYmFlG2cxB+HIXXb3ZnZnfhf+IiHNRy65vbuZ6QyHwwJw9ShvlM/xNzuA2FXKPmWRsk75RsWW0N3R62fKZglGwlahxRh4jfKDgq2DluvegRGwG5S9BugTpY/wzXpDrf9mg6CWscFQq9goqEVsNNQathXUErY11AqWBWoBywbVjmWFasayQ7ViRaAasWJQbVhRqCasOFQLNglUAzYZNDc2KTQnNjk0FzYLNAc2GzQ1Nis0JTY7NBVWBTQFVg1UGqsKKolVB5XCqoRKYNVCubGqoZxY9VAurAkoB9YMtC3WFLQN1hw0FrtNGViDxmDNQkOxpqEhWPNQXywE1AcLA52GhYI2YeGgdVhI6CQsLLSKhYaOY+GhJdY1Dxw0QN1aKMZq7a2uGcpr8dc80LQOC4BVHsZzlFvKcs3nXijXlCME7L8AV0890OBJmwpYcN12ERLcdCEAB552iQcF9rl49wFfUY4RsDDgkBtuDnxDWbEKDr2V2qU8WAXH3CQ3C459/GES3ObBljlw20eWpsAcD6PNgLnKDEyAOQtI1IO5S4N8wJeUEwSsarBUOV93tJfuaQJLFmrOjr5hNWDpElxV4BTF1WrAqcrmVYBTNkRkB6dudckKztHElA2cqz0tCzhn46EP+IJyioBNDtbQLOzAd8Xf3cslSbCmnvdHabC2aQaiYI1zKsTAWieQiIA1z5ZhB2ufGsQKtjAPig1sZdIXC9jSDLdp4DPKOQq2GG0t52PBFucuRoOtTtSMAluelRoMtj4FNwiMMN/YG4wyudoLjDSTvA7ssF+UPtq0+SrYQT8oW0iH8SSwW++UHaQ/qDqwO3QHSKeeoPUrwAAqGXmus4AQWAAAAABJRU5ErkJggg==);
}

.carousel-control-next-icon {
	width: 49px;
    height: 90px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAABsCAYAAADUrsr8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAqBJREFUeNrk3T1rFFEUBuDZ4YhgZSGWFqmsU0mwkSA2ikVIo5WQJpAmlnb+HCvJgoLFNluEVOIvSJk2IUWwENZzyQwMw87M/b7nPXPghZ25957dZz9nh4VdbDabqldPOc8560pZUW/7MeeMc8l5wFlpxRroD86LJm2ttGEfNdC9ztgHbeAWe9aDqgS32PecX5yXI+CHnJ8asHecNxbgChncfYNSD+5/9KgG05Z9asE0sF8lmEbG1IFpYlwVmCzmqAGT5TwVYHKYCw8mx/nQYPJYAwsmz3WQYApYCwemwPVQYIrQAwZMkfpAgCliL/FgitxPNJgS9BQLpkR9RYIpYW9xYErcXxSYMtyhYsCU6eUiApwLKwKcE1scnBtbFFwCWwxcClsEXBKbHVwamxUsAZsNLAWbBSwJmxwsDesCNrd9iY51fYSX6NgkYMnY6GDp2KhgBGw0MAo2ChgJGwxGwwaBEbHeYFSsFxgZ6wxGx7bgd5zrgfEWfFNXOup0YnyH80cD9ivn7cj4RfNUv62VQHenoGajngsUGesMRcV6QRGx3lA0bBAUCfslFIqCNdCDUCgCdgp6bguV/kXABrrP+WvbsJ4LVCo2CVQiNhlUGjYpVBI2OVQKNgtUAjYbtDT2c05oSayBfswJLYWdgq5TQEscLtpC/6W48nou0JzY4tBcWBHQHFgx0NRYUdCUWHHQVFiR0BTYE6nQ2FgD/SQVGvMIagz6u7o/+/e6JDQW1gb6SsIZgnou0FAsFDQECwf1xUJCfbCwUFcsNNQFCw+1xR5pgNpgDfR4BHqDAp3C2kD3K6Cq5wIdwqqEbsOqhfaxqqFdrHpoF3s4MK4G2sWa3xJdNTiVUFOL3p8mfOc8ay6rgm7DmvrGeaINOoRVW/8FGAAKJFDW1zAepgAAAABJRU5ErkJggg==);
}
.carousel-indicators li {
  width: 20px;
  height: 20px;
  background-color: #fff;
  opacity: .5;
  border-radius:100%;
  -webkit-border-radius: 100%;
-moz-border-radius: 100%;
}
.carousel-indicators .active {
  opacity: 0.6;
  background-color: #F4ED32;
}
.tagline{
	position:absolute;
	left:6%;
	bottom:5%;
	z-index:1;
	width:750px;
}
.listen-button{
	position:absolute;
	bottom:0;
	right:0;
}
.slider-header{
	position:absolute;
	top:0;
	background:rgba(0,0,0,0.3);
	padding:10px 20px;
	width:100%;
	color:#ffffff;
	z-index:1;
}
.slider-header h1{
	font-family:"Futura Std Book";
	font-size:42px;
	text-transform:uppercase;
	text-align:right;
	color:#ffffff;
	opacity:1;
	padding:0;
	margin:0;
	text-shadow: 1px 2px 3px #333333;
}
.slider-header h1 span{
	font-family:"Futura Std Medium";
	font-size:42px;
	opacity:1;
	text-transform:uppercase;
	text-align:right;
}


/* Footer Styles */
.footer-bg{
	background:#333333;
}
.footer-menu{
	line-height:30px;
}
.footer-menu a{
	color:#ffffff;
}
.footer-menu a:hover{
	color:#F4ED32;
	text-decoration:none;
}
/* #powered-by{
	width:500px;
	border:0px solid #ff0000;
	float:right;
	margin-top:150px;
} */

/* Media Queries */
@media (max-width: 767px){
	.carousel-control-prev, .carousel-control-next{
		display:none;
	}
	.carousel-indicators li {
	  width: 15px;
	  height: 15px;
	  background-color: #fff;
	  opacity: .5;
	  border-radius:100%;
	  -webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	}
	.tagline{
		position:absolute;
		left:5%;
		bottom:22%;
		z-index:1;
		width:225px;
	}
	.listen-button{
		position:absolute;
		bottom:0;
		right:0;
		width:25%;
	}
	.slider-header{
		position:relative;
		top:0;
		background:#6a6a6a;
		padding:10px 20px;
		width:100%;
		opacity:0.4;
	}
	.slider-header h1{
		font-family:"Futura Std Book";
		font-size:26px;
		text-transform:uppercase;
		text-align:right;
		color:#ffffff;
		padding:0;
		margin:0;
		text-shadow: 1px 2px 3px #000000;
	}
	.slider-header h1 span{
		font-family:"Futura Std Medium";
		font-size:26px;
		text-transform:uppercase;
		text-align:right;
	}
	.custom-row{
		background:#e4e4e4;
		margin-top:0px;
	}
	.custom-details{
		width:100%;
		padding:50px;
	}
	.custom-image-wrapper{
		width:100%;
		position:relative;
		top:0;
	}
	.production-row{
		background:#ffffff;
		margin-top:0px;
	}
	.production-details{
		width:100%;
		padding:70px;
	}
	.production-image-wrapper{
		width:100%;
		position:relative;
		top:0px;
	}
	.production-button{
		position:absolute;
		left:0;
		bottom:0;
	}
	.commercial-row{
		background:#e4e4e4;
		margin-top:0px;
	}
	.commercial-details{
		width:100%;
		padding:70px;
	}
	.commercial-image-wrapper{
		width:100%;
		position:relative;
		top:0px;
	}
	.commercial-image-wrapper .commercial-button{
		position:absolute;
		right:0;
		bottom:0;
	}
	/* .ird-logo{
		background:#333333;
		position:absolute;
		top:5px;
		width:100%;
		color:#dfdede;
		text-align:center;
		padding:7px 7px;
		font-family: "Futura Std Book";
		font-size:15px;
		box-shadow: 4px 5px 3px #5b5e64;
	} */
	.ird-logo{
		background:transparent;
		position:absolute;
		top:5px;
		width:80px;
		color:#dfdede;
		text-align:center;
		padding:0px;
		font-family: "Futura Std Book";
		font-size:15px;
		/* box-shadow: 4px 5px 3px #5b5e64; */
	}
	.ird-logo>span{
		font-family: "Futura Std Medium";
	}
	.social{
		border:0px solid #ff0000;
		top:-8px;
		right:0;
		position:absolute;
		padding:0px;
		margin-right:5px;
		margin-top:22px;
	}
}
@media (min-width: 768px) and (max-width:1024px){
	.tagline{
		position:absolute;
		left:5%;
		bottom:12%;
		z-index:1;
		width:350px;
	}
	.custom-row{
		background:#e4e4e4;
		margin-top:0px;
	}
	.custom-details{
		width:100%;
		padding:50px;
	}
	.custom-image-wrapper{
		width:100%;
		position:relative;
		top:0;
	}
	.production-row{
		background:#ffffff;
		margin-top:0px;
	}
	.production-details{
		width:100%;
		padding:70px;
		-ms-flex-order: 2;
		order: 2;
	}
	.production-image-wrapper{
		width:100%;
		position:relative;
		top:0px;
		-ms-flex-order: 1;
		order: 1;
	}
	.production-button{
		position:absolute;
		left:0;
		bottom:0;
	}
	.commercial-row{
		background:#e4e4e4;
		margin-top:0px;
	}
	.commercial-details{
		width:100%;
		padding:70px;
	}
	.commercial-image-wrapper{
		width:100%;
		position:relative;
		top:0px;
	}
	.commercial-image-wrapper .commercial-button{
		position:absolute;
		right:0;
		bottom:0;
	}
	.social{
		border:0px solid #ff0000;
		top:-8px;
		right:0;
		position:absolute;
		padding:0px;
		margin-right:10px;
		margin-top:22px;
	}
	/* .ird-logo{
		background:#333333;
		position:absolute;
		top:15px;
		width:100%;
		color:#dfdede;
		text-align:center;
		padding:12px 7px;
		font-family: "Futura Std Book";
		font-size:15px;
		box-shadow: 4px 5px 3px #5b5e64;
	} */
	.ird-logo{
		background:transparent;
		position:absolute;
		top:15px;
		width:100%;
		color:#dfdede;
		text-align:center;
		padding:0px;
		font-family: "Futura Std Book";
		font-size:15px;
		/* box-shadow: 4px 5px 3px #5b5e64; */
	}
	.ird-logo>span{
		font-family: "Futura Std Medium";
	}
}

@media (min-width: 1200px) and (max-width: 1919px){
	.tagline{
		position:absolute;
		left:6%;
		bottom:7%;
		z-index:1;
		width:500px;
	}
	.custom-row{
		background:#e4e4e4;
		margin-top:150px;
		padding-bottom:100px;
	}
	.custom-details{
		width:40%;
		padding:55px;
	}
	.custom-image-wrapper{
		width:60%;
		position:relative;
		top:-170px;
	}
	.production-row{
		background:#ffffff;
		margin-top:50px;
	}
	.production-details{
		width:40%;
		padding:70px;
	}
	.production-image-wrapper{
		width:60%;
		position:relative;
		top:-190px;
	}
	.production-button{
		position:absolute;
		left:0;
		bottom:0;
	}
	.commercial-row{
		background:#e4e4e4;
		margin-top:90px;
	}
	.commercial-details{
		width:43%;
		padding:70px;
	}
	.commercial-image-wrapper{
		width:57%;
		position:relative;
		top:-150px;
	}
	.commercial-image-wrapper .commercial-button{
		position:absolute;
		right:0;
		bottom:0;
	}
	
}