/* Form style */

input, textarea, select { font: 16px Georgia, "Times New Roman", Times, serif; color:#555; border:0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; float:none; display:block; margin:0px; -webkit-appearance: none; background:none }

textarea { resize: none; }

#message { margin: 0; padding: 0px; z-index:200; height:auto; }

.error_message, #success_page { display: block; height:auto; color:#d31800; font-style:italic; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; padding: 26px 60px 0px 0px; line-height:1.5 }

#success_page { color:#2b2b2b !important; padding:18px 20px 0 0px }

.loader { display:none; }

/* Form Element Styling */

.contact > .elem-content {background:#fff !important }

.form-part { padding: 0; margin-top:10px; padding-bottom:26px;  }

.form-part > textarea, .form-part > select, .form-part > input:not([type="submit"]):not([type="image"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {

 padding: 17px 18px; width: 100%; margin-bottom: 10px; border:1px solid #d8d8d8; text-align: left; font-style: normal; font-size: 16px; line-height: 20px; background:#fff;

}
.form-part fieldset { padding: 0; margin-top:10px; padding-bottom:26px;  }


.form-part > textarea { height: 174px; resize: none; }

.form-part > .input-wrapper { position: relative;  }

.send-btn { border: none 0px transparent; background:#eee; padding:12px 22px; height: 40px; font-family: 'Montserrat','Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 11px; display: block; width: auto; float: right; margin: 17px 25px 0px 0px; cursor: pointer; text-transform:uppercase; line-height:12px; letter-spacing:2px; color:#2b2b2b; border:0 none; border-radius:50px; }



.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);*/
  /*background-repeat: repeat-x;*/
}
.carousel-control.right {
  right: 0;
  left: auto;
  /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);*/
  /*background-repeat: repeat-x;*/
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.owl-prev{
    top:30%;
  }
  .owl-next{
    top:30%;
  }
 /* #owl-demo, #carousel-example-generic{
    margin-top: 35px;
  }*/
.down-arrow{
  position: absolute;
  top: 75%;
  left: 55%;
  z-index: 2000;
}
  .main-page-logo{
  position: absolute;
  top: 10%;
  z-index: 2000;
  left: 41%;
}
.main-right-menu{
  padding: 10px;
  margin:0 auto;
}
.main-right-menu li a{
  color:#000;
  text-decoration: none;
  font-size: 20px;
}






@media(min-width: 768px){
  .navbar-nav{
    margin-top: 115px;
  }
  .social-part{
    position: absolute;
    bottom: 0%;
    left: 10%;
  }
 
  .right-menu{
    /*width:80%;*/
    position: absolute;
    top:2.5%;
    left:20%;
    z-index: 1000;
    text-align: center;
  }
  .wf-right-menu{
    /*width:39%;*/
    position: absolute;
    top:2.5%;
    /*left:39%;*/
    z-index: 1000;
    text-align: center;
  }
  .profile-right-menu{
    /*width:39%;*/
    position: absolute;
    top:2.5%;
    /*left:39%;*/
    z-index: 1000;
    text-align: center;
  }
  .ss-right-menu{
    /*width:36%;*/
    position: absolute;
    top:2.5%;
    /*left:40%;*/
    z-index: 1000;
    text-align: center;
  }
  .contract-right-menu{
   /* width:38%;*/
    position: absolute;
    top:2.5%;
    /*left:33%;*/
    z-index: 1000;
    text-align: center;
  }
  .design-right-menu{
    /*width:75%;*/
    position: absolute;
    top:2.5%;
    /*left:15%;*/
    z-index: 1000;
    text-align: center;
  }
  .main-right-menu{
    /*width:80%;*/
    position: absolute;
    /*bottom:13%;*/
    top:3.5%;
    left:20%;
    z-index: 1000;
    text-align: center;
  }
  @media(max-width: 1023px){
    .main-page-menu{
      top: 70% !important;
      left:12% !important;
    }
  }
  @media(min-width: 1024px){
    .main-page-menu{
      top: 80% !important;
      left: 23% !important;
    }
  }
  .design-right-menu-m{
    /*width:70%;*/
    position: absolute;
    bottom:8%;
    left:20%;
    z-index: 1000;
    text-align: center;
  }
  .wf-right-menu-m{
    /*width:90%;*/
    position: absolute;
    bottom:8%;
    left:20%;
    z-index: 1000;
    text-align: center;
  }
  .ss-right-menu-m{
    /*width:90%;*/
    position: absolute;
    bottom:8%;
    left:20%;
    z-index: 1000;
    text-align: center;
  }
  .contract-right-menu-m{
    /*width:80%;*/
    position: absolute;
    bottom:8%;
    left:20%;
    z-index: 1000;
    text-align: center;
  }
  .owl-pagination{
    display: none;
  }
}

@media(min-width: 1170px){
  .navbar-brand img{
    padding-left: 20px;
    margin-top: -20px;
  }
  .right-menu{
    /*width:51% !important;*/
     left:25%;
     text-align: center;
  }
  .main-right-menu{
   /* width:61% !important;*/
     left:17%;
     display: inline-block;
     text-align: center;
  }
   .main-right-menu li{
  
     display: inline-block;
  }
  /*.contract-right-menu{
    width:22% !important;
     left:49%;
     text-align: center;
  }
  .design-right-menu{
    width:16% !important;
     left:50%;
     text-align: center;
  }*/
  .design-right-menu-m{
    /*width:40% !important;*/
     left:29%;
     text-align: center;
  }
  .wf-right-menu-m{
    /*width:77% !important;*/
     left:15%;
     text-align: center;
  }
  .ss-right-menu-m{
    /*width:71% !important;*/
     left:18%;
     text-align: center;
  }
  .contract-right-menu-m{
    /*width:48% !important;*/
     left:23%;
  }
  /*.wf-right-menu{
    width:60% !important;
     left:20%;
  }*/
  .navbar{
    width: 25%;
  }
  .social-part{
    position: absolute;
    bottom: 0%;
    left: 4%;
  }
  .social-part h4{
    margin-bottom: 3px;
  }
  .social-icons{
    margin-bottom: 0;
  }
}
.btm-logo{
    width: 20%;
  }
.back-col li{
  padding: 10px;
  height: 50px;
  margin-bottom: 3px;
}
.doffer-back-col li, .design-back-col li{
  padding: 10px;
  height: 50px;
  margin-bottom: 3px;
}
.contract-back-col li{
  padding: 10px;
  height: 50px;
  margin-bottom: 3px;
}
.wf-back-col li{
  padding: 10px;
  height: 50px;
  margin-bottom: 5px;
}
.ss-back-col li{
  padding: 10px;
  height: 50px;
  margin-bottom: 5px;
}
.main-back-col li{
  padding: 10px;
  height: 60px;
  vertical-align: middle;
}
.menu-profile{
  background-image: url("../images/profile-bg.png");
  background-size: cover;
}
.menu-mission{
  background-image: url("../images/mission-bg.png");
  background-size: cover;
}
.menu-vision{
  background-image: url("../images/vision-bg.png");
  background-size: cover;
}
.menu-team{
  background-image: url("../images/team-bg.png");
  background-size: cover;
}
.menu-design{
  background-image: url("../images/design-bg.png");
  background-size: cover;
  margin-bottom:10px;
  font-size: 18px;
}
.menu-wf{
  background-image: url("../images/wf-bg.png");
  background-size: cover;
  margin-bottom:10px;
  font-size: 18px;
}
.menu-wf-in{
  background-image: url("../images/wf-in-bg.png");
  background-size: cover;
}
.menu-contract{
  background-image: url("../images/contract-bg.png");
  background-size: cover;
  margin-bottom:10px;
  font-size: 18px;
}
.menu-ss{
  background-image: url("../images/ss-bg.png");
  background-size: cover;
  margin-bottom:10px;
  font-size: 18px;
}
.menu-outdoor{
  background-image: url("../images/outdoor-bg.png");
  background-size: cover;
}
.menu-offer{
  background-image: url("../images/offer-bg.png");
  background-size: cover;
}
.owl-prev{
    position: absolute;
    top:35%;
    left: 0;
    background-image: url("../images/prev.png");
    background-position: contain;
    background-repeat: no-repeat;
    width: 120px;
    height: 240px;
  }
  .owl-next{
    position: absolute;
    top:35%;
    right: 0;
    background-image: url("../images/next.png");
    background-position: contain;
    background-repeat: no-repeat;
    width: 120px;
    height: 240px;
  }



/**********Main Page***********/
.main-page-text{
  position: absolute;
  bottom: 20%;
  z-index: 2000;
  left: 24%;
}
.main-page-logo{
  position: absolute;
  top: 10%;
  z-index: 2000;
  left: 53%;
}
/**********Main Page***********/

.wf-right-menu li a, .contract-right-menu li a, .design-right-menu li a, .profile-right-menu li a,.ss-right-menu li a, .design-menu li a, .floor-menu li a, .con-menu li a, .ss-menu li a{
  padding-bottom: 1px;
}
@media(min-width: 768px){
  .wf-right-menu li a, .contract-right-menu li a, .design-right-menu li a, .profile-right-menu li a,.ss-right-menu li a{
    font-size: 16px !important;
  }
}
@media(min-width: 1440px){
  #main-nav a {
    font-size: 14.5px !important;
  }
  #main-nav > ul > li > .sub-nav > li a {
    font-size: 15px !important;
  }
}

@media(max-width: 767px){
  /*.owl-prev, .owl-next{
    display: none !important;
  }*/
  .navbar-brand img{
    width: 60%;
    margin-top: -30px;
  }
}
.social-icons li a{
  font-size: 20px;
  color: #fff;
  text-decoration: none;
}
.right-menu, .wf-right-menu, .contract-right-menu, .design-right-menu, .profile-right-menu{
  background-color: rgba(0,0,0,.2);
  padding: 10px;
  border-radius:5px;
  margin:0 auto;
  /*position: absolute;
  top:2.5%;*/
  
  /*z-index: 100000;*/
}
.wf-right-menu, .contract-right-menu, .design-right-menu, .profile-right-menu,.ss-right-menu{
  background-color: rgba(0,0,0,.2);
  padding: 10px;
  border-radius:5px;
  margin:0 auto;
  position: absolute;
  top:2.5%;
  
  z-index: 100000;
  text-align: center;
}

.profile-right-menu{
  left: 22%;
}
.design-right-menu{
  left: 32%;
}
.contract-right-menu{
  left: 28%;
}
.wf-right-menu{
  left: 10%;
}
.ss-right-menu{
  left: 10%;
}


.ss-right-menu{
	background-color: rgba(0,0,0,.2);
	padding: 10px;
  border-radius:5px;
  margin:0 auto;
}
.main-right-menu{
  padding: 10px;
  margin:0 auto;
}
.right-menu li a{
  color:#fff;
  text-decoration: none;
  font-size: 13px;
}
.wf-right-menu li a{
  color:#fff;
  text-decoration: none;
  font-size: 13px;
}
.profile-right-menu li a{
  color:#fff;
  text-decoration: none;
  font-size: 13px;
}
.ss-right-menu li a{
  color:#fff;
  text-decoration: none;
  font-size: 13px;
}
.contract-right-menu li a{
  color:#fff;
  text-decoration: none;
  font-size: 13px;
}
.design-right-menu li a{
  color:#fff;
  text-decoration: none;
  font-size: 13px;
}
.main-right-menu li a{
  color:#000;
  text-decoration: none;
  font-size: 20px;
}
.right-menu li.active a,
.right-menu li a:hover{
  border-bottom: 4px solid #5a3304;
}
.wf-right-menu li.active a,
.wf-right-menu li a:hover{
  border-bottom: 4px solid #58411b;
}
.profile-right-menu li.active a,
.profile-right-menu li a:hover{
  border-bottom: 4px solid #ed1651;
}
.ss-right-menu li.active a,
.ss-right-menu li a:hover{
  border-bottom: 4px solid #1e6477;
}
.contract-right-menu li.active a,
.contract-right-menu li a:hover{
  border-bottom: 4px solid #231f20;
}
.design-right-menu li.active a,
.design-right-menu li a:hover{
  border-bottom: 4px solid #a6ce39;

}
.design-menu li a:hover{
  border-bottom: 4px solid #a6ce39;
}

.floor-menu li a:hover{
  border-bottom: 4px solid #58411b;
}

.con-menu li a:hover{
  border-bottom: 4px solid #231f20;
}

.ss-menu li a:hover{
  border-bottom: 4px solid #1e6477;
}


.i-design-menu:hover{
  border-bottom: 4px solid #a6ce39;
}

.i-floor-menu:hover{
  border-bottom: 4px solid #58411b;
}

.i-con-menu:hover{
  border-bottom: 4px solid #231f20;
}

.i-ss-menu:hover{
  border-bottom: 4px solid #1e6477;
}

/*.main-design-menu > a{
  color: #a6ce39 !important;
}

.main-floor-menu  > a{
  color: #58411b !important;
}

.main-cont-menu > a{
  color: #231f20 !important;
}

.main-ss-menu > a{
  color: #1e6477 !important;
}*/



.design-right-menu-m li a{
  color: #fff;
}
.design-right-menu-m{
  background-color: rgba(0,0,0,0.2);
  border-radius: 5px;
}
.wf-right-menu-m li a{
  color: #fff;
}
.wf-right-menu-m{
  background-color: rgba(0,0,0,0.2);
  border-radius: 5px;
}
.ss-right-menu-m li a{
  color: #fff;
}
.ss-right-menu-m{
  background-color: rgba(0,0,0,0.2);
  border-radius: 5px;
}
.contract-right-menu-m li a{
  color: #fff;
}
.contract-right-menu-m{
  background-color: rgba(0,0,0,0.2);
  border-radius: 5px;
}
.design-right-menu-m li.active a,
.design-right-menu-m li a:hover{
  border-bottom: 2px solid #0d9807;

}
.wf-right-menu-m li.active a,
.wf-right-menu-m li a:hover{
  border-bottom: 2px solid #61441e;

}
.ss-right-menu-m li.active a,
.ss-right-menu-m li a:hover{
  border-bottom: 2px solid #1d4565;

}
.contract-right-menu-m li.active a,
.contract-right-menu-m li a:hover{
  border-bottom: 2px solid #453931;

}
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

.btm-logo{
  position: absolute;
  top:72%;
  right:3%;
  z-index: 2000;
}
.offer-btm-logo{
  position: absolute;
  bottom:40%;
  left: 29%;
  z-index: 2000;

}
.offer-btm-logo-m{
  position: absolute;
  top:20%;
  left: 27%;
  z-index: 2000;

}
.wf-btm-logo{
  position: fixed;
  bottom:15%;
  left: 45%;
  z-index: 2000;
}

.social-icons li{
  padding-right: 10px;
  padding-left: 10px;
}


@media(max-width: 480px){
  .profile-right-menu{
    
    left: 8%;
    /*width: 94%;*/
  }
  .design-right-menu{
    left: 19%;
  }
  .contract-right-menu{
    left: 7%;
  }
  .wf-right-menu{
    left: 8%;
    font-size: 12px;
    line-height: 18px;
    width: 83%;
  }
  .ss-right-menu{
    left: 6%;
    font-size: 12px;
    line-height: 18px;
    width: 88%;
  }
  .profile-right-menu li a{
      font-size: 11px;
  }
}

@media(min-width: 481px) and (max-width: 599px){
  .profile-right-menu{
    left: 25%;
  }
  .design-right-menu{
    left: 30%;
  }
  .contract-right-menu{
    left: 23%;
  }
  .wf-right-menu{
    left: 12%;
    line-height: 18px;
    width: 73%;
  }
  .ss-right-menu{
    left: 10%;
    width: 80%;
    line-height: 18px;
  }
}



@media(max-width: 767px){
  .down-arrow{
    display: none;
  }
  .right-menu{
    display: none;
    /*background-color: rgba(0,0,0,.9);
    padding: 10px;
    border-radius:0px;
    margin:0 auto;
    margin-top: 35px;*/
  }
  .main-right-menu{
    display: none;
  }
  /*.wf-right-menu, .contract-right-menu, .design-right-menu, .ss-right-menu, .profile-right-menu{
    display: none;
  }*/
  .owl-prev{
    top:22%;
  }
  .owl-next{
    top:22%;
  }
  /*#owl-demo, #carousel-example-generic{
    margin-top: 35px;
  }*/
  .mob{
    background-image: url("../images/left-bg.png");
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0 !important;
  }
  .btm-logo{
    width: 40%;
    bottom:18%;
  }
  .back-col{
    padding-left:20px;
  }
  .contract-back-col{
    padding-left:20px;
  }
  .doffer-back-col, .design-back-col{
    padding-left:20px;
  }
  .wf-back-col, .ss-back-col{
    padding-left:20px;
  }
  .main-page-logo{
    width: 40%;
    top: 10%;
    left: 25%;
  }
  .main-page-text{
    bottom: 15%;
    left: 13%;
  }
  .wf-btm-logo{
    position: fixed;
    bottom:20%;
    left: 17%;
    z-index: 2000;
    width: 70%;
  }
  .offer-btm-logo{
    position: absolute;
    top:25%;
    left: 25%;
    z-index: 2000;
    width: 40%;
  }
  .btm-logo{
    position: absolute;
    top:11.5%;
    right:3%;
    z-index: 2000;
  }
}
@media(min-width: 600px) and (max-width: 800px){
  .wf-btm-logo{
    position: fixed;
    bottom:50%;
    left: 17%;
    z-index: 2000;
    width: 70%;
  }
  .offer-btm-logo{
    position: absolute;
    top:35%;
    left: 30%;
    z-index: 2000;
    width: 40%;
  }
  .btm-logo{
    position: absolute;
    top:14%;
    right:3%;
    z-index: 2000;
  }
}
@media(min-width: 768px) and (max-width: 1023px){
   .btm-logo{
    width: 30%;
    bottom:8%;
  }
  .right-menu{
    margin-top: 35px;
    left:4.5%;
    /*width:90%;*/
  }
  .main-right-menu{
    margin-top: 35px;
    left:4.5%;
    /*width:90%;*/
  }

  .wf-right-menu{
    margin-top: 35px;
    left:18%;
    /*width:67%;*/
  }
  .profile-right-menu{
    margin-top: 35px;
    left:28%;
    /*width:44%;*/
  }
  .ss-right-menu{
    margin-top: 35px;
    left:20.5%;
    /*width:65%;*/
  }
  .design-right-menu{
    margin-top: 35px;
    left:37%;
    /*width:28%;*/
  }
  .design-right-menu-m{
    margin-top: 35px;
    left:4.5%;
    /*width:80%;*/
  }
  .wf-right-menu-m{
    margin-top: 35px;
    left:4.5%;
    /*width:90%;*/
  }
  .ss-right-menu-m{
    margin-top: 35px;
    left:4.5%;
    /*width:90%;*/
  }
  .contract-right-menu-m{
    margin-top: 35px;
    left:4.5%;
    /*width:90%;*/
  }
  .navbar{
    width: 33.35%;
  }
  .main-page-text{
    bottom: 25%;
    left: 13%;
  }
  .wf-btm-logo{
    position: fixed;
    bottom:58%;
    left: 50%;
    z-index: 2000;
    width: 40%;
  }
  .offer-btm-logo{
    position: absolute;
    top:36%;
    left: 30%;
    z-index: 2000;
    width: 40%;
  }
  .owl-next, .owl-prev{
    top:28%;
  }
  .btm-logo{
    position: absolute;
    top:25%;
    right:3%;
    z-index: 2000;
  }
  .navbar-nav {
    margin-top: 140px;
  } 
}
@media(min-width: 1024px) and (max-width: 1169px){
  .right-menu{
    left:10%;
  }
  .main-right-menu{
    left:10%;
  }
   .contract-right-menu, .design-right-menu{
    left:40%;
    /*width: 21%;*/
  }
  .wf-right-menu{
    left:25%;
   /* width: 51%;*/
  }
  .profile-right-menu{
    left:34%;
   /* width: 34%;*/
  }
  .ss-right-menu{
    left:28%;
    /*width:50%;*/
  }
  .wf-right-menu-m{
    margin-top: 35px;
    left:4.5%;
   /* width:90%;*/
  }
  .ss-right-menu-m{
    margin-top: 35px;
    left:4.5%;
    /*width:90%;*/
  }
  .contract-right-menu-m{
    margin-top: 35px;
    left:14.5%;
    /*width:70%;*/
  }
  .wf-btm-logo{
    position: fixed;
    bottom:50%;
    left: 45%;
    z-index: 2000;
    /*width: 40%;*/
  }
  .offer-btm-logo{
    position: absolute;
    top:40%;
    left: 30%;
    z-index: 2000;
    width:40%;
  }
  .btm-logo{
    position: absolute;
    top:43%;
    right:3%;
    z-index: 2000;
  }
  .owl-next, .owl-prev{
    top:30%;
  }
  .navbar-nav {
    margin-top: 140px;
  } 

}
@media(max-width: 479px){

  .main-page-text{
    bottom: 15%;
    left: 3%;
  }
  .wf-btm-logo{
    position: fixed;
    bottom:45%;
    left: 20%;
    z-index: 2000;
    width: 70%;
  }
  .offer-btm-logo{
    position: absolute;
    bottom:45%;
    left: 22%;
    z-index: 2000;
    width: 50%;

  }
  .btm-logo{
    position: absolute;
    top:8%;
    right:3%;
    z-index: 2000;
  }
  .top-list{
    margin-bottom:15px;
    padding: 0;
  }
  .offer-btm-logo{
    top:40%;
  }
}


#toTop{

	display:none;text-decoration:none;
	z-index:600;position:fixed;bottom:20px;
	right:20px;overflow:hidden;width:45px;height:45px;
	border:none;text-indent:-999px;
	background-image:url(../images/ui.totop.png);background-repeat:no-repeat;
	background-position:0 0;border-radius:4px;
	background-color: #5a401b;

}

