html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
html {
  scroll-behavior: smooth;
}
body{
	font-family: 'Poppins', sans-serif;
	letter-spacing:1px;
}
ul{
	list-style-type: none;
}
@font-face {
    font-family: 'Andromeda';
    src: url('../fonts/Andromeda-Bold-1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


section, header, footer, nav, div, span, ul, li, a {
    box-sizing: border-box;
}

/*header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #f2f2f2;
}

header nav {
}

header ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

header ul li {
    display: inline-block;
    padding: 0 20px;
}

header ul a {
    font-weight: 700;
    text-decoration: none;
    color: #4d4d4d;
    height: 50px;
    display: block;
    position: relative;
}

header ul a span {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
}*/

section {
    float: left;
    display: block;
    height: 100%;
    padding: 0px 0 0 0;
    margin: 0;
    height: 100vh;
}

#section-section1 {
    background: #2c3e50;
}

#section-section2 {
    background: url(../images/about-bg-1.jpg);
	position:relative;
}

#section-section3 {
     background: url(../images/architecture-bg-1.jpg);
	position:relative;
}
#section-section4 {
     background: url(../images/about-bg-1.jpg);
	position:relative;
}
#section-section5{
    background: #2a3746;
}
#section-section6 {
    background: url(../images/about-bg-1.jpg);
	position:relative;
}

.horizon-prev, .horizon-next {
    position: fixed;
    top: 83%;
    margin-top: -24px;
    z-index: 9999;
}

.horizon-prev {
    left: 20px;
}

.horizon-next {
    right: 30px;
}


 /*header*/


/*nav menu Starts*/

#container {
	margin: 0 auto;
	max-width: 890px;
}


.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	background-color: transparent;
	    margin-top: 11px;
}


/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: transparent;
	position:relative;
	}
nav ul li:last-child{border-right:0;}

/* Styling the links */
nav a {
	display:block;
padding:20px 20px 20px 20px;
color:#ffffff;
font-size:15px;
font-weight:500;
text-decoration:none;
   position: relative;
}

/*nav ul li.active a{color:#e9e900;}*/

nav ul li:first-child a{padding-left: 40px;}


