@import url("fonts/stylesheet.css");
/*========================*/
/*===  CSS Reset    ===*/
/*========================*/
html, body, #container { height: 100% !important; }
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,img,strong,ol,ul,li,form,input { margin:0px; padding:0px; border:0; vertical-align:baseline;}
ul { color:#000; list-style:none; list-style-position:outside;}

/*========================*/
/*===  General      ===*/
/*========================*/
body
{
	font-size:16px;
	line-height:16px;
	font-family: 'HelveticaNueue-lightCond', Arial, sans-serif;
	color: #000;
	background: #fff;
}
#header,#main,#footer
{
	margin:0 auto;
	width:100%;
}

a { 
	color: #63ceca; 
	text-decoration: none;
	transition: .5s ease-out;
	-moz-transition: .5s ease-out;
	-webkit-transition: .5s ease-out;
	-o-transition: .5s ease-out;	
	outline: none !important;
}

a:hover
{
	color: #000;
	transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
}

a:active { outline:none; }

a:focus { outline:none; -moz-outline-style:none; }

p { display:block; margin-bottom:17px; line-height: 130%; font-size: 16px; color:#000; }

strong { font-weight:700; }

input,textarea{ font-family: 'HelveticaNueue-lightCond', Arial, sans-serif;}

::selection{background:#d16f4e; color:#fff;}

.clear{clear:both;}

.clear_overflow{overflow: hidden; }

.fl_left{float:left !important;}

.fl_right{float:right !important;}

.marginb10 {margin-bottom:10px !important;}
.divider { display:block; width: 100%; height: 1px; line-height: 1px; margin: 20px 0; }
.line { border-top: 1px dotted #ccc; }
.imageleft { float: left; margin-right: 25px; margin-bottom: 10px;}
.imageright { float: right; margin-left: 25px; margin-bottom: 10px;}
.nomargin { margin: 0 !important; }
.nomargin_l { margin-left: 0 !important; }
.nomargin_r { margin-right: 0 !important; }
.nomargin_t { margin-top: 0 !important; }
.nomargin_b { margin-bottom: 0 !important; }
.radius_12 {
	-moz-border-radius: 12px;/*Firefox*/
	-webkit-border-radius: 12px;/*Safari, Chrome*/
	border-radius: 12px;
}
.radius_8 {
	-moz-border-radius: 8px;/*Firefox*/
	-webkit-border-radius: 8px;/*Safari, Chrome*/
	border-radius: 8px;
}
.radius_6 {
	-moz-border-radius: 6px;/*Firefox*/
	-webkit-border-radius: 6px;/*Safari, Chrome*/
	border-radius: 6px;
}

/*========================*/
/*===  Home page ===*/
/*========================*/

#wrapper{width: 100%;}
#container{width: 960px; margin: 0 auto; position:relative; text-align:left;}
#header { width: 100%; height: 140px; text-align: right; padding-bottom: 36px;}


#logo {display:inline-block; width: 400px; height: 100px; overflow: hidden; margin-top: 20px; float:left; text-align:left;}
#header h1 { display:inline-block; margin-top: 63px; font-family: 'HelveticaNueue-MediumCond', Arial, sans-serif; color:#000 !important; font-weight:normal;}

#slideshow_content { 
	width: inherit; height: 306px; margin-top: 20px;
}
#slideshow_content .slideshow_wrapp { 
	border: 5px solid #fff;
	box-shadow: 0px 0px 3px #cccccc;
	-moz-box-shadow: 0px 0px 3px #cccccc;/*FF 3.5+*/
	-webkit-box-shadow: 0px 0px 3px #cccccc;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#cccccc)";/*IE 8*/
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#cccccc);/*IE 5.5-7*/
}

#content { width: inherit; padding-top: 20px; }
#container h1, h2, h3, h4, h5, h6 {  }
.content_wrapp { width: 640px; min-height: 328px; padding: 0px; padding-bottom: 20px; }
.content_wrapp p { overflow: hidden; }
.content_wrapp img { 
	border: 5px solid #fff; 
	-moz-box-shadow: 0px 0px 1px #999999;/*FF 3.5+*/
	-webkit-box-shadow: 0px 0px 1px #999999;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color=#999999)";/*IE 8*/
	box-shadow: 0px 0px 1px #999999;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color=#999999);/*IE 5.5-7*/
	margin: 1px 0px 0px 1px;
 }
.left-wrapp { float: left; margin-right: 0px; }
.right-wrapp { float: right; margin-left: 0px; }
#content ul { margin-bottom: 16px; display:inline-block; }
#content ul li { color:#000; }
#content ul li h4 { color:#000; float:left; }
#content h3 { color:#0083bb; }
#content ul li p { padding-top: 2px; margin-bottom: 0; }
#content ul:last-child {margin-bottom: 0px;}

.side { width: 300px; height: inherit; text-align:left; color:#000; padding-bottom: 20px;}
.leftside { float: left; margin-right: 20px; }
.rightside { float: right; margin-left: 20px;}
.side .gmaps { padding-bottom: 10px;}
.side .gmaps iframe {border: 1px solid #ccc;}
.side .gmaps {overflow: auto;}
.side .gmaps a {float: right;}
.side .gmaps a:hover {text-decoration:underline;}

.side ul {margin:0; padding:0; list-style:none; width:100%; font-family:'Open Sans';}
.side ul li {display:flex; align-items:flex-start; margin-bottom:10px;}
.side ul li strong {width:33%; flex-shrink: 0;}
.side ul li a {display:block; width:100% !important; white-space: nowrap; overflow: hidden; flex-grow:0;}

.specials { height: 80px; padding-top: 20px; overflow: hidden; text-align:center; }
.specials ul { display:inline-block; margin: 0 auto; }
.specials ul li { width: 306px; height: 78px; float:left; margin-right: 21px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
.specials ul li:last-child { margin-right: 0px;}
.specials ul li a { display:block; width: inherit; height: 62px; padding-top: 16px; }
.specials ul li a:hover { background-color: #0083BB; }
.specials ul li a:hover h1, .specials ul li a:hover p { color: #fff !important; }
.specials ul li a h1 { color: #63ceca; margin-bottom: 2px; }
.specials ul li a p { color: #63ceca; font-weight: bold; }

.supliers { height: 80px; padding-top: 20px; overflow: hidden; text-align:center; }
.supliers ul { display:inline-block; margin: 0 auto; }
.supliers ul li { width: 150px; height: 80px; float:left; margin-right: 10px;}
.supliers ul li:last-child { margin-right: 0px;}
.supliers ul li a { display:block; width: inherit; height: inherit; }
.supliers ul li a img { border: none; outline: none; }
 
 
 #footer {
	width: 100%;
	color:#7f7f7f;
	text-align: center;
	padding-top: 18px;
	padding-bottom: 20px;
}
#footer a { color:#7f7f7f; }
#footer a:hover { color:#ccc; }

#footer .inner
{
	display:inline-block;
	text-align: center;
	margin: 0 auto;
	font-size: 12px;
	line-height: 14px;
}

#footer .small_logos ul { display:inline-block; margin: 0 auto; padding-top: 15px;}
#footer .small_logos li { width: 90px; height: 33px; float:left; margin-right: 20px;}
#footer .small_logos li:last-child { margin-right: 0px; }
#footer .small_logos ul li a { display: block; width: inherit; height: inherit;}

 .caps { text-transform: capitalize; }
/*==========================*/
/*===  Typography     ===*/
/*==========================*/
/*==========================*/
/*===  Heading font ===*/
/*==========================*/

h1,h2,h3,h4, .nav
{
	font-family: 'HelveticaNueue-MediumCond';
}

/*=================================*/
/*===  Typography elements ===*/
/*=================================*/
h1,h2,h3,h4,h5,h6 { margin-bottom:0px; color:#000; font-weight: normal;}

h5,h6 {
	letter-spacing:.9px;
	line-height:20px;
}

h1{ font-size:25px; line-height:28px; margin-bottom: 2px;}

h2{font-size:20px; line-height:22px; margin-bottom: 9px; color:#0083bb;}

h3{font-size:16px; line-height:16px; margin-bottom: 15px; color:#0083bb;}

h4{font-size:13px; line-height:14px; margin-bottom: 0px; font-weight:bold;}

h5{font-size:13px; margin-bottom: 5px;}

h6{font-size:12px; margin-bottom: 5px;}

.center{margin: 0 auto;}

.border{border:1px solid #eee;}

/*========================*/
/*===  Navigation ===*/
/*========================*/
#menu {
	position:absolute;
	top: 140px;
	width: 100%;
	height: 36px;
	text-transform: uppercase;
	text-align: left;
	background-color: #0083bb;
}
.nav
{
	display:block;
	margin:0;
	padding: 0;
}

.nav ul
{
	list-style:none;
	position:relative;
	display:inline-block;
	margin: 0 auto;
}

.nav ul li
{
	float:left;
	position:relative;
	display:block;
	margin-right: 1px;
}
.nav ul li:first-child  { margin-left: 10px; }
.nav ul li:first-child a { }
.nav ul li:last-child {  }
.nav ul li:last-child a { }
.nav ul li > a
{
	display:block;
	padding: 9px 10px;
	font-size: 16px !important;
	line-height: 18px;
	color:#fff;
	background-color: #0083bb;
	text-decoration:none;
}

.nav ul li:hover > a,
.nav ul li > a.active { color:#fff; background-color: #63ceca; }

.nav ul li > a.active:hover
{
	color: #fff;
}

.nav ul li ul
{
	position:absolute;
	z-index:1000;
	min-width:170px;
	display: none;
	left:0px;
	top:36px;
	background:#0083bb;
	box-shadow: 0px 0px 3px #333333;
	-moz-box-shadow: 0px 0px 3px #333333;/*FF 3.5+*/
	-webkit-box-shadow: 0px 0px 3px #333333;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#333333)";/*IE 8*/
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#333333);/*IE 5.5-7*/
}

.nav ul li ul li
{
	width:100%;
	margin: 0 !important;
}
.nav ul li ul li a
{
	font-family: 'HelveticaNueue-MediumCond', Arial, sans-serif;
	font-size: 16px ;
	line-height: 16px;
	height: auto;
	padding: 8px 0;
	margin:0;
	color:#fff;
	background: none;
	text-align:center;
	display:block;
}

.nav ul li ul li a:hover, .nav ul li ul li a.active{color:#fff; background: #63ceca;}

.nav ul li ul li:last-child a{border:0;}

/* IE7 Fix */
.nav li:hover ul{display:block;}

.f_btn { width: 33px; height: 36px; display:block; float:right; border-left: 1px solid #fff; text-align: center;  }
.f_btn a { width: inherit; height: 26px; display:block; color:#fff; background-color:#21076a; text-transform:lowercase; font-size: 20px; padding-top: 10px;}
.f_btn a:hover {background-color:#114592;}

/*======= Transitions ========*/
.alfa_tranz
{
	-webkit-transition:opacity .2s ease-in;
	-moz-transition:opacity .2s ease-in;
	-o-transition:opacity .2s ease-in;
	transition:opacity .2s ease-in;
}
.color_tranz
{
	-webkit-transition:background-color .2s ease-in;
	-moz-transition:background-color .2s ease-in;
	-o-transition:background-color .2s ease-in;
	transition:background-color .2s ease-in;
}

#flashMessage {
	background-color:#7FAF0A; color:#fff; padding: 5px 10px; margin-bottom: 20px;
}

.g-recaptcha{margin:0 0 15px 0;padding:0 0 0 70px;}