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

.footer-middle {
	position: fixed;
	width: 170px;
    top: 58%;
	padding-top: 21px;
	cursor: default;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	z-index: 12;
}
.prgrm {
	color: #face0d;
	font-size: 30px;
	width: 30%;
	float: left;
	line-height: 18px;
	text-align: right;
}
.prgrm  span {
    color:#e51f1f;
    font-size:15px;
    font-weight:700;
    animation: blink 1.3s linear infinite;
}
@keyframes blink{
    0%{opacity: 0;}
    50%{opacity: .5;}
    100%{opacity: 1;}
}
.prgrm-date {
	color: #ededed;
	font-size: 15px;
	width: 70%;
	padding-left: 25px;
	float: right;
	text-align: left;
	margin: 0;
	line-height: 18px;
}
.prgrm-date span {
    font-weight:600;
}

footer.fixed-footer::after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: -42px;
    width: 100%;
    height: 100px;
    background-color: rgba(0,0,0,0.5);
    z-index: -1;
    transform: skew(-40deg);
}
header::after {
    content: '';
    /* background-color: rgba(0,0,0,0.5); */
    /* width: 100px; */
    /* height: 100%; */
    position: absolute;
    top: 0;
    right: -100px;
    /* transform: skew(31deg); */
    z-index: -1;
    border-top: 80px solid rgba(0,0,0,0.5);
    border-right: 100px solid transparent;
}
.more {
    font-weight:600;
    transition:all 0.3s ease-in-out;
}
.more:hover {
    letter-spacing:2px;
}
.line-height-1 {
    line-height:1;
}
.project-list {
}
.project-list > li {
	text-align: left;
	padding-left: 22px;
	position: relative;
	margin-bottom: 3px;
}
.project-list > li::before {
	content: "\f111";
	font-family: FontAwesome;
	position: absolute;
	top: 5px;
	left: 0;
	color: #545454;
	font-size: 10px;
}
.project-list > li > a {
    color:#434343;
    font-size:15px;
    transition:all 0.3s ease-in-out;
}
.project-list > li > a:hover {
    color:#000000;
    font-weight:600;
}
.interiors {
    min-height:500px;
}
.section-title.yellow span::before {
	content: '';
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 150px;
	height: 8px;
	background: #ffd105;
}
.service_list {
}
.service_list > li {
	display: inline-block;
	width: 160px;
	height: 160px;
	text-align: center;
	position: relative;
	margin: 0 3%;
}
.service_list > li::after {
	content: '';
	position: absolute;
	top: -25px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #face0d;
	z-index: -1;
	transform: rotate(45deg);
}
.service_list > li p {
    font-size:16px;
    text-align:center;
    line-height:1;
    color:#3b0800;
}
.publication_bg {
    background-color:#545353;
}
.publication {
}
.publication > li {
	width: 25%;
	float: left;
	padding: 12px;
	position: relative;
    top:0;
    transition:all 0.3s ease-in-out;
}
.publication > li:hover {
    top:-5px;
}
.publication > li a {
    display:inline-block;
}
.img-100 {
	width: 100%;
	display: block;
}
.publication_img {
    margin-bottom: 20px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}
.book_Name {
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}
.author_by {
    font-size:13px;
    text-align:center;
    color:#FFFFFF;
    line-height:1.2;
}
.anim-button-black {
	border: 1px solid #000;
	display: inline-block !important;
	float: none;
}
.anim-button-black span {
    color:#000000;
}
.gallery_bg {
    background-color:#2a2a2a;
}
.box-item a img {
    filter: grayscale(100%);
}
.box-item .overlay {
    background-color:#face0d !important;
    background-image:url(../images/zoom.png);
    background-repeat:no-repeat;
    background-position:center center;
}
.box-item a:hover .overlay {
	opacity: 0.8;
    
}
.customNavigation.black a {
    color:#000000;
}
.section-title.blk span::before {
	content: '';
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 150px;
	height: 8px;
	background: #000;
}
.footer_hdr {
	color: #fff;
	font-size: 30px;
	margin-bottom: 10px !important;
	text-transform: uppercase;
	font-weight: 500;
}

