@font-face {
    font-family: 'oswald';
    src: url('../fonts/oswald-light.eot');
    src: url('../fonts/oswald-lightd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-light.html') format('woff2'),
         url('../fonts/oswald-light.woff') format('woff'),
         url('../fonts/oswald-light-2.html') format('truetype'),
         url('../fonts/oswald-light.svg#oswald') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'opensans';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regulard41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular.html') format('woff2'),
         url('../fonts/opensans-regular.woff') format('woff'),
         url('../fonts/opensans-regular-2.html') format('truetype'),
         url('../fonts/opensans-regular.svg#opensans') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{margin: 0px 0px 10px 10px;padding: 10px;font-family: "oswald",arial; line-height: 1.2em; letter-spacing: 1.1px;}
a{color:#7986CB;}
.header-language-background{display:none;}
#wrapper{margin: 0 auto;width: 1200px;}
.inner-wrap{box-shadow: 0 0 4px #fffff; float: left;width: 100%; }
.header{float: left;margin:0 3%;padding:0; width: 94%;}
.logo{ float: left;margin: 0; padding: 0;width: 40%;}
.logo h2{color: #cc9900; font-family: "oswald",arial;font-size: 64px;font-weight: normal;margin: 15px 0 0;text-align: center;}
.logo h4{color: #333; font-family: "oswald",arial;font-size: 36px;font-weight: normal;margin: 0;
padding: 20px 0 10px;position:relative; text-align: center; z-index:100;}

.menu{float: right;margin: 0 2% 0 0;width:46%;}
.menu ul, .menu ol{list-style: none;margin:0;padding:0;}
.menu ul li, .menu ol li{display: inline;float:left;margin: 0 0.5%;width:32%;}
.menu ul li:hover, .menu ol li:hover{background: #EE722E;}
.menu ul li.active, .menu ol li.active{background: #EE722E;}
.menu ul li a, .menu ol li a{color: #000; float: left;font-family: "oswald",arial;font-size:18px;font-weight:normal;
letter-spacing: 2px;padding:15px 0;text-decoration: none;text-transform:capitalize; text-align:center; width:100%;}
.menu ul li:hover a, .menu ol li:hover a{color: #fff;}
.menu ul li.active a, .menu ol li.active a{color: #fff;}
.location{position:relative; display: none;}
.location span{font-family: "oswald"; font-size: 12px; position: absolute; right: 5px; top: 60px;}


.banner{float: left; width: 100%;}
.banner-img{float: left;position:relative; width:100%;}
.banner-img img{
    float: left;
    width: 580px;
    padding-top: 50px;
    /*margin-left: 80px;*/
   ;
}
.table-img img{
    /*float: left;
     margin-left: 250px; */
    margin: auto;
    width: 80%;
    padding-top: 20px;
    

   ;
}
.banner-content{background:none !important; float: left;position:absolute; margin:0 0 0 3%;
right:5%; width: 34.5% !important; color:#696969;top:0;}
.banner-content p{color: #63615e;float: left;font-family: "Georgia","serif"; font-size: 16px;font-style: italic;
line-height: 24px;margin:0;padding:0; text-align: right;}
.banner-content h3{font-weight:normal;color: #696969;font-family: "oswald",arial; font-size:30px;margin: 10% 0 3%;}
.container{float: left;width: 100%;}
.container-row1{/*box-shadow:0 0 10px rgba(0, 0, 0, 0.1);*/ float: left;margin: 5% 3% 8%;width: 97%;}
.welcome{ /*box-shadow:0 0 10px rgba(0, 0, 0, 0.1);*/ float: left; width: 30%; /*margin: 1% 0;*/background:#fff; margin-left: -3%;}
.welcome h3{font-family: "oswald",arial;font-size: 34px;font-weight: normal;letter-spacing: 2px;
text-align: center; border-bottom: 1px double #fff; margin:3% 3% 10% 5%;padding:2px 0; width: 90%; color: #EE722E;}
.welcome p{font-family: "oswald",arial;font-size: 17px;line-height:30px; margin: 3% 2%;padding: 0;color:#616161; text-align:justify;}
.welcome ul li{font-family:oswald;font-size: 17px;margin: 5px 2%;padding: 0;width: 96%;color:#000;}
ul.messages{float:left;width:100%;color:red;list-style-type: none;}
ul.messages ul{list-style-type: none;}

.remodel{/*box-shadow:0 0 10px rgba(0, 0, 0, 0.1);*/ float: left;width: 40%;margin: 0 1%;}
.remodel h3{color: #EE722E;font-family: "oswald",arial;font-size: 34px;font-weight: normal;letter-spacing: 2px;
text-align: center; /*border-bottom: 1px double #c6c5c5;*/ margin: 3% 5%;padding:2px 0; width: 90%;}
.remodel p, .remodel ul,.gift-solution p{color: #616161;font-family:  "oswald",arial;font-size: 17px;line-height:30px; margin: -4px 2%;padding: 0;width: 96%;
/*word-spacing: 5px;*/text-align:justify;}
.remodel ul{padding-left:3%;}

.promise{ /*box-shadow:0 0 10px rgba(0, 0, 0, 0.1);*/ float: left; width: 25%; margin: 0% 0;background:#fff; margin-left: 3%;}
.promise h3{font-family: "oswald",arial;font-size: 34px;font-weight: normal;letter-spacing: 2px;
text-align: center; border-bottom: 1px double #fff; margin:3% 3% 8.4% 5%;padding:2px 0; width: 90%; color: #EE722E;}
.promise p{font-family: "oswald",arial;font-size: 17px;line-height:30px; margin: 12% 2%;padding: 0;color:#616161; text-align:justify;}
.promise ul li{font-family:oswald;font-size: 17px;margin: 5px 2%;padding: 0;width: 96%;color:#000;}

.gift-solution{/*box-shadow:0 0 10px rgba(0, 0, 0, 0.1);*/ float: left;margin: 0;padding: 0; width: 100%;}
.gift-solution h3{color: #EE722E;font-family: "oswald",arial;font-size: 34px;font-weight: normal;letter-spacing: 2px;
text-align: center;  /*border-bottom: 1px double #c6c5c5;*/ margin: 3% 5%;padding:2px 0; width: 90%;}
.img_border {
    border: 6px solid #ffffff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.12);
    float: right;
    height: 159px;
    margin: 13px 20px 0 0;
    width: 248px;
}
.img_border img{float:left;margin:1% 2%;padding:0;width:96%;}
.footer{background: #696969;float: left;width: 100%;}
.foot-links{border-bottom: 1px solid #999;float: left;margin: 1% 3%; width: 94%;}
.foot-links ul{ list-style: none;float: left;margin:0px;padding: 0; width: 86%;}
.foot-links ul li{display: inline;float: left;margin: 0;padding: 5px 10px;}
.foot-links ul li a{color: #ffffff;font-family: tahoma; font-size: 12px;text-decoration: none;}
.foot-links ul li:first-child{border-bottom: 2px solid #999;}
.foot-links ul li:first-child a{font-family: "oswald",arial;font-size: 16px;}
.social-media{float: right;width: 14%;}
.social-media a{float: left; height: 20px;margin: 0 0 0 20px; text-decoration: none;width: 20px; background: brown url("../images/spice-social-gadget-sprite.png") no-repeat scroll -41px center;/*border: 1px solid #402F25;*/display: block;height: 40px;text-indent: -99999px;width: 43px;border-radius: 50%;border:3px solid #D1D1D1;}

.social-media a.fb{ background-position:-20px -104px;}
/*.social-media a:hover.fb{background: url(../images/fb-hover.png) no-repeat;}*/
.social-media a.twitter{background-position: -691px -103px;}
/*.social-media a:hover.twitter{background: transparent url("../images/social-media-icons.png") no-repeat scroll -42px -31px / 190px auto;}*/
.social-media a.linkedin{background-position: -356px -107px;}
/*.social-media a:hover.linkedin{background: transparent url("../images/social-media-icons.png") no-repeat scroll -156px -31px / 190px auto;}*/
.social-media a.blogs{background-position:-524px -105px;}
.banner-img .social-media{left: 0px;position: absolute;top: 34%;}
.banner-img .social-media a{clear:both;margin:0px 0px 8px 20px;border:3px solid #D1D1D1;}

.copyright{float: left;margin: 0 3%; width: 94%;}
.copyright p{color: #414247;font-family: tahoma; font-size: 12px;margin: 0 0 10px;padding: 0; text-decoration: none;}

/*Services page start here*/
.service{float:left;margin:0 4%;padding:0;width:92%;}
.service p{text-align:justify;}
.our-service{float:left;margin:0; width:70%;}
.our-service h3{color:#EE722E; font-family: "oswald",arial;font-size: 34px;font-weight:normal;text-align:center;}
.our-service h3 span{border-bottom:1px double #EE722E;padding:5px 10px; margin: 0px 0px 0px 20px;}
.our-service .left-section{float:left;margin:0 2%;width:46%;}
.our-service .left-section h4{color: #EE722E;
  font-family: "oswald",arial;
  font-size: 34px;
  font-weight: normal;
  text-align: center;}
.our-service .left-section p{font-family: oswald;  font-size: 17px;  line-height: 30px;  margin: 5px 2%;  padding: 0;  width: 96%;  color: #616161;  text-align: justify;}
.our-service .right-section{float:left;margin:0 2%;width:46%;}
.our-service .right-section h4{color: #696969;
  font-family: "oswald",arial;
  font-size: 34px;
  font-weight: normal;
  text-align: center;}
.our-service .right-section p{font-family: oswald;  font-size: 17px;  line-height: 30px;  margin: 5px 2%;  padding: 0;  width: 96%;  color: #616161;
  text-align: justify;}
.our-promise{float:left;margin:0 2%;width:26%;}
.our-promise ol{font-family: oswald;
  font-size: 15px;
  line-height: 30px;
  margin: 5px 2%;
  padding: 0;
  width: 96%;
  color: #616161;
  text-align: justify;}
/*.our-promise ol li{padding-bottom:5px;}
.our-promise h3{border-bottom:1px double #C6C5C5;color:#696969; font-family: "oswald",arial;font-size: 34px;font-weight:normal;padding:5px 10px;text-align:center;}
.our-promise h4{color:#696969; font-family: "oswald",arial;font-size: 34px;font-weight:normal;padding:5px 10px;text-align:center;}
.our-promise p{font-family: oswald;font-size: 17px;line-height: 30px;margin: 5px 2%;padding: 0px;color: #616161;text-align: justify;}*/

.contact{float:left;margin:0;padding:4%;width:92%;    background: none repeat scroll 0% 0%; background-color: #ffffff}
.contact-detail{float:left;margin:0 2%;padding:30px 30px 10px; width:25%;background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.15);}
.contact-detail h3{/*border-bottom: 1px double #c6c5c5;*/ color: #EE722E; font-family: "oswald",sans-serif;
font-size: 30px;font-weight: 300;margin:0;}
.contact-detail p{color: #696969;font-family: "Oswald",sans-serif;font-size: 16px; font-weight: 200;text-align: justify;}
.contact-form{border-left:1px solid #eaeaea; float:left;margin:0;padding:30px 30px 10px;width:45%;background:none repeat scroll 0% 0% rgba(255, 255, 255, 0.15);}
.contact-form h3{/*border-bottom: 1px double #c6c5c5;*/ color: #EE722E; font-family: "oswald",sans-serif;
font-size: 30px;font-weight: 100;margin:0;}
.form-data{float:left;margin:0;padding:0 0 10px; width:80%;}
.form-data label{color: #696969; float: left; font-size: 18px; margin: 0; padding: 5px 0; width: 100%;  font-family:"oswald",arial;}
.form-data input[type="text"]{border: 1px solid #EE722E; float: left;padding: 10px;width: 95%;background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.5);color:#696969; font-size: 15px;}
.form-data textarea{border: 1px solid #EE722E;float: left;padding: 4px 5px;width: 97%;background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.5);color: #696969; font-size: 15px;}
.form-data button{border:0;background: #EE722E;color:#fff; margin:0;padding:5px 10px;width:50%;height:50px; font-family:"oswald",arial;font-size: 20px;}
.form-data button span span{font-weight: bold;font-size: 16px;}
.form-data select{float:left;width:59%;padding:10px;background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);color: #fff;border:none;font-family: oswald;}
.gender {float: left;width: 55%;background:rgba(0, 0, 0, 0.5);padding: 10px 0px 10px 10px;}
.gender label{float:left;margin:0px 13px 0px 5px;padding:0;width:auto;}
.gender input[type="radio"]{float:left;margin:3px 5px 0 0;}
.form-data label span {color: #ff0000;left: 3px; position: relative; top: 3px;font-family: Tahoma, Geneva, sans-serif;}

.page-description {float: left;width: 100%;color: #696969;font-family: Tahoma, Geneva, sans-serif;}
.page-description p{margin-top:0;font-family:oswald;font-size:20px;}
.contact-form .contact-form-field-divider{width: 48%;float: left;margin: 0px 2% 0px 0px;}
.banner-img iframe{margin: 4% 0px 0px 5%;width:50%;}
.banner-text span{font-family: "Georgia","serif"; padding-top: 50px;}
.startnow{   float: left;  width: 100%;   }
.startnow a{ background-color: #EE722E;border-color: transparent;color: #fff;text-decoration: none;padding: 3% 10%;font-family:"oswald",arial;}
.category-title h1{display:none;}
#backTop{border-color: transparent;color: #fff;text-decoration: none;padding:1% 3% 0.8%;font-family:"oswald",arial;background:#EE722E;border-radius:0 85px;}
.postrequirement{width: 1200px;text-align: right;position: fixed;top: 0px;float: left;background:rgba(69, 69, 69, 0.7);padding: 8px 0;}

/*  --------------------------RESPONSIVE DESIGN--------------------------  */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
.welcome{width:100%;}
.remodel{width:100%;}
.form-data input[type="text"]{width:92%;}
}
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
/*.contact-form .contact-form-field-divider{width: 100%;}*/
#wrapper{width:100%;}
.logo{width: 100%;margin:0;}
.logo h2{font-size:2.5em;}
.logo h4{font-size:1.25em;}
.menu {margin: 0; width: 100%;}
.menu ul {float:left; margin: 3% 0; padding: 0;  width: 100%;}
.foot-links ul li:first-child{border-bottom: none;}
.banner-content {background:rgba(255, 255, 255, 0.5); margin: 2% 1% 0;padding-top: 20%;position: absolute; width: 75%;text-align:center;}
.banner-content p{/*font-size: .75em;*/line-height:20px;font-weight:normal; text-align:center;margin: 0 0 8%;}
.banner-img img {float: left;max-width: 100% !important;}
/*.welcome{width:100%;}
.remodel{width: 100%;margin:0;}
.gift-solution{width: 100%;}*/
.foot-links ul{width: 100%;}
.foot-links ul li{padding: 5px;}
.social-media {margin: 2% 0 4%; width: 100%;}
.social-media a{margin: 0px 0px 0px 18px;}

.our-service{width:100%;}

.our-service .left-section{width:96%;}
.our-service .right-section{width:96%;}
/*.our-promise{width:100%;}*/
.service img{width:100%;height:auto;}
.table-img img{margin-left:0;}
.contact-detail{width:98.5%;}
.contact-form{border-left:none;padding:0 2%;width:96%;}
.form-data{width:100%;}	
.contact-form h3{font-size: 30px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.logo{width:35%;}
.menu{width:46%;}
.menu ul{margin:0;}
.welcome {width: 100%;}
.welcome h3{font-size:1.8em;}

.remodel {/*margin: 0 2%;*/ width: 100%;}
.remodel h3{font-size:1.8em;margin:3% 1%;width:98%;}

.gift-solution{width:100%;}
.img_border{margin:0;padding:2%; width:88%;}
.img_border img{width:100%;}
.gift-solution h3{font-size:1.8em;margin:3% 1%;width:98%;}
.our-service{width:100%;}
.our-promise{width:30%;}
.foot-links ul{width:60%;}
.social-media{width:40%;margin:0% 0px 1%;}
.contact-detail { width: 30%;}
.contact-form {/*border-left: 1px solid #eaeaea;*/padding: 30px 30px 10px; width: 45%;}
.banner-img img {float: left;max-width: 45% !important;}
.banner-content{margin:10% 1% 0px;}

}
@media only screen and (max-width : 768px) {
.welcome { margin-top:3%;}
.banner-content h3{font-size:1.25em;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
#wrapper{margin: 0 auto;width: 1200px;}
.logo{width:480px;}
.logo h2{font-size: 64px;}
.logo h4{ font-size: 36px;}
.menu {margin: 0 2% 0 0; width: 46%;}
.banner-content{margin: 8% 0 0 3%;position: absolute;}
.banner-content p{font-size: 16px;line-height: 24px;text-align: center;}
.welcome{width: 32%;}
.welcome h3{font-size: 30px;}
.remodel {margin: 0% 0% 0% 2%; width: 40%;}
.remodel h3{font-size: 30px;}
.gift-solution { width: 32%;}
.gift-solution h3{font-size: 30px;}
.img_border img{width:96%;}
.foot-links ul{width:75%;}
.foot-links ul li{padding: 5px 10px;}
.social-media {/*float: left*/;width: 25%;}
.our-service{width:100%;}
.our-service .left-section{width: 46%;}
.our-service .right-section{width: 46%;}
.service img{width:35%;}
.table-img img{width:80%; margin-left:100px;}
}
.contact-detail p a{color:#F1C40F;}

@media screen and (max-width: 1024px) {
.contact-detail{margin-left:0;padding:30px 0 10px 5px;margin-bottom:15px;}
.contact-form{padding-top:28px;}
.our-promise ol{padding-left: 5%;}
}
@media screen and (max-width: 1024px) {
.startnow{   float: left;  width: 100%;  margin-top: 7%; position: relative;left: 0;top: 0;}
.startnow a{ background-color: #EE722E;border-color: transparent;color: #fff;text-decoration: none;padding: 3% 4%;font-family:"oswald",arial;}
}
@media screen and (max-width: 767px) {
.banner-img .social-media{margin-left:0;}
}
@media screen and (max-width: 640px) {
     .banner-img iframe{width:92%;}
    .location span{top:35px;display:none;}
	.welcome,.remodel,.our-promise{width:100%;}
	.our-promise ol{padding:0;}
.banner-content {background:rgba(255, 255, 255, 0.5);	margin: 1% 2% 0; padding: 5%;position: relative; width: 98% !important; height:auto; overflow:visible;}
.startnow{   float: left;  width: 100%;  margin-top: 7%; position: relative;left: 0;top: 0;}
.startnow a{ background-color: #EE722E;border-color: transparent;color: #fff;text-decoration: none;padding: 3% 4%;}

	
}
@media screen and (max-width: 480px) {
    .location span{top:35px;font-size: 7px;}
	.banner-img iframe {width:92%;margin: 4% 0px 0px 5%;}
	.welcome,.remodel,.our-promise, .promise{width:100%;}
	.our-promise ol{padding:0;}
.banner-img .social-media{margin-left:-2.5%;top:0;}
	
}

@media screen and (max-width: 320px) {
.banner-img .social-media{margin-left:-4.5%;}
}

.validation-advice{color:red;font-family:Tahoma,Geneva,sans-serif;font-size:14px;}
.nav-mobile-primary{display:none;}
 
@media only screen and (min-width : 320px) and (max-width : 670px) {
    .contact-form .contact-form-field-divider{width: 100%;}
    .nav-mobile-primary {
      position: absolute;
      float: left;
      z-index: 99;
      background-color: #e8e8e8;
      width: 100%;
      opacity: 0.9;
    }
    .nav-mobile-primary, .nav-primary{
        display: none;
    }
    .nav-mobile-primary li{
        width: 100%;
        border-bottom: 1px solid #bdbdbd;
    }
    .logo {
      width: 100%;
      margin: 0;
      float: right;
    }
    .logo h2 {
      font-size: 2em;
    }
    .logo h4 {
      font-size: 1em;
    }
    .mob-menu {
      width: 40px;
	  position: relative;
	  vertical-align: bottom;
	  left: 15px;
	  height: 50px;
	  background-image: url(../images/mob_menu.png);
	  background-repeat: no-repeat;
	  display: inline-block;
    }
    .logo_text{
        display: inline-block;
        margin-left: 15%;
    }
    .menu ol li{
        width: 100%
    }
    .header {
      float: left;
      margin: 0px 0%;
      padding: 0;
      width: 100%;
    }
}

@media only screen and (min-width : 720px) and (max-width : 1440px) {
    .nav-mobile-primary{
        display: none;
    }
    .nav-primary{
        display: block;
    }
    .contact-form .contact-form-field-divider{width: 100%; float: left; margin: 0 2% 0 0; }
}