nav ul li ul li:hover { background: #000000;}

/* Background color change on Hover */
nav a:hover { 
	background-color: transparent; 
	color: #e9e900;
    text-decoration: none;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	    top: 35px; 
	    z-index: 9999;    left: -28px;
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:245px;
	float:none;
	display:list-item;
	position: relative;
	    margin-bottom: 2px;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
nav li > a:after {content:  '';background:url(../images/menu-line.png) no-repeat;width:14px;height:20px;display: inline-block;position: absolute;right: -6px;top: 21px;}
nav li:last-child > a:after{width: 0;}
nav li > a:only-child:after {content: '';}
nav .drpdwn {background: #ffffff;}
nav .drpdwn:before{content:"";width:0;height:0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #7da547;display: inline-block;margin-bottom: -2px;position: absolute;top: -15px;left: 83px;}
nav .drpdwn li a{color: #fff;}
nav .drpdwn li a:hover{background: #813169;}
nav .drpdwn li a:after{width: 0;}
nav #toggle{width: 28px;height: 30px;margin: 10px auto;}
nav #toggle .one, nav #toggle .two, nav #toggle .three{width: 100%;height: 5px;background: white;margin: 4px auto;transition: all 0.3s;backface-visibility: hidden;}
nav #toggle.on .one{transform: rotate(45deg) translate(4px, 2px);}
nav #toggle.on .two{opacity: 0;}
nav #toggle.on .three{transform: rotate(-45deg) translate(7px, -7px);}


/*nav menu Ends*/



/*lightgallery Starts*/


.small {
  font-size: 11px;
  color: #999;
  display: block;
  margin-top: -10px
}

.cont {
  text-align: center;
}

.page-head {
  padding: 60px 0;
  text-align: center;
}

.page-head .lead {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 50px;
  margin-top: 0;
}

.btn {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.btn-lg {
  border-radius: 2px;
  font-size: 18px;
  line-height: 1.33333;
  padding: 10px 16px;
}

.btn-primary:hover {
  background-color: #fff;
  color: #152836;
}

.btn-primary {
  background-color: #152836;
  border-color: #0e1a24;
  color: #ffffff;
}

.btn-primary {
  border-color: #eeeeee;
  color: #eeeeee;
  transition: color 0.1s ease 0s, background-color 0.15s ease 0s;
}

.page-head h1 {
  font-size: 42px;
  margin: 0 0 20px;
  color: #FFF;
  position: relative;
  display: inline-block;
}

.page-head h1 .version {
  bottom: 0;
  color: #ddd;
  font-size: 11px;
  font-style: italic;
  position: absolute;
  width: 58px;
  right: -58px;
}

.demo-gallery > ul {
  margin-bottom: 0;
  padding-left: 15px;
}

.demo-gallery > ul > li {
  margin-bottom: 15px;
  width: 180px;
  display: inline-block;
  margin-right: 15px;
  list-style: outside none none;
      width: 32%;
	      padding: 0px;
}

.demo-gallery > ul > li a {
  border: 0;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}

.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}

.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}


/*lightgallery Ends*/

/*Common*/

a:hover, a:focus{text-decoration:none;}

.header-1{position:fixed;z-index:999;width: 100%;padding-top:35px;}
.header-1 .container{margin-right:0;width:1565px;padding-right:0;}
.header_menu ul.menu{background:#dc6b58;padding-right: 181px;border-top-left-radius: 32px;border-bottom-left-radius: 32px;}

/*Home*/

.home-banner{position: relative;}
.home-banner .owl-dots{position: absolute;top: 300px;left:180px;counter-reset: my-sec-counter; animation: slideInLeft;animation-duration: 2s;}
  
.home-banner .owl-dots:before{content:"";background: url(../images/home-banner-before-1.png) no-repeat;width:1px;height:91px;display:inline-block;margin-left: 12px;}
.home-banner .owl-dots:after{content:"";background: url(../images/home-banner-before-2.png) no-repeat;width:1px;height:91px;display:inline-block;margin-left: 12px;margin-top: 15px;}
.home-banner .owl-dots .owl-dot{color:#fff;display: block;font-size:15px;font-weight:700;margin-top: 10px;width: 25px;height: 25px;animation: rotateIn;
  animation-duration: 2s}
.home-banner .owl-dots .owl-dot:before{counter-increment: my-sec-counter;content: counter(my-sec-counter);}
.home-banner .owl-dots .owl-dot.active{background: #dc6b58;border-radius: 50%;}
.home-banner .banner-content{position: absolute;top: 35%;left: 33%;}
.home-banner .banner-content label{color:#e5e5e5;font-size: 131px;display: block;font-family: 'Andromeda';line-height: 128px;margin-right:70px;}
.home-banner .banner-content label.second{float:right;margin-right: 0;}

/*About Us*/
.about-us{margin-top:150px;}
.about-us h1{color:#dc6b58;font-size:61px;font-family: 'Andromeda';font-weight:700;}
.about-us label.title{color:#221e1e;font-size:30px;font-weight:300;width: 100%;margin-left: 100px;}
.about-us p{color:#221e1e;font-size:16px;font-weight:300;text-align: justify;margin-top:20px;line-height:32px;}
.about-us p.second{padding-right:80px;}
.about-us .build-view{position: static;}
.about-us .build-view img{position: absolute;right: 0;height:85%;bottom:0;}
.about-us .experience{position: absolute;bottom: 0;font-family: 'Inter', sans-serif;font-weight:700;left: 0;}
.about-us .experience label{font-family: 'Inter', sans-serif;font-weight:700;font-size:108px;color: #d2cecd;display:inline-block;vertical-align:middle;width:auto;margin-right: 8px;}
.about-us .experience .inline{display:inline-block;vertical-align:middle;}
.about-us .experience .inline span{font-family: 'Inter', sans-serif;font-weight:700;font-size:36px;color: #d2cecd;}
.about-us .experience .inline p{font-family: 'Inter', sans-serif;font-weight:700;font-size:53px;color: #d2cecd;margin-top: 8px;}


/*Architecture*/

.architecture{margin-top:130px;}
.architecture .container{position:relative;}
.architecture h2{color:#dc6b58;font-size:73px;font-family: 'Andromeda';font-weight:700;}
.architecture .nav-tabs{margin-top:20px;margin-bottom: 20px;border: 0;}
.architecture .nav-tabs>li>a{background:transparent;color: #bababa;font-size:20px;font-weight:400;padding: 6px 32px;border-radius: 50px;border:0;}
.architecture .nav-tabs>li>a:after{content:"";width:2px;height:30px;background:#bababa;display:inline-block;position:absolute;right:0;}
.architecture .nav-tabs>li.last>a:after{width:0px;}
.architecture .nav-tabs>li>a:hover,.architecture .nav-tabs>li>a:focus{background:transparent;border:0;}
.architecture .nav-tabs>li.active>a{color: #dc6b58;font-size:20px;font-weight:400;}
.architecture .tab-content .demo-gallery ul{position:relative;width:30%;display:inline-block;}
.architecture .tab-content a{position:relative;}
.architecture .tab-content a img{width:100%;}
.architecture .slick-prev{top: 55%;left: -5px;}
.architecture .slick-next{left:60px;top: 55%;}
.architecture .slick-prev:before{content:"";background:url(../images/architecture-prev.png) no-repeat;width:20px;height:31px;display:inline-block;}
.architecture .slick-next:before{content:"";background:url(../images/architecture-next.png) no-repeat;width:20px;height:31px;display:inline-block;}
.architecture .tab-content .content{position:absolute;left:25px;bottom:15px;}
.architecture .tab-content .content label{display:block;color:#ffffff;font-size:20px;font-weight:400;}
.architecture .owl-carousel .owl-item img{width: auto;}
.architecture .rotate-architecture{color:#e8d9d1;font-size: 80px;font-family: 'Andromeda';font-weight: 700;position: absolute;left: -23.9%;transform: rotate(270deg);bottom: 57%;}
.architecture.interiors .rotate-architecture{left: -17.9%;color: rgb(210 206 205 / 70%);}
.architecture .slick-slider{width:82.5vw !important;}
.architectures .slick-slider{height: 647px;}
.architectures .rotate-architecture{left: -17.9%;}
.architecture.interiors .slick-slider{width:79.3vw !important;}
.pagingInfo{position: absolute;bottom: 400px;left: 20px;font-weight:600;font-size: 20px;color: #bababa; line-height: 60px;}

.floor-plans{background:url(../img/product-pg-bg-2.png);padding: 60px 0;}
.floor-plans h2{color:#47a046;font-size:45px;}
.floor-plans ul{float: right;}
.floor-plans .nav-pills .nav-link{color:#001f4b;font-size:20px;background: #c4cad3;padding: 10px 20px;border-radius: 100px;margin-right: 10px;}
.floor-plans .nav-pills .nav-link.active{color:#fff;font-size:20px;background: #47a046;}
.floor-plans .tab-content .srn_events_sli{position: relative;}
.floor-plans .tab-content .srn_events_sli p{color:#ffffff;font-size:20px; position: absolute;top: 0px;left: 0px; background: rgba(0,0,0,0.7);
    padding: 5px 20px;}
.floor-plans .tab-content{    width: 100%;}
.floor-plans .tab-content .slick-slider .slick-track{    width: 100%;}
.floor-plans .slick-slide {margin: 0 25px;}
.floor-plans .slick-list {margin: 0 -25px; }
.floor-plans .slick-prev{    z-index: 1;}
.floor-plans .slick-prev:before{content: "";width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-right: 20px solid #001f4b;display: inline-block;}
.floor-plans .slick-next:before{content: "";  width: 0; height: 0; border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #001f4b;display: inline-block;}

.architecture .nav-tabs li:last-child a::after{display: none;}
ul.nav.aricg{margin-bottom: 41px;}



/*Services*/
.services{margin-top:97px;}
.services .bg-2:after{content:"";background:url(../images/services-icon-1.png) no-repeat;width:65px;height:67px;display:inline-block;position: absolute;top: 100px;}
.services .bg-1 h3{color:#dc6b58;font-size:70px;font-family: 'Andromeda';padding-top: 50px;}
.services .bg-1 label{color:#ffffff;font-size:29px;font-weight:400;line-height:40px;padding:20px 0 30px 0;}
.services .bg-1 p{color:#ffffff;font-size:18px;font-weight:300;text-align:justify;line-height:32px;padding-right:40px;}
.services .bg-2 .sec-1{padding-top:100px;}
.services .bg-2 .sec-1 img.marg-top{margin-top:40px;}
.services .bg-2 .sec-1s{padding:0;position:relative;}
.services .bg-2 .sec-1s .content{position:absolute;bottom:15px;left:25px;}
.services .bg-2 .sec-1s .content p{color:#ffffff;font-size: 20px;}
.services .bg-2 .sec-2{padding:0 0px;}
.services .bg-2 .sec-2 .pos{position:relative;}
.services .bg-2 .sec-2 img{margin-top:10px;}
.services .bg-2 .sec-2 .content{position:absolute;bottom:15px;left:25px;}
.services .bg-2 .sec-2 .content p{color:#ffffff;font-size: 20px;}


/*Teatimonials*/
.testimonials{margin-top:150px;}
.testimonials h4{color:#dc6b58;font-size:60px;font-family: 'Andromeda';margin-bottom:30px;}
.testimonials .bg-pos:after{content:"";width:173px;height:10px;background:#dc6b58;display:inline-block;position:absolute;bottom:0;left:15px;}
.testimonials .sec-top{padding:0 15px;}
.testimonials .sec-top img{display:inline-block;vertical-align:middle;margin-right:10px;}
.testimonials .sec-top .inline{display:inline-block;vertical-align:middle;}
.testimonials .sec-top .inline label{color:#221e1e;font-size:30px;font-weight:400;display:block;}
.testimonials .sec-top .inline span{color:#dc6b58;font-size:15px;font-weight:500;display:block;}
.testimonials .sec-top p{color:#221e1e;font-size:18px;font-weight:300;text-align:justify;line-height:30px;margin-top:35px;}
.testimonial-slider .owl-carousel .owl-item img{width:auto;}
.testimonials .owl-dots{margin-left:490px;margin-top:30px;}
.testimonials .owl-dots .owl-dot{background:#e2e0e0;width:22px;height:22px;border-radius:50%;display:inline-block;margin-right:10px;}
.testimonials .owl-dots .owl-dot.active{background:#dc6b58;}

/*contact Us*/
.contact-us{position:relative;}
.contact-bg-1{background: url(../images/architecture-bg-1.jpg);height:100vh;padding: 0;}
.contact-bg-1 .content{margin-top:160px;}
.contact-bg-1 .bg{padding-left:40%;}
.contact-bg-1 .content h5{color:#dc6b58;font-size:60px;font-family: 'Andromeda';}
.contact-bg-1 .content label{color:#221e1e;font-size:30px;font-weight:400;margin:22px 0 15px 0;}
.contact-bg-1 .content address{color:#221e1e;font-size:16px;font-weight:300;}
.contact-bg-1 .content address span{color:#dc6b58;font-weight:700;display:block;}
.contact-bg-1 .content form{background:#dc6b58;padding:35px 50px 70px 50px;position:absolute;bottom:0;}
.contact-bg-1 .content form .non-pad{padding:0;} 	
.contact-bg-1 .content form h6{color:#ffffff;font-size:30px;font-weight:400;margin-bottom: 14px;} 	
.contact-bg-1 .content form p{color:#ffffff;font-size:16px;font-weight:300;} 	
.contact-bg-1 .content form .form-group{padding: 0 5px 0 0;margin-bottom: 5px;} 	
.contact-bg-1 .content form .form-control{color: #fff;background-color: #e28473;border:0;font-size:16px;font-weight:300;height:37px;border-radius:0;} 	
.contact-bg-1 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff; font-size:16px;opacity:0.8;
}

.contact-bg-1 :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;font-size:16px;opacity:0.8;
}

.contact-bg-1 ::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;font-size:16px;opacity:0.8;
}
.contact-bg-1 select:required:invalid {
  color: #fff;font-size:16px;opacity:0.8;
}
.contact-bg-1 option {
  color: #fff;
}
.contact-bg-1 .submit{margin-top:5px;display:inline-block;}
.contact-bg-1 .submit button{background:#221e1e;color:#f4e1d7;border:0;padding:10px 30px;}



.contact-bg-2{background: #c36a59;height:100vh;padding:0;}
.contact-bg-2 .bg{padding-right:40%;}
.contact-bg-2 .content{margin-top:160px;padding-left: 65px;}
.contact-bg-2 .content label{color:#f0ece9;font-size:60px;font-family: 'Andromeda';}
.contact-bg-2 .content p{color:#f0ece9;font-size:20px;font-weight:400;}
.contact-bg-2 .map{position:absolute;bottom:0;left:0;}
.contact-bg-2 a{color:#f0ece9;font-size:18px;font-weight:300;line-height:45px;}
.contact-bg-2 a img{display:inline-block;vertical-align:middle;margin-left:10px;float:none;}
.contact-bg-2 .contact{color:#f0ece9;font-size:18px;font-weight:300;}
.contact-bg-2 .mail{border-bottom:1px solid #efece9;}
.lets-talk{position: absolute;bottom: 40%;font-family: 'Inter', sans-serif;font-weight:700;right: -160px;font-size:88px;color:#ffffff;opacity:0.1;transform:rotate(270deg);}


#menu {transition: all 0.8s;}
#menu.navbar-default {border-color: rgba(231, 231, 231, 0); border:  none; background:  none;}
#menu a.navbar-brand {color: #8eb640;font-weight: 700;letter-spacing: 1px;}
#menu.navbar-default .navbar-nav > li > a:hover {color: #333; background: none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #333 !important;background-color: transparent;
    text-transform:  uppercase !important;}
.navbar-toggle {border-radius: 0; margin-top: 28px; padding: 15px; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #8eb640;border-color: #8eb640;}
.navbar-default .navbar-toggle:hover>.icon-bar {background-color: #fff;}
.navbar-header{ float: none;}
.main_menu .navbar-nav > li > a{ color:#fff; font-size:15px; font-weight: 400; line-height:0; padding:20px 0; z-index: 100; text-transform:  uppercase; background-color:  inherit !important;}
.main_menu .navbar-right{ text-align:center;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle{ background:#dc6b58; z-index: 2; width: 50px; height: 50px; border-radius: 50px; border:  none;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#fff;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border: none; border-radius:0;}
.main_menu{ background: #dc6b58; margin-top: 11px; padding: 0;}
.main_menu .navbar-nav li{ padding: 0 10px;}
.main_menu .navbar-nav li:last-child{ border-bottom:  none;}

.contact-bg-1 .content form .submit{ width:  auto; background: #333;}






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

	

	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #df1f5a;
		padding:14px 20px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #813169;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #000000;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}
	







/*From responsive.css starts*/

.row{margin-right: 0;margin-left: 0;}
		.header .container{padding:0;}
		.header .header_logo{width: 35%;margin-left: 0;padding-bottom: 7px;}
		.header .mob-nav{display: inline-block;position: absolute;right: 7px;top: 28px;z-index: 9999;}
		.header .contact{position: absolute;top: -50px;right: 37px;}
		.header .contact .call .mob img{width: 45px;display: inline-block;}
		.header .contact .call .mob:first-child img{margin-right:10px;}
		.header .header_menu{background: #fff;position: absolute;left: -30px;right: -29px;box-shadow:7px 3px 8px rgb(170 170 170 / 70%);top: 0px;}
		.header_menu .menu{background: #236e99;position: absolute;top: -98px;padding: 0px 50px;}
		.header .header_menu ul li a{color: #fff;font-size: 15px;box-shadow: none;}
	
		.header .header_menu ul li.active a{color:#fff;}
		.home-banner .banner-content{width: 60%;top: 44%;left: 40px;}
		.home-banner .banner-content h1{font-size: 22px;line-height: 33px;margin-bottom: 13px;}
		.home-banner .owl-carousel .owl-nav{position: static;}
		.home-banner .owl-carousel .owl-nav .owl-prev{position: absolute;bottom: -12px;}
		.home-banner .owl-carousel .owl-nav .owl-next{position: absolute;bottom: -12px;right: 0;}
		.home-banner .banner-content label{font-size: 48px;line-height: 26px;}
		
		.header nav #toggle .two{position: static;}
		.toggle{width: 51px;height: 51px;text-align: left;padding: 6px 5px;border-radius: 50%;background: #dc6b58;}
		.toggle.inner{width: 100%;background: transparent;color: #fff;padding-top: 15px;padding-left: 30px;font-size: 15px;text-transform: uppercase;}
		.toggle.inner:before{content: "";width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #f37e20;display: inline-block;margin-right: 10px;margin-bottom: 2px;}
		.toggle.inner:hover{background: transparent;}
		.toggle.bg{border-radius: 0;}
		.toggle:hover{background-color: #dc6b58;}
		nav a{padding: 14px 25px;}
		nav ul li{border-bottom: 1px solid rgb(255 255 255 / 30%);border-right:0;}
		nav ul li:hover{background:transparent;}
		nav ul li ul li .toggle, nav ul ul a, nav ul ul ul a{padding: 8px 20px;}
		nav ul li:first-child{padding-left: 0;padding-top: 0px;}
		nav ul li:first-child img{width: 50%;margin-top: 20px;}
		nav ul li ul li .toggle, nav ul ul a{background-color: #b1d46c;}
		nav .drpdwn:before{display:none;}
		.header .header_menu .drpdwn li a{border-bottom: 1px solid #fff;margin-bottom: -1px;color: #ffffff;
    background: #f37e20;line-height: 5px;}
		.header .header_menu ul li a:hover{color: #fff;}
		nav a:hover, nav ul ul ul a{    background-color: #2a3746;}
		nav .drpdwn .col-lg-4{ padding: 0;}
		nav #toggle{width: 28px;height: 19px;}
		nav #toggle.on{margin: 13px auto;}
		nav #toggle .one, nav #toggle .two, nav #toggle .three{height: 3px;background: #ffffff;border-radius: 100px;}
		nav li > a:after{display:none;}
		nav ul li .toggle.inner .fa-angle-down{    margin-right: 25px;
    float: right;}
		
		nav ul ul li{margin-bottom: -2px;}
		nav ul li.padding-right{padding-left: 0;}
		
		
		.header{padding: 0px 0 0px 0;border-top:0;background: #fff;}
		.header .header_menu ul li.active a:before{display: none;}
		.header .icon-sec{position: absolute;top: -47px;right: 52px;z-index: 9998;}
		.header .icon-sec a{margin: 0 3px;}
		
		.header .header_appointment{top: -61px;right: 44px;position: absolute;}
		.header .header_appointment a{font-size: 11px;line-height: 14px;display:none;}
		.header .right-header{margin-top: 0;}
		.header .right-header .contact img{margin-right: 4px;width: 13%;}
		.header .right-header .contact .num{    font-size: 14px;}
		.header.active{padding: 35px 0 10px 0;}




		
		/*Shree architect forum*/
		html{width:100% !important;}
		.container{width:auto;}
		html, body{overflow: unset;}
		.header-1{padding-top:13px;}
		.header-1.active{background: #2a3746;padding-bottom: 26px;}
		.header-1 .logo-mob{width: 12%;}
		.home-banner{margin-top: 0px;}
		.home-banner .banner-content a.st_btn{margin-top: 25px;margin-left: 0;font-size: 20px;padding: 15px;}
		.home-banner .owl-dots{bottom: 40%;left: 95px;top: 333px;position: absolute;transform: none;}
		.home-banner .owl-carousel .owl-item img{width:100vw;}	
		nav{position: absolute;top: 14px;left: 280px;}	
		.mob-nav{position: absolute;top: 14px;left: 295px;}	
		nav ul{float: none;}
		.mob-call{position:absolute;top: 14px;left: 240px;}
		.mob-call img{width: 64%;}
		.header_menu .menu{top: 0;width: 100vw;left: -295px;border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;padding: 0px 0px;padding-right: 0 !important;}
		.home-banner .banner-content label.second{float:none;margin-top: 30px;margin-left: 50px;}
		.home-banner .banner-content label.second{float:none;margin-top: 30px;margin-left: 50px;}
		nav ul li:first-child a{padding-left: 25px;}
	    .home-banner .owl-dots .owl-dot{display: inline-block;margin-right: 10px;}
		.home-banner .owl-dots:before{transform: rotate(270deg);height: 60px;position: absolute;left: -52px;top: -6px;}
		.home-banner .owl-dots:after{transform: rotate( 270deg);height: 60px;position: absolute;left: 190px;top: -21px;}

		.about-us{margin-top:0;}
		.about-us .build-view img{height: auto;width: 100vw;bottom:-1085px; position: static;}
		.about-us{width:100vw;}
		.about-us label.title{margin-left: 0;}
		.about-us h1{font-size: 49px;text-align: center;margin-top:40px;}
		.about-us label.title{text-align: center;}
		.about-us p.second{padding-right: 0;}
		.about-us .experience{bottom: -783px;left:14px; position: static;}
		.about-us .experience label{font-size: 60px;}
		.about-us .experience .inline span{font-size: 29px;}
		.about-us .experience .inline p{font-size: 33px;margin-top: 0;}
		
		
		.architecture{margin-top: 0px;padding-bottom: 75px;}
		.architecture h2{font-size: 48px;text-align: center;margin-top: 50px;}
		.architecture .rotate-architecture{display:none;}
		.architecture .nav-tabs>li>a{padding:6px 14px;}
		.architecture .slick-prev{left: 33%;top:108%;}
		.architecture .slick-next{left: 57%;top:108%;}
		.pagingInfo{bottom: -45px; left: 0; width: 100%; text-align: center;}
		.architecture .slick-slider{width:91vw !important;}
	   
	   
		.architecture.interiors .slick-slider{width:91vw !important;}
		
		.architecture.interiors{margin-top:100px;margin-top: 0;}
		section{height:auto;}
		
		.services{background: #2a3746;margin-top: 0px;padding-bottom:100px;}
		.services .mob-hide{display:none;}
		.services .bg-2:after{display:none;}
		.services .bg-1 h3{font-size: 53px;text-align: center;}
		.services .bg-1 label{font-size: 20px;text-align: center;}
		.services .bg-1 p{font-size: 15px;padding-right: 0;}
		.services .bg-2:after{top: 113px;left: 101px;}
		.services .bg-2 .sec-2 .pos{padding:0;padding-right: 5px;}
		.services .bg-2 .sec-1{padding-right: 0;padding-left: 0;padding-top: 45px;}
		.services .bg-2 .sec-1s{padding-right: 5px;}
		.services .bg-2 .sec-1s .content{left: 14px;}
		.services .bg-2 .sec-2 .content{left: 14px;}
		.services .bg-2 .sec-2 .content p{font-size: 15px;}
		.services .bg-2 .sec-1s .content p{font-size: 15px;}
		
		.testimonials{margin-top: 0px;padding-bottom: 70px;}
		.testimonials h4{font-size: 45px;text-align: center;margin-top:55px;}
		.testimonials .sec-top{text-align: center;}
		.testimonials .owl-dots{margin-left: 0;margin-top: 38px;text-align: center;}
		
		.contact-bg-1 .content{margin-top: -10px;}
		.contact-bg-1 .bg{padding-left: 15px;}
		.contact-bg-1 .content h5{font-size: 50px;padding-top: 50px;text-align: center;}
		.contact-bg-1 .content form{position: static;}
		.contact-bg-1 .content label{font-size: 20px;text-align: center;}
		.contact-bg-1 .content label br{display:none;}
		.contact-bg-1 .content address{text-align: center;}
		.contact-bg-1 .bg{padding-left: 0;}
		.contact-bg-1 .content form{padding: 35px 20px 65px 20px;}
		.contact-bg-1 .content form h6{font-size: 30px;text-align: center;margin-bottom: 20px;}
		.lets-talk{display:none;}
		.contact-bg-2 .bg{padding-right: 0;}
		.contact-bg-2 .content{margin-top: 0;}
		.contact-bg-2 .map{position: static;}
		.contact-bg-2 .content label{font-size: 45px;text-align: center;width:100%;}
		.contact-bg-1 .content form p{text-align: center;margin-bottom: 20px;}
		.contact-bg-1 .content form .form-group{margin-bottom: 8px;}
		.contact-bg-2 .content{padding-left: 20px;padding-right: 15px;}
		.contact-bg-2 .content p{text-align: center;}
		.contact-bg-2 a{font-size: 13px;}
		.contact-bg-2 .content p{font-size: 27px;}
		.contact-bg-2{height: auto;padding-bottom: 25px;}
		.enquiry-mob-fixed{background: #c36a59;position: fixed;bottom: 0;left: 90px;padding: 13px 43px;border-top-right-radius: 100px;border-top-left-radius: 100px;left: 65px;z-index:999;}
		.enquiry-mob-fixed span{color:#f0ece9;font-size:19px;font-weight:400;}
		.enquiry-mob-fixed img{display:inline-block;margin-right:10px;}
		.enquiry-mob-fixed a{width:100%;}
		
		


.about-us {
    background: url(../images/about-bg-1.jpg);
}

.architecture {
     background: url(../images/architecture-bg-1.jpg);
}
.architecture.interiors {
     background: url(../images/about-bg-1.jpg);
}
.services{
    background: #2a3746;
}
.testimonials {
    background: url(../images/about-bg-1.jpg);
}

/*From responsive.css Ends*/


.header-1 .container{ padding-left: 0 !important;}

.aboutinfo{ padding: 0;}
.mobserviceinfo{ padding: 0;}
.testimonial-slider .items{ padding: 0;}
.contact-bg-1{ height:  inherit; background:  none;}







@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}







/***button wave***/

.sonar-wrapper {
  position: relative;
  z-index: 0;
  overflow: hidden;
  z-index: 2;
 
}

/* The circle */
.sonar-emitter {
  position: fixed;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 9999px;
  background-color: transparent;
	bottom: 97px;
	right: 65px;
}

/* the 'wave', same shape and size as its parent */
.sonar-wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: transparent;
border: 1px double #dc6b58;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}
.sonar-emitter img{
	padding: 10px;
    position: absolute;
    top: -44px;
    left: -44px;
}
/*
  Animate!
  NOTE: add browser prefixes where needed.
*/
.sonar-wave {
  animation: sonarWave 2s linear infinite;
}

@keyframes sonarWave {
  from {
    opacity: 0.4;
  }
  to {
    transform: scale(3);
    opacity: 0;
  }
}


.wstnkub{}
.wstnkub_logo{ text-align: center;}
.wstnkub_logo a{ background: #dc6b58; color: #fff; padding: 10px 20px; text-decoration:  none; display:  inline-block; font-size: 16px; font-weight: 500;}
.wstnkub_logo a.logo{ background:  none;}
.wstnkub_logo p{ font-size: 18px; color: #000;}
.wstnkubinfo{}
.wstnkubinfo p{ font-size: 18px; color: #000;}
.wstnkubinfo p a{ text-decoration:  none; color: #000;}
.wstnkubinfo h6{ font-size: 22px;}
.wstnkubinfos{ padding-top: 10px;}
.wstnkubinfo p .fa{ width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center; background: #333; color: #fff; margin-right: 7px;}
.wstnkub hr{ border-top:1px solid #1f283a ;}


@media screen and (min-device-width: 1200px) and (max-device-width: 1366px) { 
.header-1 .logo-mob{margin-left: 75px;}
.about-us .experience{bottom: -69px;}
.about-us .experience label{font-size: 80px;}
.about-us .build-view img{height: 65%;}
.home-banner .owl-carousel .owl-item img{height:100vh;}
.pagingInfo{bottom: 325px;}
.contact-bg-2 .content p{font-size: 20px;}
.contact-bg-2 a{font-size: 14px;}

}

@media screen and (min-device-width: 1700px) and (max-device-width: 1919px) { 
 .header-1 .logo-mob{margin-left: 75px;}
.about-us .experience{bottom: -69px;}
.about-us .experience label{font-size: 80px;}
.about-us .build-view img{height: 65%;}
.home-banner .owl-carousel .owl-item img{height:100vh;}
.pagingInfo{bottom: 325px;}
.contact-bg-2 .content p{font-size: 20px;}
.contact-bg-2 a{font-size: 14px;}
}

@media screen and (min-device-width: 1600px) and (max-device-width: 1699px) {

.about-us .experience label{font-size: 80px;}
	.about-us .build-view img{height: 75%;}
	.about-us p{font-size: 14px;line-height: 30px;}
	.about-us p.second{padding-right:0;}
	.pagingInfo{bottom: 324px;}
}