@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina|Sansita+One|Shrikhand|Varela+Round');



body {
  padding-top: 50px;
  padding-bottom: 20px;
  font-family: 'Varela Round', sans-serif;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: unset;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
/*-webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;*/	
  font-size: 1.5em;
  letter-spacing: 0.12em;
  background: #be4c27;
  background: #f69d61;
  background-image: url(../img/bg-text.png); background-repeat: repeat-x repeat-y;
/*background: darkseagreen;*/
  color: #222;
  
	}

a { cursor: pointer; }

h3.title-page { 
	color: #fff; 
	margin-left: 15px; 
	background: #80bba3; 
	display: inline; 
	padding: 8px; 
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
	border-radius: 2px 8px;
	}

h3.contact-us { 
	color: #fff; 
	margin-left: 15px; 
	background: #be4c27; 
	display: inline; 
	padding: 8px; 
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
	border-radius: 2px 8px;
	}

.content { margin-left: 50px; margin-right: 50px; }

.content-contact-us { margin-left: 50px; margin-right: 50px; background: #f8f7eb; padding: 10px; }



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

#level-meter { margin-left: 250px; border-radius: 6px 20px; margin-top: 12px; }

.navbar-toggle { background: teal; }

.navbar-inverse { background-color: #f8f7eb; /*#e3a30f;*/ border-bottom: 1px solid #080808; /*#541907;*/ height: 160px; }

.navbar-brand { padding: 0px; } 

.navbar-brand img { padding-top: 2px; margin-left: 15px; }

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
	background: #be4c27; 
/*    text-shadow: 0 1px 2px rgba(0,0,0,0.6);*/

/*	border-left: 1px solid #080808; 
	border-top: 1px solid #080808; 
	border-bottom: 1px solid #080808;*/
	font-weight: 900;
	text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: unset;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6); 
	}

.navbar-nav>li:last-child { color: #fff; background: #be4c27; /* text-shadow: 0 1px 2px rgba(0,0,0,0.6); */ border-right: 1px solid #080808; }

.navbar-inverse .navbar-nav>li>a:hover { color: #fff; background: #80bba3; }

.navbar-inverse .navbar-nav>li>.active { color: #fff; /* background: #80bba3; */ background: darkcyan; }

#icon-nav { padding-top: 90px; padding-left: 10px; color: #222; }



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

#myCarousel .item { height: 279px; }
#carousel-small-01, #carousel-small-02, #carousel-small-03, #carousel-small-04 { display: none; }
#carousel-small-01, #carousel-small-02, #carousel-small-03, #carousel-small-04 { display: none; }
#carousel-medium-01, #carousel-medium-02, #carousel-medium-03, #carousel-medium-04 { display: none; }
#carousel-large-01, #carousel-large-02, #carousel-large-03, #carousel-large-04 { display: block; }

.carousel-caption h4 { font-size: 2em; }

.carousel-caption {
	left: 0%;
	right: 0%;
	/*background: rgba(128, 187, 163, .8);*/
	/*background: rgba(190, 076, 039, .6);*/
	background: rgba(19, 139, 138, .7);
/*	background: rgba(255, 99, 71, .9);*/
	padding: 0px 0px !important;
	margin-bottom: 55px;
	}

.carousel-caption p { font-size: 1.2em; }

.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 500px;
	}

#myCarousel {
/*	border-right: 1px solid #c36c51;
	border-left: 1px solid #c36c51;*/
	border-right: 1px solid #541907;
	border-left: 1px solid #541907;
	}

.carousel-control .glyphicon-chevron-left { margin-top: 0px; }

.carousel-control .glyphicon-chevron-right{ margin-top: 0px; }

#marketing {
	/*background: #fff;*/
	/*background: paleturquoise;*/
	/*background: chocolate;*/
	background: coral;
	border-top: 1px solid #541907;
	}
div#marketing.container-fluid { height: 130px !important; }


/* -----------------------------------------
   				Container
----------------------------------------- */
.row {
	border-right: 1px solid #541907;
	border-left: 1px solid #541907;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	background: #fff;
	}

.space {
	height: 30px;
	border-right: 1px solid #541907;
	border-left: 1px solid #541907;
	background: #fff;
	}

.col-sm-3>#specialist-vintage-classic {
	border-radius: 10px 10px 0px 0px;
	margin-top: 50px;
	text-align: center;
/*	margin-left: 10px;*/
/*	background-color: #333;*/
	background: chocolate;
	padding: 15px 6px 0px 6px;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6); 
