/* Common CSS */


body {
	font: normal 14px "Montserrat", Arial, sans-serif;
	color: #ffffff;
}
#colorbox #cboxLoadedContent{
	color:#666666;
	font-size:16px;
}
/** Just restricting this for accessories part only, because menu arrow image breaking in IE8 **/
#accessories img , #cboxLoadedContent img  {
	border: none !important;
	max-width: 100%;
}

p {
	margin: 5px 0;	
}

a {
	text-decoration: none !important;	
}

iframe {
	border: 0 !important;
	width: 100% !important;			
}

.hide {
	display: none !important;
}

.clearfix {
	clear: both;
}

.clearfix:AFTER {
	content: " ";
	clear: both;
	display: block;
}

.blue_txt {
	color: #00BAF1 !important;
}

.proxima_nova_soft{
	font-family: "Montserrat", Arial, sans-serif;
}

.heading {
	font-family: "Montserrat", Arial, sans-serif;
	margin-bottom: 15px !important;
	font-size: 20px !important;
    font-weight: 400;
}

.center{
	text-align: center !important;
}

.float-left{
	float: left;
}

.float-right{
	float: right;
}

.tel-number{
	cursor: default;
}

.primary-btn{
	border-radius: 20px;
	padding: 8px 20px; 
	color: #ffffff !important;
	background-color: #00aeef;
	display: inline-block;
	text-align: center;
	margin: 20px 0;	
}

.primary-btn:HOVER{
	background-color: #28cdff;
}

.secondary-btn{
	border-radius: 20px;
	padding: 8px 20px; 
	color: #ffffff !important;
	background-color: #28cdff;
	display: inline-block;
	text-align: center;
	margin: 20px 0;	
}

.secondary-btn:HOVER{
	background-color: #002146;
}

@media(min-width: 768px){		
	.hide-desktop{
		display: none;
	}
}

@media(max-width: 767px){
	.primary-btn{
		padding: 8px 10%;
	}
	.hide-mobile{
		display: none;
	}
}


/* Common CSS */