@charset "utf-8";

html { padding:0; margin:0 auto; /*background:#e9e9e9 url(images/main_bg.jpg) repeat left top;*/}
body { margin:0; padding:0; width:100%; border:0; color:#8a8a8a; font:normal 13px/1.5em "Liberation sans", Arial, Helvetica, sans-serif; /*background:url(images/header_bg.jpg) repeat-x left top;*/}
* { outline:none;}
.main { margin:0 auto; padding:0; background:#f7f6f2 url(images/main_bg.png) repeat-x left top;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h2 { margin:0; padding:11px 12px 18px; font-size:20px; font-weight:normal; color:#fff; text-transform:none;}
p { margin:0; padding:8px 0;}
a { color:#237ead; }
img { border:none;}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}

/* header */
.header { padding:0 0 32px; background:url(images/center_bg.jpg) no-repeat center top;}
.header_resize { margin:0 auto; padding:0; width:985px;}
.logo { padding:0; float:left; width:auto; height:127px;}
h1 { margin:0; padding:40px 0 0 0; font-size:48px; font-weight:bold; line-height:1.2em; color:#fff;}
h1 a, h1 a:hover { color:#fff; text-decoration:none;}
h1 span { color:#3cbaee;}
h1 small { display:inline; margin:0; font-size:13px; line-height:1.2em; text-transform:none; color:#fff; font-weight:normal;}
.slider { margin:0; padding:0 0 44px; background:url(images/slider_bg.png) no-repeat center bottom;}

/* social */
.social { padding:21px 30px 0 0; float:right; width:auto;}
.social p { padding:0; float:right; width:auto; color:#fdfdfd; text-align:right; font-size:13px; line-height:1.5em; font-weight:normal;}
.social a { color:#fdfdfd; text-decoration:none;}
.social a:hover { text-decoration:underline;}
.social img { margin:-3px 0 -3px 2px; border:none;}

/* menu */
.menu_nav { margin:0; padding:50px 0 0; float:right; width:auto; height:43px;}
.menu_nav ul { list-style:none; padding:0; height:43px;}
.menu_nav ul li { margin:0; padding:0 0 0 2px; float:left;}
.menu_nav ul li a { display:block; margin:0; padding:0 0 0 20px; font-size:16px; line-height:19px; font-weight:normal; color:#fff; text-decoration:none; text-transform:none; text-align:center;}
.menu_nav ul li a span { display:block; padding:12px 20px 12px 0; height:19px;}
.menu_nav ul li.active a, .menu_nav ul li a:hover { color:#fff; background:url(images/menu_a_l.png) no-repeat left top;}
.menu_nav ul li.active a span, .menu_nav ul li a:hover span { background:url(images/menu_a_r.png) no-repeat right top;}

/* content */
.content { padding:0; min-height:450px;}
.content_resize { margin:0 auto; padding:16px 10px 24px; width:965px;}
.content h2 { }
.content .mainbar { margin:0 0 24px; padding:0; float:right; width:651px;}
.content .mainbar h2 { background:url(images/h2_bg.png) no-repeat left top;}
.content .mainbar div.img { float:left;}
.content .mainbar div.img img { padding:8px 0 0;}
.content .mainbar img.fl { }
.content .mainbar .article { margin:0 0 24px; padding:0; min-height:220px;}
.content .mainbar .post_content { float:right; width:430px;}
.content .mainbar .post_content strong { font-weight:bold;}
p.spec { padding:0 0 16px;}
p.infopost { margin:0 0 6px; padding:6px 0 12px; background:url(images/li_bg.gif) repeat-x left bottom;}
p.infopost span.date { }
p.infopost a { padding:0 2px; text-decoration:none; font-weight:normal;}
p.infopost a:hover { text-decoration:underline;}
p.infopost a.com { }
p.infopost a.com span { font-weight:bold;}
p.infopost a.com:hover { text-decoration:underline;}
.content .mainbar a.rm { display:block; float:left; padding:10px 0; width:93px; height:15px; font-size:12px; line-height:15px; font-weight:normal; text-decoration:none; text-transform:none; text-align:center; color:#fff; background:url(images/readmore.png) no-repeat center center;}
.content .mainbar a.rm:hover { text-decoration:none;}

/* pagination */
.content p.pages { margin:0; padding:24px 0; font-size:13px; text-align:left;}
.content p.pages span, .content p.pages a { display:block; margin:0 2px; padding:9px 0; float:left; width:36px; height:17px; color:#fff; line-height:17px; text-align:center; text-decoration:none;}
.content p.pages span, .content p.pages a:hover { color:#fff; font-weight:normal; background:url(images/page_a.png) no-repeat center center;}
.content p.pages a { color:#8a8a8a;}
.content p.pages small { font-size:12px; float:right;}

/* sidebar */
.content .sidebar { margin:0; padding:0; float:left; width:288px;}
.content .sidebar .gadget { margin:0 0 24px; padding:0;}
.content .sidebar h2 { background:url(images/h2_rbg.png) no-repeat left top;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0 20px; list-style:none; font-size:12px;}
ul.sb_menu li, ul.ex_menu li { margin:0; list-style:none; background:url(images/li_bg.gif) repeat-x left bottom;}
ul.sb_menu li { padding:10px 0;}
ul.ex_menu li { padding:10px 0;}
ul.sb_menu li a { margin-left:-16px; padding:8px 8px 8px 16px; font-size:13px; color:#8a8a8a; text-decoration:none; text-transform:none;}
ul.ex_menu li a { font-weight:normal; font-size:13px; color:#8a8a8a; text-decoration:none; text-transform:none;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#237ead; font-weight:bold; text-decoration:none;}
.gadget ul li  { margin:0 0 0 10px; list-style:none; }
.gadget a  { text-decoration:none !important;  }

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { background:#222 url(images/fbg_bg.png) repeat-x left top; border-top:1px solid #fff;}
.fbg_resize { margin:0 auto; padding:22px 235px 10px; width:920px; color:#d4d4d2; background:url(images/footer_rbg.jpg) no-repeat center top;}
.fbg h2 { padding:0 0 16px; color:#fff;}
.fbg h2 small { display:block; padding:4px 0 0; font-size:12px; font-weight:normal; text-transform:none; color:#fff;}
.fbg img.gal { margin:8px 8px 0 0; padding:3px; background:#515151; border:1px solid #65696d;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:280px;}
.fbg .c2 { padding:0 36px 0 16px; width:280px;}
.fbg .c3 { padding:0 0 0 16px; width:274px;}
.fbg .fbg_ul { margin:0; padding:0; list-style:none;}
.fbg .fbg_ul li { margin:0; padding:0; list-style:none;}
.fbg .fbg_ul li a { display:block; margin:0; padding:2px 0 2px 12px; color:#d4d4d2; text-decoration:none; background:url(images/li.gif) no-repeat left center;}
.fbg .fbg_ul li a:hover { color:#fff; text-decoration:none; font-weight:normal; background:url(images/li_a.gif) no-repeat left center;}
.fbg p.contact_info { line-height:1.8em;}
.fbg p.contact_info a { text-decoration:underline; color:#fff; font-weight:normal;}
.fbg p.contact_info span { display:block; float:left; width:74px; font-weight:bold;}

/* footer */
.footer { background:#494949; border-top:1px solid #565655;}
.footer_resize { margin:0 auto; padding:0; width:920px; color:#d4d4d2;}
.footer p.lf { margin:0; padding:24px 0; text-align:left; width:auto; line-height:1.5em;}
.footer p.lf a { color:#d4d4d2; text-decoration:none; font-weight:normal;}
.footer p.lf a:hover { text-decoration:none; color:#237ead;}
.footer p.lf span { float:right;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:0; padding:5px 2px; height:16px; background-color:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:0; padding:2px; background-color:#fff;}
ol li .send { margin:16px 0 0 0;}

/* search */
.searchform { margin:0; padding:0 0 16px 20px; float:left; width:auto; height:40px;}
#formsearch { margin:0; padding:0; width:auto; height:40px;}
#formsearch span { display:block; margin:0; padding:0; float:left; background:url(images/search_bg.png) no-repeat left top;}
#formsearch input.editbox_search { margin:0; padding:8px 10px 8px; float:left; width:202px; height:17px; font-size:13px; line-height:17px; color:#aeaeae; background:none; border:none;}
#formsearch input.button_search { margin:0; padding:0; border:none; float:left;}

/* products */
.product {
	display:block;
	float:left;
	width:150px;
	height:350px;
	margin:10px 25px 40px 0px;
	border:1px solid #a5a5a5;
	padding: 0px 10px 5px 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 5px 1px #858585;
	box-shadow: 0 0 5px 1px #858585;
	background: #e1e1e1; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #e1e1e1 11%, #f6f6f6 49%, #f1f1f1 84%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#e1e1e1), color-stop(49%,#f6f6f6), color-stop(84%,#f1f1f1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e1e1e1 11%,#f6f6f6 49%,#f1f1f1 84%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e1e1e1 11%,#f6f6f6 49%,#f1f1f1 84%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e1e1e1 11%,#f6f6f6 49%,#f1f1f1 84%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e1e1e1 11%,#f6f6f6 49%,#f1f1f1 84%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}
.product3 {
	display:block;
	float:left;
	width:150px;
	height:250px;
	margin:10px 25px 40px 0px;
	border:1px solid #a5a5a5;
	padding: 0px 10px 5px 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 5px 1px #858585;
	box-shadow: 0 0 5px 1px #858585;
	background: #e1e1e1; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #e1e1e1 11%, #f6f6f6 49%, #f1f1f1 84%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#e1e1e1), color-stop(49%,#f6f6f6), color-stop(84%,#f1f1f1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e1e1e1 11%,#f6f6f6 49%,#f1f1f1 84%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e1e1e1 11%,#f6f6f6 49%,#f1f1f1 84%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e1e1e1 11%,#f6f6f6 49%,#f1f1f1 84%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e1e1e1 11%,#f6f6f6 49%,#f1f1f1 84%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}

p.center { text-align:center; text-decoration:none !important;}
.product h4 { text-align:center; color:#b11a01;}
.product3 h4 { text-align:center; color:#b11a01;}

.product2 {
	display:block;
	width:150px;
	float:left;
	margin:10px;
	background-color: #f5f5f5;
}
.extraInfo { float:left; display:block; }

/* FORM 

.row { width: 480px; margin-bottom: 10px; }
.row .field, .row .message { float: left; display: inline;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #d9d9d9; }
.row .field { width: 226px; height: 18px; padding: 2px 5px; font-family: "Trebuchet MS", sans-serif; color: #454545;  }
.row .field-focus { border: 2px solid #1782c9 !important;}
.row .message { width: 359px; height: 134px; overflow-y: auto; }
.row label { float: left; display: inline; width: 90px; text-align: right; margin-right: 10px;  }
.row label span { color: #999; font-size: 11px; }
.row .submit-btn { float: right; display: inline; width: 127px; height: 26px; background: url(/images/submitbutton.png) no-repeat 0 0;  color: #fff; font-size: 13px; line-height: 22px; padding: 3px 0;  margin-right: 21px; border: 0; cursor: pointer; }
.field-error { border: 2px solid #b70000 !important; }
.msg-alert,
.msg-thanks { width: 490px; height: 40px; background: #b70000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 10px; display: none; }
.msg-thanks { background: #2292d9 !important;}
.msg-alert p,
.msg-thanks p { text-align: center; margin: 0; color: #fff; line-height: 25px; }
.dropdownbox { border:1px solid #aaaaaa; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-left:100px; margin-bottom:10px; }
*/

/* NEW FORM */

.form-control {
  font-size: 13px;
  width:75%;
  padding: 12px 15px;
  height: 25px;
  border-radius: 5px;
  border: solid 1px #3c3c3c;
  background-color: #f8f8f8;
  margin-bottom: 10px;
  outline: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .form-control:focus {
    color: #343d48;
    background-color: #fff;
    border-color: #f7f7f7;
    outline: 0;
    box-shadow: 0 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

textarea.form-control {
  height: 180px;
  min-height: 180px;
  border-radius: 10px; }
  
 /* BUTTON */
 
 .button, input[type='button'], input[type='reset'], input[type='submit'], .btn {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 0 36px;
  height: 50px;
  line-height: 48px;
  vertical-align: middle;
  background: transparent;
  font-family: "Roboto", sans-serif;
  color: #343d48;
  text-align: center;
  border-radius: 100px;
  border: 2px solid #343d48;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }
  .button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover, .btn:hover {
    opacity: 1;
    color: #ffffff;
    background-color: #343d48;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    transform: translateY(-3px); }
  .button:focus, input[type='button']:focus, input[type='reset']:focus, input[type='submit']:focus, .btn:focus {
    opacity: 1;
    color: #ffffff;
    background-color: #343d48;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    transform: translateY(-3px); }

.btn--block {
  margin: 0;
  width: 100%;
  min-width: auto; }

.btn--center {
  margin: 0 auto;
  display: block; }

.video--btn.btn {
  background-color: transparent;
  border: 0;
  color: #ffffff;
  padding: 0 10px;
  font-size: 18px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }
  .video--btn.btn i {
    float: right;
    font-size: 44px;
    color: inherit;
    padding-left: 7px;
    margin: 0;
    padding-top: 3px; }
  .video--btn.btn:hover {
    color: #2457d0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; }

.btn.btn--shadow {
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); }
  .btn.btn--shadow:hover {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0); }

.btn i {
  float: right;
  font-size: 18px;
  color: inherit;
  padding-left: 7px;
  margin: 0;
  padding-top: 14px; }

.btn--primary {
  background-color: #ff0000;
  border-color: #ff0000;
  color: #ffffff; }
  .btn--primary:hover {
    background-color: #343d48;
    color: #ffffff;
    border-color: #343d48; }
  .btn--primary:focus {
    background-color: #343d48;
    color: #ffffff;
    border-color: #343d48; }
	
.mailsuccess {
	font-color:#ff0000 !important;
	text-align:center;
}