/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
 @font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
 
 

body {
    width: 100%;
    height: 100%; 
	font-family:'Roboto';
	background:#fff;
}

html {
    width: 100%;
  /*  height: 100%; */
}


.intro-section {
	min-height:100%;
    text-align: center;
    background: #fff;
	min-height:480px;
	background: url('../img/landing-bg-dsktop.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  background-attachment: scroll;
  width:100%;
	}

.intro-section h3{
color:white;
position:absolute;
top:72%;
text-align:center;
left:50%;
font-size:35px;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
font-family: 'Roboto', sans-serif;
font-weight:100;
}

#scroll-down{
position:absolute;
 top:85%; 
 left:50%; 
 width:110px; 
 height:85px; 
 margin-left:-55px;
   -webkit-animation: downup 6s infinite; /* Safari 4+ */
  -moz-animation:    downup 6s infinite; /* Fx 5+ */
  -o-animation:      downup 6s infinite; /* Opera 12+ */
  animation:        downup 6s infinite; /* IE 10+, Fx 29+ */
  
}

@-webkit-keyframes downup {
	0%, 100% {-webkit-transform: translateY(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-5px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateY(5px);}
}

@-moz-keyframes downup {
	0%, 100% {-webkit-transform: translateY(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-5px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateY(5px);}
}

@-ms-keyframes downup {
	0%, 100% {-webkit-transform: translateY(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-5px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateY(5px);}
}

@-o-keyframes downup {
	0%, 100% {-webkit-transform: translateY(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-5px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateY(5px);}
}

@keyframes downup {
	0%, 100% {-webkit-transform: translateY(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-5px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateY(5px);}
}




.search-section {
	position:relative;
    height: 100%; 
	min-height:480px;
	padding-bottom:150px;
    text-align: center;

}
   
   .headline{
 font-weight: 100;
  color: #777777;
  font-size: 72px;
  font-style: italic;
  text-transform: uppercase;
  margin-bottom:20px;
  text-shadow: -1px 1px 1px rgba(150, 150, 150, 0.8);
   }
 
 
 /*======================================================== 17-3 ========================================================*/
   #link-container{
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%,-50%);
	  -moz-transform: translate(-50%,-50%);
	  -o-transform: translate(-50%,-50%);
	  -ms-transform: translate(-50%,-50%);
	  transform: translate(-50%,-50%);
	}
	 
  #link-container p{
   color: #777777;
  }
   
  #search-btn{
  width: 500px;
  height: 60px;
  font-size: 24px;
  font-weight: bolder;
  font-family: 'Roboto Slab';
  padding-top: 14px;
 }
   
.sell-section{
    height: 100%;  
    padding-top: 75px; 
    padding-bottom:150px; 
    text-align: center;
    background: #fff;
	min-height:480px;
}

/* use of ID for background images */

#search {
   background-image: url('../img/sell-bg.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size:cover;
  background-size: cover;
}

.hiw-section{
  height: 100%;  
  padding-top: 75px;  
  padding-bottom:250px; 
  text-align: center;
  background: #eee;
  min-height:480px;
}

.wr-section{
    height:100%;  
    padding-top: 75px; 
    padding-bottom:150px;  
    text-align: center;
    background: #fff;
	min-height:480px;
}

.about-section {
     height: 100%; 
     padding-top: 75px; 
	 padding-bottom:150px; 
     text-align: center;
     background: #eee;
	 min-height:768px;
}

.about-section .about-wrapper{
text-align:left;
font-weight:400;
font-size:13px;
}

.about-wrapper h3{
font-weight:400;
}


.contact-section {
position:relative;
     height: 100%;  
     padding-top: 0px;
	 padding-bottom:0px; 	 
    text-align: center;
    background: #fff;
	min-height:480px;
	opacity:0;
	-webkit-transition: opacity 1s ease 1s;
	-moz-transition: opacity 1s ease 1s;
    -ms-transition: opacity 1s ease 1s;
	-o-transition: opacity 1s ease 1s;
	transition: opacity 1s ease 1s;
	}



form{
/* min-width:320px; */
background: #fff;
}

legend{
			padding-top: 8px;
  height: 45px;
  background-color: #169F49;
  color: #fff;
  font-family: 'Roboto';

		}

.carousel-control.left,.carousel-control.right{	background: none;}	
		
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev , .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
  margin-left: -15px;
  color: black;
  font-size:85px;
}
	