.footer-item p {
	font-size: 13px;
	color: #eaeaea;
	line-height: 22px;
}
.form-group {
	width: 100%;
	margin-bottom: 20px;
}
.form-group input {
    width:100%;
    padding:10px;
    background-color:#212121;
    color:#eaeaea;
    border:1px solid #959595;
    font-size:16px;
    font-family: 'Poppins', sans-serif;
}
.form-group textarea {
    width:100%;
    padding:10px;
    background-color:#212121;
    color:#eaeaea;
    border:1px solid #959595;
    min-height:120px;
    font-size:16px;
    font-family: 'Poppins', sans-serif;
}

.form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: 'Poppins', sans-serif;
}
.form-group input::-moz-placeholder { /* Firefox 19+ */
  font-family: 'Poppins', sans-serif;
}
.form-group input:-ms-input-placeholder { /* IE 10+ */
  font-family: 'Poppins', sans-serif;
}
.form-group input:-moz-placeholder { /* Firefox 18- */
  font-family: 'Poppins', sans-serif;
}

.form-group textarea::-webkit-textarea-placeholder { /* Chrome/Opera/Safari */
  font-family: 'Poppins', sans-serif;
}
.form-group textarea::-moz-placeholder { /* Firefox 19+ */
  font-family: 'Poppins', sans-serif;
}
.form-group textarea:-ms-textarea-placeholder { /* IE 10+ */
  font-family: 'Poppins', sans-serif;
}
.form-group textarea:-moz-placeholder { /* Firefox 18- */
  font-family: 'Poppins', sans-serif;
}
.submit_btn {
	background-color: transparent;
	color: #FFFFFF;
	border: 1px solid #959595;
	cursor: pointer;
	padding: 10px 38px;
	font-size: 15px;
    transition:all 0.3s ease-in-out;
}
.submit_btn:hover {
    background-color: #face0d;
    color: #000;
}
.footer_txt {
	background-color: #face0d;
	padding: 10px 15px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 100%;
}
.footer_txt p {
	margin: 0 !important;
	color: #000000;
	display: block;
	padding: 0;
	text-align: center;
}
.footer_txt p a {
    color:#000000;
}
.extra_link {
}
.extra_link > li {
    display:inline-block;
    margin: 0 10px;
}
.extra_link > li > a {
	color: #e6e6e6;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	display: inline-block;
	letter-spacing: 1px;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}
.extra_link > li > a:hover {
    color:rgba(250,206,13,1);
}
.overflow_hidden {
    overflow:hidden;
}

.team-photo a {
    display: block;
}

