/*

My Custom CSS
=============

Author:  Netklik
Updated: August 2013
Notes:	 Sonogramy

*/


/* --------------------------------------
   Layout
   -------------------------------------- */
   
/* -- It provides space between the navigation menu and the beginning of the page content   */ 
body { 
		padding-top: 100px;
		background-color:#f8f6e3;
	 }   


#features {
	text-align: center;
}

#features img {
	margin: 0 0 20px;
}

#inputMessage {
	margin-bottom: 15px;
}

footer {
	background: #e5ecc2;
	color: #000000;
	font-size: 11px;
	padding: 20px;
}

footer a {
	color: #D78DC0;
	
}

footer a:hover {
	color: #993399;
}

 a {
	color: #D78DC0;
	
}

a:hover {
	color: #993399;
}


/* --------------------------------------
   Typography
   -------------------------------------- */

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

h1 small {
	color: #d880c0;	
	font-family: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif;
}

.well .page-header {
	margin-top: 0;
	color: #993399;

}

.well .page-header h1 {
	margin-top: 0;
	font-family:  "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif;

}

ul.unstyled {
	list-style: none;
	padding: 0;
}

h2  {
	color: #993399;	
	padding-top: 30px;
	font-family:  "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif;

}

h3  {
	color: #993399;	
	padding-top: 0px;
	font-family:  "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif;
}

h6  {
	color: #993399;	
	font-family:  "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif;
}

.titlenolink a:link, a:hover {
	text-decoration: none;	
	
}



/* FAQs styles */
		.answer {
    			display:none;
					}

			h5 {
    			line-height:24px;
    			font-size:18px;
    			font-weight:700;
    			color:#993399;
    			padding-left:24px;
    			cursor:pointer;
    			background-image:url('../img/open.png');
    			background-position:left;
    			background-repeat:no-repeat;
				}

			h5.closeF {
    			background-image:url('../img/close.png');
				}


/* --------------------------------------
   Buttons
   -------------------------------------- */
   
a.btn-large {
	  color: #D78DC0; 	
	  padding: 0px 0px;
}
   
a.btn-large:hover {
	  color: #993399; 	
}

   
.btn-custom1 { 
  color: #FFFFFF; 
  background-color: #D78DC0; 
  border-color: ; 
} 
 
.btn-custom1:hover, 
.btn-custom1:focus, 
.btn-custom1:active, 
.btn-custom1.active, 
.open .dropdown-toggle.btn-custom1 { 
  color: ; 
  background-color: #993399; 
  border-color: ; 
} 
 
.btn-custom1:active, 
.btn-custom1.active, 
.open .dropdown-toggle.btn-custom1 { 
  background-image: none; 
} 
 
.btn-custom1.disabled, 
.btn-custom1[disabled], 
fieldset[disabled] .btn-custom1, 
.btn-custom1.disabled:hover, 
.btn-custom1[disabled]:hover, 
fieldset[disabled] .btn-custom1:hover, 
.btn-custom1.disabled:focus, 
.btn-custom1[disabled]:focus, 
fieldset[disabled] .btn-custom1:focus, 
.btn-custom1.disabled:active, 
.btn-custom1[disabled]:active, 
fieldset[disabled] .btn-custom1:active, 
.btn-custom1.disabled.active, 
.btn-custom1[disabled].active, 
fieldset[disabled] .btn-custom1.active { 
  background-color: #D78DC0; 
  border-color: ; 
} 
 
.btn-custom1 .badge { 
  color: #D78DC0; 
  background-color: ; 
}


/* --------------------------------------
   Form
   -------------------------------------- */
   
legend {
	color: #993399;
	
}

/* --------------------------------------
   Navbar
   -------------------------------------- */

#searchInput {
	width: 200px;
}

.navbar {
	background-color: #f8f6e3;  /* It changes the background color of the entire top navigation */	
}

.navbar-brand {
	padding: 13px 10px;
	max-width: 300px;  /* It gives more right space to logo image */
}
   

.navbar-nav {
padding-top: 40px;	/* It pushes navigation buttons down so it's aligned with navbar */
padding-bottom: 0px;


}
   
.navbar-inner {
    min-height: 0px;
}

.navbar-nav li {  /*  Increases spacing between navigation options*/
	padding-right: 20px;
}

.navbar-nav li a {
    line-height: 60px;
    height: 60px;
    padding-top: 0;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 19px;
	color: #992d9c;			/* it changes the color of the options on the navigation menu */
	
}   

.navbar-nav li a:hover {
	color: #780e78;			/* it changes the color of the options on the navigation menu */
} 