.navbar.navbar, .navbar-default.navbar{
background-color:#169F49;

}
.navbar-nav {
  float: none;
  margin-left:300px;
  
}

.smaller-img{
width:150px;
height:75px;

}

.btn-primary:not(.btn-link):not(.btn-flat), 
.btn.btn-default.btn-primary, 
.btn-primary:hover:not(.btn-link):not(.btn-flat){
  background-color: #169F49;
  color: rgba(255, 255, 255, 0.84);
  font-family:'Roboto slab';
}



.navbar-nav > li > a {
   font-family:'Roboto Slab';
  font-weight:400;
}



.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #169F49;
	text-decoration:underline;
  font-family:'Roboto Slab';
  font-weight:700;
}

.form-control {
  border: 0;
  background-image: linear-gradient(#169F49, #169F49), linear-gradient(#d2d2d2, #d2d2d2);
  background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(100% - 1px);
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0);
}
			
	#sell-form-container{
	  padding-top: 15px;
}
 
	.form-horizontal .control-label{
		text-align:left;
		padding-left:0px;
	}
		
	.caraousel-caption .steps, .caraousel-caption .steps-desc{
	text-shadow:none;
	}	
		
  .step-desc span{
  font-weight:bold;
  font-style:italic;
  }

  .carousel-caption{
position:relative;
padding-top:100px;
padding-left:100px;
color:#777777;
}
  
  
  .carousel-caption .steps {
  text-align: left;
  font-weight: 700;
  font-size: 46px;
  font-family: 'Roboto Slab';
  font-style: italic;
  text-shadow: none;
color: #777777;
}

.carousel-caption .step-desc {
  font-size: 28px;
  text-align: left;
  font-family: 'Roboto';
  text-shadow: none;
  font-weight: 300;
  font-size: 18px;
}

#wr-head{
	margin-bottom:-25px;
	}

.form-group{
  margin-bottom:5px;
  } 
  
  #map_canvas{
  height:350px;
  margin-bottom:50px;
  }
  
  #map_canvas img{
	max-width: none !important;
  }
  
  .address-container{
  width:300px;
  text-align:left;
  margin:0 auto;
  float:right;
  }	

  #contact-form-container .form-group{
     margin-bottom:21px;
  } 

  
	.loading{
	position:absolute;
	z-index:5;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background:white; 
	height:100%; 
    overflow:hidden;
	}	
	
	#contact-head{
	 margin-bottom:35px;
	}
	
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 250%);
  -ms-transform: translate(0, 250%);
  -o-transform: translate(0, 250%);
  transform: translate(0, 250%);
}
	
	#footer { height: 100px; }
	
	#fullpage{
	height:100%;
	min-height:100%;
	}
	
	
	.slide-control{
	width: 40px;
  height: 75px;
	}
	
	.slide-control#left-slide{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg); 
	-ms-transform:rotate(180deg); 
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	margin-top:215px;
	
	}
	
	.slide-control#right-slide{ 
	margin-top:215px;
	}
	#myCarousel2 .slide-control{
	margin-top:250px;
	}
	
	.navbar-brand{
margin-top:-8px;
padding-top:0px;
}
	
#map-canvas img {
  max-width: none;
}	
	
	
/* =========================================== Min-width 767px =========================================================================================== */ 
		
@media(min-width:767px) {

body{
overflow-x:hidden;
}

    .navbar {
        padding: 10px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev , .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
  margin-left: -15px;
  color: black;
  font-size:85px;
}
		
.carousel-indicators li{border: 1px solid black;}

.carousel-indicators {bottom: 15px;}
		
.carousel-caption{
position:relative;
padding-top:100px;
padding-left:100px;
}
.carousel-caption b {
font-family:'Roboto Slab';
/* color:#169F49; */
}
.carousel-caption .steps span {
font-size:23px;
}

}