/*	border-top: 1px solid #244336;
	border-right: 1px solid #244336;
	border-left: 1px solid #244336;
	border-bottom: 1px solid #244336;*/
	font-size: 1.6em !important;
	text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: unset;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
	line-height: 28px;
	text-transform: uppercase;
	height: 145px;
/*	font-family: 'Sansita One', cursive;*/
	letter-spacing: 0.09em;
/*	background-image: url(../img/turntable-crosley.png)*/
	}

.col-sm-3>p { font-size: 2em; }

.col-sm-3>#wide-selection-of-parts {
	border-radius: 10px 10px 0px 0px;
	margin-top: 50px;
	text-align: center;
/*	background-color: #333;*/
	background: mediumblue;
	padding: 15px 6px 0px 6px;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6); 
/*	border-top: 1px solid #244336;
	border-right: 1px solid #244336;
	border-left: 1px solid #244336;
	border-bottom: 1px solid #244336;*/
	font-size: 1.6em !important;
	text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: unset;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
	line-height: 28px;
	text-transform: uppercase;
	height: 145px;
/*	font-family: 'Sansita One', cursive;*/
	letter-spacing: 0.09em;	
	}

.col-sm-3>#looking-for-something {
	border-radius: 10px 10px 0px 0px;
	margin-top: 50px;
	text-align: center;
	background: darkmagenta;
	padding: 45px 6px 0px 6px;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6); 
/*	border-top: 1px solid #244336;
	border-right: 1px solid #244336;
	border-left: 1px solid #244336;
	border-bottom: 1px solid #244336;*/
	font-size: 1.6em !important;
	text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: unset;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
	line-height: 28px;
	text-transform: uppercase;
	height: 145px;
/*	font-family: 'Sansita One', cursive;*/
	letter-spacing: 0.09em;	
	}

.col-sm-3>#years-of-experience {
	text-align: center;
	background: darkslateblue;
	padding: 20px 6px 0px 6px;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6); 
	border-top: 1px solid #244336;
	border-right: 1px solid #244336;
	border-left: 1px solid #244336;
	border-bottom: 1px solid #244336;
	font-size: 1.3em !important;
	text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: unset;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
	line-height: 28px;
	text-transform: uppercase;
	height: 145px;
/*	font-family: 'Sansita One', cursive;*/
	letter-spacing: 0.09em;	
	}

.col-sm-3>p {
	background-color: #f8ebe6; /*#f9e6e0;*/
	/*background: honeydew;*/
	padding: 6px 6px;
	line-height: 22px;
	margin-top: -10px;
/*	min-height: 299px;*/
	letter-spacing: 0.12em;
	border-right: 1px solid #d6c6c1;
	border-left: 1px solid #d6c6c1;
	border-bottom: 1px solid #d6c6c1;
	font-size: 1.1em !important;
	}


#Buy-bg { 
	background: indianred; 
	text-transform: uppercase; 
	border-radius: 10px 10px 0px 0px; 
	text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: unset;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6); 
	}
	
#Sell-bg { 
	background: mediumseagreen; 
	text-transform: uppercase; 	
	border-radius: 10px 10px 0px 0px;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: unset;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6); 
	}

#Service-bg { 
	background: cornflowerblue; 
	text-transform: uppercase; 	
	border-radius: 10px 10px 0px 0px; 
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: unset;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6); 
	}

.col-sm-4>h3 {
	text-align: center;
	background-color: #be4c27;
	padding: 6px;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6); 
	line-height: 30px;
/*	border-top: 1px solid #080808;
	border-right: 1px solid #080808;
	border-left: 1px solid #080808;
	border-bottom: 1px solid #080808;*/
	}

.col-sm-4>p {
	text-align: left;
	background-color: #f7d8cd;
	padding: 6px 6px;
	line-height: 22px;
	margin-top: -10px;
	letter-spacing: 0.12em;
	min-height: 160px; 
/*	border-right: 1px solid #080808;
	border-left: 1px solid #080808;
	border-bottom: 1px solid #080808;*/
	}

#icon-nav-small-devices { display: none; }
div#col-sm-3-devices-max-width-590 { display: none; }

/* -----------------------------------------
   				Blockquote
----------------------------------------- */

.quote-box {  
    overflow: hidden;
    margin-top: 50px;
	margin-bottom: 0px;
    padding-top: 20px;
	padding-bottom: 20px;
/*    background-color: #ebb848;*/
	/*background: #333;*/
	background: teal;
    color: #fff;
    width: 100%;   
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
	border-top: 1px solid #080808;
	}

.quotation-mark {  
    margin-top: -10px;
    font-weight: bold;
    font-size: 100px;
    color: white;    
	}

.quote-text { font-size: 19px; }



