/*
Typography
=========================== */
html,body {
    width:100%;
    height: auto;
    margin:0;
    padding:0;
    /*overflow-x: hidden;*/
}

body {
    font-family: 'Roboto', sans-serif;
    position: relative;
    font-size:14px;
    line-height:24px;
    color:#181818;
}

a{
    color: #181818;
}

/*a,
a:active,
a:focus,
a:hover{
    outline:none;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}
*/
a:hover{     color: #ffc115;
    text-decoration:none;
}

h1, h2, h3, h4, h5, h6{
    color:#181818;
    margin:0 0 15px 0;
    letter-spacing: 1px;
    font-weight: 500;     font-family: 'Oswald', sans-serif;

}

h1{
    font-size:48px;
    line-height:52px;
}

h2{
    font-size:36px;
    line-height:48px;
}

h3{
    font-size:30px;
    line-height:36px;
}

h4{
    font-size:24px;
    line-height:30px;
}

h5{
    font-size:18px;
    line-height:24px;
}

h6{
    font-size:14px;
    line-height:18px;
}

p{
    margin-bottom:20px;
	color:#333333; 
	font-size: 14px;
    font-weight: 400;     line-height: 1.5;
}

.section{
    padding: 70px 0;
    position: relative;
}

 
/*
Navbar Adjusment
=========================== */
/* Navbar Atribute ------*/
.attr-nav > ul > li > a{
    padding: 28px 15px; color:#333333;
}

ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #cfcfcf !important;
    color: #fff !important;
    padding: 10px 15px;
}

@media (min-width: 1024px) {
    /* Navbar General ------*/
    nav.navbar ul.nav > li > a{
        padding: 30px 15px;
        font-weight: 600;
    }
    
    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 50px;
    }

    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 50px;
    }
    
    nav.navbar li.dropdown ul.dropdown-menu{
        border-top: solid 5px;
    }
    
    /* Navbar Center ------*/
    nav.navbar-center .navbar-brand{
        margin: 0 !important;
    }
    
    /* Navbar Brand Top ------*/
    nav.navbar-brand-top .navbar-brand{
        margin: 10px !important;
    }
    
    /* Navbar Full ------*/
    nav.navbar-full .navbar-brand{
        position: relative;
        top: -15px;
    }
    
    /* Navbar Sidebar ------*/
    nav.navbar-sidebar ul.nav,
    nav.navbar-sidebar .navbar-brand{
        margin-bottom: 50px;
    }
    
    nav.navbar-sidebar ul.nav > li > a{
        padding: 10px 15px;
        font-weight: bold;
    }
    
    /* Navbar Transparent & Fixed ------*/
    nav.navbar.bootsnav.navbar-transparent.white{
        background-color: rgba(255,255,255,0.3);
        border-bottom: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #555;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
        border-left: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #555;
    }
    
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
        color: #eee;
    }
}

@media (max-width: 992px) {
    /* Navbar General ------*/
    nav.navbar .navbar-brand{
        margin-top: 0;
        position: relative;
        top: -2px;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 30px;
    }
    
    .attr-nav > ul > li > a{
        padding: 16px 15px 15px;
    }
    
    /* Navbar Mobile slide ------*/
    nav.navbar.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    /* Navbar Full ------*/
     nav.navbar-full .navbar-brand{
        top: 0;
        padding-top: 10px;
    }
}

/* Navbar Inverse
=================================*/
nav.navbar.navbar-inverse{
    background-color: #222;
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #222 !important;
}

nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right{
    color: #fff;
}

nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
nav.navbar.navbar-inverse ul.nav > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse ul.nav > li.dropdown > a{
    background-color: #222;
}

nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
    color: #999;
}

nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{
    color: #fff;
}

nav.navbar.navbar-inverse .form-control{
    background-color: #333;
    border-color: #303030;
    color: #fff;
}