.overlay.inner {
	opacity: 0.7;
}
.inner_content section {
    padding: 60px 0 60px 80px;
}
.creat-list.creat-list-2 {
	margin-bottom: 20px;
    text-align:center;
}
.creat-list.creat-list-2 li {
    float:none;
    display:inline-block;
}
.creat-list.creat-list-2 li a {
    color:#6b6969;
}
.creat-list.creat-list-2 li a::before {
    background:#6b6969;
}
.creat-list-active {
    color:#000000 !important;
}
.creat-list-active:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.scroll-nav.custom_nav > ul > li:nth-child(6), .scroll-nav.custom_nav > ul > li:nth-child(7), .scroll-nav.custom_nav > ul > li:nth-child(8), .scroll-nav.custom_nav > ul > li:nth-child(9), .scroll-nav.custom_nav > ul > li:nth-child(12), .scroll-nav.custom_nav > ul > li:nth-child(13), .scroll-nav.custom_nav > ul > li:nth-child(14) {
    display:none;
}
.interiors .overlay {
	opacity: 0.1;
}
.margin-btm-none {
    margin-bottom:0;
}
.prject_name {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-weight: 300;
	margin-bottom: 50px;
}
.prject_name span {
    font-weight:600;
}
.project-gal a img {
	filter: grayscale(0%);
}
.prjct-brief {
	font-size: 24px !important;
	font-weight: 300 !important;
}
.prjct-brief > span {
	font-weight: 600 !important;
}
.projectdesc {
    color:#434343;
    text-align: justify;
}
.project-typology {
	padding: 0 !important;
	margin: 30px 0 0 0 !important;
}
.project-typology > li {
	list-style-type: none;
	font-size: 15px;
	color: #434343;
	padding-left: 0 !important;
}
.project-typology > li span {
    font-weight:600;
    color: #000;
}
.pad-40 > section {
    padding:40px 0px 40px 80px;
}
.section-title.section-title-2 {
	text-transform: capitalize;
}
.map {
    margin-bottom:40px;
}
.enq-from-holder {
    text-align:left;
}
.enq-from-holder > .form-group > input {
    background-color:#FFFFFF;
    color:#000000;
}
.enq-from-holder > .form-group > textarea {
    background-color:#FFFFFF;
    color:#000000;
}
.enq_sbmt_btn {
	display: block;
	border: 1px solid #000;
	background-color: #fff;
	padding: 8px 25px;
	font-size: 16px;
	cursor: pointer;
    transition:all 0.3s ease-in-out;
}
.enq_sbmt_btn:hover {
    background-color:#292929;
    color:#FFFFFF;
}
.each_blog_holder {
	padding: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	margin-bottom: 40px;
}
.blog_short_desc h1 {
	font-size: 22px;
	text-align: left;
	text-transform: initial;
	font-weight: 600;
	margin: 20px 0;
}
.blog_img_box p {
    width:100%;
    margin: 20px 0 0 0;
    padding:0;
}
.posted_name {
	float: left;
    font-size:13px;
    color:#838383;
}
.posted_date {
	float: right;
    font-size:13px;
    color:#838383;
}
.blog_short_desc p {
    color:#434343;
    padding-bottom:0;
}
.blog_short_desc .more {
    text-decoration:underline;
}
.blog_short_desc {
    position:relative;
}
.comment_icon {
    font-size:15px;
    color:#a8a8a8;
    position:absolute;
    bottom:0;
    right:0;
}
.other_hdr {
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 200;
	text-align: left;
	margin-bottom: 20px;
}
.other_hdr span {
    font-weight:600;
}
.image_box {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50%;
    float:left;
}
.desc_box {
	float: left;
	width: 70%;
}
.image_box .img-100 {
	width: 100px;
	height: 100px;
}
.desc_box {
	float: left;
	width: 70%;
	padding-left: 15px;
	text-align: center;
}
.other_blog_link {
    margin-bottom:40px;
}
.other_blog_link li {
	width: 100%;
	float: left;
	margin-bottom: 25px;
}
.desc_box h3 {
	font-size: 18px;
	text-align: left;
	text-transform: initial;
	font-weight: 600;
	margin: 0px 0;
	line-height: 1.2;
}
.othr_pstd_date {
	text-align: left;
	color: #838383;
	padding-bottom: 0;
	font-size: 13px;
}
.archive_list {
    text-align:left;
}
.archive_list > li {
    display:inline-block;
    margin:10px;
}
.archive_list > li a {
	padding: 10px 25px;
	border: 1px solid #838383;
	display: block;
	border-radius: 30px;
	color: #838383;
    transition:all 0.3s ease-in-out;
}
.archive_list > li a:hover {
    background-color: #838383;;
    color:#FFFFFF;
}
.quick_link.clearfix {
	margin-top: 76px;
}
.quick_link > li {
    width:50% !important;
    position:relative;
    padding-left:15px;
}
.quick_link > li:after {
    content:"\f111";
    position:absolute;
    top:6px;
    left:0;
    font-family:FontAwesome;
    color:#face0d;
    font-size:8px;
}
.quick_link > li > a {
    text-transform:capitalize !important;
    color:#eaeaea !important;
    font-size:13px !important;
    transition:all 0.3s ease-in-out;
}
.quick_link > li > a:hover {
    color:#face0d !important;
}
.each_blog_holder2 {
    padding:15px;
}
.share_list {
	float: left;
	margin-bottom: 20px;
}
.share_list > li {
    display:inline-block;
}
.share_list > li > a {
	width: 36px;
	height: 36px;
	display: block;
	text-align: center;
	line-height: 36px;
	font-size: 18px;
	color: #FFFFFF;
	border-radius: 50%;
	margin-right: 6px;
}
.share_list > li > a.fcbk {
    background-color:#3b5998;
}
.share_list > li > a.twtr {
    background-color:#1da1f2;
}
.share_list > li > a.ggle {
    background-color:#dc4e41;
}
.share_list > li > a.lnkdin {
    background-color:#0077b5;
}
.mobile-middle {
    display:none;
}
.prjct_btn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: #434343;
    font-size: 15px;
    transition: all 0.3s ease-in-out;
}
.prjct_btn:hover {
    color: #000000;
    font-weight: 600;
}
.footer-title h2 {
    text-align:center;
}
footer.fixed-footer .footer-social li {
    text-align:center;
}
.custom_tab {
}
.custom_tab .grid-item-holder {
    width: 25%;
    float: left;
    height: 248px;
    overflow: hidden;
}
.grid-item-holder img {
    width: 100%;
    display: block;
    height: 100%;
    filter: grayscale(1);
    transition:all 0.3s ease-in-out;
}
.projct_img {
    filter: grayscale(1);
    transition:all 0.3s ease-in-out;
}
.grid-item-holder a:hover .projct_img {
    filter: grayscale(0);
}
.grid-item-holder a {
    display: block;
    position: relative;
    height: 100%;
}
.prjct_desc {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 50% 30px 30px 30px;
    opacity:0;
    transition:all 0.3s ease-in-out;
    z-index:2;
}
.grid-item-holder:hover .prjct_desc {
    opacity:1;
}
.grid-item-holder:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    z-index:1;
    opacity:0;
    transition:all 0.3s ease-in-out;
}
.grid-item-holder:hover:before {
    opacity:1;
}
.prjct_desc h3 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    float: left;
    width: 100%;
    color: #fff;
    text-align: left;
    letter-spacing: 1px;
    z-index: 20;
    margin-bottom:0;
}
.prjct_desc span {
    width: 100%;
    float: left;
    font-size: 10px;
    margin-top: 10px;
    color: #fff;
    position: relative;
    text-align: left;
    text-transform: uppercase;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #000;
    background-color: #fff;
     border-color: #ddd #ddd #fff; 
     border:none;
}
.creat-list.creat-list-2 li a.nav-link {
    color: #000;
}
.nav-tabs {
    border-bottom: none !important;
}
.nav-link.active:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #ddd;
    border:none !important;
}
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border: none !important;
}
.publication-inner .book_Name, .publication-inner .author_by {
    color:#000000;
}
.mar-btm-40 {
    margin-bottom:40px;
}
.text-left {
    text-align:left;
}
.sub_hdr {
    font-size: 22px;
    margin: 0 0 20px 0;
    color: #191919;
    font-weight:600;
}
.career_list {
}
.career_list > li {
    position: relative;
    font-size: 14px;
    padding-left: 30px;
}
.career_list > li > span {
    font-weight:600;
    font-size:16px;
}
.career_list > li:before {
    content: "\f0b1";
    position: absolute;
    top: 4px;
    left: 2px;
    font-family: FontAwesome;
    color: #7b7b7b;
}
.show-share.isShare i {
    line-height: 38px;
}



