@charset "utf-8";
/* CSS Document */


body{margin:0; padding:0; font-family:sec !important; font-size:14px !important;}

@font-face{font-family:first; src: url(../fonts/OpenSans-Light.ttf);}
@font-face{font-family:sec; src: url(../fonts/OpenSans-Regular.ttf);}
@font-face{font-family:third; src: url(../fonts/OpenSans-Semibold.ttf);}
@font-face{font-family:fourth; src: url(../fonts/OpenSans-Bold.ttf);}

h1{margin:0 !important; padding:0 !important; border:none; outline:none;}
h2{margin:0 !important; padding:0 !important; border:none; outline:none;}
h3{margin:0 !important; padding:0 !important; border:none; outline:none;}
h4{margin:0 !important; padding:0 !important; border:none; outline:none;}
h5{margin:0 !important; padding:0 !important; border:none; outline:none;}
h6{margin:0 !important; padding:0 !important; border:none; outline:none;}

ul{margin:0; padding:0; list-style-type:none;}
input, select, option, textarea{outline:none; resize:none;}
button{outline:none;}
.border{border:solid #000 1px;}
img{border:none; margin:0; padding:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
a:focus{text-decoration:none;}

.top-space{margin-top:30px;}


.top-bg{
	background-color:#C69453;
	padding:10px 0 3px 0px;
}

ul.top-call li{
	font-size:15px;
	display:inline-block;
	color: #fff;
	margin:0 9px 9px 0;
}

ul.top-call li a{
	color: #fff;
}

ul.top-call li i{
    margin: 0 4px 0 0px;
    font-size: 12px;
    width: 23px;
    height: 23px;
    border: solid 1px;
    text-align: center;
    padding: 5px 0 0 0;
}

ul.top-socials{
	text-align:right;
}

ul.top-socials li{
	display:inline-block;
	color: #fff;
	margin:0 10px 0px 0;
}

ul.top-socials li i{
	font-size:12px;
}

ul.top-socials li a{
	color: #fff;
    width: 25px;
    height: 25px;
    display: block;
    border: solid 1px;
    text-align: center;	
	padding: 6px 0 0 0px;
}

.logo-bg{
	background-color: #5a2c0a;
	padding: 0 5px 20px 20px;
	position:absolute;
	top:-30px;
	z-index:999;
}

.text-slider{
	background-color: #006182cf;
    color: #fff;
    height: 80px;
    overflow: hidden;
    position: absolute;
    top: -110px;
    z-index: 999;
    width: 100%;
}

#rotate{
	font-size: 21px;
    height: 80px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 1%;
}

#main{
	max-width: 100%;
	margin: 0 auto;
}

.main-heading{
	font-family: fourth;
	font-size: 32px;
	color: #91410e;
}

.small-heading{
	font-family: third;
    font-size: 20px;
    margin: 9px 0 0 0;
}

.small-heading-border{
	background: #c69453 none repeat scroll 0 0;
    height: 1px;
    width: 100%;
    max-width: 200px;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-top: 10px;
	margin-left:5px;
}

.small-heading-border:before{
	position: absolute;
    top: -3px;
    left: 15px;
    width: 8px;
    height: 8px;
    background: #b16b0f;
    border-radius: 50%;
    content: "";
}

.small-heading-border:after{
	position: absolute;
    top: -3px;
    right: 195px;
    width: 8px;
    height: 8px;
    background: #b16b0f;
    border-radius: 50%;
    content: "";
}

.small-heading-border2{
	background: #c69453 none repeat scroll 0 0;
    height: 1px;
    width: 100%;
    max-width: 200px;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-top: 6px;
	margin-left:5px;
}

.small-heading-border2:before{
	position: absolute;
    top: -3px;
    left: 15px;
    width: 8px;
    height: 8px;
    background: #b16b0f;
    border-radius: 50%;
    content: "";
}

