@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: 'Raleway', sans-serif;
}
html {
	height: 100%;
}
a, img {
	outline: none;
}
.carousel, .item {
	height: 100%;
}
.carousel-inner {
	height: 100%;
}
.carousel-inner img {
	height: 100%;
}
.banner-sec {
	transition: all 0.5s ease 0s;
	overflow: hidden;
	height: 100%;
}
.banner-sec .item img {
	width: 100%;
}
.carousel-inner > .item:before {
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	z-index: 99;
	left: 0px;
	top: 0px;
	background: -moz-radial-gradient(center, ellipse cover, rgba(192,192,192,0) 50%, rgba(0,0,0,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%, rgba(192,192,192,0)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(192,192,192,0) 50%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(192,192,192,0) 50%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(192,192,192,0) 50%, rgba(0,0,0,1) 100%); /* ie10+ */
	background: radial-gradient(ellipse at center, rgba(192,192,192,0) 50%, rgba(0,0,0,1) 100%); /* w3c */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#000000', GradientType=1 ); /* ie6-9 */
}
.logo {
	position: fixed;
	top: 30px;
	z-index: 999;
}
.carousel-caption-sec {
	position: absolute;
	z-index: 999;
	left: 0px;
	top: 45%;
	height: 100%;
	width: 100%;
}
.bnr-ctn {
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	padding: 22px 0px 15px;
	display: table;
}
.bnr-ctn h3 {
	font-size: 40px;
	font-weight: 300;
	color: #fff;
	padding: 0px 0px 13px 0px;
	margin: 0px;
	text-transform: uppercase;
}
.bnr-ctn p {
	font-size: 35px;
	font-weight: 300;
	color: #fff;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
}
.about-sec {
	background: url("images/about-bg.jpg") right repeat-y #1f1f21;
	padding: 90px 0px;
	position: relative;
}
.about-right-img {
	position: relative;
}
.about-right-img img {
	width: 100%;
}
.about-right-img:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(192,192,192,0.1) 70%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,0.7)), color-stop(70%, rgba(192,192,192,0.1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(192,192,192,0.1) 70%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(192,192,192,0.1) 70%); /* opera 11.10+ */
	background: -ms-linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(192,192,192,0.1) 70%); /* ie10+ */
	background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(192,192,192,0.1) 70%); /* w3c */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#c0c0c0', GradientType=1 ); /* ie6-9 */
}
.about-left-sec {
	padding-left: 100px;
}
.about-left-sec h2 {
	font-size: 40px;
	font-weight: 300;
	color: #fff;
	padding: 0px;
	margin: 100px 0px 25px;
	text-transform: uppercase;
}
.content {
	height: 270px;
	border: solid 1px #fff;
	padding: 16px;
	margin-left: 50px;
	margin-right: -150px;
	position: relative;
	z-index: 99;
}
.content p {
	font-size: 15px;
	color: #fff;
	padding: 0px;
	margin: 0px;
	line-height: 24px;
}
.line {
	width: 85%;
	height: 1px;
	background: #fff;
	margin-top: -35px;
	position: relative;
	z-index: 99;
}
.about-btm-img {
	position: relative;
}
.about-btm-img {
	width: 100%;
	background: url("images/about-btn-img.jpg") no-repeat center left fixed;
	background-size: cover;
	height: 312px;
}
/*.about-btm-img:before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background: url("../../../20181108112025im_/http_/makingarchitects.com/images/overlay-img.png") repeat;
	z-index: 99;
}*/
.gallery-container {
	background: #1f1f21 url("images/about-bg.jpg") repeat-y 45% center;
}
.gallery-sec {
	max-width: 1350px;
	margin: auto;
	padding-top: 185px;
}
.gallery-sec [class*="col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
.gallery-sec .item img {
	width: 100%;
}
.gallery-sec .col-sm-8 .item {
	transition: all 0.3s ease 0s;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	height: 100%;
}
.gallery-sec .item:before {
	background: none;
	background-color: rgba(49, 48, 51, 0.5);
	transition: all 0.3s ease 0s;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
	content: "";
}
.gallery-sec .item:hover:before {
	opacity: 0;
	transition: all 0.3s ease 0s;
}
.gallery-sec .item h3 {
	font-size: 12px;
	color: #fff;
	padding: 0px 0px 4px 30px;
	margin: 0px;
	line-height: 24px;
	border-bottom: solid 1px #fff;
	position: absolute;
	bottom: 15px;
	z-index: 99;
	right: 15px;
	transition: all 0.3s ease 0s;
}
.gallery-sec .item:hover h3 {
	bottom: 45%;
}
#gal-1 {
	height: 210px;
}
#gal-2 {
	height: 288px;
}
#gal-3 {
	height: 270px;
}
#gal-4 {
	height: 167px;
}
#gal-5 {
	height: 103px;
}
#gal-6 {
	height: 228px;
}
.gallery-sec h2 {
	font-size: 40px;
	font-weight: 300;
	color: #fff;
	padding: 80px 12px;
	margin: 100px auto 25px;
	text-transform: uppercase;
	border: solid 1px #fff;
	display: table;
}
.services {
	background: url("images/service-bg.jpg") fixed center top no-repeat;
	min-height: 405px;
	padding: 45px 0px 14px;
	background-size: cover;
}
.services .container {
	padding-left: 180px;
}
.services h2 {
	color: #fff;
	font-size: 40px;
	font-weight: 300;
	margin: 0px 0 30px;
	padding: 0;
	text-transform: uppercase;
}
.services .item .col-sm-7 {
	padding-top: 43px;
	padding-left: 75px;
	text-align: right;
}
.services h3 {
	color: #fff;
	font-size: 24px;
	font-weight: 200;
	margin: 0px 0 15px;
	padding: 0;
	text-transform: uppercase;
}
.services ul {
	margin: 0px;
	padding: 0px;
}
.services li {
	color: #fff;
	font-size: 15px;
	font-weight: 200;
	margin: 0px 0 15px;
	line-height: 22px;
	list-style: none;
	background: rgba(0, 0, 0, 0) url("images/banner-left-arw.png") no-repeat scroll right 6px;
	background-size: 7px;
	padding: 0 18px 0 0;
}
.services label {
	color: #fff;
	font-size: 15px;
	font-weight: 200;
	margin: 0px 0 15px;
	padding: 0;
}
.services img {
	width: 100%;
	margin-bottom: 20px;
}
.services .owl-dots {
	display: block;
	text-align: center;
	margin-top: 15px;
}
.services .owl-dot {
	display: inline-block;
}
.services .owl-dot span {
	width: 22px;
	height: 4px;
	background: #adacac;
	display: block;
	margin: 0px 5px;
}
.services .owl-dot.active span {
	background: #fff;
}
.right-fixed {
	position: fixed;
	right: 7%;
	left: auto;
	z-index: 999;
	top: 100px;
	width: 272px;
	text-align: right;
}
.social-icon {
	margin-top: 180px;
	text-align: center;
	max-width: 28px;
	float: right;
}
.social-icon a {
	display: block;
	margin-bottom: 12px;
	transition: all 0.5s ease 0s;
	position: relative;
}
.social-icon a:hover {
	-ms-transform: rotate(360deg); /* IE 9 */
	-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
	transform: rotate(360deg);
}
.controls-sec {
	position: absolute;
	bottom: 25%;
	width: 100%;
	z-index: 99;
}
.left-arw {
	width: 13px;
	height: 26px;
	background: url("images/banner-left-arw.png");
	display: inline-block;
}
.right-arw {
	width: 13px;
	height: 26px;
	background: url("images/banner-right-arw.png");
	display: inline-block;
}
.bar-line {
	width: 1px;
	height: 35px;
	background: #7e7672;
	display: inline-block;
	margin: 0px 12px -5px;
}
.modal-body .item::before {
	opacity: 0;
}
.modal-body .item {
}
.modal-content {
	border-radius: 0px;
}
.modal-content .glyphicon-chevron-left {
	background: #000 url("images/banner-left-arw.png") no-repeat scroll center center;
	height: 40px;
	width: 28px;
	font-size: 0px;
}
.modal-content .glyphicon-chevron-right {
	background: #000 url("images/banner-right-arw.png") no-repeat scroll center center;
	height: 40px;
	width: 28px;
	font-size: 0px;
}
.contact-us {
	background: #1f1f21 url("images/about-bg.jpg") repeat scroll center left;
	padding: 45px 0px 60px;
	border-bottom: solid 40px #121213;
	position: relative;
}
.contact-us h2 {
	color: #fff;
	font-size: 40px;
	font-weight: 300;
	margin: 0 0 30px;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
}
.form-sec {
	padding-top: 70px;
	max-width: 1000px;
	margin: auto;
}
.form-sec ul {
	margin: 0px;
	padding: 0px;
}
.form-sec li {
	margin: 0px;
	padding: 0px 25px;
	list-style: none;
	width: 28%;
	float: left;
}
.form-sec li.last {
	width: 16%;
}
.form-sec li label {
	width: 100%;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	margin: 0px;
	padding: 0px 0px 7px;
	text-transform: uppercase;
	min-height: 20px;
}
.form-sec li input {
	width: 100%;
	margin: 0px 0px 15px;
	background: #121213;
	height: 35px;
	padding: 4px 10px;
	color: #fff;
	font-size: 13px;
	border: 0px;
}
.form-sec li.last input {
	cursor: pointer;
	color: #d7971d;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	position: relative;
	z-index: 999;
}
.form-sec li.last input:hover {
	background: #d7971d;
	color: #FFFFFF;
}
.form-sec li textarea {
	width: 100%;
	margin: 0px 0px 10px;
	background: #121213;
	height: 35px;
	padding: 4px 10px;
	color: #fff;
	font-size: 13px;
	border: 0px;
}
.contact-detail {
	padding-top: 35px;
	text-align: center;
}
.contact-detail ul {
	margin: 0px;
	padding: 0px;
}
.contact-detail li {
	margin: 0px 0px 15px;
	padding: 0px 25px;
	list-style: none;
	display: inline-table;
	vertical-align: top;
}
.call-icon {
	background: url("images/call-icon.png") no-repeat left center;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	margin: 0px;
	padding: 10px 15px 10px 38px;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
}
.contact-detail li span {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.contact-detail li span a {
	color: #a8a8aa;
	font-size: 15px;
	font-weight: 300;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	display: block;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}
.contact-detail li span a:hover {
	color: #FFFFFF;
}
.visit-icon {
	background: url("images/visit-icon.png") no-repeat left center;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	margin: 0px;
	padding: 10px 15px 10px 30px;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
}
.contact-detail-ctn {
	color: #a8a8aa;
	font-size: 15px;
	font-weight: 300;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	text-transform: uppercase;
	line-height: 22px;
}
.contact-detail-ctn i {
	text-transform:lowercase;
	font-style:normal;
	}
.scrol-to-top {
	position: absolute;
	bottom: -25px;
	left: 50%;
	margin-left: -25px;
	transition: all 0.3s ease 0s;
	width: 56px;
}
.scrol-to-top:hover {
	bottom: -20px;
}
.only-mob-gallery {
	display: none;
	cursor: pointer;
}
.only-mob-gallery img {
	width: 100%;
}
.only-mob-h2 {
	display: none !important;
}
@media (min-width : 1370px) {
.right-fixed {
	right: 19%;
}
}
 @media (max-width : 1025px) {
.banner-sec {
	height: auto
}
.line {
	margin-top: -15px;
}
.gallery-sec {
	padding-top: 100px;
}
.about-btm-img {
	height: 200px;
}
.services .item .col-sm-7 {
	padding-left: 15px;
	padding-top: 15px;
}
.only-mob-gallery {
	display: block;
}
.only-desk {
	display: none;
}
.right-fixed {
	right: 3%;
}
}
@media(min-width:769px) and (max-width : 1024px) {
.about-sec {
	padding: 45px 0px;
}
.line {
	margin-top: -15px;
}
.gallery-sec {
	padding-top: 100px;
}
.about-btm-img {
	height: 200px;
}
.services .item .col-sm-7 {
	padding-left: 15px;
	padding-top: 15px;
}
}
 @media(min-width:641px) and (max-width : 768px) {
.bnr-ctn h3 {
	font-size: 25px;
}
.bnr-ctn p {
	font-size: 25px;
}
.controls-sec {
	bottom: 15%;
}
.about-sec {
	padding: 45px 0px;
}
.line {
	margin-top: -15px;
}
.gallery-sec {
	padding-top: 100px;
}
.about-btm-img {
	height: 200px;
}
.services .item .col-sm-7 {
	padding-left: 15px;
	padding-top: 15px;
}
.about-left-sec {
	padding-left: 15px;
}
.about-left-sec h2 {
	font-size: 25px;
	margin: 25px 0;
}
.content {
	height: 205px;
}
.gallery-sec h2 {
	font-size: 25px;
	margin: 50px auto 25px;
	padding: 60px 12px;
}
.services h2 {
	font-size: 25px;
	margin: 0 0 25px;
}
.services .container {
	padding-left: 15px;
}
.services {
	min-height: 335px;
}
.contact-us h2 {
	font-size: 25px;
	margin: 0 0 15px;
}
.form-sec {
	padding-top: 35px;
}
.form-sec li {
	padding: 0 7px;
}
}
@media (max-width : 767px) {
.bnr-ctn h3 {
	font-size: 20px;
}
.bnr-ctn p {
	font-size: 20px;
}
.controls-sec {
	bottom: 15%;
}
.about-sec {
	padding: 10px 0px;
}
.line {
	margin-top: -45px;
}
.gallery-sec {
	padding-top: 50px;
}
.about-btm-img {
	height: 200px;
}
.services .item .col-sm-7 {
	padding-left: 15px;
	padding-top: 15px;
}
.about-left-sec {
	padding-left: 15px;
}
.about-left-sec h2 {
	font-size: 20px;
	margin: 25px 0;
}
.content {
	height: 205px;
	margin-left: 0px;
	margin-right: 0px;
}
.gallery-sec h2 {
	font-size: 20px;
	margin: 5px auto 25px;
	padding: 40px 70px;
}
.services h2 {
	font-size: 20px;
	margin: 0 0 25px;
}
.services .container {
	padding-left: 15px;
}
.services {
	min-height: 335px;
}
.contact-us h2 {
	font-size: 20px;
	margin: 0 0 15px;
}
.form-sec {
	padding-top: 35px;
}
.form-sec li {
	padding: 0 7px;
}
.about-right-img {
	margin: 25px 0;
}
.about-btm-img {
	display: none;
}
.services h3 {
	font-size: 20px;
}
.contact-detail li {
	width: 100%;
	text-align: left;
}
.services .item .col-sm-7 {
	text-align: left;
}
.services li {
	background: rgba(0, 0, 0, 0) url("images/banner-right-arw.png") no-repeat scroll left 6px / 7px auto;
	margin: 0 0 15px;
	padding: 0 0px 0 18px;
}
.only-mob-h2 {
	display: table !important;
}
.only-desk-h2 {
	display: none !important;
}
}
@media (max-width : 590px) {
.form-sec li {
	width: 100%;
}
.logo {
	top: 15px;
}
.logo > img {
	width: 50%;
}
.bnr-ctn {
	padding: 8px 0;
}
.bnr-ctn h3 {
	padding: 0 0 6px;
}
.bnr-ctn p {
	padding: 0 0 0px;
}
.controls-sec {
	display: none;
}
}
 @media (min-width : 320px) and (max-width : 480px) {
}
 @media (min-width : 480px) and (max-width : 640px) {
}