/*======================================responsive======================================*/
@media only screen and (max-width: 1366px) {
    .container {
        width:92%;
    }
   .footer-middle {
       top:61%;
   }
   .page-title h2 {
       margin-left: 12%;
   }
   .parallax-section
   {
    padding: 220px 0;
   }
   .parallax-inner .bg
   {
    height: 107%;
    top: -7%;
   }
}

@media only screen and (max-width: 1280px) {
    header {
        width:65%;
    }
    .share-inner {
        right: 35%;
        width: 65%;
    }
    .service_list > li {
        width: 150px;
        height: 150px;
    }
    .service_list > li > img {
        width: 35%;
    }
}
@media only screen and (max-width: 1200px) {
    nav li a {
        padding: 10px 10px;
    }
    .service_list > li {
        width: 130px;
        height: 130px;
    }
}
@media only screen and (max-width: 1024px) {
    .show-share.isShare {
        display:none;
    }
    .hero-wrap-item h2 {
        font-size:50px;
    }
    .hero-wrap-item h3 {
        font-size:36px;
    }
    .section-title {
        font-size: 30px;
    }
    .sect-subtitle {
        font-size: 136px;
        line-height: 0.8;
    }
    .scroll-nav.custom_nav > ul > li:nth-child(6), .scroll-nav.custom_nav > ul > li:nth-child(7), .scroll-nav.custom_nav > ul > li:nth-child(8), .scroll-nav.custom_nav > ul > li:nth-child(9), .scroll-nav.custom_nav > ul > li:nth-child(12), .scroll-nav.custom_nav > ul > li:nth-child(13), .scroll-nav.custom_nav > ul > li:nth-child(14) {
        display: block;
    }
    .service_list > li {
        margin: 5% 4%;
        width: 140px;
        height: 140px;
    }
    .height-emulator {
        display:none;
    }
    .content-footer {
        padding: 50px 0 50px 80px;
    }
    .num {
        font-size:62px;
    }
    nav li a {
        font-size:13px;
    }
}
@media only screen and (max-width: 960px) {
    .publication > li {
        width:50%;
    }
}

