/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 0px;
  color: #352f2f;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.home-carousel {
  height: 100%;

}
/* Since positioning the image, we need to help out the caption */
.home-carousel-caption {
	
   position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 15%;
    margin: auto;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	z-index: 10;
	padding-left: 5px;
	margin-bottom: 10px;
	color: #d3d9e2;	
}

/* Declare heights because of positioning of img element */
.home-carousel .home-item {
  height: 100%;
  background-color: #777;
  /*width: 100%;*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.home-carousel-inner > .home-item > img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.testimonial-carousel .testimonial-item {
  height: auto;
  width: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.city-carousel .city-item {
  height: 250px;
  background-color: #777;
  width: 315px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.testimonial-carousel-inner > .testimonial-item > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.city-carousel-inner > .city-item > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity 2s; /*adjust timing here */
         -moz-transition: opacity .4s;
           -o-transition: opacity .4s;
              transition: opacity .4s;
}

.testimonial-carousel .testimonial-item {
    left: 0 !important;
      -webkit-transition: opacity 1s; /*adjust timing here */
         -moz-transition: opacity 1s;
           -o-transition: opacity 1s;
              transition: opacity 1s;
}

/* Fade transition for carousel items */
.city-carousel .city-item {
    left: 0 !important;
      -webkit-transition: opacity 2s; /*adjust timing here */
         -moz-transition: opacity .4s;
           -o-transition: opacity .4s;
              transition: opacity .4s;
}

.carousel-control {
    background-image: !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}

/* Adding posted image to video with play button */
video {
	background: url("/docs-assets/img/poster.png") 50% 50% / cover no-repeat ;
}
/* Removing automative video play button which gets added by devices */
video::-webkit-media-controls-start-playback-button {
  display: none;
}

#sidebar_video_container .controls{ display: none; margin: 90px 30px; }


/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 20px 0; /* Space out the Bootstrap <hr> more */
}

/* Buttons
------------------------- */
#resizebutton {
	font-size:xx-large;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
  font-size: 30px;
}

/* Jumbotron
------------------------- */
.jumbotron {
  		padding:0px;
  	}

/* RESPONSIVE CSS
-------------------------------------------------- */
/* PHONES
-------------------------------------------------- */
/* Smartphones (portrait and landscape) ----------- */
/* iPhone 6 ----------- */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2)
{ 
	body {
    }
	#header-social {
		display:none;
	}
	.reach-out {
		padding:0px;
	}
	#widget {
		padding-top:20px;
	}
	#myCarousel.carousel  img {
	    width: 100%;
	    height: 100%;
	    -webkit-border-radius: 10px;
  	    -moz-border-radius: 10px;
   	    border-radius: 10px;
    }
  	#myCarousel.carousel .item   {
	    height: 100%;
	    width: 100%;
  	}
  	#myCarousel.carousel-inner > .item > img {
	 	width: 100%;
  	}
  	#myCarousel.carousel {
	    height: 100%;
  	}
	#cityCarousel.carousel  img {
	    width: 100%;
	    height: 100%;
	    -webkit-border-radius: 10px;
  	    -moz-border-radius: 10px;
   	    border-radius: 10px;
    }
  	#cityCarousel.carousel .item   {
	    height: 100%;
	    width: 100%;
  	}
  	#cityCarousel.carousel-inner > .item > img {
	 	width: 100%;
  	}
  	#cityCarousel.carousel {
	    height: 100%;

  	}  	
  	.featurette-image  {
 	    width: 100%;
	    height: 100%;
  	} 	 

}

@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2)
{ 
	body {
    }
	.col-sm-9 {
 		text-align:left;
 		padding:0;
  	} 
  	.col-sm-3 {
 		text-align:left;
 		padding:5px;
  	} 	
  	.col-md-5 {
 		padding:0;
  	} 
  	.col-md-6 {
 		padding:0;
  	}   	
  	.pull-right {
	  float: left;
	}
	.navbar-brand {
	  float: left;
	}
	.navigate {
	  float: left;
	}
	#myCarousel.carousel  img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    }
  	#myCarousel.carousel .item   {
	    height: 100%;
	    width: 100%;
  	}
  	#myCarousel.carousel-inner > .item > img {
	 	width: 100%;
  	}
  	#myCarousel.carousel {
	    height: 100%;
  	}
  	#cityCarousel.carousel  img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    }
  	#cityCarousel.carousel .item   {
	    height: 100%;
	    width: 100%;
  	}
  	#cityCarousel.carousel-inner > .item > img {
	 	width: 100%;
  	}
  	#cityCarousel.carousel {
	    height: 200px;
  	}
  	.featurette-image  {
 	    width: 100%;
	    height: 100%;
  	} 	
	.nav > li > a { 
		padding: 5px 15px;
		width:200px;
	}
	.nav {
		padding:0;
		margin-left:80px;
	}
	.navbar-toggle .sr-only{
		padding-top:10px;
	}
}