.small-heading-border2:after{
	position: absolute;
    top: -3px;
    right: 195px;
    width: 8px;
    height: 8px;
    background: #b16b0f;
    border-radius: 50%;
    content: "";
}

.description{
	font-size: 16px;
    line-height: 28px;
    text-align: justify;
	margin-top:10px;
	margin-bottom:20px;
	color:#333;
}

.description-img{
	margin-top:10px;
	margin-bottom:25px;
}

.principal-architect{
	font-size: 20px;
    font-family: fourth;
    color: #91410e;
	margin:0;
}

.what-we-do-panel{
	margin:0px 0 0 0px;
}

.what-we-do-box{
	overflow: hidden;
    padding: 20px 0 20px 0;
    border-bottom: dotted #ccc 1px;
}

.box-icon{
	float:left;
	margin:0 11px 0 0;
	border:solid #ccc 3px;
	padding:3px;
}

.heading-box p{
	font-size: 19px;
    font-family: fourth;
    color: #2d7b96;
	margin:0 0 0 0;
}

.heading-box span p{
	font-size: 14px;
    font-family: sec;
    color: #000;
	margin:0;
	letter-spacing:.5px;
	display:flex;
}

.segment-panel{
	border:dotted #ccc 1px;
	padding:10px;
}

.segment-heading{
	clear:both;
	font-size: 16px;
    font-family: third;
    color: #733005;
    margin: 0 0 7px 0;
    letter-spacing: .2px;
    background-color: #dadada;
    text-align: center;
    padding: 4px 0 4px 0;
}


ul.prin-archi{
	margin-top:20px;
}

ul.prin-archi li{
	font-size:15px;
	font-family:sec;
	padding:4px 0 4px 0;
	color:#7b3b03;
	display:flex;
}

ul.prin-archi li i{
	margin:4px 6px 0 0px;
	color:#b76704;
}

ul.prin-archi2{
	margin-top:20px;
}

ul.prin-archi2 li{
	font-size:15px;
	font-family:third;
	padding:8px 0 8px 0;
	line-height:25px;
	display:flex;
}

ul.prin-archi2 li i{
	margin:5px 6px 0 0px;
	color:#b76704;
}