/* -----------------------------------------
   				Footer
----------------------------------------- */

.row>.footer {
	text-align: right;
	font-style: italic;
	padding-top: 16px;
	padding-right: 10px;
	letter-spacing: 0.12em;
	font-size: 13px;
	background: #f8f7eb;
	min-height: 44px;
	margin-bottom: 0px;
/*	margin-top: -9px;*/
	border-top: 1px solid #080808;
	border-bottom: 1px solid #080808;
}

.container-fluid { margin-bottom: -20px; }

div#col-sm-3-devices-max-width-650 { display: none; }
#quote-box-small-devices { display: none; }



/* -----------------------------------------
   				@media
----------------------------------------- */

@media (min-width: 1324px) { .container { width: 1280px !important; }
}


@media (max-width: 1323px) { .col-sm-3>#specialist-vintage-classic, .col-sm-3>#wide-selection-of-parts, .col-sm-3>#looking-for-something { font-size: 1.5em !important; }
}


@media (max-width:1199px) { 
	/*div.row, div.space { margin-left: -13px; margin-right: 13px;}*/
	#level-meter { margin-left: 90px; }
	.col-sm-3>#specialist-vintage-classic, .col-sm-3>#wide-selection-of-parts, .col-sm-3>#looking-for-something { font-size: 1.2em !important; }
}


@media (min-width:1000px) { #level-meter-resized { display: none; } 
	div#quote-box-big-devices { display: block; }
	div#quote-box-medium-devices { display: none; }
	div#quote-box-small-devices { display: none; }
	.col-sm-3>p { font-size: 1em !important; min-height: 280px; }
} 


@media (max-width:999px) {
	div#quote-box-big-devices { display: none; }
	div#quote-box-medium-devices { display: block; }
	#Buy-bg, #Sell-bg, #Service-bg { font-size: 1.1em !important; }
}

	
@media (max-width:992px) { 
	div.row, div.space { margin-left: -13px; margin-right: 13px;}
}



@media (min-width:775px) { 
	div.row, div.space { margin-left: -0px; margin-right: 0px;}	
}


@media (max-width: 999px) { 
	.container { width: 750px !important; }
	#myCarousel .item { height: 198px; }
	#carousel-large-01, #carousel-large-02, #carousel-large-03, #carousel-large-04 { display: none; }
	#carousel-medium-01, #carousel-medium-02, #carousel-medium-03, #carousel-medium-04 { display: block; }
	.carousel-caption { margin-bottom: 10px; }
	.carousel-indicators { margin-bottom: -15px; }
	#level-meter { display: none; }
	#level-meter-resized { margin-left: 40px; margin-top: 36px; border-radius: 6px 0px; }
	.navbar-right { padding-top: -10px; }
	.col-sm-3>#specialist-vintage-classic, .col-sm-3>#wide-selection-of-parts, .col-sm-3>#looking-for-something {
	margin-top: 30px;
	font-size: 1.1em !important;
	line-height: 22px;
	text-transform: uppercase;
	height: 160px;
	letter-spacing: 0.09em;	
	}
}