/* iPhone 6+ ----------- */
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) 
{ 
	body {
    }
	.reach-out {
		padding:0px;
	}
	#widget {
		padding-top:20px;
	}
	#myCarousel.carousel  img {
	    width: 100$;
	    height: 100%;
	    -webkit-border-radius: 10px;
  	    -moz-border-radius: 10px;
   	    border-radius: 10px;
    }
  	#myCarousel.carousel .item   {
	    height: 100%;
	    width: 100%;
  	}
  	#myCarousel.carousel-inner > .item > img {
	 	width: 100%;
  	}
  	#myCarousel.carousel {
	    height: 100%;

  	}
	#cityCarousel.carousel  img {
	    width: 100%;
	    height: 100%;
	    -webkit-border-radius: 10px;
  	    -moz-border-radius: 10px;
   	    border-radius: 10px;
    }
  	#cityCarousel.carousel .item   {
	    height: 100%;
	    width: 100%;
  	}
  	#cityCarousel.carousel-inner > .item > img {
	 	width: 100%;
  	}
  	#cityCarousel.carousel {
	    height: 100%;

  	}
  	.featurette-image  {
 	    width: 100%;
	    height: 100%;
  	} 	  
 
}

@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 3) 
{ 
	body {
    }
	.col-sm-9 {
 		text-align:left;
 		padding:0;
  	} 
  	.col-sm-3 {
 		text-align:left;
 		padding:5px;
  	} 	
  	.col-md-5 {
 		padding:0;
  	} 
  	.col-md-6 {
 		padding:0;
  	}   	
  	.pull-right {
	  float: left;
	}
	.navbar-brand {
	  float: left;
	}
	.navigate {
	  float: left;
	}
	#myCarousel.carousel  img {
    width: 100%;
    height: 200px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    }
  	#myCarousel.carousel .item   {
	    height: 200px;
	    width: 100%;
  	}
  	#myCarousel.carousel-inner > .item > img {
	 	width: 100%;
  	}
  	#myCarousel.carousel {
	    height: 200px;

  	}
  	#cityCarousel.carousel .item   {
	    height: 200px;
	    width: 100%;
  	}
  	#cityCarousel.carousel-inner > .item > img {
	 	width: 100%;
  	}
  	#cityCarousel.carousel {
	    height: 200px;

  	}  	
  	.featurette-image  {
 	    width: 100%;
	    height: 200px;
  	}
	.nav > li > a { 
		padding: 5px 15px;
		width:200px;
	}
	.nav {
		padding:0;
		margin-left:80px;
	}
	.navbar-brand {
		float: inherit !important;
	}
	.navbar-toggle .sr-only{
		padding-top:10px;
	}
}