nav.navbar.navbar-inverse .attr-nav > ul > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{
    background-color: #222;
    border-left: solid 1px #303030;
    border-bottom: solid 1px #303030;
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li{
    border-bottom: solid 1px #303030;
    color: #eee;
}

nav.navbar.navbar-inverse ul.cart-list > li img{
    border: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total{
    background-color: #333;
}

nav.navbar.navbar-inverse .share ul > li > a{
    background-color: #555;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-content{
    border-left: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{
    background-color: #333 !important;
}

nav.navbar-inverse.navbar-full ul.nav > li > a{
    border:none;
}

nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{
    background-color: #222;
}

nav.navbar-inverse.navbar-full .navbar-toggle{
    background-color: #222 !important;
    color: #6f6f6f;
}

@media (min-width: 1024px) {
    nav.navbar.navbar-inverse ul.nav .dropdown-menu{
        background-color: #222 !important;
        border-left: solid 1px #303030 !important;
        border-bottom: solid 1px #303030 !important;
        border-right: solid 1px #303030 !important;
    }

    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{
        border-left: solid 1px #303030;
        border-right: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{
        color: #3f3f3f;
    }
}
@media (max-width: 992px)  {
    nav.navbar.navbar-inverse .navbar-toggle{
        color: #eee;
        background-color: #222 !important;
    }
    
    nav.navbar.navbar-inverse .navbar-nav > li > a{
        border-top: solid 1px #303030;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu  > li > a{
        color: #999;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{
        border-bottom: solid 1px #303030;
        color: #eee;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{
        border-bottom: solid 1px #303030;
        color: #999 !important;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{
        border-top: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{
        background-color: #222;
    }
}

@media (max-width: 767px)  {
    nav.navbar.navbar-inverse.navbar-mobile ul.nav{
        border-top: solid 1px #222;
    }
}

/*
Color
=========================== */
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
.side .widget ul.link li a:hover,
.side .widget ul.link li a:focus,
.check-list li:before,
ul.cart-list > li > h6 > a,
.attr-nav > ul > li > a:hover,
.attr-nav > ul > li > a:focus,
nav.navbar-sidebar ul.nav li.dropdown.on > a,
nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar ul.nav > li > a:hover,
nav.navbar ul.nav > li.active > a:hover,
nav.navbar ul.nav li.active > a,
nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
    color: #ffc115;
}

nav.navbar.navbar-transparent ul.nav > li > a:hover,
nav.navbar.no-background ul.nav > li > a:hover,
nav.navbar ul.nav li.scroll.active > a,
nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar-dark ul.nav li.dropdown.on > a{
    color: #ffc115 !important;
}

@media(max-width:920px){
    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
    nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
        color: #f43438 !important;
    }
}

/*
Border
=========================== */
ul.cart-list > li.total > .btn{
    border-color: #f43438;
}

nav.navbar li.dropdown ul.dropdown-menu{
    border-top-color: #ffc115 !important;
}

/*
Background
=========================== */
ul.cart-list > li.total > .btn,
.attr-nav > ul > li > a span.badge,
nav.navbar .share ul > li > a:hover,
nav.navbar .share ul > li > a:focus{
    background-color: #f43438;
}

ul.cart-list > li.total > .btn:hover,
ul.cart-list > li.total > .btn:focus{
    background-color: #dc3236 !important;
}

.navbar-right {     margin-right:54px;}
 .fixed-header {
    padding: 6px 0 6px;
    position: fixed !important;
    display: block;
    color: 000;
    z-index: 9999;
    left: 0;
    right: 0;
    transition: padding .3s;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    top: 0;
} 


.fixed-header img.logo {
    width: 70px;
}
.fixed-header  .navbar-nav {
    margin-top: 8px;
}

.fixed-header .attr-nav > ul > li > a {padding:15px 15px;}
.fixed-header  .attr-nav:before { height:32px;  top:10px;}
.fixed-header .attr-nav{margin-top: 16px;}
.fixed-header .navbar-toggle{margin-top: 16px !important;}


/*New CSS*/
header {padding:9px 0px;}
nav.navbar.bootsnav{ border-bottom: 0;}
.navbar {min-height:auto;}
nav.navbar.bootsnav ul.nav > li > a {padding:18px 15px;  font-weight: 500; text-transform:uppercase; color:#333333; font-family: 'Oswald', sans-serif; }
nav.navbar.bootsnav ul.nav > li > a:before{ position:absolute; content:""; width:0; height:2px; background:#ffc115; bottom:0px;    left: 0px;  right:0px;  margin:0 auto;  transition:.5s ease;  overflow: hidden;}
nav.navbar.bootsnav ul.nav > li > a:hover::before {width: 50px;} 
nav.navbar.bootsnav ul.nav > li > a:hover{ color:#ffc115;}
.navbar-nav {margin-top:24px; } 
.attr-nav {margin-top:10px; position:relative;}
.attr-nav:before{ position:absolute; content:""; width:1px; background:#888; height:35px; top:22px; left:-35px;}
.banner .carousel-control.left, .banner .carousel-control.right {background: transparent;}
.attr-nav {    margin-right: 80px;}
.sub_btn:hover{ background:#000; color:#FFF;}
.banner .carousel-control {top:40%;}
.carousel-caption {right:inherit; left:10%; padding-bottom:30px; top:25%;  text-align:left; text-shadow:none; text-transform:uppercase;  }
span.top-para-cap-ban{ position:relative; color:#181818; font-size:17px;  font-weight: 400; line-height: 26px;margin-bottom: 16px; display: block; }
span.top-para-cap-ban:before{ position:absolute; content:""; width:30px; height:3px; bottom:-10px; background:#000;}
h1.top-para-cap-ban{ position:relative; color:#181818; font-size:17px; line-height: 26px;     font-weight: 400;     font-family: 'Roboto', sans-serif;}
h1.top-para-cap-ban:before{ position:absolute; content:""; width:30px; height:3px; bottom:-10px; background:#000;}
.carousel-caption p{ font-size:70px;  line-height:1.1; color:#181818;     font-weight: 500;
    font-family: 'Oswald', sans-serif;  /*  overflow:hidden; white-space: nowrap; animation: animated-text 2s steps(30,end) 1s 1 normal both; */}
span.ylw-clr { color:#ffc115;}
.carousel-caption a{ font-size:13px; color:#FFF; background:#000; padding:6px 17px; text-decoration:none; display:inline-block; margin-top:15px; font-family: 'Oswald', sans-serif; }

	.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
 


/* text animation 
@keyframes animated-text{
  from{width: 0;}
  to{width:790px;  }
}
 */

.banner .carousel-indicators {right:0; left:inherit; width:5%; margin-left: 0; bottom:45%;     z-index: 1; }
.banner .carousel-indicators li { margin-bottom:8px; display:block;   border:2px solid #fff;}
.banner .carousel-indicators .active {margin-bottom:8px; background:#222;}


 

/*for slider css end here*/

.mgpg { margin:0px; padding:0px;}

.lft-spc { background:url(../images/lft-spc-bg.jpg) no-repeat; height:764px; background-size:cover; background-position:center; position:relative;  }
.lft-spc-con {position:absolute; bottom:5%; left:5%;}
.lft-spc-con h2{ position:relative; color:#080808; text-transform:uppercase; font-weight:500;    font-size: 14px; }
.lft-spc-con h2:before{ position:absolute; content:""; width:30px; height:3px; bottom:-10px; background:#ffc115;}
.lft-spc-con h4{ font-size:50px;   line-height:1.1; color:#FFF;  text-transform:uppercase     }
.lft-spc-con a{ font-size:13px; color:#FFF; background:#000; padding:6px 17px; text-decoration:none; display:inline-block; margin-top:15px; font-family: 'Oswald', sans-serif; text-transform:uppercase ;}


.box-tur h2{ position:relative; color:#080808; text-transform:uppercase; font-weight:500; font-size: 14px;    line-height: 1.3; }
.box-tur h2:before{ position:absolute; content:""; width:30px; height:3px; bottom:-10px; background:#ffc115;}
.blding-box .box-tur h2:before{ right:0px;}
.box-tur h4{ font-size:30px;   line-height:1.1; color:#080808;  text-transform:uppercase     }
.box-tur a{ font-size:12px; color:#FFF; background:#000; padding:4px 17px; text-decoration:none; display:inline-block; margin-top:4px; font-family: 'Oswald', sans-serif; text-transform:uppercase ;}
.plcbox { padding:20px 0px; height:382px;}
.intra-box .box-tur h4{color:#FFF;}
.intra-box .box-tur h2{color:#FFF;}
.intra-box .box-tur h2:before{ background: #FFF;}
.bus-box .box-tur h2:before{right:0px;}
.blding-box { background:url(../images/bldg-communities-bg.jpg) no-repeat; height:382px;  background-size: cover;    background-position: center;}
.box-tur {position: absolute; bottom:0; padding:25px;}
.box-tur.text-right {right:0;}
.bus-box { background:url(../images/bus-bg.jpg) no-repeat; background-size:cover; background-position:center; height:382px;}
.intra-box { background:url(../images/ntgra-bg.jpg) no-repeat;  background-size:cover; background-position:center; height:382px;}
.transition-timer-carousel-progress-bar {height:7px; background-color:#c1c1c1c7; width:0%; margin: 0px 0px 0px 0px;
    border: none;    z-index: 1;    position: absolute;} 
.living-concept	 { padding:70px 0px; background:url(../images/lc-bg.jpg) no-repeat; background-position:center; background-size:cover; background-attachment:fixed;     box-shadow: 0px 0px 12px #efefef; }
.title-head h3{ font-size:65px; color:#181718; text-transform:uppercase; font-weight:400;  line-height: 1.1;  }
.title-head h5{ font-size:17px; text-transform:uppercase; color:#181718; font-weight:400; position:relative ;     padding-bottom: 12px;    margin-bottom: 15px; }
.title-head h5:before{ position:absolute; content:""; width:25px; height:2px; background:#000; bottom:0px; }
.title-head span{ display:block; color:#ffc115;}
.para-lc { margin-top:15px; padding-top:15px; position:relative; border-top:1px solid #CCC;}
.para-lc p{ font-size:13px;}
.living-concept .col-sm-12.text-center { margin-top:30px;}

/*progress bar*/
 
 		 
.box-lc {text-align: center;  border: 5px solid #ffc016;  border-radius: 80px;    width: 100px;    height: 100px;    background: #FFF;    position: relative;  vertical-align: middle;  display: table-cell;   }
.box-lc span{ font-family: 'Oswald', sans-serif;font-size: 20px; line-height: 1.1;}
.probox {    display: table;    margin-left: 46px;    margin-bottom: 10px;}
.prgrs-lc h4{ text-align:center; text-transform:uppercase;}
.prgrs-lc h5{ text-align:center; text-transform:uppercase; color:#181718;     font-family: 'Roboto', sans-serif; font-weight:400; margin-bottom:0px;}
.anch-btn { font-size: 12px;    color: #FFF;    background: #000;    padding: 4px 17px;    text-decoration: none;    display: inline-block;    margin-top: 4px; font-family: 'Oswald', sans-serif;  text-transform: uppercase; position: relative;   -webkit-transition: ease-out 0.9s;  -moz-transition: ease-out 0.9s;  transition: ease-out 0.9s;}
.anch-btn:hover  { color:#000; background:#f5b914;}
.top-segmnt { border-bottom:1px solid #CCC; padding-bottom:20px;     margin-bottom:60px;}
.our-segement  { position:relative;    padding: 70px 0;    box-shadow: inset 0px 0px 34px #c3c3c3;}
.top-segmnt  .title-head h3 {    font-size: 92px;}
.box-segement h4{ text-transform:uppercase;    margin-top: 16px;     height: 92px;}
.box-segement:hover img{    transform: scale(1.1);}
.box-segement{ overflow:hidden;}
.btm-segemet .owl-nav {    position: absolute;    top: -60px;    right: 10px; }
.btm-segemet .owl-theme .owl-nav [class*=owl-] {    background: #ffc115 !important; padding: 4px 11px;    font-size: 20px;}
 .box-segement span{ color:#ffc115;}
.our-segement:before{ position:absolute; content:""; width:200px; height:300px; background:url(../images/ruler.png) no-repeat; left:0px; bottom:0px;}
.our-segement:after{ position:absolute; content:""; width:180px; height:570px; background:url(../images/pen.png) no-repeat; right:0px; top:0px;     z-index: -1;}
.btm-segemet button { outline:0px;}
.owl-theme .owl-nav [class*=owl-]:hover { color:#000;}

.production-sec { padding:70px 0px; background:url(../images/production-bg.jpg) no-repeat; background-attachment:fixed; background-position:center; background-size:cover;     box-shadow: 0px 0px 22px #c1baba;}
.production-sec .title-head span{    display: inline-block;}
.rght-prot-para {    padding: 20px 35px 25px 20px;  background:#FFF;}
.rght-prot:hover img{    transform: scale(1.1);}
.rght-prot {    overflow: hidden;}
.rght-prot-para h4{ text-transform:uppercase; font-weight:400; font-size:30px;     margin-top: 16px;}
.rght-prot img{ width:100%;    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;}
img{ max-width:100%;     transition: all 0.3s ease;}
/*.top-segmnt .rght-seg:hover img{    transform: scale(1.1);}*/
.rght-seg { overflow:hidden}
.rght-seg img{ transform: translatey(0px);    animation: float 6s ease-in-out infinite;}
.mgtop { margin-top:20px;}
.portfolio-sec {    padding: 90px 0px;}
.cust-mde p{ margin-top:30px ; margin-bottom:0px; text-transform:uppercase;}
.cust-mde h4{ margin-top:0px ; text-transform:uppercase; font-size:20px;}
.cust-mde .col-sm-4:hover h4{    color: #ffc115;}
.cust-mde img{-webkit-transition: -webkit-transform .8s ease-in-out;   transition: transform .8s ease-in-out;}
.cust-mde .col-sm-4:hover img{ -webkit-transform: rotate(360deg);  transform: rotate(360deg);}
.cust-mde{ text-align:center;}
.portfolio-list .nav-tabs {text-align:center;     border: 0px; margin-bottom:45px;}
.portfolio-list .nav-tabs>li  { float:none; display:inline-block;}
.portfolio-list .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border: 0;}
.portfolio-list .nav-tabs>li>a:hover {    border-color:transparent}
.portfolio-list .nav>li>a:focus, .nav>li>a:hover {    background-color:transparent}
.portfolio-list .nav-tabs>li.active>a:before{ position:absolute; content:""; width:15px; height:15px; background:#ffc217;
 bottom:-10px; border-radius:50px;    left: 0;    right: 0;    margin: 0 auto;}
.portfolio-list .nav-tabs>li>a { color:#000; text-transform:uppercase; font-size:14px;    font-weight: 500; font-family: 'Oswald', sans-serif; }
.portfolio-list  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #ffc217;}
.portfolio-list .nav-tabs>li>a:hover::before {    width: 30px;}
.portfolio-list .nav-tabs>li.active>a:before {  width: 15px;    height: 15px;}
.portfolio-list .nav-tabs>li>a:hover{ color:#ffc115;}
.portfolio-list .nav-tabs>li>a:before{ position: absolute;    content: "";    width: 0;    height: 2px;    background: #ffc115;    bottom: 0px;   left: 0px;    right: 0px;    margin: 0 auto;    transition: .5s ease;    overflow: hidden;}
.portfolio-list {    position: relative; margin-top:25px; padding-top:18px;}
 .portfolio-list:before{ position:absolute; content:""; width:50%; margin:0 auto; left:0px; right:0px; height:1px ; background:#CCC; top:0px;}
.portfolio-sec .title-head {    padding-left: 45px;}
.port-gallery-list .col-sm-3, .port-gallery-list .row{ padding:0px; margin:0px;}
@keyframes winanim {    0%{opacity:0;transform:scale3d(.3,.3,.3)}    50%{opacity:1} } 

.por-gal-front, .port-gallery-box-back { position: absolute;  width: 100%;  height: 100%;  backface-visibility: hidden;}
.port-gallery-box-inner { position: relative;    width: 100%;    height: 100%;    text-align: center;    transition: transform 0.6s;    transform-style: preserve-3d;}
 .port-gallery-box {width:100%;  height:337px; animation: winanim 0.5s ; transition-duration: 0.4s; -webkit-backface-visibility:visible;    backface-visibility:visible;}

.port-gallery-box-back {transform: rotateY(180deg); }
.port-gallery-box:hover .port-gallery-box-inner { transform: rotateY(180deg);}

.latest-news { padding:20px 0px 60px;     box-shadow: inset 0 -28px 30px -22px #bbbbbb; }
.latest-news span{ display:inline-block;}
.top-foot {    background: #f1f1f1;    padding: 80px 30px 10px;}
.pgmg { padding:0px; margin:0px;}
.top-foot ul { margin:0px ; padding:0px; border-top:1px solid #CCC;     padding-top: 18px;}
.top-foot ul li{ display:inline-block; width:32%; vertical-align:top; position:relative; padding-left:26px;}
.top-foot ul li h4{ text-transform:uppercase; font-weight:400; font-size:20px; position:relative;    margin-bottom: 15px;
    padding-bottom: 8px;}
.top-foot ul li h4:before{ position:absolute; content:""; width:50px; height:2px ; background:#ffc115; bottom:0px;}
.top-foot ul li a{ display:block;}
.top-foot ul li a:hover{ color:#ffc115}
.top-foot ul li:before{ position:absolute; top:0px; left:-12px; content:"";     width:44px;    height: 50px; } 
.top-foot ul li.add-fot:before{background:url(../images/address-bg.png) no-repeat;}
.top-foot ul li.call-fot:before{background:url(../images/call-bg.png) no-repeat;}
.top-foot ul li.eml-fot:before{background:url(../images/email-bg.png) no-repeat;}
.botm-fot {background: #ffc115; padding: 80px 30px 60px;}
.botm-fot span{ color:#FFF;}
.botm-fot p{ font-size:12px;}
footer img{ width:auto;}
.copy-right{ padding:12px 0px 6px; background:#181818}
.copy-right p{ color:#FFF; text-transform:uppercase; margin-bottom:0px; font-family: 'Oswald', sans-serif;}
.copy-right ul{ padding:0px; margin:0px; font-size:0px; text-align: right;}
.copy-right ul li { font-size:14px; display:inline-block; margin-left:18px;font-family: 'Oswald', sans-serif; }
.copy-right ul li a{color:#FFF; text-transform:uppercase; font-size:14px; font-family: 'Oswald', sans-serif;}
.copy-right ul li a:hover{ color: #ffc115;}

/*inner page style*/
.inner-page-section.about-inner { background:url(../images/about-iner.jpg) no-repeat;    background-size: cover;    background-position: center;}
.inner-page-section nav.navbar.bootsnav {background-color: transparent;}

.inner-page-section p{ display:none;}
.inner-page-section h5{ font-size:15px; margin-bottom:45px; text-transform:uppercase;}
.inner-page-section h3{ font-size:65px; text-transform:uppercase;  position: relative; }
.inner-caption { padding:60px 0;}
.inner-page-section h3:before{position:absolute; content:""; width:50px;height:5px; background:#000; bottom:-30px;  border-radius:7px;  }
.lft-may-abt { padding:7% 3% 6% 12%;}
.rght-may-abt { padding:22% 0 0%;}
.lft-may-abt p{ margin-bottom:10px; color:#333333;     font-weight: 400;}
.inner-page-section .fixed-header {    background-color: #FFF !important;}
.iner-title h3{ font-size:26px; text-transform:uppercase; font-weight:400; color:#333333; position:relative;     margin-bottom: 20px;    padding-bottom: 10px; } 
.iner-title h3:before{position: absolute;  content: "";    width: 50px;    height: 5px;    background: #e2ac16;    bottom:0px;    border-radius: 7px; }

.team-abt-inr {background: #e2ac16;}
.tem-para-abt {padding:6% 3% 2% 12%;}
.tem-para-abt .iner-title h3 {color:#FFF;}
.tem-para-abt .iner-title h3:before { background:#FFF;}
.tem-para-abt p{ color:#FFF; margin-bottom:10px;}
/*.tem-pro-abt{ background:url(../images/ryan-profile.jpg) no-repeat; background-size:cover; background-position:center;    height: 380px;     padding: 12% 4%;}*/
.tem-pro1-abt{ background:url(../images/jessica-profile.jpg) no-repeat; background-size:cover; background-position:center;    height: 380px;     padding: 12% 4%;}
.tem-pro1-abt .iner-title h3{ color:#FFF; margin-bottom: 40px;  padding-bottom: 30px;    margin-top: 27px;}
.tem-pro-abt .iner-title h3{color:#FFF; margin-bottom: 40px;  font-size: 40px;    padding-bottom: 30px;    margin-top: 27px;}
.tem-pro-abt h5{color:#FFF; text-transform:uppercase;}
.tem-pro1-abt h5{color:#FFF; text-transform:uppercase; }
.tem-pro1-abt a{ display:inline-block; margin-top:90px; color:#FFF; background:#e2ac16; padding:5px 34px; border-radius:50px;    font-weight: 600; }
.tem-pro-abt a{ display:inline-block; margin-top:90px; color:#FFF; background:#e2ac16; padding:5px 34px; border-radius:50px;    font-weight: 600; }
.rght-may-mission {padding: 8% 0;}
.lft-may-mission {padding:  12% 12% 7% 3%;}
.clearfix { clear:both;}
.inner-caption .breadcrumb {    background-color: transparent;}
.inner-caption .breadcrumb a{font-family: 'Oswald', sans-serif; text-transform:uppercase;}
.inner-caption .breadcrumb>li { position:relative;    padding-right: 14px;}
.inner-caption .breadcrumb>li+li:before{ position:absolute; content:""; width:7px; height:7px; background:#e1ab2e; border-radius:50px;  left:-12px; top:9px;  padding: 0;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {font-weight:400; color: #FFF; text-transform: capitalize; font-size:12px;}
.design-bld {padding: 40px 0;}
.design-bld-lft {padding: 2% 4% 2% 14%;}
.process-sec{padding:40px 0px;}
.rght-proc h5{color:#ffe1a6; font-size:70px;     margin-bottom: 45px;}
.rght-proc h4{text-transform:uppercase;}
.rght-proc p{color:#333333;     text-align: justify;}
.process-sec .iner-title{ margin-bottom:90px;}
.rght-proc {padding: 25px 15px;}
.sub-proc {background:url(../images/default_pattern.png) repeat; padding:13px 28px; margin-bottom:115px;}
.sub-proc .row{ background:#FFF;}
.lft-proc {position: absolute; top:-60px;}
.standard-lft { float:right;}
.lft-proc img {transform: translatey(0px);    animation: float 6s ease-in-out infinite;}
@keyframes float {
  0% {
    transform: translatey(0px); }
  50% {
    transform: translatey(-20px); }
  100% {
    transform: translatey(0px); } }
	
.navbar-right .dropdown-menu { left:-44px;}
 

footer iframe{
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}

.orp-sub {margin-top: 25px;}
.orp-sub h3{ font-size:25px; text-transform:uppercase; margin-top:10px; margin-bottom:5px;}
.our-recent-project {padding: 60px 0;  background:url(../images/recentproject-bg.jpg) no-repeat; background-size:cover; background-position:center; display:none;}
.our-recent-project a{font-size:12px;color:#FFF; background:#ffc115; padding:4px 17px;text-decoration: none;    display: inline-block;    margin-top: 4px;    font-family: 'Oswald', sans-serif; text-transform:uppercase;     position: relative;
    -webkit-transition: ease-out 0.9s;    -moz-transition: ease-out 0.9s;    transition: ease-out 0.9s;} 
.our-recent-project a:hover {color:#FFF;  box-shadow: inset 182px 0px 0 0 #000;}

.form__group {
  position: relative;
  padding: 15px 0 0;
  
}

.form__field {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #47372b;
  outline: 0;
  font-size: 14px;
  color: #333;
  padding: 10px 0;
  background: transparent;
  transition: border-color 0.2s;
}
.form__field::placeholder {
  color: transparent;
}
.form__field:placeholder-shown ~ .form__label {
  font-size: 13px;
  cursor: text;
  top: 20px;
}

.form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #000;
      font-weight: 400;
}

 
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size:11px;
  color: #333;
  
}

/* reset input */
.form__field:required, .form__field:invalid {
  box-shadow: none;
}

.requiremnt-sub {width: 50%;}
.requirment-frm {padding: 70px 0; background:url(../images/requirment-bg.jpg) no-repeat; background-size:cover; background-position:center; }
.sub_btn { background:#FFF; padding:3px 12px; border-radius:4px; border:0px; text-transform:uppercase; color:#e1ab2e }
.requiremnt-sub .iner-title h3:before{background: #000;}
.con-htlp {padding:40px 0;}
.box-con {border: 1px solid #CCC;    padding: 40px 20px;      margin-top: 40px;  text-align: center;     height: 310px;}
.box-con  h4{ margin-top:15px; margin-bottom:5px; font-size:20px;    font-weight: 400;}
.box-con p{ margin-bottom:0px;}
.box-con img { -webkit-transition: -webkit-transform .8s ease-in-out;    transition: transform .8s ease-in-out;}
.box-con:hover img {    -webkit-transform: rotate(360deg);    transform: rotate(360deg);}
.box-con:hover h4{ color:#e2ac16;}
.box-con:hover{ background:#f9f9f9;}
.orp-sub img {transform: translatey(0px);    animation: float 6s ease-in-out infinite;}
.process-turnkey { padding: 70px 0;  background: #f1f1f1;}
.box-turnkey span {display: inline-block; background:#e1ab2e; padding:34px 0 8px; width:120px; height:120px; text-align: center; border-radius: 60px;}
.box-turnkey h4{ margin-top:15px; position:relative; text-transform:uppercase; font-size:18px;padding-bottom:10px; font-family: 'Roboto', sans-serif;}
.box-turnkey h4:before {position:absolute; content:""; width:50px; height: 5px; background: #e2ac16;    bottom: 0px;    border-radius: 7px;}
.box-turnkey:hover  span{background: #ffc115;}
.box-turnkey:hover h4{color:#ffc115;}
.box-turnkey img{ -webkit-transition: -webkit-transform .8s ease-in-out;    transition: transform .8s ease-in-out;}
.box-turnkey:hover img {-webkit-transform: rotate(360deg);    transform: rotate(360deg);}
.lft-ban-cap-foot { position: absolute;    top: -54px;    z-index: 1;   width: 100%;    background: #00000091;     padding:12px 40px;}
.lft-ban-cap-foot img{ display:inline-block; margin-right:10px;}
.lft-ban-cap-foot p{ display:inline-block; margin-bottom:0; vertical-align: middle;  padding-top: 4px; color:#FFF;text-transform:uppercase;    font-family: 'Oswald', sans-serif;    font-size: 16px;}
.lft-ban-cap-foot h4{ display:inline-block; margin-bottom:0;  vertical-align: middle; color:#FFF;text-transform:uppercase; position:relative;    margin-right: 30px;    font-size: 26px;}
.lft-ban-cap-foot h4:before{ position:absolute; content:""; width:2px; height:20px; background:#ffc116; right:-18px;    top: 6px; }

.rght-ban-cap-foot {position:absolute; top:-54px; z-index: 1;   padding:12px 40px;   width:100%; background:#ffc115bf;}	
.rght-ban-cap-foot img{ display:inline-block; margin-right:10px;}
.rght-ban-cap-foot p{ display:inline-block; margin-bottom:0; vertical-align: middle;  padding-top: 4px; color:#FFF;text-transform:uppercase;     font-family: 'Oswald', sans-serif;     font-size: 16px;} 
.rght-ban-cap-foot h4{ display:inline-block; margin-bottom:0;  vertical-align: middle; color:#FFF; text-transform:uppercase; position:relative;margin-right: 30px;     font-size: 26px;}
.rght-ban-cap-foot h4:before{ position:absolute; content:""; width:2px; height:20px; background:#000; right:-18px;    top: 6px; }

.our-collection {padding: 70px 0;}
.box-collection {margin-top: 20px; overflow:hidden;}
.collection-content h4{ text-transform:uppercase; margin-top:25px; margin-bottom:10px;}
.box-collection:hover img { transform: scale(1.1);}
.box-collection:hover  h4{ color:#ffc116;}
.lft-col-chair {text-align: center;    background: #f1f1f1;    padding: 24px 0 5px;}
.lft-col-chair h3{ font-size:18px;    text-transform: uppercase;    font-weight:500;   color: #000;    position: relative;    margin-bottom: 20px;    padding-bottom: 10px; text-align:left; padding-left:15px;} 
.lft-col-chair h3:before{    position: absolute;     content: "";    width: 50px;    height: 5px;    background: #e2ac16;    bottom: 0px;     border-radius: 7px;}
.rght-col-chair {text-align: center; background:#f1f1f1;  padding: 18px 0 5px;     margin-bottom: 16px;}
.rght-col-chair h3:before{    position: absolute;     content: "";    width: 50px;    height: 5px;    background: #e2ac16;    bottom: 0px;     border-radius: 7px;}
.rght-col-chair h3{ font-size:18px;    text-transform: uppercase;    font-weight:500;   color: #000;    position: relative;    margin-bottom: 20px;    padding-bottom: 10px; text-align:left; padding-left:15px;} 
.find-us {    padding: 70px 0;}
.lft-find .form__field {    border: 1px solid #b7b7b7;}
.lft-find .form__field:placeholder-shown ~ .form__label {    padding-left: 10px;    top: 27px;}
.lft-find .form__field:focus ~ .form__label {    top: -5px;}
.lft-find .form__group {    margin-top: 15px;}
.lft-find textarea.form__field {    height: 150px;}
.lft-find .sub_btn {background:#e1ab2e; color:#FFF;}
.rght-find-det .col-sm-6 {    height: 140px;}
.rght-find-det img{ display:inline-block;}
.rght-find-det h4{ display:inline-block; text-transform:uppercase; margin-left:10px; font-weight:400; font-size:20px;}
.rght-find-det p{ margin-top:5px;}
.rght-find-det { margin-top:15px;}
.rght-find-det a{ display:block;}
.rght-find-det p{ margin-bottom:0px;}
.port-main .col-sm-3, .port-main .col-sm-6{ padding-right: 5px;    padding-left: 5px;}
.port-box-inner { position:relative;    overflow: hidden;    margin-top: 10px;    height: 284px;    animation: winanim 0.5s;
    transition-duration: 0.4s;    -webkit-backface-visibility: visible;    backface-visibility: visible;}
.cap-port { position: absolute;  bottom: 0;  left: 0;  right: 0;  background-color: #FFF;  overflow: hidden;  width: 100%;
  height: 0;  transition: .5s ease;     padding:10px 20px 0px; display:none;}
.port-box-inner:hover .cap-port { height:40%;} 
.port-box-inner:hover img {    transform: scale(1.1); opacity: .40;}
.portfolio-inner {    padding: 70px 0;}
.portfolio-inner .nav-tabs { border:0px;    margin-bottom: 25px;    text-align: center;}
.portfolio-inner .nav-tabs>li.active>a, .portfolio-inner .nav-tabs>li.active>a:focus, .portfolio-inner .nav-tabs>li.active>a:hover { border:0px;     outline: 0; }
.portfolio-inner .nav-tabs>li>a {border:0px;   color: #000;    text-transform: uppercase;    font-size: 14px;    font-weight: 500;
    font-family: 'Oswald', sans-serif;}
	
.portfolio-inner .nav-tabs>li>a:hover {
    color: #ffc115;
}
.portfolio-inner .nav-tabs>li.active>a:before {
    width: 15px;
    height: 15px;
}
.portfolio-inner .nav-tabs>li>a:hover::before {
    width: 30px;
}
.portfolio-inner .nav-tabs>li.active>a:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background: #ffc217;
    bottom: -10px;
    border-radius: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.portfolio-inner .nav-tabs>li>a:before {
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    background: #ffc115;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    transition: .5s ease;
    overflow: hidden;
}	
.portfolio-inner .nav-tabs>li.active>a { color:#ffc217;}
.portfolio-inner .nav-tabs>li { float:none; display:inline-block;}
.project-details {padding:70px 0;}
.lft-des {margin-bottom: 25px; position:relative; overflow:hidden;}
.lft-des h6{font-size: 13px; background:#ffc115; padding:4px 13px; border-radius:5px; position:absolute; top: 15px;    left: 15px; text-transform: uppercase;}
.lft-des:hover img{    transform: scale(1.1);}
.rght-des h4{ font-size:20px; text-transform:uppercase;}
.rght-des strong{font-family: 'Oswald', sans-serif;    padding-right: 8px;    text-transform: uppercase;    font-weight: 400;
    width: 100px;    float: left;   font-size: 18px;    color: #000;}
.rght-des ul { margin:0px; padding:0px; border-top: 1px solid #CCC;    padding-top: 18px;}
.rght-des ul li{ display:block; margin-bottom:12px;}
.rght-des ul li p{ margin-bottom:0px;}
.rght-des ul li span {    padding-left: 8px;     font-size: 18px;     text-transform: uppercase;   }
.rght-des ul li  a{ display:inline-block; padding-left:8px;}
.related-project {    padding: 15px 0 60px;}
.box-related-project h4{ text-transform:uppercase; margin-top:15px;}
.lft-comm { padding: 2% 4% 2% 14%;}
.commecial-sec {    padding: 40px 0;}

.comm-box-inner {    position: relative;    overflow: hidden;    margin-top: 10px;    height: 284px;    animation: winanim 0.5s;    transition-duration: 0.4s;    -webkit-backface-visibility: visible;    backface-visibility: visible;}
.cap-comm {    position: absolute;    bottom: 0;    left: 0;    right: 0;    background-color: #FFF;    overflow: hidden;
    width: 100%;    height: 0;    transition: .5s ease;    padding: 10px 20px 0px;}
.comm-box-inner:hover .cap-comm { height:40%;} 
.comm-box-inner:hover img {    transform: scale(1.1); opacity: .40;}
.comm-our-project .col-sm-3, .comm-our-project .col-sm-6 {    padding-right: 5px;    padding-left: 5px;}	
.dropdown-menu{ background-color:#333;}
.comm-our-project {    padding: 20px 0 50px;}
.furniture-categories-sec {    padding: 70px 0;}
.port-gallery-box .overlay {  position: absolute;  bottom: 0;  left: 0;  right: 0; background-color: #008CBA;  overflow: hidden;
  width: 100%;  height: 0;  transition: .5s ease;}
.port-gallery-box:hover .overlay {  height: 100%;}
.port-gallery-box { position: relative;}
.cat-tlt { margin-top:50px;}
.cat-tlt h4 { color:#181818; font-size:70px; text-transform:uppercase;    line-height: 1.3;}
.cat-tlt span{ color:#ffc115; display:block;}
.box-cat-inn {    text-align: center;    background: #f1f1f1;    padding: 10px 0; margin-bottom:25px;}
.box-cat-inn h4{ margin-top:15px; text-align:left; margin-left:15px; text-transform:uppercase;}
.box-cat-inn span{ display:block; font-weight:300;    color: #1d1d1d;    letter-spacing: 13px;    font-size: 15px;}
.furn-pro-list { padding:70px 0px;}
.furn-box-list-pic {    text-align: center;    border: 1px solid #e2e2e2;    padding: 18px 0; overflow:hidden;}
.furn-box-list h4 { margin-top:15px; margin-bottom:6px;    text-transform: uppercase;}
.furn-box-list {    margin-top: 25px;}
  .pagination-sec-list  {text-align: center;     margin-top: 25px; position:relative;}
.pagination-sec-list .pagination>li>a, .pagination>li>span {color:#181818; float:none;     padding: 8px 24px;}
.pagination-sec-list .pagination>li {    margin-left: 15px;}
.pagination-sec-list:before{ position:absolute; content:""; background:#CCC; height:1px; width:100%;  left:0;  top: 32px; } 
.box-product-type { text-align:center; background:#ebebeb;    padding: 18px 0px 2px; overflow:hidden;}
.box-product-type h4{ text-transform:uppercase; text-align:left; font-size:18px; margin-left:25px;}
.box-product-type:hover h4{    color: #ffc115;}
.box-product-type:hover { background:#f1f1f1;}
.box-product-type:hover img{    transform: scale(1.1);}
.product-type { padding:70px 0px;}

/*YOgesh CSS Start Here*/
.product-listing-item .product-image-block {
            text-align: center;
            border: 1px solid #e1e1e1;
            margin-bottom: 20px;     padding: 40px 0;
        }
        .product-listing-item .product-content-block .product-name{ 
            font-size: 26px;
            text-transform: uppercase;
        }
        .product-listing-item .product-content-block .product-desc {
            font-weight: 300;
            font-size: 14px;
            
        }
        .product-detail-wrapper{
            padding: 120px 0;
        }
        .product-detailView-section {
            width: 100%;
            display: flex;
        }
        .product-detail-wrapper .product-image-section {
            width: 50%;
            display: inline-flex;
            text-align: center;
            align-items: center;
            justify-content: center;
            background-color: #f1f1f1;
            position: relative;
        }
        .product-detail-wrapper  .product-detail-section {
            display: inline-flex;
            width: 50%;
            padding-left: 30px;
            flex-direction: column;
        }
       .product-detail-wrapper  .product-detail-section .product-name h4{
            font-size: 32px;
            text-transform: uppercase;
            margin-bottom: 30px;
        }
        .product-detail-wrapper  .product-detail-section .product-desc p{
            font-weight: 300;
            color: #616161;
        }
        .product-detail-wrapper  .product-detail-section .product-extra-info {
            border-top: 1px solid #ccc;
            padding-top: 40px;
            margin-top: 20px;
        }
        .product-detail-wrapper  .product-detail-section .product-extra-info ul{
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .product-detail-wrapper  .product-detail-section .product-extra-info ul li{
            display: block;
            margin-bottom: 35px;
            font-size: 19px;
            text-transform: uppercase;
        }
        .product-detail-wrapper  .product-detail-section .product-extra-info ul label {
            width: 180px;
            margin: 0;
        }
        .product-detail-wrapper .cta-btn-wrapper button.enquiry-btn {
            text-transform: uppercase;
            background-color:#ffc116;
            border: none;
            padding:4px 12px;
            color: #fff;
            border-radius:2px;     font-family: 'Oswald', sans-serif;
        }
        .modal-backdrop{
                background-color: #f8c146;
        }
        .modal-backdrop.in{
            filter: alpha(opacity=80);
            opacity: .8;
        }

        .enquiryModal .enquiryBlockWrap{
            display: flex;
            flex-direction: row;
        }
        .enquiry-data-block {
            width: 60%;
            display: inline-flex;
            flex-direction: column;
            padding: 30px;
        }
        .enquiry-graphic-block {
            display: inline-flex;
            width: 50%;
            display: inline-flex;
            width: 40%;
        }
        .enquiryModal .form__text_field {
            width: 100%;
            border: none;
            border-bottom: 1px solid #ccc;
            margin-bottom: 15px;
        }
        .enquiryModal button{
            background-color: #f8c146;
            color: #fff;
        }
		.product-listing-item { overflow:hidden; padding:10px 0px;}
		.product-listing-item:hover .product-image-block { border-color:#ffc115}
		.product-listing-item:hover img{ transform:scale(1.1)}
		
		/*css end*/

 
.pro-det-client { padding: 70px 0;}
.clnt-bg {width:55%; float:right;  margin-left: 30px;}
.client-req-sec { padding: 40px 0 90px; border-bottom:1px solid #CCC;}
.implement-sec { padding: 30px 0;}
.implement-sec h4{ color:#000; text-transform:uppercase; font-weight: 400;    font-size: 22px;}
.task-hand { padding:20px 0px;}
.task-hand ul li {width:33%; margin-top:14px; float:left;}
.final-result{ padding:30px 0px;}
.sub-fnl-res {    margin-top: 25px; overflow:hidden;}
.nxt-sec-lft span { text-align:center;    display: inline-block; width:50px; height:50px; background:#ffc115; padding:11px 0; border-radius:50px; color:#FFF;     font-size: 25px;}
.nxt-sec-lft h4{ font-size:16px; font-weight:400; margin-bottom:2px;    }
.nxt-sec-lft h5{ font-size:18px; font-weight:400; }
.inl {display:inline-block; vertical-align: middle; margin-left:15px;}
.text-right .inl{margin-right: 15px;}
.sub-fnl-res:hover img{    transform: scale(1.1);}
/*.clnt-bg img{ transform: translatey(0px);    animation: float 6s ease-in-out infinite;}*/
.rght-find iframe {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.box-collection:hover a{ color:#ffc115}
.box-cat-inn:hover{ background:#e8e8e8; overflow:hidden; }
.box-cat-inn:hover img{  transform: scale(1.1);}
.box-cat-inn:hover a h4{color: #ffc115;}
.box-cat-inn:hover a span{ color: #ffc115;}
.furn-box-list:hover .furn-box-list-pic{ border-color:#ffc115}
.furn-box-list:hover img{transform: scale(1.1);}
.furn-box-list:hover h4 a{color:#ffc115}
.furn-box-list:hover{background: #fdfdfd;}
li.search {    display: none !important;}
button.close {    position: absolute;    top: 2px;    right: 0;    font-size: 20px;    background: #755a1e;    color: #FFF;    padding: 12px 11px;    z-index: 1;}
 .modal-header { padding: 0;}
.navbar-nav>li.active a:before{ width:60px !important;  color: #ffc115; }
.navbar-nav>li.active { position:relative;}
.navbar-nav>li.active a { color:#ffc115 !important  }	
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a {    color: #FFF  !important}
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a:hover{color:#ffc115 !important }
.botm-fot .anch-btn {    border: 1px solid #000;}
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li.disabled > a:hover {color: #FFF !important;}
.box-gallery {    margin-top: 28px;} 
.mafg-gal{padding:20px 0 60px;  background:url(../images/recentproject-bg.jpg) no-repeat; background-size:cover; background-position:center;}
.mafg-gal figure {overflow: hidden; position: relative;}
.mafg-gal figure::before {position: absolute;top: 0; left: -75%; z-index: 2; display: block;  content:''; width: 50%;    height: 100%;    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);    -webkit-transform: skewX(-25deg);    transform: skewX(-25deg);	}
.mafg-gal figure:hover::before {	-webkit-animation: shine .75s;	animation: shine .75s;}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {  
		left: 125%;
	}
}


.furniture-page { padding:70px 0px;}
.furniture-page-left .panel-default>.panel-heading {    background-color: transparent;}
.furniture-page-left .panel{ border:0px ; box-shadow:none; border-bottom:1px solid #CCC; }

.furniture-page-left .panel-heading a:after {font-family: FontAwesome; content:"\f106 ";    float: right;    margin-left: 15px; color:#ffc115;}
.furniture-page-left .panel-heading a.collapsed:after {content: "\f107 "; color:#000}
.furniture-page-left .panel-heading a{ display:block;     font-family: 'Oswald', sans-serif; text-decoration:none;}
.furniture-page-left .panel-heading { text-transform:uppercase;}
.furniture-page-left .panel-group .panel {border-radius: 0;}
.list-categories ul li {border-bottom: 1px solid #CCC;    padding: 8px 0;    display: block;}
.list-categories ul  {padding:0px; margin:0px;}
.furniture-page-left .panel-body {padding: 0;}
.list-categories ul li:last-child{ border-bottom:0px;}
.list-categories ul li a{ display:block; margin-left:35px; list-style:none;     font-family: 'Oswald', sans-serif;}
.furniture-page-top select.form-control {    width: 60%;    display: inline-block;    margin-left: 16px;}
.furniture-page-top {    border-bottom: 1px solid #000;    margin-bottom: 18px;}
.furniture-page-top p{ margin-bottom:15px;}
.box-fur-page h4{ font-size:20px; text-align:center; margin-top:15px; }
.box-fur-page {    margin-top: 10px;    margin-bottom: 26px;}
.box-fur-page:hover img{transform: scale(1.1);}
.box-fur-page:hover h4 {color: #ffc115;}
.blog-sec{ padding:70px 0px}
.top-blog-box {position: relative; overflow:hidden}
.top-blog-caption {position: absolute; top:30%;  padding:18px; text-align: center;}
.top-blog-caption h4{text-transform:uppercase; font-size:16px;  margin-bottom:10px; color:#ffc115; border: 1px solid #ffc115;    font-weight: 400;    display: inline-block;    padding: 3px 24px;}
.top-blog-caption p{text-transform:uppercase; font-size:13px; font-weight:500; color:#FFF;}
.top-blog-box:hover img {    transform: scale(1.1);}
.top-blog-box:hover h4{ color:#FFF;}
.top-blog-box:hover h4{ border-color:#FFF;}
.blog-sec-mid { margin-top:80px;}
.blog-head h5 { display: inline-block;   color: #ffc115; font-weight:400; text-transform:uppercase; font-size:15px; margin-right:15px;     margin-bottom: 10px;}
.blog-head h2{ font-size:18px; line-height:1.3; text-transform:uppercase; font-weight:400; margin-bottom:10px;     width: 90%;  }
span.date { margin-right: 20px;   color: #777; font-size:13px;}
span.user {font-size: 14px;   font-weight: 600;}
.blog-head {position: relative;}
.blog-head:before{position:absolute; content:""; border:4px dashed #efefef; width:100%; height:150px; padding:17px 0; left: -70px;    z-index: -1;    top: -20px;}	
.blog-content { margin-top: 35px;}  
.blog-content p{ color: #777; margin-bottom:5px;      width: 85%; }
.blog-content span{ font-weight:600; font-size:25px; line-height: 0;    color: #000;}
.blog-social ul  li{ display:inline-block;}
.blog-social ul { margin:0px; padding:0px; display:inline-block;}
.blog-social p{ display:inline-block; }
span.comment .fa {    padding-right: 16px;}
.blog-social p { color: #777; margin-right:15px;     margin-bottom: 5px;}
.blog-social ul li{ display:inline-block; margin-left:12px;}
.blog-social {text-align:right;}
.blog-footer {position:absolute; width:490px; left:-20%; bottom:-38%; border-bottom: 2px solid #ffc115;}
.blog-warpper-rght { position: relative;}
.blog-warpper {margin-bottom: 110px;}
.abt-blog {text-align: center;}
.abt-blog legend {border-bottom:0px;     width: auto;}
.abt-blog fieldset {border: 1px solid #ffc115;  padding:0px 15px; }
.blog-abt-social ul li{ display:inline-block; margin-bottom:15px; margin-right:15px;}
.blog-abt-social ul li a{font-size: 15px; color:#333333}
.blog-abt-social ul { margin:0px; padding:0px;}
.abt-blog h4{ font-size:16px; color:#ffc115; text-transform:uppercase; margin-bottom: 4px;}
.abt-blog p{font-style: italic;}
.blog-news-letter{margin-top: 32px;}
.blog-news-letter .form-control { height:44px; background:#f1f1f1; border-radius:0px; border:0px;box-shadow:none;}
.blog-news-letter .sub_btn {background:#27221f; padding:8px 12px; border-radius:0; width:100%; color:#FFF; font-weight:600;}
.blog-sec-right .iner-title h3{color: #000; font-size:19px;}
.blog-sec-right .iner-title {    text-align: center;}
.blog-sec-right .iner-title h3:before { left: 0;    right: 0;    margin: 0 auto;}
.follow-instagram ul li{ display:inline-block; width:29%; margin-right:7px;     margin-bottom: 10px;}
.follow-instagram ul { margin:0px; padding:0px;}
.follow-instagram ul li:last-child{ margin-right:0px;}
.follow-instagram { margin-top: 32px;}
.blog-ref-post h3{ font-size:13px;     font-weight: 400; line-height:1.2; text-transform:uppercase;}
.blog-ref-post ul li { width:64%; display:inline-block;     vertical-align: top;}
.blog-ref-post ul li.img-relteadpost { width:30%;    margin-right: 12px;}
.blog-ref-post ul {margin:0px; padding:0px;}
.blog-ref-post {margin-top: 32px;}
.recnt-box-blg {margin-bottom:18px; overflow:hidden;}
.recnt-box-blg:hover img{    transform: scale(1.1);}
.follow-instagram ul li:hover img{    transform: scale(1.1);}

nav.navbar.bootsnav ul.nav ul.dropdown-menu > li.disabled a {color: #636363 !important;}
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li.disabled a:hover {color: #636363 !important;}
.attr-nav > ul > li:nth-child(2){ display:none;}
.attr-nav > ul > li:nth-child(3){ display:none;}
   




/*Responsive CODE */

@media only screen and (max-width: 1024px) {
	
.box-tur h4 {font-size: 26px;}
.top-segmnt .title-head h3 {font-size: 64px;}
.box-segement h4 {font-size: 20px;height: auto;}
.port-gallery-box {height: 256px;}
.top-foot ul li {width: 48%;}
.top-foot ul li h4 {font-size: 18px; margin-bottom: 5px;    padding-bottom: 5px;}
.top-foot p{ font-size: 14px;}
.title-head h3 {font-size: 55px;}
.copy-right ul li a {font-size: 13px;} 
.copy-right p {font-size: 13px;}
.plcbox img{ width: 160px;}
.collection-content h4 {font-size: 22px;}
.inner-page-section h3 { font-size: 55px;}
.cat-tlt h4 {    font-size: 50px;}

}

@media only screen and (max-width: 992px) {
 nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a {    color: #333 !important;}
nav.navbar.bootsnav .navbar-toggle{float:none; margin-right:0px; position: absolute;    right: 0;    background: #e0aa0a;
    padding: 6px 11px;     margin-top:28px;}
.attr-nav{    right:0px;     margin-top: 21px;}
.attr-nav:before{ display:none;}
nav.navbar.bootsnav .navbar-header{ text-align:left; }
.navbar-right .dropdown-menu {    left: 0;}
nav.navbar.bootsnav .navbar-nav  {    background: #f3f3f3;}



}


@media only screen and (max-width: 980px) {

.box-segement img{ width:100%;}
.box-segement {    margin-bottom: 25px;}
.portfolio-list:before{    width: 70%;}
.cust-mde p { font-size:13px; line-height:1.3;}
.top-foot ul { text-align:center;}
.top-foot ul li:before { display:none;}
.top-foot ul li {    width: 33%;}
.portfolio-list .nav-tabs>li>a {font-size: 13px;	    font-weight: 400;}
.cat-tlt h4 {    font-size: 47px;} 
.top-blog-caption h4 {    font-size: 13px;     line-height: 1.2;}
.top-blog-caption { top:1%;}
.top-blog-caption p { font-size:11px;     font-weight: 400;} 
.blog-footer { width: 100%;     bottom: -18%;}
.blog-head h2 {width: 80%;}
.recnt-box-blg{width: 49%;     display: inline-block;}


}


@media only screen and (max-width: 767px) {
.copy-right ul { display:none;}
.copy-right { text-align:center;}
nav.navbar.bootsnav .navbar-toggle{    right: 16px;}
.carousel-caption p {    font-size: 60px;} 
.carousel-caption {top: 12%;}
.intra-box{height: 300px;}
.bus-box {height: 300px;}
.plcbox {height: 300px;}
.blding-box {height: 300px;}
.plcbox img { display:none;}
.port-gallery-list .col-sm-3 { width:50%; float:left;}
.rght-seg {display: none;}
.our-segement:after { display:none;}
.cust-mde { display:none;}
.portfolio-list:before {width: 90%;}
.top-segmnt .title-head br{ display:none;}
.living-concept .title-head br{ display:none;}
.lft-spc{ height:470px;}
.lft-ban-cap-foot {    position: inherit;    top: 0;}
.rght-ban-cap-foot  {    position: inherit;    top: 0;}
.lft-may-abt { padding: 4% 5% 0% 5%;}
.rght-may-abt { padding: 2% 0 0%;}
.tem-pro-abt img {width: 100%;}
.lft-may-mission { padding: 2% 5% 2% 5%;}
.inner-page-section h3 {    font-size: 45px;}
.tem-para-abt {    padding: 4% 5% 4% 5%;}
.rght-des {    margin-top: 15px;}
.standard-lft {    float: none;}
.lft-proc {    position: inherit;    top: inherit;}
.lft-proc img { width:100%}
.box-con { height:auto;}


 
}  


@media only screen and (max-width:600px) {
.rght-prot-para h4 {    font-size: 24px;}
.title-head h3 {    font-size: 42px;}
.title-head span {    display: inline-block;}
.carousel-caption p {    font-size: 30px; }
.carousel-caption a {    padding: 3px 11px;    margin-top: 8px;    font-size: 11px;}
span.top-para-cap-ban { font-size:13px;}
.top-foot ul li {    padding-left: 0;    width: 32%;}
.top-foot {padding: 40px 20px 10px;}
.requiremnt-sub {width: 100%;}
.clnt-bg {width: 100%;    float: none;    margin-left: 0;}
.sub-proc { padding: 20px 15px;    margin-bottom:20px;   background: transparent;    border: 1px dashed #CCC;}
.rght-proc {   padding: 5px 5px;}
.rght-proc h5 {    margin-top: 16px;}


}


@media only screen and (max-width:414px) {
 .production-sec .col-xs-6 { width: auto;}
.btm-segemet .col-xs-6 { width: auto;}
.banner .carousel-indicators {bottom: 1%;}
.top-segmnt .title-head h3 {    font-size: 55px;}
.carousel-caption h2 {    font-size: 21px;}
.carousel-caption span:before{    height: 2px;    bottom: 0px;}
.carousel-caption span.top-para-cap-ban { margin-bottom:10px; font-size:12px;}
.carousel-caption p br{ display:none;}
.carousel-caption {left: 5%;}
.lft-spc-con h4 {font-size: 40px;}
.title-head h3 {font-size: 36px;}
.prgrs-lc h4 {font-size: 18px;}
.prgrs-lc h5 {font-size: 14px;}
.top-segmnt .title-head h3 {    font-size: 36px;}
.portfolio-sec .title-head {    padding-left: 0;}
.portfolio-sec .nav>li>a {    padding: 10px 5px}
.portfolio-list .nav-tabs>li>a {    font-size: 12px;}
.port-gallery-box {    height: 206px;}
.chart canvas { height: 90px !important; width: 90px !important;}
nav.navbar.bootsnav ul.nav > li > a {    padding: 14px 15px;}
nav.navbar.bootsnav .navbar-nav {margin-top: 16px;}
.top-foot ul li {    width: 100%;     margin-bottom: 20px;}
iframe  {    height: 430px;}
.attr-nav { display:none;}
.rght-ban-cap-foot {    padding: 12px 10px;}
.probox {    margin-left: 16px;}
.box-lc  {    width:90px;     height:90px;}
.box-lc span {    font-size: 15px;}
.furniture-categories-sec .col-xs-6 {    width: 100%;} 
.rght-find-det .col-sm-6:first-child{ width: 100%;}
.rght-find-det .col-sm-6:last-child{ width: 100%;}
.nxt-sec-lft h5 { display:none;}
.box-turnkey {    text-align: center;}
.orp-sub img {    animation: inherit;}
.orp-sub p{ margin-bottom:10px;}
.our-recent-project {    padding: 40px 0; }
.design-bld-lft {    padding: 2% 5% 2% 5%;}
.port-box-inner:hover .cap-port {    height: 70%;}
.cap-port h4 {font-size: 18px;    margin-bottom: 5px;}
.cap-port p {margin-bottom: 5px;       font-size: 12px; }
.port-box-inner {height: auto;}
.comm-box-inner {height:auto;}
.cap-comm h4 {font-size: 18px;  margin-bottom: 5px;}
.cap-comm p {margin-bottom: 5px;  font-size: 12px; }
.comm-box-inner:hover .cap-comm {height: 70%;}
.lft-comm {padding: 2% 5% 2% 5%;}
.top-blog .col-xs-4 { width:100%;}
.top-blog-box {margin-bottom: 22px;}
.top-blog-caption {top: 30%;}
.blog-sec {    padding: 50px 0px;}
.top-blog-caption h4 {   font-size: 15px;}
.blog-sec-mid {    margin-top: 20px;}
.blog-head:before{ display:none;}
.blog-head h2 {    width: auto;}
.blog-footer {    position: inherit;     left: 0;     bottom: 0;     margin-top: 10px;}
.blog-warpper-rght { padding-top:16px;}
.blog-warpper {    margin-bottom: 40px;}
.recnt-box-blg {    width: 100%;}
.blog-head h2 {    font-size: 17px;}
.blog-content p { width:auto;}
.follow-instagram ul li { width:30%;}
 


}


@media only screen and (max-width:360px) {
.carousel-inner>.item>img { max-width:inherit; height:220px;}
.carousel-caption {width:86%; left: 4%;}
.carousel-caption p {font-size: 20px;}
.banner .carousel-indicators {    bottom: 20%;}
.port-gallery-box {    height: 178px;}
.box-lc { left: 13px;}
.title-head h3 { font-size: 30px;}
.lft-spc-con br{display:none;}
.prgrs-lc h4 {font-size: 16px;     line-height: 1.3;}
.prgrs-lc h5 {font-size: 13px;}
.rght-prot-para {padding: 16px 12px 16px 12px;}
.top-foot ul li a {word-break: break-all;}
.carousel-inner .item img{height:210px;}
.top-foot ul {text-align:left;}
.lft-ban-cap-foot { padding: 12px 10px;}
.rght-ban-cap-foot h4 {margin-right: 25px;    font-size: 22px;}
.rght-ban-cap-foot p {font-size: 14px;}
.lft-ban-cap-foot p {font-size: 14px;}
.lft-ban-cap-foot h4 {margin-right: 25px;    font-size: 22px;} 
.plcbox {height: 270px;}
.box-lc {font-size: 15px; line-height:1.2}
.probox {margin-left: 0;} 
.box-lc {position:inherit;}
.inner-page-section h3 {font-size: 35px;}
.inner-page-section h3:before { bottom: -20px;} 
.iner-title h3 {font-size: 22px; }
.requirment-frm {padding: 40px 0;}
.nxt-sec-lft h4 {font-size: 14px; }
.nxt-sec-lft span {width: 40px;    height: 40px;     padding: 6px 0;}
.pro-det-client { padding: 40px 0;}
.panel-title {font-size: 14px;} 
.portfolio-inner .nav-tabs>li>a {font-size: 13px;}
.task-hand ul li {width: 100%;}




}

@media only screen and (max-width:320px) {
.port-gallery-box {    height: 159px;}
.box-lc {    width: 80px;    height: 80px;}

}