.strip-bg{
	background-image:url(../images/architect-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	color:#FFF;
	height:260px;
}

.strip-bg:before{
	background-color: rgba(0, 0, 0, 0.88);
    content: '';
    display: block;
    height: 260px;
    position: absolute;
    width: 100%;
}

.architect-highlights{
	position: relative;
    height: 260px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 1%;
    font-size: 40px;
    font-family: third;

}

.architect-highlights2{
	font-family: first;
    font-size: 22px;
    letter-spacing: 2px;

}

ul.architects-border{
	line-height:0;
}

ul.architects-border li{
	display:inline-block;
	font-size:16px;
}

.architect-box{
	/*height:320px;
	border-bottom:solid #ccc 1px;*/
}

.architect-box-des
{
	font-size: 16px;
    line-height: 26px;
    margin: 13px 0 0 0;
    text-align: justify;
}

.description2{
	font-size: 16px;
    text-align: justify;
	line-height:26px;
	color:#333;
}

.testi-heading{
	text-align: center;
    font-size: 30px;
    margin: 0;
    padding: 0;
	color:#fff;
}

.testi-heading:after{
	content: "";
    display: block;
    width: 100%;
    max-width: 340px;
    border-bottom: dotted #fff 1px;
    margin: 0 auto;
    padding: 0 0 11px 0;
}

.testi-bg{
	background-image:url(../images/testi-bg.jpg);
	padding:40px 0 40px 0;
	overflow:hidden;
	background-size:cover;
}

.bottom-bg{
	background-color:#291c10;
	padding:20px 0 20px 0;
	color:#FFF;
	text-align:center;
}

.post-project{
	font-size:40px;
}

.post-project-email{
	color: #fff;
    margin: 0 0 0 5px;
    font-size: 22px;
}

.post-project-email:hover{
	color:#FFF;
}

.post-project-email.focus{
	color:#FFF;
	text-decoration:none;
}

.post-project-icon{
	font-size:21px;
}

/**********************************************
******************* ENQUIRY *******************
***********************************************/
.form-box{
	border-bottom:solid #dadada 1px;
	overflow: hidden;
    margin: 0 0 15px 0;
	padding:0 0 15px 0;
}

.form-box2{
	border-bottom:none;
}

.enquiry-color-bg{
	/*background-color:#e9e8e3;*/
	/*background: linear-gradient(to right, #5f88c8, #0bc0d1);*/
	background-image: url(../images/form-bg.jpg);
    background-size: cover;
	overflow:hidden;
	padding:1px 0 1px 0;
}

.form-bg{
	padding:50px;
	background-color:#fffffff5;
}

.enquiry-bg{
	background-image: url(../images/enquiry-bg.jpg);
    background-repeat: no-repeat;
    height: 190px;
    background-size: cover;
    background-position: 100%;
}

.enquiry-bg:before{
	content: "";
    display: block;
    background-color: #000000ba;
    position: absolute;
    z-index: 0;
    height: 190px;
    width: 100%;
}

.page-title{
	position: relative;
    color: #fff;
    text-align: center;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
    height: 190px;
	font-size:50px;
	font-family:third;
}

.form-title{
	font-size: 30px;
    color: #923000;
    margin: 20px 0 0px 0;
}

.form-title-border {
    background: #c69453 none repeat scroll 0 0;
    height: 1px;
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-top: 10px;
    margin-left: 3px;
	margin-bottom:25px;
}

.form-title-border:before {
    position: absolute;
    top: -3px;
    left: 0px;
    width: 8px;
    height: 8px;
    background: #b16b0f;
    content: "";
}

.form-title-border:after {
    position: absolute;
    top: -3px;
    left: 20px;
    width: 8px;
    height: 8px;
    background: #b16b0f;
    content: "";
}

.cus-input{
	float: right;
    width:100%;
	font-size:13px;
    padding: 9px 0 9px 14px;
    border: none;
    background-color: #d8d8d8;
}

.txt-box
{
	float: right;
    width: 70%;
    
    }

.cus-label{
	margin:6px 0 0 0;
	font-family: third;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    color: #000;
}

.cus-captcha{
	font-size: 13px;
    padding: 9px 0 9px 14px;
    border: none;
    background-color: #d8d8d8;
    margin: 0 0 0 0px;
	width:60%;
}

.captcha-icon{
	margin:-3px 10px 0 10px;
}

.cus-submit{
	margin: 0 auto;
    display: block;
    border: none;
    background-color: #764d28;
    color: #fff;
    padding: 15px 30px 15px 30px;
    font-size: 18px;
    text-transform: uppercase;
    width: 40%;
}

/**********************************************
***************** CONTACT US ******************
***********************************************/
.contact-space{
	margin-top:70px;
}

.contact-title-bg{
	background-image: url(../images/contact-bg.jpg);
    background-size: cover;
	overflow:hidden;
	padding:1px 0 1px 0;
	height:190px;
	background-position:100%;
}

.contact-title-bg:before{
	content: "";
    display: block;
    background-color: #000000ba;
    position: absolute;
    z-index: 0;
    height: 190px;
    width: 100%;
}

.contact-left-bg{
	background-color: #984203;
    padding: 20px 0 10px 20px;
	height:120px;
    color: #fff;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	transition:.5s;
}

.contact-left-bg:hover{
	background-color: #ad6010;
	transition:.5s;

}

.contact-left-title{
	font-size: 30px;
    font-family: first;
	margin:0;
}

.contact-left-small{
	font-size: 16px;
    font-family: first;
}
.contact-left-small span{
	font-size: 45px;
    line-height: 0;
}

.contact-left-bg2{
	background-color:#ce6f0c;
    padding: 20px 10px 10px 20px;
	transition:.8s;
	color:#FFF;
}

.contact-left-bg2:hover{
	background-color: #a7551a;
	transition:.8s;
}

.architect-title{
	margin: 0;
    font-size: 20px;
    font-family: third;
}

ul.contact-list{
	margin:0;
	padding:0;
	margin-top:20px;
	list-style-type:none;
}

ul.contact-list li{
	margin:0 0 12px 0;
	font-size: 15px;
    font-family: first;
    letter-spacing: .5px;
	display:flex;
}

ul.contact-list li i{
	margin:4px 8px 0 0;
}

ul.contact-list li a{
	color:#FFF;
}

.contact-map{
	border: solid #cacaca 4px;
    padding: 7px;
    border-radius: 10px;
}

.contact-bottom-bg{
	background-image:url(../images/architect-anatomy.jpg);
	background-size:100%;
	background-position:100%;
	background-repeat:no-repeat;
	height:200px;
	margin-top:20px;
}

/**********************************************
****************** ABOUT US *******************
***********************************************/
.about-title-bg{
	background-image: url(../images/about-bg.jpg);
	padding:1px 0 1px 0;
	height:190px;
	background-position:center 72%;
}

.about-title-bg:before{
	content: "";
    display: block;
    background-color: #000000ba;
    position: absolute;
    z-index: 0;
    height: 190px;
    width: 100%;
}

.about-us-bg{
	/*background-image:url(../images/bg.png);*/
	padding:50px 0 40px 0px;
	background-color:#f5f5f5;
}

.about-tilte{
	margin: 0;
    font-size: 25px;
    font-family: fourth;
}

.about-sub-tilte{
	font-size: 18px;
    font-family: third;
    margin: 7px 0 18px 0;
}

.about-01{
	border: solid #dbb139 5px;
    padding: 15px;
	box-shadow:0px 13px 20px #5d5d5d;
}

.project-border{
	border: solid #dadada 1px;
    padding: 15px;
}

/**********************************************
**************** PHOTO GALLERY ****************
***********************************************/
.photo-gallery-bg{
	background-image: url(../images/photo-gallery.jpg);
	padding:1px 0 1px 0;
	height:190px;
	background-position:center 61%;
}

.photo-gallery-bg:before{
	content: "";
    display: block;
    background-color: #000000ba;
    position: absolute;
    z-index: 0;
    height: 190px;
    width: 100%;
}

.fix-img{
	min-height: 250px;
    width: 100%;
    height: 100%;
}

.photo-title{
	font-size: 16px;
    font-family: third;
    padding: 10px 0 10px 20px;
    color: #fff;
    background-color: #5a2c0a;
    margin: 1px 0 0 0;
}

/**********************************************
****************** DOWNLOAD *******************
***********************************************/
.download-bg{
	background-image: url(../images/download-bg.jpg);
	padding:1px 0 1px 0;
	height:190px;
	background-position:center 30%;
}

.download-bg:before{
	content: "";
    display: block;
    background-color: #000000ba;
    position: absolute;
    z-index: 0;
    height: 190px;
    width: 100%;
}

.download-back{
	background-image:url(../images/download-back.jpg);
	background-size: 100%;
    background-repeat: no-repeat;
    background-position: center 30%;
}

.table tr th{
	text-align:center;
	color:#FFF;
	background-color:#5a2c0a;
	font-size:18px;
	line-height:3 !important;
	font-family:fourth;
	text-transform:uppercase;
}

.table tr td{
	font-family:third;
	vertical-align:middle !important;
	background-color:#ffffffa1;
}

.table tr td a{
	font-size:30px;
	color:#a24500;
}

.table tr td a:hover{
}

.ftr-bg{
	background-image:url(../images/footer_bg.jpg);
	padding:40px 0 20px 0px;
}

.ftr-heading{
	 color: #fff;
    font-size: 22px;
    font-family: fourth;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.ftr-heading:before {
    content: '';
    display: block;
    top: 39px;
    width: 100%;
    max-width: 250px;
    position: absolute;
    bottom: 0;
    height: 1px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.ftr-heading:after {
    content: '';
    display: block;
    position: absolute;
    top: 38px;
    height: 4px;
    width: 70px;
    background-color: #c37126;
}

.ftr-logo
{
	border: solid #de985a80 1px;
    width: 80%;
}

ul.ftr-links{
	margin-top:10px;
}

ul.ftr-links li{
	padding:7px 0 7px 0px;
}

ul.ftr-links li a{
	color:#c7a88c;
}

ul.ftr-links li i{
	color:#c7a88c;
	margin:0 8px 0 0px;
}

ul.ftr-add{
	margin-top: 30px;
	padding:0;
}

ul.ftr-add li{
	color:#c7a88c;
	display:flex;
	padding: 0 0 15px 0;
    font-size: 15px;
}

ul.ftr-add li a{
	color:#c7a88c;
}

ul.ftr-add li i{
	margin: 0px 9px 0 0;
    border: solid 1px;
    width: 25px;
    height: 26px;
    text-align: center;
    padding: 5px;
}

ul.ftr-add li i.mob{
	font-size: 17px;
    padding: 3px;
}

ul.ftr-add li i.message{
	font-size:13px;
}

ul.ftr-social li{
	display:inline-block;
	margin:0 6px 0 0px;
}

.copyright-bg{
	background-color:#764d28;
	padding:15px 0 15px 0px;
}

.copyright-text{
	text-align:center;
    color: #c09e80;
	margin:0;
}

.copyright-text a{
	border: solid #c09e80 1px;
    font-size: 12px;
    padding: 0 7px 0 7px;
    color: #c09e80;
	margin:0 0 0 5px;
}

@media screen and (max-width: 768px){
ul.top-call{
	text-align:center;
}	
ul.top-socials{
	text-align:center;
}

.top-bg{
	padding:10px 0 15px 0px;
}

.logo-bg{
	margin:0 auto;
	margin-top:10px;
	position:relative;
}

.architect-box{
	height:auto;
	margin-bottom:40px;
}


.ftr-bg{
	height:auto;
}

.ftr-box{
	margin-bottom:40px;
}

.strip-bg{
	height:auto;
}
.strip-bg:before{
	height:300px;
}

.post-project-icon{
	font-size:14px;
}

.post-project-email.focus{
	font-size:14px;
}

ul.ftr-add li a{
	font-size:14px;
}
	
.principal-architect{
	margin-top:50px;
}

.segment-panel{
	margin-bottom:20px;
}

.enquiry-bg{
	height:120px;
}

.enquiry-bg:before{
	height:120px;
}
.page-title{
	height:120px;
	font-size:35px;
	font-family:sec;
}

.cus-submit{
    padding: 10px 20px 10px 20px;
    font-size: 15px;
}

.form-title{
	font-size:18px;
}

.contact-title-bg{
	height:120px;
}

.contact-title-bg:before{
	height:120px;
}

ul.contact-list li{
	font-size:13px;
}

.architect-title{
	font-size:16px;
}

.contact-map{
	margin-top:20px;
}

.about-title-bg{
	height:120px;
}

.about-title-bg:before{
	height:120px;
}
.about-02{
	margin-top:30px;
}

.photo-gallery-bg{
	height:120px;
}

.photo-gallery-bg:before{
	height:120px;
}

.photo-gallery-space{
	margin-top:30px;
}

.video-space{
	margin-top:30px;
}

.download-bg{
	height:120px;
}

.download-bg:before{
	height:120px;
}

#rotate{font-size:15px !important;}
.text-slider{width:96%; position: relative; top: 0;}
}

@media screen and (max-width: 414px){
.ftr-logo{width:60% !important;}	
}

@media screen and (max-width: 991px){
.ftr-logo{width:35%;}	
}

@media screen and (max-width: 1199px){
.ftr-heading{font-size:20px;}
}