*, *::before, *::after {
			-webkit-box-sizing:border-box;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
		}
		body {
			/* Fluid Responsive Font Sizing*/
			background-color:#1a1a1a;
			background-color:#f2f2f2;
			background-size: cover; 
			background-repeat: no-repeat;
			background-position: center;
			/*font-family: "Poppins";*/
		}
		a  {
			margin:0;
			color:inherit;
		}
		a:hover {
			text-decoration: none;
			color:inherit;
		}
		h1 , h2 , h4 , h6 {
			/*margin-top: 30px;*/
			font-family:Edinburgh;
			/* Don't Ever Use Better Signature*/
		}
		.nav-link {
			font-family:Poppins;
			font-weight:500;
			font-size: calc(10px + 0.390625vw); 
			color:#4d4d4d !important;
			margin-left:15px;
			transition: 200ms;
			border-bottom:2px solid #f2f2f2;
		}
		.nav-link:visited {
			color:#4d4d4d !important;
		}
		.nav-link:hover {
			color:#e61916 !important;
			border-bottom:2px solid #e61916;
		}
		.on {
			border-bottom:2px solid #e61916;
		}
		.text {
			font-size: calc(10px + 0.390625vw);
			font-family:"Poppins", sans-serif;
			font-weight: 300;
/*			margin-top: 20px;*/
			margin-bottom:0;
		}

		.btn-text {
			font-family:"Poppins", sans-serif;
			font-weight: 300;
			font-size: calc(10px + 0.390625vw);
		}

		/******** Nav 1 ********/
		.nav-row {
			width: 90%;
			margin-right:auto;
			margin-left:auto;
			border-bottom:1px solid #ccc;
		}
		.nav-row > .col-sm-6 {
			padding:10px;
		}
		.social-nav {
			display: -webkit-flex;
			align-items: center;
		}
		.social-nav-links {
			width: 80%;
		}
		.social-nav-links > ul {
			width:40%;
			list-style-type: none;
			display: -webkit-flex;
			justify-content: space-around;
			align-items: center;
			margin-bottom:0;
			padding-left:20px;
		}
		.social-nav-links > ul > li > a {
			display: -webkit-flex;
			align-items: center;
		}
		.social-nav-links {
			display: -webkit-flex;
			justify-content: flex-start;
			align-items: center;
		}
		.nav-contact-details {
			display: -webkit-flex;
			justify-content:flex-end;
			align-items: center;
		}
		.nav-contact-details > .text {
			cursor: pointer;
			padding-left: 10px;
			padding-right: 10px;
		}
		.nav-contact-icon {
			width: 20px;
		}
		.nav-icon {
			display: inline-block;
			height: 12px;
			width:15px;
			transition: 200ms;
			background-size: contain;
			background-repeat: no-repeat;
		}

		.nav-fb {
		background-image: url("../svg/facebook-w.svg");
		}
		.nav-fb:hover {
			transform: scale(1.4);
			background-image: url("../svg/facebk_r.svg");
		}
		.nav-in {
			background-image: url("../svg/instagram-w.svg");
		}
		.nav-in:hover {
			transform: scale(1.4);
			background-image: url("../svg/instag_r.svg");
		}
		.nav-tw {
			background-image: url("../svg/twitter-w.svg");
		}
		.nav-tw:hover {
			transform: scale(1.4);
			background-image: url("../svg/tw_r.svg");
		}

		/******** Nav 2 ********/
		/******** NAV BLOCK ONE ********/
		.nav-row2 {
			width: 90%;
			margin-right:auto;
			margin-left:auto;
		}
		.nav-block-one , .nav-block-two  {
			background-color:#262626;
		}
		.row {
			padding:10px;
		}
		.nbo-logo {
			display: -webkit-flex;
			justify-content: center;
			width: 25%;
		}
		.nbo-logo > img {
			height: 60px;
		}
		.col {
			width: 65%;
		}
		.nbo-icons {
			display: -webkit-flex;
			justify-content: space-around;
			width:10%;
			margin: 10px;
		}
		.nbo-icon {
			width:12px;
		}
		.navbar-toggler {
			border:none !important;
		}
		.menu-wh {
		    display: inline-block;
		    width: 1.5em;
		    height: 1.5em;
		    vertical-align: middle;
		    content: "";
		    background-image: url("../svg/menu.svg") !important;
		    background: no-repeat center center;
		    background-size: 100% 100%;
		}

		/******** Bread Crumps ********/
		.pbo-col > div {
			display: -webkit-flex;
			justify-content: center;
			align-items: center;
		}
		.pbo-col > div > ul {
			display: -webkit-flex;
			list-style-type: none;
		}
		.pbo-col > div > ul > li {
			margin-right:15px;
		}
		.dropdown-menu {
			border-radius: 0;
			background-color:#f2f2f2;
			border:0;
		}
		.dropdown-item:hover {
			background-color:#e61916;
			color:#fff;
		}

		/**********	Projects Styles	************/

		/*	Section Two	*/
		.sect-two {
			display: -webkit-flex;
			flex-direction: column;
			align-items: center;
			margin-top:70px;
			margin-bottom: 70px;
		}
		.sect-two-row {
			width: 80%;
		}
		.sect-2-project {
			display: -webkit-flex;
			justify-content: flex-end;
			align-items: center;
		}
		.sect-2-project > div {
			margin:10px;
		}
		.project-text {
			width: 100%;
			display: -webkit-flex;
			justify-content: space-between;
			align-items: center;
		}
		.sect-2-img{
			width: 60%;
			height:100% !important;
			padding:20px;
			display: -webkit-flex;
			justify-content: center;
			align-items: center; 
		}
		.sect-price {
			padding:7px;
			background-color:#e61916;
			color:#fff;
		}
		.price {
			font-weight: 600px;
		}
		.sect-2-text-block {
			display: -webkit-flex;
			justify-content: flex-start;
			align-items:flex-start;
		}
		.sect-2-text {
			width: 40%;
		}
		.sect-2-img > img {
			width: 100%;
		}
		.sect-thumb-block {
			width:100%;
			display: -webkit-flex;
			justify-content: space-between;
			align-items:center;
		}
		.sect-thumb-block:hover {
			cursor:pointer;
		}
		.sect-thumb-block > div {
			width: 33%;
			padding:10px; 
			display: -webkit-flex;
			justify-content: center;
			align-items: center;
		}
		.sect-thumb-block > div > .sect-thumb {
			width: 100%;
		}

		/* Section Three */
		.sb3 {
			display: -webkit-flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-top:70px;
			margin-bottom: 70px;
		}
		.sb3-row {
			width: 80%;
		}
		.sb3-row1 {
			width: 80%;
		}
		.sb3-row1 > .col-md-3 {
			display: -webkit-flex;
			justify-content: center;
			align-items: center;
			padding:5px;
		}
		.sb3-row1 > .col-md-3 > div {
			width: 100%;
			height: 100%;
			background-color: #e6e6e6;
			display: -webkit-flex;
			justify-content: center;
			align-items: center;
		}
		.sb3-row1 > .col-md-3 > div > img {
			width: 100%;
		}

		/*	Project Details	*/
		.pdb {
			display: -webkit-flex;
			justify-content: center;
			align-items: center;
			padding-top:70px;
			padding-bottom:70px;
		}
		.pdb-row {
			width: 80%;
		}
		.pd-div {
			border-top:1px solid #e6e6e6;
			border-bottom:1px solid #e6e6e6;
			margin-top: 10px;
			padding-top:15px;
			padding-bottom:15px;
		}

		/*	Project Plan */
		.ppo {
			display: -webkit-flex;
			justify-content: center;
			align-items: center;
			padding-top:70px;
			padding-bottom:70px;
		}
		.ppo-row {
			width: 80%;
		}
		.plan {
			font-weight:600;
		}
		.ppo-col4 > div  , .ppo-col8 > div {
			background-color: #fff;
			padding:20px;
		}
		.ppo-col8 > div > ul {
			list-style-type: square;
		}
		.m-list > ul > li::marker , .ppo-col8 > div > ul > li::marker{
			color:#e61916;
		}

		/* FOOTER BLOCK TWO */
		.fbo-logo > img {
					height: 80px;
				}
				.fbt {
					background-color: #1a1a1a;
					display: -webkit-flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					padding-top: 80px;
					padding-bottom: 30px;
				}
				.fbo-text {
					color:#f2f2f2;
					margin-top:10px;
					margin-bottom:10px;
				}
				.fbo-subcol > h6 {
					color:#e61916;
				}
				.fbo-icons > a {
					display: -webkit-flex;
					justify-content: center;
					align-items: center;
				}
				.fbo-icon {
					display: inline-block;
					height: 12px;
					width:15px;
					transition: 200ms;
					background-size: contain;
					background-repeat: no-repeat;
				}
				.fbt-icons > a {
					display: -webkit-flex;
					justify-content: center;
					align-items: center;
				}
				.fbo-fb {
					background-image: url("../svg/facebook-wh.svg");
				}
				.fbo-fb:hover {
					background-image: url("../svg/facebk_r.svg");
				}
				.fbo-in {
					background-image: url("../svg/instagram-wh.svg");
				}
				.fbo-in:hover {
					background-image: url("../svg/instag_r.svg");
				}
				.fbo-tw {
					background-image: url("../svg/twitter-wh.svg");
				}
				.fbo-tw:hover {
					background-image: url("../svg/tw_r.svg");
				}
				.fbo-wa {
					background-image: url("../svg/whatsapp-wh.svg");
				}
				.fbo-wa:hover {
					background-image: url("../svg/wa_r.svg");
				}

				.fbt-row {
					width: 80%;
					border-bottom: 1px solid #ccc;
					padding-bottom: 20px;
				}

				.fbt-icons {
					display: -webkit-flex;
					justify-content: space-between;
					align-items: center;
					width:40%;
					margin:30px 10px 20px 0;
				}
				.fbt-icons > a {
					display: -webkit-flex;
					justify-content: center;
					align-items: center;
				}
				button {
					background-color: transparent;
					border:0;
				}
				.form-group {
					display: -webkit-flex;
					background-color: #4d4d4d;
					padding:0px 7px 0px 0px;
					border-radius: 4px;
					outline: none;
				}
				.form-control , .form-control:hover , .form-control:active , .form-control:focus , input:hover , input:active , input:focus {
					width: 80%;
					border:0;
					background-color: #4d4d4d;
					color:#ccc !important;
					outline: solid !important;
					outline-color: rgba(77, 77, 77, 0)!important;
				}
				.sub-btn {
					width: 20%;
					height: auto;
					padding:0;
					display: -webkit-flex;
					justify-content: flex-end;
					align-items: center;
				}
				.sub-btn:hover , .sub-btn:active , .sub-btn:focus {
					border:0;
					background-color: #4d4d4d;
					outline: solid !important;
					outline-color: rgba(77, 77, 77, 0)!important;
				}
				.fbt-btn {
					display: block;
					width:30px;
					height:20.4571px;
					background-image: url("../svg/mail.svg");
					background-repeat: no-repeat;
					background-size: contain;
					transition: 200ms;
				}
				.fbt-btn:hover  {
					display: block;
					width:30px;
					height:24.5485px;
					background-image: url("../svg/mail-wh.svg");
					background-repeat: no-repeat;
					background-size: contain;
				}
				.fbt-cr-row {
					width: 80%;
					display: -webkit-flex;
					justify-content: flex-end;
				}

		/*	 Pre-Loader	*/
		.pre-loader , .col-loader {
			display: flex; 
			background-color:#fff;
			justify-content: center;
			align-items: center;
			width: 100vw;
			height:100vh;
			padding-top:100px;
			padding-bottom:300px;
			z-index:999;
		}
		.pre-loader.hidden {
            animation: fadeOut 2s; /** change to 1s */
            animation-fill-mode: forwards;
        }
		.pre-loader-row {
			width: 100%;
			height: 100%;
		}
		.loader {
			display: block;
			width: 52.8596px !important;
			height: 97.766px !important;
			animation-name: loader;
			animation-duration: 700ms; 
			animation-direction: alternate;
			animation-timing-function:ease-in-out;
			animation-iteration-count: infinite;
			z-index:99999;
		}
		@keyframes loader {
			from {
				background-image: url("../svg/loader_1.svg");
				background-size: cover;
				transform: translate(0px , 30px);
			}
			to {
				background-image: url("../svg/loader_2.svg");
				background-size: cover;
				transform: translate(0px ,0px);

			}
		}
		.sect-thumb , .sect-2-img {
			animation-name: slideup;
			animation-duration: 700ms; 
			animation-direction: alternate;
			animation-timing-function:ease-in-out;
			animation-iteration-count: 1;	
		}
		@keyframes slideup {
			from {
				transform: translate(0px , -30px);
			}
			to {
				transform: translate(0px ,0px);
			}
		}

		/* MEDIA QUERIES */
		@media screen and (max-width: 2560px) {
			h1 {
				font-size: 70px;
			}
			h2 {
				font-size:60px;
			}
			h4 {
				font-size:50px ;
			}
			h6 {
				font-size:30px ;
			} 
		}
		@media screen and (max-width: 1920px) {
			h1 {
				font-size: 60px;
			}
			h2 {
				font-size: 50px ;
			}
			h4 {
				font-size:40px;
			}
			h6 {
				font-size:25px;
			}
		}
		@media screen and (max-width: 1536px) {
			h1 {
				font-size:50px ;
			}
			h2 {
				font-size:45px ;
			}
			h4 {
				font-size:35px;
			}
			h6 {
				font-size:22px;
			}
		}
		@media screen and (max-width: 1280px) {
			.hbo-btns {
				width: 100%;
			}
			h1 {
				font-size:45px ;
			}
			h2 {
				font-size:40px ;
			}
			h4 {
				font-size:28px;
			}
			h6 {
				font-size:20px;
			}
		}
		@media screen and (min-width:600px) and (max-width: 1280px) and (max-height: 900px) {
			.hbt-h1 {
				font-size: 100px !important;
			}
			.hbt-span {
				height:7px;
				width: 7px;
			}
		}
		@media screen and (min-height: 750px) and (max-height: 1400px) and (max-width: 1200px) {
			/*.hbt {
				height:50vh;
			}*/
		}
		@media screen and (max-width: 1024px) {
			/* UNIVERSAL RULES */
			h1 {
				font-size:40px;
			}
			h2 {
				font-size:35px ;
			}
			h4 {
				font-size:23px;
			}
			h6 {
				font-size:18px;
			}
			/* HERO BLOCK TWO */
			.hbt-row-2 {
				width: 100%;
			} 
		}
		@media screen and (max-width: 992px) {
			.ncd {
				display: -webkit-flex;
				justify-content: flex-start;
			}
		}
		@media screen and (max-height: 450px) and (max-width: 950px) {
			/*.hbt {
				height: 100vh;
			}*/
			.hbt-row {
				width: 60%;
			}
			.hbt-header {
				width: 100%;
				display: -webkit-flex;
				flex-direction: row;
				justify-content: space-around;
			}
			.hbt-h1 {
				font-size: 80px !important;
			}
			.hbt-p {
				font-size: 12px;
				margin-bottom: 0;
			}
			.hbt-pblock {
				display: -webkit-flex;
				justify-content: flex-end;
			}
		}
		@media screen and (max-width: 768px) {
			
			.hbo-row {
				width: 90%;
			}
			.hbo-img > img {
				height:200px;
			}
			h1 {
				font-size:35px ;
			}
			h2 {
				font-size:30px ;
			}
			h4 {
				font-size:20px;
			}
			h6 {
				font-size:16px;
			}
			.navbar-nav {
				margin-top:30px !important;
				background-color: #fff !important;
				padding:12px 20px;
			}
			.nav-item {
				width: 25% !important;
			}
			.col-sm , .col-nav-links {
				padding-left:0;
				padding-right:0;
			}
			.social-nav-links {
				width:100%;
			}
			.social-nav-links > ul {
				width:60%;
			}
			.social-nav > .text {
				width:40%;
			} 
			.nav-row {
				width: 100%;
			}

			/*	Section two	*/
			.sect-two-row , .pdb-row , .ppo-row , .fbt-row  {
				width:95%;
			}
			.sect-2-text-block , .ppo-col8 {
				margin-top:40px;
			}
		}
		@media screen and (min-height: 400px) and (max-height: 600px) and (max-width: 650px) {
			/*.hbt {
				height:80vh;
			}*/
			.hbt-h1 {
				font-size: 90px !important;
			}
			.hbt-p {
				margin:0;
			}
			.hbt-icon {
				height:15px;
			}
			.hbt-span {
				height:10px;
				width: 10px;
			}
		}
		@media screen and (max-width: 600px) {
			.hbo-row {
				width: 90%;
			}
			.hbo-img {
				margin-top:30px;
			} 
			.hbo-img > img {
				height:250px;
			} 
			.social-nav-links {
				display: -webkit-flex;
				justify-content: center;
				align-items: center;
			}
			.nav-contact-details {
				display: -webkit-flex;
				justify-content:center;
				align-items: center;
			}

			/* 	Section Two */
			.sect-2-project {
				display: -webkit-flex;
				justify-content: flex-start;
				align-items: center;
			}
		}
		@media screen and (max-width: 480px) {
			/* UNIVERSAL RULES */
			h1 {
				font-size:35px ;
			}
			h2 {
				font-size:27px ;
			}
			h4 {
				font-size:20px;
			}
			h6 {
				font-size:16px;
			}
			.text , .btn-text {
				font-size: calc(15px + 0.390625vw);
				font-weight: 400;
			}


			/* HERO BLOCK ONE */
			
			.hbo-left {
				display: -webkit-flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
			}
			.hbo-header {
				text-align: center;
			}
			.hbo-p {
				text-align: center;
			}
			.hbo-img > img {
				height:250px;
			} 
			.hbo-img {
				margin-top:30px;
			}
			
			/* HERO BLOCK TWO */
			.hbt-header {
				width: 100%;
				display: -webkit-flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
			}
				.hbt-row-2 {
					display: none;
				}
				.hbt-h1 {
				font-size: 80px !important;
			}
			.project-text {
				display: -webkit-flex;
				flex-direction:column-reverse;
			}
			.sect-2-img , .sect-2-text {
				width: 90%;
			}
			.nav-contact-details {
				display: -webkit-flex;
				flex-direction: column;
				align-items: flex-start;
			}
			.nav-contact-details > .text {
				padding-left:0px;
			}
		}
		@media screen and (max-width: 360px) {
			h1 {
				font-size:30px;
			}
			h2 {
				font-size:25px ;
			}
			h4 {
				font-size:18px;
			}
			h6 {
				font-size:14px;
			}
		}
		@media screen and (max-width: 360px) and (max-height: 900px) {
			.hbt-h1 {
				font-size: 50px !important;
			}
			/*.hbt {
				height: 30vh;
			}*/
		}