/* ------------ CSS Reset ------------ */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/* Main CSS */
.bold{font-weight:bold;}
.clear{clear:both;}
.black{color:#000000; font-family:Arial, Helvetica, sans-serif;}
.orange{color:#f36a31; font-family:Arial, Helvetica, sans-serif;}
.red{color:#c72636; font-family:Arial, Helvetica, sans-serif;}
#top-banner{background-image:url(../jpg/top-background.jpg); background-repeat:no-repeat; width:100%; height:500px;margin:0px auto;background-size:100% 500px;}
#content{background-color:#eeeeee;}
.wrapper{width:980px;margin:0px auto;}
.top-bar{ background-color:#701410; height:50px; width:100%;}
.top-bar img{ padding-left:20px; padding-top:12px;}
.top-banner{ background-image:url(../png/isp-box-bg.png); background-position:right 0; height:450px; background-repeat:no-repeat;}
h1{font-family: 'Roboto', sans-serif; font-size:50px; font-weight:900; color:#ffffff;padding-top:50px;}
h2{font-family: 'Roboto', sans-serif; font-size:30px; font-weight:400; color:#FFFF50 !important;padding-left:0px; width:535px; text-align:center}
.top-banner-dot{ width:545px;border-top: dotted 1px #ffffff; text-align:left;}
.price-detail{font-family: 'Roboto', sans-serif; font-size:24px; font-weight:300; color:#ffffff; float:left;width:250px;padding-right:5px;text-align:center;padding-top:20px;}
.price-detail p{line-height:none; font-size:24px;}
.price{font-family: 'Roboto', sans-serif; font-size:48px !important; font-weight:500; color:#ffffff; padding-bottom:10px;}
.year{font-family: 'Roboto', sans-serif; font-size:20px !important; font-weight:500; color:#ffffff;}
.product-features{float:left; width:315px;}
.product-features ul li{list-style:none;font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; color:#ffffff;padding-bottom:30px; width:100%; clear:both;}
.product-features ul li p{float:left; padding-right:5px;}
..product-features .bold{font-weight:700;}
.vertical-div{background-image:url(../png/top-banner-div.png); background-repeat:no-repeat; width:2px; height:187px; float:left;padding-right:15px;}
.tick{background-image:url(../png/tick-2.png); background-repeat:no-repeat;width:15px; height:15px; display:block; float:left;}


.compare{ background-color:#EEEEEE; padding-bottom:100px;}
.compare-head{ background-color:#170308;}
.ribbon{position:absolute;padding-left: 97px;}
.compare-list-names{width:415px; vertical-align:middle;}
.compare-list-names p{font-family: 'Roboto', sans-serif; font-size:24px; font-weight:400; color:#fbab47; padding-left:20px;}
.antivirus-list{width:188px; position:relative; height:170px;}
.antivirus-box{position:absolute;margin-top: 80px; margin-left:30px;}
.isp-list{width:188px; position:relative; height:170px; background-color:#170308;}
.isp-box{position:absolute;margin-top: 53px;z-index:999}
.isc-list{width:188px; position:relative; height:170px;}
.isc-box{position:absolute;margin-top: 80px;margin-left:30px;}
.compare-list-1{height:127px;border-bottom:1px solid #efefef;}
.compare-list-1 td{ vertical-align:bottom; padding-bottom:17px;}
.compare-list-1 img{float:left;}
.text-free{font-family: 'Roboto', sans-serif; font-size:24px; font-weight:400; color:#666666; padding-bottom:10px;}
.phone-number{font-family: 'Roboto', sans-serif;font-size:24px;width:174px;height:40px; float:left; text-align:center; vertical-align:middle;color:#FFFFFF; background-color:#666666;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin-left:5px;}
.pn{padding-top:5px; font-weight:bold;}
.compare-list-td-1{padding-left:10px; vertical-align:middle !important; padding-bottom:0 !important;}
.product-name{font-family:Arial, Helvetica, sans-serif;font-size:13px; text-align:center;}
.feature-points{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-style:italic; padding-left:20px;}
.table-even{height:31px; background-color:#ffffff; border-bottom:1px dotted #e5e5e5}
.table-even td{ vertical-align:middle;}
.table-odd{height:31px; background-color:#f8f8f8;}
.table-odd td{ vertical-align:middle;}
.td-middle{border-left:1px solid #F8F8F8;border-right:1px soid #F8F8F8;}
.compare-table{ background-color:#ffffff;}
table.compare-table td:nth-child(3){box-shadow:11px 0px 21px -13px rgba(214, 214, 214, 1), -1px 0 13px -5px rgba(214, 214, 214, 1);}
table.compare-table tr:nth-child(odd) td:nth-child(3){background-color:#FFFFFF;}
.avail{background-image:url(../png/green-tick-2.png); background-repeat:no-repeat; background-position:center;}
.btn{vertical-align:middle; text-align:center; height:76px;}
.buy-btn{background-image:url(../png/gray-buy-btn.png); background-position:center; background-repeat:no-repeat; display:block; width:184px; height:56px;}
.td-middle .buy-btn{background-image:url(../png/yellow-buy-btn.png);}
.buy-btn:hover{background-image:url(../png/yellow-buy-btn.png);}

#mask{
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background: rgba(0, 0, 0, 0.75);
	display:none;
}

#alert-modal{
	width: 360px;
	height: 150px;
	background: #fff;
	position: fixed;
	top: 83px;
	display: none;
}

.close{
	width:20px;
	height:20px;
	background: url("../close.html") no-repeat;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}
.pos-rel {position:relative;}
.pos-rel P {font-family: 'Roboto', sans-serif; font-size:12px; font-weight:400; line-height:18px;}
.top-banner-left{float:right; position:absolute;margin-left: 561px;margin-top: 38px;}
.awards{margin: 0 0 auto;width: 980px; background-color:#ffffff;padding-bottom:112px; padding-top:20px;}
.awards-inside{margin-left:235px;}
.awards-inside ul{ list-style:none;}
.awards-inside ul li{float:left; margin-right:10px;}
.tooltip {
    display:none;
    background:transparent url('../png/black_arrow.png');
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff;    
}

.award-inside{font-family: 'Roboto',sans-serif !important;}