#toTopHover{background-image:url(../img/ui.totop.png);background-repeat:no-repeat;background-position:left -45px;width:45px;height:45px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}

#toTop:active, #toTop:focus{outline:none;}

.item img{
	width: 100%;
}


 .ss-right-menu li, .contract-right-menu li, .wf-right-menu li, .design-right-menu li, .profile-right-menu li{
 	list-style: none;
 	display: inline-block;
 	text-align: center;
 }

@media(max-width: 479px){
	.des{
		display: none !important;
	}
	.owl-prev{
	    position: absolute;
	    top:30%;
	    left: 0;
	    background-image: url("../images/prev-m.png");
	    background-position: contain;
	    background-repeat: no-repeat;
	    width: 120px;
	    height: 240px;
	  }
	  .owl-next{
	    position: absolute;
	    top:30%;
	    right: 0;
	    background-image: url("../images/next-m.png");
	    background-position: contain;
	    background-repeat: no-repeat;
	    width: 50px;
	    height: 240px;
	  }
}

/*@media(min-width: 768px){
 
  .form-part > textarea{
    float: right !important; 
    width: 48%;
    margin: 1%;
  }
  .form-part > select, .form-part > input:not([type="submit"]):not([type="image"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]){
    float:  left !important;
    width: 48%;
    margin: 1%;
  }
  .form-part{
    display: table;content: "";
    clear: both;
  }
  .text-2{
    display: none;
  }



  .fm2 > textarea{
    float: right !important; 
    width: 48% !important;
    margin: 1%;
  }
  .fm2 > select,.fm2 > input, .form-part > input:not([type="submit"]):not([type="image"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]){
    float:  left !important;
    width: 48% !important;
    margin: 1%;
  }
  .fm2{
    display: table;content: "";
    clear: both;
  }
  
}*/
@media(max-width: 767px){
  .text-1{
    display: none;
  }
}