@media(max-width:1024px) {

.intro-section {
   	background: url('../img/landing-bg-dsktop.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  background-attachment: scroll;
  
}
.navbar-nav {
  float: right;
  margin-left:0px;
  
}


.navbar-nav > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left:5px;
  padding-right:5px;
}

.navbar-nav > li {
  float: left;
  padding-left:5px;
  padding-right:5px;
}
.brand-logo{
display:none;
}

.smaller-img{
display:block;
width:130px;
height:65px;
margin-top:-10px;
}

  .carousel-caption .steps {font-size: 36px;}

#myCarousel2 .slide-control {margin-top: 180px;}
	
	.carousel-caption {
  position: relative;
  padding-top: 50px;
  padding-left: 75px;
}
	.carousel-indicators {bottom: 0px;}

}


@media (min-width: 992px) and (max-width: 1200px){

	#myCarousel2 .slide-control{margin-top:215px;}
	
	.smaller-img{
width:150px;
height:75px;
margin-top:-12px;
}
	
	
	
}


@media(max-width:767px) {

	.intro-section {
	background: url('../img/landing-bg-ipad.jpg') no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover; 
	  background-attachment: scroll;	  
	  
	}

	.sell-section{height: 800px; }

.hiw-section,.wr-section{height: 700px;}

.about-section, .contact-section {height: 850px; }

	#sell-form-container{
	width:80%;
	margin: 0 auto;
	}		
		
	#contact-form-container, #map-container{
	 width:80%;
	margin-left:10%;
	}
				
  .carousel-caption{
  position:relative;
   right: 0; 
   bottom: 0;
  left: 0;
  z-index: 10;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 50px;
   color: #000; 
 }
 
.carousel-caption .steps  {  font-size: 32px;}
 .carousel-caption .steps span {font-size: 16px;}

.carousel-caption .step-desc {
  font-size: 16px;
  padding-left:10%;
  padding-right:10%;
}

.navbar-nav {
  float: none;
  margin-left:0px;
  }
  
 .navbar-nav > li {
 float:none;
  padding-left: 0px;
  padding-right:0px;
}

.intro-section h3{top:65%;}

.headline{font-size: 36px;}
  
  #search-btn {
  width: 250px;
  height: 60px;
  font-size: 12px;
  font-weight: bolder;
  font-family: 'Roboto Slab';
  padding-top: 24px;
}
  
  

.address-container{float:none;}	

	.carousel-indicators,   #myCarousel2 .carousel-indicators  {  bottom: -20px;}

  
 #site-logo{
width:120px;
height:90px;
}


.copyright{
margin-top:20px;
margin-bottom:20px;

}

.navbar-brand{
margin-top:-9px;
padding-top:0px;
}
.smaller-img {
  display: block;
  width: 100px;
  height: 50px;
  margin-top: 0px;
}


 #map_canvas{
  height:350px;
  width:100%;

  } 

}         /* Max-width 768 ends */

@media(max-width:460px) {

body{overflow-x:hidden;}

section{min-height:600px;}

 
 #sell-form-container,#contact-form-container, #map-container{
	width:100%;
	margin:0; 
	}
	
	.intro-section {
   	background: url('../img/landing-bg-phone.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  background-attachment: scroll;
 
}
	
	.intro-section h3{top:50%;}
	
	.headline{font-size: 24px;}
	
	.about-section .about-wrapper{font-size:13px;}
	
    .about-wrapper h3{font-size:18px;}
	
	#sell-head{margin-top:60px;}
	  
	footer{background:#fff;}
	
	#copyright-container{margin-top:150px;}
	  
	.slide-control{
	width: 29px;
    height: 51px;
	}

	
} 


@media(max-width:380px) {

body{overflow-x:hidden;}
 
  #sell-form-container,#contact-form-container, #map-container{
	width:100%;
	margin:0; 
}
	
	#about-outer-container h3{
	margin-top:5px;
	margin-bottom:5px;
	}
	
 .about-section .about-wrapper { font-size: 11px;}
	
}