@media (min-width: 768px) {
	.col-sm-3 { width: 33.33333333%; }
	.carousel-indicators { margin-bottom: -15px !important; }
	.navbar-right { padding-top: 40px; padding-right: 15px; }
	.col-sm-3>p { padding-top: 0px; height: 340px; }
	.container-fluid { height: 131px; background-color: tomato; border-bottom: 1px solid #080808; /*display: none; */ }
	#bar-horizontal{ display: none; }
	#myCarousel { margin-top: 70px; }
}


@media (min-width:767px){ 
	div#col-sm-3-devices-max-width-766 { display: none; }
	#icon-nav-small-devices	{ display: none; }
	.navbar-inverse .navbar-nav>li>a { border-left: 1px solid #080808; border-top: 1px solid #080808; border-bottom: 1px solid #080808; }
	.col-sm-3>p { font-size: 1em !important; }
	#myCarousel { margin-top: 100px; }
}


@media (max-width:767px){ 
	div.row, div.space { margin-left: -15px; margin-right: -15px; }	
	.carousel-indicators { margin-bottom: -10px !important; }
}


@media (max-width:766px){ 
	.container { width: 650px !important; }
	div.row, div.space  { width: 620px; margin-left: 0px; }
	div#col-sm-3-devices-min-width-767 { display: none; }
	h3#specialist-vintage-classic, h3#wide-selection-of-parts, h3#looking-for-something { height: 100px !important; font-weight:bold; }
	#Buy-bg, #Sell-bg, #Service-bg { font-weight: bold !important; }
	.col-sm-3>p { height: 260px !important; }
	#myCarousel { margin-top: 100px; }
	
	.container>.navbar-collapse { margin: 0px; }
	.navbar-inverse .navbar-collapse { border: none; }
	#level-meter-resized { display: none; }
	
	div#icon-nav { margin-left: 15px !important; }
	
	.navbar-inverse .navbar-nav>li>a { border-top: 0px; }
	.navbar-nav>li:last-child { border-right: none; }
	.navbar-nav>li>a  { border-left: 1px solid #080808; border-right: 1px solid #080808; border-top: 1px solid #080808; border-bottom: 1px solid #080808; }
	#quote-box-small-devices { display: none; }
}


@media (max-width:690px){ 
	.container { width: 550px !important; }
	#myCarousel { margin-top: 115px; }
	#myCarousel .item { height: 145px !important; }
	#carousel-medium-01, #carousel-medium-02, #carousel-medium-03, #carousel-medium-04 { display: none; }
	#carousel-small-01, #carousel-small-02, #carousel-small-03, #carousel-small-04 { display: block; }
	div.row, div.space  { width: 520px; margin-left: 0px; }
	div#col-sm-3-devices-max-width-650 { display: block; }
	div#col-sm-3-devices-max-width-766 { display: none; }
	.glyphicon-chevron-left:before { margin-left: -30px; }
	span.glyphicon.glyphicon-chevron-left { margin-top: 0px; }
	span.glyphicon.glyphicon-chevron-right { margin-top: 0px; }
	.glyphicon-chevron-right:before { margin-right: -30px; }
	#carousel-caption-big-normal-devices { display: none; }
	#carousel-caption-big-small-devices { display: block; }
	#carousel-caption-small-devices>h4 { font-size: 1.1em !important; }
	#carousel-caption-small-devices>p { font-size: .9em !important; line-height: 14px; }
	div#quote-box-medium-devices { display: none; }
	div#quote-box-small-devices { display: block; }
	div#quote-box-small-devices>p.quote-text { font-size: 1em !important; }
}


@media (max-width:590px){ 
	.container { width: 450px !important; }
	div.row, div.space  { width: 420px; margin-left: 0px; }
	div#col-sm-3-devices-max-width-590 { display: block; }
	div#col-sm-3-devices-max-width-650 { display: none; }
	span.glyphicon.glyphicon-chevron-left { display: none; }
	span.glyphicon.glyphicon-chevron-right { display: none; }
	#carousel-caption-big-small-devices { display: block; }
	
	h3#specialist-vintage-classic, h3#wide-selection-of-parts, h3#looking-for-something { height: 120px !important; font-weight:bold; }
	.col-sm-3>p { height: 200px !important; font-size: 1em !important; }
}


@media (max-width:498px){ 
	.container { width: 350px !important; }
	.carousel-inner { background: #f69d61; }
	#carousel-small-01, #carousel-small-02, #carousel-small-03, #carousel-small-04 { display: none !important; }
	#carousel-smallest-01, #carousel-smallest-02, #carousel-smallest-03, #carousel-smallest-04 { display: block !important; }
	.carousel-caption { margin-bottom: 0px !important; }
	.carousel-indicators li, .carousel-indicators li.active { width: 8px; height: 8px; }
	.content { font-size: 1em; margin-left: 20px; margin-right: 20px; }
	.content-contact-us { font-size: 1em; margin-left: 20px; margin-right: 20px; }
	div.row, div.space  { width: 320px; margin-left: 0px; }
	.col-sm-3>p { height: 240px !important; }
}


@media (max-width:375px){
	h3#specialist-vintage-classic { height: 140px !important; }
}

@media (max-width:360px){ 
	.container { width: 350px !important; }
	div.row, div.space  { width: 320px; margin-left: -10px; }
	.navbar-inverse .navbar-collapse { margin-left: -6px; margin-top: -1px; }
}

@media (min-width:321px){
	#icon-nav { display: block; }
	#icon-nav-small-devices { display: none; }
}


@media (max-width:320px){
	.container { width: 280px !important; }
	div.row, div.space  { width: 250px; margin-left: 0px; margin-top: -1px; }
	.navbar-inverse .navbar-collapse { margin-left: 0px; margin-top: -1px; width: 250px; }
	.col-sm-3>#specialist-vintage-classic, .col-sm-3>#wide-selection-of-parts, .col-sm-3>#looking-for-something { font-size: 1em !important; }
	 .col-sm-3>#wide-selection-of-parts { height: 130px !important; }
	.col-sm-3>p { height: 260px !important; }
	.row>.footer { text-align: center; }
}