/*  It changes the background color of the active menu option*/
.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus {
color: #992d9c;
background-color: #d88bc1;
}

   
/* --------------------------------------
   Carousel
   -------------------------------------- */

#myCarousel {
	margin-top: 60px;
}

.carousel-caption {
	font-size: 20px;
	color: #FFFFFF;
	text-shadow:0;
}

.carousel-caption h4 {
	font-size: 28px;
	color: #FFFFFF;
	text-shadow:0
	
}

#myCarousel .item { height: 380px; }

#slide1 {
	background: url('../../images/carousel_medium_01.jpg') top center no-repeat;
}

#slide2 {
	background: url('../../images/carousel_medium_02.jpg') top center no-repeat;
}

#slide3 {
	background: url('../../images/carousel_medium_03.jpg') top center no-repeat;
}


/* --------------------------------------
   Global Styles
   -------------------------------------- */

.alert {
	margin-top: 20px;
	display: none;
}

.well {
	margin: 50px 0;
	background-color:#fffffa;
}




.tabbable img.thumbnail {
	margin: 0 20px 10px 0;
	
}


.thumbnails {
	margin: 20px 0;
}

.thumbnail {
	position: relative;
}

.thumbnail h3 {
	font-size: 16px;
	margin: 0 0 10px;
	line-height: 20px;
}

.thumbnail .price {
	font-size: 22px;
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 10px;
}

.thumbnail .price sup {
	font-weight: normal;
	font-size: 12px;
}

.thumbnail span.glyphicon {
	margin-right: 5px;
}


.img-txt {
	padding-right: 16px;
}


.panel {
	background-color:#fffffa;

}

.panel-heading {
	background-color:#993399;
}

.panel-title {
	color: #FFFFFF;	
	font-size: 28px;
}

ul {
	font-size: 16px;
}

/* --------------------------------------
   Error - Forms
   -------------------------------------- */
   
.error{
    color: #ffffff;
    background-color: rgba(236, 94, 90,0.6);
    border-color: rgba(238, 77, 99,1);
    padding: 4px;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 2px;
}


/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 480px) {
	
	
	.navbar-brand img{
	padding: 13px 10px;
	max-width: 220px;  /* It gives more right space to logo image */
}
	
	.thumbnail .price {
		font-size: 14px;
	}
	
	.thumbnail .price sup {
		font-size: 10px;
	}
	

	
	.carousel-caption {
		font-size: 12px;
		text-shadow:0;
		
	}
	
	.carousel-caption h4 {
		font-size: 10px;
		text-shadow:0;


	}
	
	#slide1 {
		background: url('../../images/carousel_small_01.jpg') top center no-repeat;
	}
	
	#slide2 {
		background: url('../../images/carousel_small_02.jpg') top center no-repeat;
	}
	
	#slide3 {
		background: url('../../images/carousel_small_01.jpg') top center no-repeat;
	}
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	
	.navbar-brand img{
	padding: 13px 10px;
	max-width: 220px;  /* It gives more right space to logo image */
}
	
	#myCarousel .item { height: 310px; }
	
	#slide1 {
		background: url('../../images/carousel_small_01.jpg') top center no-repeat;
	}
	
	#slide2 {
		background: url('../../images/carousel_small_02.jpg') top center no-repeat;
	}
	
	#slide3 {
		background: url('../../images/carousel_small_03.jpg') top center no-repeat;
	}
	
	.carousel-caption {
		font-size: 14px;
		
	}
	
	.carousel-caption h4 {
		font-size: 20px;


	}
	
}



/* Portrait tablet to landscape and desktop */
@media (min-width: 769px) and (max-width: 1199px) { 

.navbar-brand img{
	padding: 13px 10px;
	max-width: 220px;  /* It gives more right space to logo image */
}

#myCarousel {
	margin-top: 10px;
}

#myCarousel .item { height: 400px; }
	
	#slide1 {
		background: url('../../images/carousel_test_01.jpg') top center no-repeat;
	}
	
	#slide2 {
		background: url('../../images/carousel_test_02.jpg') top center no-repeat;
	}
	
	#slide3 {
		background: url('../../images/carousel_test_03.jpg') top center no-repeat;
	}

}


/* Large desktop */
@media (min-width: 1200px) {

	#myCarousel .item { height: 500px; }
	
	#slide1 {
		background: url('../../images/carousel_large_01.jpg') top center no-repeat;
	}
	
	#slide2 {
		background: url('../../images/carousel_large_02.jpg') top center no-repeat;
	}
	
	#slide3 {
		background: url('../../images/carousel_large_03.jpg') top center no-repeat;
	}

}