/* iPhone 5 ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  body {
  	padding-bottom:0;
  }
  .container {
    padding-left:  7px;
    padding-right: 7px;
    padding-bottom:0;
    width:100%;
  }
  .head-logo {
    
  }
  	.lead {
  		font-size: 24px;
  		font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  		font-weight:300;
  		width: 100%;
  	} 	
  	.col-lg-4 {
  		font-weight: 300;
  		padding:0px;
  	}
  	.col-md-7 {
  		font-weight: 300;
  		padding:0px;
  	}
  	.col-xs-12 {
  		font-weight: 300;
  		padding:0px;
  	}
	h2{
  		font-weight: 300;
  	}
  	#sticky {
  		display:none;
  		width:1%;
  	}
  	.col-xs-12 {
  		width:100%;
  	}
	.services-section {
		width:100%;
	}
	.pull-right {
	  float: left;
	}
	#header-social {
		display:none;
	}
	.reach-out {
		padding:0px;
	}
	#widget {
		padding-top:20px;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
    body {
    }
   	.col-sm-9 {
 		text-align:left;
 		padding:0;
  	} 
  	.col-sm-3 {
 		text-align:left;
 		padding:5px;
  	} 	
  	.col-md-5 {
 		padding:0;
  	} 
  	.col-md-6 {
 		padding:0;
  	}   	
  	.pull-right {
	  float: left;
	}
	.navbar-brand {
	  float: left;
	}
	.navigate {
	  float: left;
	}
	#myCarousel.carousel  img {
    width: 100%;
    height: 200px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    }
  	#myCarousel.carousel .item   {
	    height: 200px;
	    width: 100%;
  	}
  	#myCarousel.carousel-inner > .item > img {
	 	width: 100%;
  	}
  	#myCarousel.carousel {
	    height: 200px;

  	}
	#cityCarousel.carousel  img {
    width: 100%;
    height: 200px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    }
  	#cityCarousel.carousel .item   {
	    height: 200px;
	    width: 100%;
  	}
  	#cityCarousel.carousel-inner > .item > img {
	 	width: 100%;
  	}
  	#cityCarousel.carousel {
	    height: 200px;

  	}
  	.featurette-image  {
 	    width: 100%;
	    height: 200px;
  	}
	.nav > li > a { 
		padding: 5px 15px;
		width:200px;
	}
	.nav {
		padding:0;
		margin-left:80px;
	}
	.navbar-brand {
		float: inherit !important;
	}
	.navbar-toggle .sr-only{
		padding-top:10px;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-device-width : 320px)
and (max-device-width : 568px) 
and (orientation : landscape) {
    body {
    }
	.navigate {
	  float: left;
	}
	.nav > li > a { 
		padding: 2px 10px;
		width:200px;
	}
	.nav {
		margin-left:340px;
	}

	#myCarousel.carousel  img {
	    width: 100$;
	    height: 100%;
	    -webkit-border-radius: 10px;
  	    -moz-border-radius: 10px;
   	    border-radius: 10px;
    }
  	#myCarousel.carousel .item   {
	    height: 100%;
	    width: 100%;
  	}
  	#myCarousel.carousel-inner > .item > img {
	 	width: 100%;
  	}
  	#myCarousel.carousel {
	    height: 100%;

  	}
	#cityCarousel.carousel  img {
	    width: 100%;
	    height: 100%;
	    -webkit-border-radius: 10px;
  	    -moz-border-radius: 10px;
   	    border-radius: 10px;
    }
  	#cityCarousel.carousel .item   {
	    height: 100%;
	    width: 100%;
  	}
  	#cityCarousel.carousel-inner > .item > img {
	 	width: 100%;
  	}
  	#cityCarousel.carousel {
	    height: 100%;

  	}
  	.featurette-image  {
 	    width: 100%;
	    height: 100%;
  	}  	
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	

}

/* TABLEST
-------------------------------------------------- */
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  /* Remove the edge padding needed for mobile */
  #myCarousel.carousel  img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
  	border-radius: 10px;
  }
  #myCarousel.carousel .item   {
	height: 100%;
	width: 100%;
  }
  #myCarousel.carousel {
	height: 100%;

  }
  #cityCarousel.carousel  img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
  	border-radius: 10px;
  }
  #cityCarousel.carousel .item   {
	height: 100%;
	width: 100%;
  }
  #cityCarousel.carousel {
	height: 100%;

  }
  #sticky {
	display:none;
  }
  .col-xs-12 {
	width:100%;
  }   
  .services-section {
	width:100%;
  }       
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

  #sellingpoints {
  	font-size:19px;
  }  
  #cityCarousel.carousel  img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
  	border-radius: 10px;
  }
  #cityCarousel.carousel .item   {
	height: 100%;
	width: 100%;
  }
  #cityCarousel.carousel {
	height: 100%;
  }	  
	
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  #myCarousel.carousel  img {
    width: 100%;
    height: 300px;
    -webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
  	border-radius: 10px;
  }
  #myCarousel.carousel .item   {
	height: 300px;
	width: 100%;
  }
  #myCarousel.carousel {
	height: 300px;
  }
  #cityCarousel.carousel  img {
    width: 100%;
    height: 300px;
    -webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
  	border-radius: 10px;
  }
  #cityCarousel.carousel .item   {
	height: 300px;
	width: 100%;
  }
  #cityCarousel.carousel {
	height: 300px;
  }
  .jumbotron {
	padding-top:10px;
  } 
  #sellingpoints {
  	font-size:17px;
  }
  #emailaddress {
  	font-size:13px;
  }
  #resizebutton {
  	font-size:x-large;
  }

}

/* DESKTOP and LARGE SCREENS
-------------------------------------------------- */

/* responsive text queries */
@media screen and (max-width: 1223px) {
  #sellingpoints {
  	font-size:23px;
  }
  #emailaddress {
  	font-size:16px;
  }
  #phonesidebar {
  	font-size:22px;
  }
}


/* responsive text queries */
@media screen and (max-width: 992px) {
  #sellingpoints {
  	font-size:16px;
  } 
  #resizebutton {
  	font-size:x-large;
  }
  #emailaddress {
  	font-size:13px;
  }
  #phonesidebar {
  	font-size:20px;
  }
}

@media screen and (max-width: 765px) {
  #sellingpoints {
  	font-size:18px;
  } 
  #resizebutton {
  	font-size:xx-large;
  }
}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) { 
  #myCarousel.carousel  img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
  	border-radius: 10px;
  }
  #myCarousel.carousel .item   {
	height: 300px;
	width: 100%;
  }
  #myCarousel.carousel {
	height: 100%;

  }
  #sellingpoints {
  	font-size:24px;
  }  
  #emailaddress {
  	font-size:20px;
  }  
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}