/* =============================================================================
   Site Styles
   ========================================================================== */

body {
	
	.content {
		
		.title {
			
			font-size: 2.500em;
			color: #9BA8CC;
			font-weight: 100;
			text-transform: uppercase;
			
			b {
				
				color: #384567;
				font-weight: 700;
				
			}
			
		}
		
		ul {
	
			&.tabs{
				
				list-style: none;
				vertical-align: top;
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-direction: row;
				margin-top: 0.850em;
				margin-bottom: 0;
				
				li {
					vertical-align: top;
					cursor: pointer;
					margin: 0;
					width: 32%;
					background-color: #D0D4E4;
					color: #858FA8;
					height: 5.100em;
					line-height: 5.100em;
					text-align: center;
					text-transform: uppercase;
					font-weight: 100;
					margin-bottom: 0.850em;
					padding: 0;
					
					span {
						display: inline-block;
						vertical-align: middle;
						line-height: 1em;
						margin-left: 1em;
						margin-right: 1em;
					}
					&.current{
				
						background-color: #A2ADCF;
						color: #354367;
						font-weight: 700;
						border-bottom: 0.850em solid #A2ADCF;
						margin-bottom: 0;
					}
				
				}
			
			}

		}
			
		hr {
			
			border: 0;
			width: 100%;
			margin: 1em 0;
			padding: 0;
			border-top: 2px solid #21283C;
			
		}		
	}

	.tab-content{

		display: none;
		background-color: #A2ADCF;
		padding: 2em;
		width: Auto;
		clear: both;

		hr {
			
			border: 0;
			width: 100%;
			margin: 1em 0;
			padding: 0;
			border-top: 2px solid #FFF;
			
		}		

		h2 {
			
			color: #FFF;
			text-transform: uppercase;
			font-weight: 100;
			margin-top: 1em;
			margin-bottom: 0;
			
		}
		
		h3, p, a {

			color: #FFF;

		}
		h3 {
			margin-bottom: 0;
		}
		
		form {
			
			
			select {
				
				border: 0;
				margin-right: 1em;
				font-size: 0.8em;
				text-transform: uppercase;
				color: #354367;
				border-radius: 0.5em;
				line-height: 3em;
				margin-top: 1em;
				padding: 0 6em 0 1em;
				display: inline-block;
				font-weight: 600;
				background: url("../images/SelectBG.png") right center no-repeat, rgb(255,255,255); 
				border: none; 
				appearance: none; 
				-webkit-appearance: none;
				-moz-appearance: none; 
				
				&:disabled {
					
					background: rgba(255,255,255,0.3); 	
				}
			}
			
			p {
				
				font-size: 1em;
				line-height: 1.350em;
				font-weight: 100;
				
				b.name {
					
					font-size: 1.400em;
					line-height: 1.350em;
					font-weight: 100;
					
				}
				
			}
			
		}
		
		&.current{
			
			display: block;

		}
		
	}
	
	.tab-contacts {
		
		display: none;
		
		&.current{
			
			display: block;

		}
		
	}

	#distributors {

		
	}
	
} // body


/* =============================================================================
   From 1200 to 970
   ========================================================================== */

@media only screen and (max-width: 1195px) and (min-width: 970px) {

	body {
			
	} // body

}


/* =============================================================================
   From 970 to 600
   ========================================================================== */
   
@media only screen and (max-width: 969px) and (min-width: 600px) {

	body {
		
	
	} // body

}

/* =============================================================================
   From 600 to 480
   ========================================================================== */

@media only screen and (max-width: 600px) and (min-width: 480px) {
	
	body {
		
	
	} // body

}

/* =============================================================================
   Less than 480px
   ========================================================================== */
@media only screen and (max-width: 479px) {

	body {
		
	
	} // body

}