@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
}
html { padding:0; margin:0;}

.main { margin:0 auto; background: #fff /*url(../images/main_bg_light.gif) top center repeat-x*/; padding:0;}
.main2 { margin:0 auto; background:#f0f0f0 /*url(../images/main_bg2.gif) top center repeat-x; padding:15px 0 0 0*/;}
/********** header **********/
.header {  padding:0; margin:0 auto; width:960px;}
/* logo */
.logo {
	padding:0;
	margin:0;
	width:400px;
	float:left;
}
/* rss */
.rss_img { text-align:left; font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ababab; float:left; margin:15px 0; padding:3px; background:#3f3f3f; border-bottom:1px solid #0e0e0e; border-top:1px solid #535353; border-right:1px solid #101010; border-left:1px solid #535353;}
.rss_img p { float:left; padding:0 5px 0 0; margin:0;}
.rss_img img { margin:0 3px; padding:0;}
/*menu*/
.menu {
	padding:0;
	margin:0;
	float:right;
	width:480px;
}
.menu ul { text-align: left;  padding:30px 0 0 0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:13px 5px; border:0; }
.menu ul li a { float:left; margin:0; padding:13px 0 13px 0; color:#1e1e1e; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a span { padding:13px 10px; background:none; }
.menu ul li a:hover { color:#fff; background: url(../images/r_menu.gif) no-repeat right; }
.menu ul li a:hover span {color:#fff; background:url(../images/l_menu.gif) no-repeat left; }
.menu ul li a.active { color:#fff;  background:url(../images/r_menu.gif) no-repeat right; }
.menu ul li a.active span { color:#fff; background:url(../images/l_menu.gif) no-repeat left; }
/* search */
.search { padding:15px 0 0 0; margin:0; width:230px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(../images/search_bg.gif) left top no-repeat; width:146px; padding:0; height:24px;}
.search form .keywords { width:179px; line-height:14px;  float:left; background:none; border:0; padding:5px 2px 0 10px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#777;}
.search form .button { float:left; margin:0; padding:0;}
/* click_blog */
.click_blog { width:960px; margin:0 auto; padding:20px 0; background:url(../images/slot_bg.gif) top no-repeat;}
.click_blog p { font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#737373; width:710px; float:left; padding:0; margin:0;}
.click_blog p span { font: normal 11px Arial, Helvetica, sans-serif; color:#979797;}
.click_blog img { float:right; margin:0; padding:0;}
/* FBG */
.FBG { padding:0; margin:0; background:#e9e9e9;}
.FBG_resize { width:910px; margin:0 auto; padding:0;}
.FBG_resize img { float:left; margin:0; padding:0;}
.FBG_resize a { color:#084e8e; text-decoration:none; }
.FBG_resize a:hover { color:#68ccdf; text-decoration: none; }
.FBG_resize h2 { font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#504f4f; padding:10px 0; margin:0;}
.FBG_resize .blog h2 { font: normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#504f4f; padding:10px 0; margin:0;}
.FBG_resize p {font: normal 12px Arial, Helvetica, sans-serif; color:#000; padding:5px 0; margin:0; line-height:1.8em;}
.FBG_resize ul { padding:0 0 0 5px; margin:0; list-style:none;}
.FBG_resize li { padding:0px 0; margin:5px 0 0 0; }
.FBG_resize li a { font: normal 12px Arial, Helvetica, sans-serif; color:#56565b; padding:5px 0 5px 0; margin:0;text-decoration:none;}
.FBG_resize li a:hover { color:#68ccdf; text-decoration: none;}
.FBG_resize .blog { width:205px; float:left; margin:0; padding:20px 30px 20px 0;}
.FBG_resize .last { padding:20px 0;}
/* body */
.body_resize { width:910px; margin:0 auto; padding:20px 25px; min-height:200px;}
.body { padding:0; margin:0 auto; background:#fff;}

h1 {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-weight: 700;
	color: #084e8e;
	text-transform: uppercase;
	line-height: 1.25;
	margin-bottom: 0;
}

.body h2 { font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#494848; padding:10px 0; margin:0 0 10px 0; border-bottom:1px solid #dfdfdf;}
.body h2 span { font: normal 18px Arial, Helvetica, sans-serif; color:#b7b7b7; padding:0; margin:0;}
.body h3 { color:#4f4f4f; font: bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:1px solid #dbdbdb; padding:15px 0 15px 20px; margin:0; }
.body h4 { font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2a2a2a; padding:5px 0; margin:0; border-bottom:none;}
.body .menu2 { width:170px; float:right; padding:0; margin:0;}
.body .menu2 a { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5d5d5d; text-decoration:none; padding:0 3px;}
.body .menu2 a:hover { color:#fff; background:#363636;}
.body p.about { background:#e6e6e6; border-left:5px solid #cdcdcd; padding:20px; margin:15px 0; font: italic 12px Arial, Helvetica, sans-serif; color:#747474;}
.body p { 
	/*font:normal 16px Arial, Helvetica, sans-serif;*/
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000;
	line-height:1.8em;
	padding:5px 0;
	margin:0;
}
.body p span { font-size:18px; font-weight:bold; color:#888;}
.body a { color:#084e8e; text-decoration:none;}
.body a:hover { color:#68ccdf; text-decoration: none;}
.body img { margin:5px auto; padding:0;}
.body img.link { margin:5px auto; padding:0; text-align:center;}
.right {  width:289px; margin:0; padding:10px 0; float:right;}
.right ul { margin:0; padding:0; list-style:none;}
.right li { border-bottom:1px solid #dfdfdf; padding:5px 0 5px 15px; margin:0; background:url(../images/r_ul_li.gif) left no-repeat;}
.right li a { font: normal 12px Arial, Helvetica, sans-serif; color:#747474; text-decoration:none;}
.right li a:hover { color:#912731; text-decoration:underline;}
.left { width:599px; margin:0; padding:10px 0; float:left;}
.port {
	width:290px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
}
.last { padding:0;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:400px; display:block; padding:5px 0; color:#868686; font: normal 12px Arial, Helvetica, sans-serif;  float:left; }
#contactform label span { color:#d66423; font-weight:bold; }
#contactform input.text { width:250px; border:1px solid #d4d4d4; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left; }
#contactform textarea { width:450px; border:1px solid #d4d4d4; margin:2px 0; padding:2px; background:#fff; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
/*************footer**********/
.footer {padding:0;  margin:0 auto; background:#e9e9e9;}
.footer_resize { width:960px; margin:0 auto; padding:10px 0; background:url(../images/footer_bg.gif) top center no-repeat;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#979797;}
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#979797; text-decoration:none; }
.footer p.right { text-align:right; width:250px; margin:0; padding:15px 0; float:right;} 
.footer p.left { text-align:left; width:250px; margin:0; padding:15px 0; float:left;}
.footer p.mid { text-align:left; width:400px; margin:0 auto; padding:15px 0;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.bg { clear:both; padding:5px 0; margin:0; border-bottom:1px solid #dfdfdf;}
/* Slider */
#slider { width:960px; padding:0; margin:0 auto; }
#slider .flash_slider { width:960px; height:440px; margin:0; overflow:hidden; }
/* LOGO TEXT */
.logotext {
	float:left;
	padding:10px 0px 0px 10px;
	font: Tahoma, Geneva, sans-serif;
}
.logotext p {
	font-size:14px;
}
.line1 {
	font:Verdana, Geneva, sans-serif;
	font-size:28px;
	padding:0;
	margin:0;
	line-height:65%;
}
.line2 {
	font:Verdana, Geneva, sans-serif;
	font-size:22px;
	padding:0;
	margin:0;
	line-height:80%;
}
.line3 {
	font:Verdana, Geneva, sans-serif;
	font-size:26px;
	padding:0;
	margin:0;
	line-height:75%;
}
.line4 {
	font:Verdana, Geneva, sans-serif;
	font-size:19px;
	padding:0;
	margin:0;
	line-height:80%;
}
.floatleft {float:left;}
.floatright {float:right;}
.ccontactform {width:200px; float:left; margin:20px 0px 0px 0px; border:#666666 thin ridge; padding:5px; background-color:#FFF;}
/*TURN OFF NEWSLETTER BOX */
.ccontactform {display:none;}
.main-ad {
	float:left;
	width:250px;
	margin-left:10px;
	margin-top:10px;
}
.main-ad a img{
	opacity:.9;
}
.main-ad a:hover img {
	opacity:1;
}
.specials-bg {
	background:url(../images/Juell3D_SUMMERGIVEAWAY_background.jpg) no-repeat;
	width:960px;
	height:360px;
}

.specials-icons {
	padding-top:274px;
	padding-left:225px;
}
.specials-icon {
	width:50px;
	padding:0 20px;
	text-align:center;
	float:left;
}
.specials-icon a img{
    opacity:.9;
}
.specials-icon a:hover img {
	opacity:1;
}
.specials-icon span {
	font-size:10px;
	color:#666;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; 
}
.social-icon-area {
}

.social-icons {
	width:750px;
	margin: 0 auto;
}
.social-icon {
	width:50px;
	padding:0 20px;
	text-align:center;
	float:left;
}
.social-icon-right{
	width: 200px;
	text-align: right;
	float: left;
	margin-top: 0;
	padding: 0 10px;
	height: 50px;
}
.social-icon-right a { text-decoration:none;
}
.social-icon-right a img{
    opacity:.9;
}
.social-icon-right h2{
    font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#494848; padding:5px 0; margin:0 0 10px 0; border-bottom:1px solid #dfdfdf;
}
.social-icon-right a:hover img {
	opacity:1;
}
.social-icon-right span {
	font-size:10px;
	color:#666;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; 
}
.social-icon a img{
    opacity:.9;
}
.social-icon a:hover img {
	opacity:1;
}
.social-icon span {
	font-size:10px;
	color:#666;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; 
}
.left ul {
	padding:5px 5px 5px 30px;margin:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#878787;
}

.center {
	text-align:center;
}

/* SOCIAL */

.fab {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fab:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

/* FA */

.fa-rotate-110 {
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
}

.phone, a.phone {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #084e8e;
	line-height: 1.25;
	margin-bottom: 0;
	text-decoration: none;
}

.phone a:hover, a.phone:hover {
	color: #68ccdf;
}

.block { 
  width:440px;
  float:left;
  margin:0;
  padding:20px 30px 20px 0;
}

/* ICONS */
.iconic {
	color: #084e8e;
	
	display:inline-block;
    /*font-size: 40px;
    line-height: 50px;
    background-color:black;
    color:white;*/
    width: 290px;
    height: 60px;
    text-align: center;
    vertical-align: bottom;
}

/* BUTTONS */
.btn-xl, .btn-group-xl > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 1.35rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-primary {
  color: #fff;
  background-color: #56565b;
}

.btn-primary:hover {
  color: #fff;
  background-color: #084e8e;
}

.btn-transparent {
  color: #084e8e;
  background: none;
  border: none;
}

.btn-transparent:hover {
  color: #fff;
  background-color: #084e8e;
}

/* TEXT */
.uppercase {
	text-transform: uppercase;
}

.container {
    max-width: 960px;
	margin-top: 15px;
  }

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col {
	position: relative;
	width: 430px;
	text-align: left;
	margin-right: 50px;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 14px;
}

.col-left {
	float:right
}

.phonebox {
	padding:0;
	margin: 7px 0 0 0;
	text-align:center;
}