.fm2 { padding: 0; margin-top:10px !important; padding-bottom:26px !important;  }

.fm2 > textarea, .fm2 > select, .fm2 > input:not([type="submit"]):not([type="image"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {

 padding: 17px 18px; width: 100%; margin-bottom: 10px; border:1px solid #d8d8d8; text-align: left; font-style: normal; font-size: 16px; line-height: 20px; background:#fff;

}
.fm2 fieldset.fm2 { padding: 0; margin-top:10px; padding-bottom:26px;  }


.fm2 > textarea { height: 125px; resize: none; }

.fm2 > .input-wrapper { position: relative;  }
.fm2{
  position: relative;
}

@media(min-width: 768px){
  .fl{
    float: left;
    width: 48%;
  }
  .fr{
    float: right;
    width: 48%;
  }

}
.required-error{position:absolute; color:red;right:10px;font-size:12px;margin-top:-45px;}

.design-menu{
  background-color: rgba(0,0,0,.3);
  /*width: 31% !important;*/
  left: 36%;
  text-align: center;
  border-radius: 5px;
}
.floor-menu{
  background-color: rgba(0,0,0,.3);
  /*width: 75% !important;*/
  left: 12%;
  text-align: center;
  border-radius: 5px;
}
.con-menu{
  background-color: rgba(0,0,0,.3);
  /*width: 45% !important;*/
  left: 27%;
  text-align: center;
  border-radius: 5px;
}
.ss-menu{
  background-color: rgba(0,0,0,.3);
  /*width: 70% !important;*/
  left: 15%;
  text-align: center;
  border-radius: 5px;
}
@media (min-width: 1200px) and (max-width: 1365px){
  .design-right-menu {
      /*width: 17% !important;*/
      left:44%;
  }
  .wf-right-menu {
      /*width: 41% !important;*/
      left:31% !important;
      
  }
  .contract-right-menu {
      /*width: 22% !important;*/
      left:41%;
  }
  .ss-right-menu {
      /*width: 39% !important;*/
      left:32% !important;
  }
  .profile-right-menu{
     /*width: 27% !important;*/
      left:39% !important;
  }
  .fancybox-inner {
    height: 710px !important;
  }
}
@media (min-width: 1366px) and (max-width: 1439px){
  .design-right-menu {
      /*width: 16% !important;*/
      left:50%;
  }
  .wf-right-menu {
      /*width: 39% !important;*/
      left:40.5% !important;
      
  }
  .contract-right-menu {
      /*width: 21% !important;*/
      left:50%;
  }
  .ss-right-menu {
      /*width: 37% !important;*/
      left:42% !important;
  }
  .profile-right-menu{
      /*width: 25% !important;*/
      left:48% !important;
  }
  /*.fancybox-inner {
    height: 1280px !important;
  }*/
  .fancybox-inner {
    height: 560px !important;
  }
}

@media (min-width: 1440px) and (max-width: 1679px){
  .design-right-menu {
      /*width: 15% !important;*/
      left:50%;
  }
  .wf-right-menu {
      /*width: 37% !important;*/
      left:40% !important;
      
  }
  .contract-right-menu {
      /*width: 20% !important;*/
      left:50%;
  }
  .ss-right-menu {
      /*width: 35% !important;*/
      left:42% !important;
  }
  .profile-right-menu{
      /*width: 24% !important;*/
      left:48% !important;
  }
  .design-menu{
    left: 40%;
  }
  .floor-menu{
    left: 15%;
  }
  .con-menu{
    left: 30%;
  }
  .ss-menu{
    left: 18%;
  }
  .fancybox-inner {
    height: 815px !important;
  }
}



@media (min-width: 1680px){
  .design-right-menu {
      /*width: 13% !important;*/
      left:50% !important;
  }
  .wf-right-menu {
      /*width: 31% !important;*/
      left:43% !important;
      
  }
  .contract-right-menu {
     /* width: 17% !important;*/
      left:49% !important;
  }
  .ss-right-menu {
      /*width: 30% !important;*/
      left:42% !important;
  }
  .profile-right-menu{
       /*width: 21% !important;*/
      left:48% !important;
  }
  .design-menu{
    left: 40%;
  }
  .floor-menu{
    left: 15%;
  }
  .con-menu{
    left: 30%;
  }
  .ss-menu{
    left: 18%;
  }
  .fancybox-inner {
    height: 950px !important;
  }

}

@media (max-width: 1920px) and (min-width: 1700px){
  .design-right-menu {
      /*width: 12% !important;*/
      left:50%;
  }
  .wf-right-menu {
      /*width: 27% !important;*/
      left:43% !important;
      
  }
  .contract-right-menu {
      /*width: 15% !important;*/
      left:49%;
  }
  .ss-right-menu {
      /*width: 26% !important;*/
      left:44% !important;
  }
  .profile-right-menu{
      /*width: 18% !important;*/
      left:48% !important;
  }
  .design-menu{
    left: 42%;
  }
  .floor-menu{
    left: 24%;
  }
  .con-menu{
    left: 35%;
  }
  .ss-menu{
    left: 27%;
  }
  .fancybox-inner {
    height: 975px !important;
  }
  /*.fancybox-wrap {
    height: 1030px !important;
  }*/
 
}
.fancybox-wrap{
  bottom: 45px !important;
}

.btm-design-menu a:hover{
  color:#a6ce39 !important;
}
.btm-wf-menu a:hover{
  color:#58411b !important;
}
.btm-c-menu a:hover{
  color:#453931 !important;
}
.btm-ss-menu a:hover{
  color:#1e6477 !important;
}

.down-arrow-d{
  left: 49% !important;
}

@media(min-width: 768px){
  .btm-menu-part{
    float: left;
    width: 60%;
  }
  .btm-next-part{
    float: right;
    /*width: 35%;*/
  }
}