@charset "utf-8";
/* CSS Document */
/*
==========================================================
font-family:"proxima-nova", Arial, Helvetica, sans-serif;
==========================================================
Thin:						100
Light:						300
Regular:					400
==========================================================
font-family: "raleway", Arial, Helvetica, sans-serif;
==========================================================
Light:						300
Regular:					400
Medium:						500
==========================================================
*/

body{color:#78858e; font-family: "raleway", Arial, Helvetica, sans-serif; font-weight:400; background:#fff; font-size:62.5%; line-height:1.2; -webkit-text-size-adjust:none;}
a{color:#78858e; text-decoration:underline; outline:none;}
a:hover{text-decoration:none;}
p{color:#78858e; font-size:1.6em; padding:10px 0; line-height:1.5;}
ul{color:#78858e; font-size:1.6em; line-height:1.5;}
input, textarea, select{color:#78858e; outline:none; font-size:1.6em; vertical-align:middle; font-family: "raleway", Arial, Helvetica, sans-serif;}
input[type=text], textarea, select{-webkit-appearance:none; border-radius:0;}

.wrapper{width:920px; margin:0 auto;}
.desktop_hide{display:none;}
/*===================================================================================*/
/*HOMEPAGE START=====================================================================*/
/*===================================================================================*/
.header{border-bottom:1px solid #dfdddd; height:84px;}
.header .logo{float:left; color:#42525e; font-size:2.6em; font-weight:300; margin:23px 0 0;}
.header .logo span{font-weight:500;}
.header a.link_generator{float:right; text-decoration:none; color:#7d8489; font-size:1.7em; font-family:"proxima-nova", Arial, Helvetica, sans-serif; margin:32px 0 0;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}
.header a.link_generator:hover{color:#e5003a;}

.wb_banner{clear:both; background:#f5f6f6; border-top:1px solid #f5f6f6; padding:45px 0;}
.wb_banner h2{font-size:3.8em; font-family:"proxima-nova", Arial, Helvetica, sans-serif; font-weight:300; text-align:center; background:#e5003a; padding:6px 0 0; height:51px; color:#fff; overflow:hidden; margin-bottom:2px;}
.wb_banner .open_form{font-family:"proxima-nova", Arial, Helvetica, sans-serif; font-weight:300; text-align:center; background:#e5003a; padding:10px 0 0; height:47px; color:#fff; overflow:hidden; cursor:pointer;}
.wb_banner .open_form span{font-size:2.6em; padding:0 50px; background:url(../images/icon_arrow.png) right top no-repeat; display:inline-block; height:37px; line-height:36px; cursor:pointer;}
.wb_banner .open_form strong{font-weight:300;}

.wb_banner .wb_form{clear:both; background:#fff url(../images/form_arrow.png) center top no-repeat; display:none;}
.wb_banner .wb_form .wb_frm_padding{padding:25px 15px 20px; background:url(../images/icon_frm.png) 100% 75px no-repeat;}
.wb_banner .wb_form .wb_frm_row{clear:both; padding:0 0 7px;}
.wb_banner .wb_form .wb_frm_row .wb_frm_left{float:left; width:220px; padding:10px 20px 0 0; text-align:right; font-size:1.9em; color:#485560;}
.wb_banner .wb_form .wb_frm_row .wb_frm_right{float:left; width:403px;}
.wb_banner .wb_form .wb_frm_row .wb_frm_right .txtbox{height:43px; width:381px; line-height:42px; padding:0 10px; border:1px solid #dbd9d9; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.wb_banner .wb_form .wb_frm_row .wb_frm_right .send_details{width:403px; height:45px; background:#4d5358; text-align:center; line-height:45px; font-family:"proxima-nova", Arial, Helvetica, sans-serif; font-weight:300; color:#fff; border:none; outline:none; font-size:2.1em; padding-bottom:1px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer;}

.content{padding:0 0 50px;}
.content .system_details{width:730px; margin:0 auto; padding:25px 0 35px;}
.content h3{text-align:center; color:#38444d; font-size:2.8em; font-family:"proxima-nova", Arial, Helvetica, sans-serif; font-weight:300; border-bottom:1px solid #d3d6d8; min-height:48px;}
.content .system_details .sys_row{clear:both; border-bottom:1px solid #d3d6d8; padding:8px 0;}
.content .system_details .sys_row .sys_left{float:left; width:350px; text-align:right; font-size:1.9em;}
.content .system_details .sys_row .sys_right{float:right; width:350px; font-size:1.9em; color:#e5003a; font-weight:500;}

.content .ad_space{width:728px; height:88px; background:#f7f9fa; border:1px solid #c8c8c9; margin:0 auto;}
.content .ad_space .ad_logo{float:left;}
.content .ad_space .ad_right{float:right; width:307px; text-align:center;}
.content .ad_space .ad_right h4{color:#036fa2; font-family:"proxima-nova", Arial, Helvetica, sans-serif; font-size:2.5em; color:#036fa2; padding:12px 0 5px; margin:0;}
.content .ad_space .ad_right .ad_link{width:146px; height:25px; padding:8px 0 0 6px; background: url(../images/ad_btnb.png) 0 0 no-repeat; margin:0 auto; display:block; color:#00487b; font-size:1.3em; text-decoration:none; text-align:left;}

.content h4{text-align:center; color:#38444d; font-size:2.8em; font-family:"proxima-nova", Arial, Helvetica, sans-serif; font-weight:300; margin:30px 0 5px;}
.content p{text-align:center; margin-bottom:10px;}
.content p a{color:#465560; text-decoration:underline;}
.content p a:hover{text-decoration:none;}

.footer{background:#4c5a66; min-height:71px;}
.footer .footer_links{text-align:center; font-size:1.6em; padding:12px 0 0;}
.footer .footer_links li{display:inline; background:url(../images/divider_ft.gif) 100% 2px no-repeat; padding:0 14px 0 8px;}
.footer .footer_links li.last{background:none;}
.footer .footer_links li a{color:#fff; font-family:"proxima-nova", Arial, Helvetica, sans-serif; text-decoration:none;}
.footer .footer_links li a:hover{text-decoration:underline;}
.footer .copyrights{text-align:center; font-size:1.3em; color:#fff; font-family:"proxima-nova", Arial, Helvetica, sans-serif; padding:3px 0 0;}
.footer .wrapper{position:relative;}
.footer .wrapper .scroll_top{position:absolute; right:0; top:0; display:block; background:url(../images/scroll_top.png) 0 0 no-repeat; width:76px; height:71px;}


.show {display:block!important;}
.hide {display:none;}

.txtarea {height:163px!important;}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 920px) {
	.wrapper{width:auto; padding:0 15px;}
	.content .ad_space{width:auto;}
	.content .system_details{width:auto;}
	.content .system_details .sys_row .sys_left{width:48%;}
	.content .system_details .sys_row .sys_right{width:48%;}
	
	.wb_banner h2{font-size:3.8em; padding:6px 0 0; height:51px;}
	.wb_banner .open_form span{font-size:2.4em; padding:0 55px; background:url(../images/icon_arrow_2x.png) right top no-repeat; background-size:auto 100%;}
	
	.wb_banner .wb_form{clear:both; background:#fff url(../images/form_arrow_2x.png) center top no-repeat; background-size:600px auto; display:none;}
	.wb_banner .wb_form .wb_frm_padding{background:url(../images/icon_frm.png) 105% 75px no-repeat;}
	.wb_banner .wb_form .wb_frm_row .wb_frm_left{padding:10px 20px 5px 0; text-align:left;}
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	
	.desktop_hide{display:block;}
	.mob_hide{display:none;}
	
	.header{height:auto;}
	.header .logo{margin:20px 0 5px; font-size:2.3em;}
	.header a.link_generator{float:left; clear:both; margin:10px 0 15px;}
	
	.wb_banner{padding:25px 0;}
	.wb_banner h2{font-size:1.8em; padding:6px 0; height:auto;}
	.wb_banner .open_form{padding:6px; height:auto;}
	.wb_banner .open_form span{font-size:1.6em; padding:0 35px;  display:inline-block; height:25px; line-height:25px; cursor:pointer;}
	
	.wb_banner .wb_form .wb_frm_padding{background:none;}
	.wb_banner .wb_form .wb_frm_row .wb_frm_left{padding:10px 0 5px; text-align:left; float:none; margin:0 auto; width:250px;}
	.wb_banner .wb_form .wb_frm_row .wb_frm_right{float:none; margin:0 auto; width:250px;}
	.wb_banner .wb_form .wb_frm_row .wb_frm_right .txtbox{width:230px;}
	.wb_banner .wb_form .wb_frm_row .wb_frm_right .send_details{width:250px; -webkit-appearance:none;}
	
	.content{padding:0 15px 50px;}
	.content .system_details{width:auto;}
	.content h3{font-size:2em; min-height:0; padding-bottom:15px;}
	.content h4{font-size:2em;}
	.content .system_details .sys_row{clear:both; border-bottom:1px solid #d3d6d8; padding:8px 0;}
	.content .system_details .sys_row .sys_left{float:none; width:auto; text-align:left; padding-bottom:5px;}
	.content .system_details .sys_row .sys_right{float:none; width:auto;}
	


	.footer{min-height:0; padding-bottom:15px;}
	
	.footer .footer_links{padding:12px 50px 0 0; text-align:left;}
	.footer .footer_links li{display:inline; background:url(../images/divider_ft.gif) 100% 2px no-repeat; padding:0 14px 0 0; margin-right:8px;}
	.footer .copyrights{text-align:center; font-size:1.3em; color:#fff; font-family:"proxima-nova", Arial, Helvetica, sans-serif; padding:3px 0 0; text-align:left;}
	.footer .wrapper .scroll_top{right:10px; top:10px; width:45px; height:45px; background:url(../images/scroll_top.png) 0 0 no-repeat; background-size:cover;}
	

	.content .ad_space{width:auto; height:auto; background:#f7f9fa; border:1px solid #c8c8c9; margin:0 auto; padding-bottom:15px; text-align:center;}
	.content .ad_space .ad_logo{float:none; width:100%; height:auto;}
	.content .ad_space .ad_right{float:none; width:auto; text-align:center;}
	.content .ad_space .ad_right h4{padding:10px 0 5px; margin:0;}
	.content .ad_space .ad_right .ad_link{background: url(../images/ad_btn_2x.png) 0 0 no-repeat; background-size:100% 100%; }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
}