@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'proxima_novablack';
    src: url('fonts/proximanova-black-webfont.eot');
    src: url('fonts/proximanova-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-black-webfont.woff') format('woff'),
         url('fonts/proximanova-black-webfont.ttf') format('truetype'),
         url('fonts/proximanova-black-webfont.svg#proxima_novablack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novalight';
    src: url('fonts/proximanova-light-webfont.eot');
    src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-light-webfont.woff') format('woff'),
         url('fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novasemibold';
    src: url('fonts/proximanova-semibold-webfont.eot');
    src: url('fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{ margin:0px; padding:0px; 
font-family: 'proxima_novalight',Arial,Helvetica,Sans-Serif;
font-size:12px; background:#ffffff; font-weight:normal; color:#535353;}

a{ outline:none;}

h1, h2, h3, h4, h5, h6 {
    font-family: 'proxima_novasemibold',Arial,Helvetica,Sans-Serif;
}

ul, li, p, span, h1, h1, h3, h4, form, input{ margin:0px; padding:0px;}
img{ border:none;}

.top_row{ background:url(images/top_head_bg.jpg) repeat-x; width:100%; overflow:hidden; height:98px;}

.top_row_wrap{ width:980px; margin:0px auto; position:relative; }

.overflw_wid{ width:100%; overflow:hidden;}

.tp_pho{ background: url(images/phone_icon.jpg) no-repeat left top; padding-top:5px; width:525px; float:right; height:27px; margin-top:3px;}


.logo{ width:337px; height:42px; float:left; margin-top:13px;}

.menu_right{ width:620px; float:right;}

.main_nav{ width:416px; list-style-type:none; float:right; margin-top:9px; }
.menu_right .buy_btn {
    background: url("images/pack_btn.png") no-repeat 0 0;
    color: #000;
    display: block;
    float: right;
    font-size: 17px;
    height: 32px;
    margin-top: 0px;
	margin-right:4px;
    padding-top: 12px;
    text-align: center;
    text-decoration: none;
    width: 130px;
	text-shadow: 1px 0 0 #FFFFFF;
}

.menu_right .buy_btn:hover{ background:url(images/pack_btn.png) no-repeat 0px -43px; width:130px; height:43px;}


.main_nav li{ display:inline; float:left; text-align:center; margin-right:8px; }

.main_nav li a {
    background: url(images/menu_top_bg.png) no-repeat 0px 0px;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    padding-bottom: 9px;
    padding-top: 12px;
    text-decoration: none;
    text-shadow: 1px 0 0 #000000;
    width: 130px;
}
.main_nav li a:hover{ background:url(images/menu_top_bg.png) no-repeat 0 -43px;}

.main_nav li a.styhover{
    background:url(images/menu_top_bg.png) no-repeat 0 -86px;
    display: block;
    font-size: 18px;
    padding-top: 12px;
	text-decoration: none;
    width: 130px;
    color:#000;
	padding-bottom: 22px;
	text-shadow: 1px 0 0 #fff;
	}

.main_nav li ul{ position:absolute; right:0px; margin-top:2px; top:54px;}
.main_nav li ul li{ margin-right:30px;}
.main_nav li ul li a{ text-decoration:none; color:#CECECE; font-size:14px; padding:13px 0px 9px; text-shadow:1px 0 0 #000; background:none; font-weight:bold; height:none; width:auto;}
.main_nav li ul li a:hover{ background:none; padding:13px 0px 9px; color:#fff; font-size:14px; border-bottom:2px solid #add443; font-weight:bold; height:none; text-shadow: 0px 0 2px #fff;}
.main_nav li ul li a.styho2{ background:none; padding:13px 0px 9px; color:#fff; font-size:14px; border-bottom:2px solid #ff9c00; font-weight:bold; height:none; text-shadow: 0px 0 2px #fff;}


.top_theame_bg{ width:100%; overflow:hidden; background:#4dcad9; height:418px; margin-bottom:10px;}
.top_theame_bg1{ width:100%; overflow:hidden; background:#c2dc81; height:350px;}
.top_theame_bord{ width:100%; overflow:hidden; display:block; background:url(images/banner_bot_gr.png) repeat-x; height:40px;}

.top_theame_bg_wrap{ width:980px; margin:0px auto;}
.top_button_h{ background:url(images/top_button.jpg) no-repeat top; width:80px; height:27px; display:block; float:right; border:none; outline:none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;}
.top_button_h:hover{
 background:url(images/top_button.jpg) no-repeat bottom; width:80px; height:27px; display:block; float:right; border:none; outline:none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;}

.content{ width:980px; margin:0px auto; overflow:hidden}
.footer_bg{ width:100%; background:url(images/footer_bgnew.jpg) repeat-x top; overflow:hidden; height:268px;} 


.footer_bg_wrap{ width:980px; margin:0px auto;}
.footer_con_one{ width:360px; float:left; margin-top:20px; margin-right: 40px; font-size:13px; line-height:20px;}
.footer_inpt{ border:1px solid #cdcdcd; width:250px; height:14px; margin-right:5px; padding:5px}
.footer_sumt{ background:url(images/submit_btn.png) no-repeat; width:71px; height:26px; color:#fff; border:none; cursor:pointer;}


#topd{
	background:#333 url(img/topbg.png) repeat-x bottom;
	height:40px;
	width:100%;
	position:absolute;
	top:0px;
}

.wrapper { 
	position: relative; 
	width: 980px; 
	margin: 0 auto; 
	padding: 0;
    background: #ffffff;
	-webkit-border-radius: 0 0 1px 1px;
	-moz-border-radius: 0 0 1px 1px;
	border-radius: 0 0 1px 1px;
	
}


.fl{ float:left; width:450px}
.fr{ float:right; width:450px}
.overhid{ overflow:hidden}

.fl_sm{ float:left; width:450px; margin-right:10px; margin-bottom: 20px;}
.fr_sm{ float:right; width:450px; margin-left:10px; margin-bottom: 20px;}
.clear_b{ width:100%; display:block; clear:both; border-bottom:1px dotted #CCC; margin:10px 0px 20px 0px}



#banner{ width:980px; height:418px; margin:10px auto;}
header { 
	padding: 1.5em 2em 0;
}

section {
	padding: 0px 0 0 20px;
}

footer {
	padding: 1em;
	font-size: 0.9em;
}

hr {
	width: 100%;
	display: block;
	height: 1px;
	border: none;
	outline: none;
	clear: both;
	background: #ccc;
	margin: 1em 0;
	
}

.wrapper .column { 
	float: left; 
	display: inline; 
	width: 56%;
	padding: 0;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;	
}

.column.left { padding-right: 1em; font-size:20px; color:#545454; }
.column.right { padding-left: 1em }

.nav-container { margin-bottom: 2em; width:100%;margin-right:-2em }

nav {
	z-index: 42;

	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	width: 980px;
	padding:0 ;
	background:#efefef;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	 margin:0px auto;
	 background-color:#efefef;
	 display:block;
	 overflow:hidden;
}
nav ul{ background:#efefef;}

.nav-left {
	position: absolute;
	left:0;
	bottom:-14px;
	width:14px;
	height:14px;
	background: #848a6a;
	background: rgba(132,138,106,0.7);
	border-bottom-left-radius: 100% 50%;
}

.nav-left:after {
	content: '';
	position: absolute;
	right:0;
	width:66%;
	height:66%;
	background: #000;
	border-top-left-radius:100% 50%;
	border-bottom-left-radius:100% 50%;
	
}

.nav-right {
	position: absolute;
	right:0;
	bottom:-14px;
	width:14px;
	height:14px;
	background: #848a6a;
	background: rgba(132,138,106,0.7);
	border-bottom-right-radius:100% 50%;
}

.nav-right:after {
	content: '';
	position: absolute;
	left:0;
	width:66%;
	height:66%;
	background: #000;
	border-top-right-radius:100% 50%;
	border-bottom-right-radius:100% 50%;
	
}
 
nav li {
	display: inline-block;
	list-style-type: none;
	border-right:1px dotted #ccc;
	padding:0 2px 15px 2px;
	float:left;
	}

nav li a {
	text-decoration: none;
	font-size: 14px;
	color: #545454;
	font-weight: bold;
	display: inline-block;
	width: 130px; 
	text-align: center;
	padding: .5em 1em;
	
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	background: url(img/nav-arrow.png) no-repeat scroll center bottom transparent;
}

nav li a:hover,
nav li a.selected {
	color: #219bf5;
	background: url(img/nav-arrow-active.png) no-repeat scroll center bottom transparent;
}

   
.wrapper:before,
.wrapper:after {
	content: '';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	clear: both;
	zoom: 1 
	
}

.sticky {
	position: fixed;
	top: 141px;
	animation:thedrop 1s 1;
	-moz-animation:thedrop 1s 1;
	-webkit-animation:thedrop 1s 1;
}

.sticky .nav-above {
	position: absolute;
	top:-15px;
	left:1em;
	right:1em;
	height:15px;
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}
    
.live_chat{ background:url(images/live_cht.png) no-repeat; font-weight: bold;
    margin-top: 10px;
    padding-left: 25px;}
.live_chat a{ text-decoration:none; color:#045a7d}
.footer_list{ width:170px; float:left; list-style:none; margin-top:20px;}	
.footer_list li{ line-height:20px;}
.footer_list li a{ text-decoration:none; color:#515256;}

.footer_list li a:hover{ color:#005383;}

.social_icons{ float: left;
    list-style: none;
    width: 170px;}

.social_icons .tex{ float:left; margin:0px 5px}


.fb99 {
    background: url(images/connect.png) no-repeat 0 0 ;
    display: block;
    float: left;
    height: 24px;
    margin-right: 4px;
    width: 25px;
}
.tw99 {
    background: url(images/connect.png) no-repeat  -28px 0px ;
    display: block;
    float: left;
    height: 24px;
    margin-right: 4px;
    width: 25px;
}
.yt99 {
    background: url(images/connect.png) no-repeat -87px 0px ;
    display: block;
    float: left;
    height: 24px;
    margin-right: 4px;
    width: 25px;
}

.big_headline {
    font-size: 36px;
    line-height: 40px;
	padding-top:72px;
	font-weight:normal;
	margin-bottom:10px;
}

.big_headline_in {
    font-size: 36px;
    line-height: 40px;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0px;
}


/* Inner CSS Start Here*/

div.fadehover {
	position: relative;
	height:94px;
	}

img.a {
	position: absolute;
	left: 0;
	top: 0;
        z-index: 10;
	}
	
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}

.h3blue{ font: normal 20px/28px 'proxima_novasemibold', Arial, Helvetica, sans-serif; color:#46AFF1; display:block;}
.h4blue{ font: normal 20px/28px 'proxima_novasemibold', Arial, Helvetica, sans-serif; color:#46AFF1 !important; display:block;}
.h2_small_blue{ font:normal 18px/25px 'proxima_novasemibold', Arial, Helvetica, sans-serif; font-weight:normal; color:#46AFF1; display:block;}


.rtside-box-content {
	font-size:16px;
	float:right;
    margin-bottom: 0;
    padding: 10px;
    width: auto;
}

.rtside-box-content h3 {
    color: #333333;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.15em;
    margin-bottom: 12px;
    padding-top: 5px;
}
.rtside-box-content p {

    line-height: 1.3em;
    margin: 10px 0;
    word-wrap: break-word;
	color:#666;
}
.mail_link{ text-decoration:none; color:#000;}

.fontnew p{	font: 17px/22px 'proxima_novalight',Arial,Helvetica,sans-serif;}
.fontnew1 p{font: 20px/28px 'proxima_novalight',Arial,Helvetica,sans-serif; padding:20px 0px}

	
.cont_left{ width:620px; float:left; padding-left:12px; border-right:1px dotted #CCC; padding-bottom:80px; padding-right:20px}

.cont_right{ width:300px; float:right; margin-right:15px;}

.clb{ border-left: solid 1px #ccc; }

span.que{ font: bold 18px/20px 'proxima_novalight', Arial, Helvetica, sans-serif;}

span.que_mid{font: bold 28px/40px 'proxima_novalight', Arial, Helvetica, sans-serif; padding:20px 0px}

.cont_left p{ margin:12px 0 20px 0; font: normal 17px/22px 'proxima_novalight',Arial, Helvetica, sans-serif;}

input.type_question{ width:500px; height:28px; border: solid 1px #ccc; margin:8px 0; padding:0 6px;}

.support_left{ width:634px; height:auto; float:left;}

.support_right{ width:140px; float:right;}

.live_support{ width:135px; height:113px; background:url(images/service.jpg) no-repeat; float:right;}

.live_support1{ width:135px; height:113px; background:url(images/service.jpg) 0 -113px no-repeat; float:right;}

.live_support2{ width:135px; height:113px; background:url(images/service.jpg) bottom no-repeat; float:right;}

.su_cont1{ width:480px; height:auto; float:left; margin-bottom:15px;}

/*.su_cont1 input{ margin:0px 0 0 300px;}*/	

.do_pro{ display:block; overflow:hidden; margin-bottom:50px;}

.do_pro1{ float:left; width:250px; border: solid 1px #000; padding:12px; margin-left:30px; font-size:16px;}

.do_pro1 h4{ color:#090; font-weight:normal}


/* Inner CSS End Here*/

/* Mouse hover fade */

div.fadehover {
	position: relative;
	height:94px;
	}

img.a {
	position: absolute;
	left: 0;
	top: 0;
        z-index: 10;
	}
	
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}
	
img.dongle_t{ margin-right:15px;}


.new_chat_button{
	color:#FFF;
	padding:8px 15px;
	text-decoration:none;
	font-weight:bold;
	text-shadow: 1px 1px 0px #000;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	background: #c9de96; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5ZGU5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhhYjY2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTgyMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #c9de96 0%, #8ab66b 44%, #398235 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9de96), color-stop(44%,#8ab66b), color-stop(100%,#398235)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* IE10+ */
background: linear-gradient(to bottom, #c9de96 0%,#8ab66b 44%,#398235 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-8 */
	
	}