@font-face {
  font-family: gadugi-normal;
  src: url(./fonts/gadugi/gadugi-normal.ttf); 
}

@font-face {
  font-family: gadugi-bold;
  src: url(./fonts/gadugi/gadugi-bold.ttf); 
}

body {

	font-family: gadugi-normal;
}

p {

	line-height: 1.7;
	font-size: 17px;
}

h1,h2,h3,h4,h5,h6 {

	font-family: gadugi-bold;
	color: #454545;
}

h3 {

	font-size:27px;
}
.btn {

	padding:16px 42px 18px;
	font-size: 20px;
	border-radius: 0px;
	border: 1.5px solid #dead18;
}

.btn-primary {

	background: rgba(0,0,0,0.6);
	
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active {

	background:rgba(0,0,0,1)!important;
	border: 1.5px solid #dead18!important;
}

.btn-secondary {

	background: #f8f8f8;
	color: #454545;
}

.banner-caption .btn:hover,.banner-caption .btn:focus,.banner-caption .btn:active {

	background: #f8f8f8!important;
	color: #454545!important;
	border: 1.5px solid #dead18!important;
}

.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active {

	background: #f8f8f8!important;
	color: #454545!important;
	border: 1.5px solid #dead18!important;
}

.header-top {

	background:#000;
	color:#fff;
	padding:20px 0;
	text-align: center;
}

.header-top .contact-list li {

	color:#fff;
	font-size: 17px;
}

.header-top p {

	font-size: 17px;
}

.header-top img {

	display: block;
	margin:auto;
	width:180px;
}

.header-top .btn {

	font-size: 17px;
	padding: 10px 30px;
}
.navbar-toggler {
    border-color: white;
	border-radius: 0px;
	padding:6px 10px;
}

.navbar-toggler:focus {
	box-shadow: none!important;
	outline:none!important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar {

	background:#1c1c1c;
}

.navbar .navbar-nav {

	text-align: left;
}

.navbar .navbar-nav li {

margin: 0;
}

.navbar .navbar-nav li a {

text-decoration: none;
color: #fff;
padding:10px 0;
display: block;
font-size: 17px;
}

.social-icons-list {

	margin:0;
}

.social-icons-list .list-inline-item:not(:last-child) {
	margin-right: .2rem;
}

.social-icons-list li a {

	border: 1.5px solid #dead18;
  height: 30px;
  width: 30px;
  line-height: 26px;
  text-align: center;
  display: block;
  color: #dead18;
}

.social-icons-list li a i {

  color: #dead18;
  margin:0!important;


}


.banner-section {

	position: relative;
}

.banner-section .banner-caption-inner {

	max-width: 800px;
}

.banner-section .banner-caption h1 {

	font-size: 42px;
	line-height: 1.2;
	color: #454545;
	margin: 50px 0 0;
}

.banner-section .banner-caption p { 

	color: #2c2c2c;
	margin: 38px 0;
	font-size: 20px;
}

.banner-caption .btn {

	background:#f8f8f8;
	color:#454545;
}

.section-tiles .tile-group {

	position: relative;
	margin-top:60px;
}

.section-tiles .tile {

	border:1px solid #bbb;
	position: relative;
	margin-bottom:80px;
}

.section-tiles .tile .tile-bottom {

padding: 28px 23px 50px;
}

.section-tiles .tile .tile-bottom p {

	font-size: 17px;
}

hr {

	opacity: 1;
	background-color:#dead18;
	height: 1.5px;
	width: 120px;
	margin:30px auto;
	border:none;
}

.section-tiles .tile .btn {

	position: absolute;
	left:0;
	right:0;
	margin:auto;
	bottom: -33px;
	width:212px;
	height:66px;
}

.section-our-work {

	background: url('./img/body-image-final.jpg') no-repeat center center / cover;
	padding:60px 0;
}

.section-our-work h2 {

	color: #fff;
	font-size: 36px;
}

.section-our-work .our-work-image-group {

	margin-top:50px;
}

.section-our-work img {

	margin:0 0 30px;
}

.section-front-content {

	padding:60px 0;
}

.section-front-content h3 {

	font-size: 48px;
}

.section-front-content .btn {

	width: 212px;
	margin-top:40px;
	margin-bottom:40px;
}

.section-front-content ul li {

	font-size:28px;
	font-family: gadugi-bold;
  color: #454545;
}

.section-front-content ul li:first-of-type {

	margin-right:46px;
	margin-top:20px;
	margin-bottom:20px;
}

.section-front-content ul {

	margin-top:30px;
}

.section-front-content ul li img {

	width:50px;
	margin-right:13px;
	
}


.footer-top {

	color:#fff;
	background:#000;
	padding-bottom:50px;
}

.footer-top h3 {

	color: #fff;
	margin-top:60px;
	margin-bottom:40px;
}

.footer-top i, .contact-list i {

	color:#dead18;
	margin-right:8px;
}

.footer-top a {

	text-decoration: none;
	color:#fff;
}

.footer-top .quick-links li {

	float:left;
	width:50%;
	margin-bottom: 10px;
}

.footer-bottom {

	background: #1c1c1c;
	padding:20px 0;
	text-align: center;
}

.footer-bottom p {


	margin:0;
	color: #fff;
}

.footer-top li {

	font-size: 17px;
}

.footer-bottom a {


	text-decoration: none;
	color: #fff;
}

.gallery:after {
    display: block;
    content: "";
    clear: both;
  }


.gallery-item {

	width: 576px;
  height: 350px;
  float: left;
  max-width:100%;
  
}

.gallery-icon {

	width: 576px;
  height: 350px;
  max-width: 100%;

}

.gallery-item img {

	width: 100%;
  height: 100%;
  object-fit: fill;
}

.service-page {

	padding:60px 0;
}

.page-our-work-body {

	text-align: center;
}


.service-page hr {

	margin-left:0;
}

.page-our-work-body hr {

	margin-left:auto;
	margin-right:auto;
}


.service-page h2 {

	font-size: 3rem;
}

.wpcf7-form label, .wpcf7-form span, .wpcf7-form input, .wpcf7-form textarea {

	width:100%;
}

.wpcf7-form input {

	height:48px;
	margin-top:8px;
}

.wpcf7-form textarea {

	height:140px;
	resize: none;
	margin-top:8px;
}

.review-tile {

	border: 1px solid #bbb;
  padding: 30px;
  margin:30px 0;
  background:#fff;
}

.review-tile .quote-img {

	width:20px!important;
}

.reviews-page-body hr {
	margin-left:auto;
	margin-right: auto;
}

.reviews-page-body h2 {
	text-align: center;
}


.review-tile hr {

	margin-left:0;
}

.review-tile small {

	font-family: gadugi-bold;
}


.section-front-reviews {

	background:#f2f2f2;
	padding:60px 0;
	border-top:1px solid #bbb;
}

.section-front-reviews h2 {

	text-align: center;
	font-size: 36px;
}

.section-front-reviews hr {

	margin-left: auto;
	margin-right: auto;
}

.section-front-reviews .review-tile {

	margin-bottom: 0;
	min-height:370px;
}

.section-front-reviews .review-tile hr {

	margin-left:0;
}

.owl-nav {

	text-align-last: center;
}

.owl-nav button span {

	font-size: 3rem;
	margin:10px;
}

.wpcf7-spinner {
	display: none!important;
}
.wpcf7-submit {
background: #f8f8f8;
  color: #454545;
  padding: 16px 42px 18px;
  font-size: 20px;
  border-radius: 0px;
  border: 1.5px solid #dead18;
  height:unset!important;
  width:280px!important;
}
.owl-dots {
	display: none;
}

@media(min-width:768px) {

	.banner-section .banner-caption {

	position: absolute;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-55%);
	-ms-transform: translateY(-55%);
	transform: translateY(-50%);
}

.banner-section .banner-caption h1 {

	font-size: 48px;
	line-height: 1.2;
	color: #fff;
	margin: 0;
}

.banner-section .banner-caption p { 

	color: #fff;
	margin: 26px 0;
	font-size: 18px;
}

.header-top .contact-list li {

	color:#fff;
	font-size: 14px;
}

.header-top p {

	font-size: 14px;
}

.banner-caption .btn {

	background:rgba(0,0,0,0.6);
	color:#fff;
}


.gallery-item {
  width: 335px;
  height: 250px;
  float: left;
  max-width: 100%;
  margin: 6px;
}

.gallery-icon {
  width: 335px;
  height: 250px;
  max-width: 100%;
}

}


@media(min-width:992px) {


.banner-section .banner-caption p { 

	margin: 38px 0;
	font-size: 20px;
}

.banner-section .banner-caption h1 {

	font-size: 60px;
}

.header-top .contact-list li {

	
	font-size: 17px;
}

.header-top p {

	font-size: 17px;
}

.navbar .navbar-nav li {
  margin: 0 22px;
}

.gallery-item {
  width: 300px;
  height: 250px;
  float: left;
  max-width: 100%;
  margin: 6px;
}

.gallery-icon {
  width: 300px;
  height: 250px;
  max-width: 100%;
}

}

@media(min-width:1200px) {

	.banner-section .banner-caption {

	top: 45%;
	-webkit-transform: translateY(-55%);
	-ms-transform: translateY(-55%);
	transform: translateY(-55%);
}

	.section-tiles .tile-group {

	position: relative;
	top:-80px;
	margin-top:0;
}

.section-tiles .tile {

	margin-bottom: 20px;
}

.section-front-content ul li:first-of-type {

	margin-right:46px;
	margin-top:0px;
	margin-bottom:0px;
}

.navbar .navbar-nav li {
  margin: 0 34px;
}

.navbar .navbar-nav {

	text-align: left;
}

.gallery-item {
  width: 360px;
  height: 270px;
  float: left;
  max-width: 100%;
  margin: 6px;
}

.gallery-icon {
  width: 360px;
  height: 270px;
  max-width: 100%;
}


}


@media(min-width:1400px) {
	.section-tiles .tile-group {

	top:-100px;
	
}
.navbar .navbar-nav li {
  margin: 0 40px;
}

.gallery-item {
  width: 420px;
  height: 300px;
  float: left;
  max-width: 100%;
  margin: 6px;
}

.gallery-icon {
  width: 420px;
  height: 300px;
  max-width: 100%;
}
}