@media only screen and (max-width: 767px) {
    .inline-facts {
        width:33.33%;
    }
    header {
        width: 97%;
    }
    header::after {
        transform: skew(0deg);
    }
    footer.fixed-footer {
        display:none;
    }
    .footer-middle {
            -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .mobile-middle {
        position: fixed;
        top: 0;
        left: 40%;
        transform: translateX(-50%);
        display:block;
    }
    section {
        padding: 50px 0 50px 0px;
    }
    .content:before {
        display:none;
    }
    .content-footer {
        padding: 50px 0 50px 00px;
    }
    .hero-wrap-item h2 {
        font-size: 32px;
    }
    .hero-wrap-item h3 {
        font-size: 26px;
    }
    .gallery-items {
        margin-top:40px;
    }
    .section-title.dec-title span::before {
        bottom: -20px;
    }
}
@media only screen and (max-width: 600px) {
    .sect-subtitle {
        display: none;
    }
    .service_list > li {
        margin: 8% 7%;
        width: 150px;
        height: 150px;
    }
    .service_list > li::after {
        display:none;
    }

    .service_list > li {
        margin: 01%;
        width: 46%;
        height: 150px;
        padding-top: 25px;
        background-color: #face0d;
    }
    .service_list_2 > li:last-child {
            width: 95%;
            height: auto;
            padding: 10px;
    }
}
@media only screen and (max-width: 375px) {
    .mobile-middle {
        display:none;
    }
    .prjct-brief
    {
        padding-bottom: 10px !important;
        padding-right: 0 !important;
        float: none !important;
    }
    .page-title h2
    {
        margin-left: 4%;
    }
}
.publi-slider .item a img{
    transition: 0.3s;
    position: relative;
}
.publi-slider .item:hover img{
    transform: scale(1.2, 1.2);
}