/*====================================== reset.css is here ========================================*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} table { border-collapse:collapse; border-spacing:0;} fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul { list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold;} q:before,q:after {content:'';} abbr,acronym { border:0;} .clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;} .clrflt{clear:both;} .last {margin:0 !important;} .pad_last{padding:0 !important;} .no_bg {background:none !important;} header,nav,section,article,aside,footer,hgroup {display: block;} /**************************************************************************************/ a {color:#000; text-decoration:none; outline:0 none;} a:hover {color:#000; text-decoration:none;} h1 {font-size:24px;} h2 {font-size:22px;} h3 {font-size:18px;} h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;} /*----------------------------------------------------------------------------------*/ html {} body {color:#b1b1b1; font-family:"Arial", Verdana, Tahoma; font-size:12px;} .flt_lt {float:left; display:inline;} .flt_rt {float:right; display:inline;} /* ---------------------------------------------------------------------------------*/ @font-face { font-family: 'BebasNeue'; src:url('../fonts/BebasNeue/BebasNeue.eot'), url('../fonts/BebasNeue/BebasNeue.otf') format('opentype'), url('../fonts/BebasNeue/BebasNeue.woff') format('woff'), url('../fonts/BebasNeue/BebasNeue.ttf') format('truetype'), url('../fonts/BebasNeue/BebasNeue.svg#BebasNeue') format('svg'); font-weight: normal; font-style: normal; } /* ----------------------- layout ----------*/ .wrapper {margin:0 auto;} .container {width:1000px; margin:0 auto;} .main_content {} header { width:100%; background:url(../images/header_bg.png) repeat-x; padding:10px 0 11px 0;} /*-------------------------------------------*/ /* ------------------ HEADER HERE -------------------*/ #logo {} /* ---------------------------------------------------------*/ /* ------------------------- NAVIGATION HERE ---------------*/ header nav { float:right; display:block; box-sizing:border-box; padding:0 1.4% 0 0; width: 425px;} header nav ul { float:left; display:block; box-sizing:border-box; padding:9px 13px 0 0;} header nav ul li { float:left; display:block; margin:0 0 0 10px;} header nav ul li a { display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:12px; color:#FFFFFF;} header nav ul li a span { color:#D6DE23;} header nav ul li a:hover { color:#D6DE23;} header nav ul li a span:hover { color:#FFFFFF;} header nav a.facebook { float:right; display:inline-block;} .sports_sec { width:100%; background:url(../images/sports_nav_bg.png) repeat-x;} .sports_logo { display:block; float:left; box-sizing:border-box; padding:11px 0 0 2.3%;} .sports_logo a { display:block;} .sports_main { display:block;} .sports_nav { display:block; float:left; box-sizing:border-box; padding: 0 0 0 11px;} .sports_nav ul { display:block; float:left;} .sports_nav ul li { display:block; float:left; margin:0 0 0 0px;} .sports_nav ul li a { display:block; font-family:Arial, Helvetica, sans-serif; font-size:23px; line-height:23px; font-weight:bold; color:#FFFFFF; padding: 23px 12px;} .guarantee { display:block; float:left; padding:0 0 0 0%; box-sizing:border-box;} .guarantee a { display:block;} .guarantee a { display:block;} .guarantee a img { display:block; padding:0; margin:0;} .guarantee a img.mobile { display:none;} .guarantee a img.desktop { display:block;} .sports_nav ul li.channels { } .sports_nav ul li.channels a { background:#003876; line-height: 23px;} .sports_nav ul li a:hover { background:#003876; line-height: 23px;} /* ---------------------------------------------------------*/ nav a.menu_icon { display:none;} /* ------------------------ BANNER CONTENT HERE --------------*/ .banner { width:100%;} .banner img { width:100%; height:auto; display:block;} .cycle-slideshow { width: 100%; } .cycle-slideshow img { width: 100%; height: auto; } /* ---------------------------------------------------------*/ /* ------------------------ MIAN CONTENT HERE --------------*/ .main_content { width:100%;} .live_sec { width:100%; background:url(../images/live_bg.png) repeat-x; height:127px;} .live_sub { width:100%; box-sizing:border-box; padding:26px 3% 0 6.5%;} .live_sub h2 { font-family:Arial, Helvetica, sans-serif; font-size:30px; line-height:33px; font-weight:bold; color:#FFFFFF; float:left; display:block; margin:10px 7.3% 0 0; text-shadow:1px 2px 3px #000;} .live_sub a { font-family:Arial, Helvetica, sans-serif; font-size:41px; line-height:41px; font-weight:bold; color:#FFFFFF; float:left; display:block; background:url(../images/buy_now_bg.png) repeat-x; padding:16px 29px; border-radius:17px 17px 24px 24px; text-shadow:1px 2px 3px #000; box-shadow:8px 15px 39px -17px #000;} .logo_sec { width:100%; background:#e6e7e8;} .logo_sub { width:100%; padding:9px 0 8px 0; box-sizing:border-box;} .logo_sub ul { display:block; float:none; width:100%; } .logo_sub ul li { display:inline-block; float:none; padding:0;} .logo_sub ul li a { display:block;} .logo_sub ul li a img { width:100%; height:auto;} .logo_sub ul li:nth-child(1) { width:12.7%;} .logo_sub ul li:nth-child(2) {width:12.1%;} .logo_sub ul li:nth-child(3) {width:11.4%;} .logo_sub ul li:nth-child(4) {width:6.1%;} .logo_sub ul li:nth-child(5) {width:6.3%;} .logo_sub ul li:nth-child(6) {width:6.4%;} .logo_sub ul li:nth-child(7) {width:10%;} .logo_sub ul li:nth-child(8) {width:6.8%;} .logo_sub ul li:nth-child(9) {width:7%;} .logo_sub ul li:nth-child(10) {width:4.6%;} .logo_sub ul li:nth-child(11) {width:12.4%;} .system_sec { width:100%; background:url(../images/system_sec_bg.png) repeat-x;} .system_sub { width:100%; padding:38px 0 23px 0;} .system_sub ul { display:block; float:none; width:100%; } .system_sub ul li { display:inline-block; float:none; margin:0 0 0 0; position:relative; width:30%;} .system_sub ul li small { display:block;} .system_sub ul li h3 { position:absolute; left:0; bottom:-60px; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; font-weight:bold; color:#ffffff; width:100%; text-align:center;} .system_sub ul li.windows { width: 36%; box-sizing: border-box; padding: 0 0 0 8%; text-align:center;} .system_sub ul li.mac { width:28%;} .system_sub ul li.tablet { width:33%; box-sizing: border-box; padding: 0 10% 0 0;} .windows_sec { width:100%; background:url(../images/windows_bg.png) repeat-x; min-height:45px; margin: 0 0 17px 0;} .system_sub ul li.tablet h3 { text-align:left; box-sizing:border-box; padding:0 0 0 4%;} .system_sub ul li.windows h3 { text-align:center; box-sizing:border-box; padding:0 0 0 16%;} .system_sub ul li.mac h3 { text-align:left; box-sizing:border-box; padding:0 0 0 37%;} /* ---------------------------------------------------------*/ /* ------------------ FOOTER HERE --------------------------*/ footer { width:100%; background:#003876; display:inline-block;} .main_footer { width:100%; display:inline-block; box-sizing:border-box; padding:35px 0 52px 4%;} .football_sec { width:13.7%; float:left; display:block;} .football_sec h3 { font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:22px; font-weight:bold; color:#FFFFFF; display:block; margin:0 0 19px 0;} .football_sec ul { float:left; display:block; width:100%; margin:0 0 22px 0;} .football_sec ul li { float:none; display:block; margin:0 0 3px 0;} .football_sec ul li a { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; font-weight:normal; color:#FFFFFF; display:inline-block;} .football_sec ul li a:hover { text-decoration:underline;} .rugby_sec { width:16.3%; float:left; display:block;} .rugby_union { width:100%;} .formula_sec { width:16.3%;} .tennis_sec { width:12.3%;} .golf_sec { width:15%;} .cricket_sec { width:16.1%;} .hockey_sec { width:10.3%;} .copy {} /* ---------------------------------------------------------*/ /* ------------------ INNER1 HERE --------------------------*/ .software_sec { width:100%; background:url(../images/software_sec_bg.png) repeat #ffffff; margin: 28px 0 0 0;} .software_sub { width:100%;} .software_sub small { float:left; display:inline-block; position:relative; z-index:999; box-sizing:border-box; padding:0 0 0 2%;} .software_sub h2 { float:left; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:33px; font-weight:bold; line-height:33px; color:#FFFFFF; background:#003876; position:relative; padding:4px 62px 4px 42px; margin:4px 0 0 -13px; border-radius: 6px 0 0 6px;} .software_sub h2:after { content: ''; border-bottom: solid 41px #003876; border-right: transparent 41px solid; position: absolute; right: -41px; top: 0;} .software_sub h2.red {background:#ee4036; padding: 4px 14px 4px 42px;} .software_sub h2.green {background:#37b34a; padding: 4px 112px 4px 42px;} .software_sub h2.red:after {border-bottom: solid 41px #ee4036;} .software_sub h2.green:after {border-bottom: solid 41px #37b34a;} .travel_main { margin:0 0 69px 0;} .travel_sec { width:100%; background:#e6e7e8; padding:61px 0 15px 0;} .travel_sub { width:100%;} .travel_left { width:54.5%; float:left; display:block; margin:9px 0 0 0;} .travel_left ul { display:block; float:none; width:100%; text-align:center;} .travel_left ul li { display:inline-block; float:left; width:50%;} .travel_left ul li small { display:inline-block; } .travel_left ul li small img { display:block; width:100%; height:auto;} .travel_left h2 { display:block; font-family:Arial, Helvetica, sans-serif; font-size:35px; line-height:35px; font-weight:bold; color:#003875;} .travel_right { width:40.2%; float:right; display:block; position:relative;} .travel_right ul { width:100%; display:block; float:none; margin:0 0 38px 0;} .travel_right ul li { float:none; display:block; margin:0 0 5px 0; background:url(../images/dotted_img.png) no-repeat left center; padding:0 0 0 12px;} .travel_right ul li a { display:block; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:20px; font-weight:bold; color:#58595B;} .travel_right a.buy { display:block; font-family: 'BebasNeue'; font-size:67px; line-height:67px; font-weight:normal; color:#FFFFFF; background:#003876; padding:15px 0 0; text-align:center; width: 280px; border-radius:15px; margin:0 auto;} .travel_right a.buy1 { display:block; font-family: 'BebasNeue'; font-size:67px; line-height:67px; font-weight:normal; color:#FFFFFF; background:#ee4036; padding:15px 0 0; text-align:center; width: 280px; border-radius:15px; margin:0 auto;} .travel_right a.buy2 { display:block; font-family: 'BebasNeue'; font-size:67px; line-height:67px; font-weight:normal; color:#FFFFFF; background:#37b34a; padding:15px 0 0; text-align:center; width: 280px; border-radius:15px; margin:0 auto;} .clone1 { display:none;} .clone2 { display:none;} .clone3 { display:none;} .travel_right strong { position:absolute; left:0; top:0px; display:none;} /* ---------------------------------------------------------*/ /* ------------------ INNER2 HERE --------------------------*/ .package_sec { width:100%; background:#ffffff; padding:21px 0 94px 0; } .package_cont { width:828px; margin:0 auto;} .package_sub { width:100%; margin:0 0 22px 0;} .package_sub h2 { font-family:Arial, Helvetica, sans-serif; font-size:38px; font-weight:bold; line-height:38px; color:#404041; margin:0 0 30px 0;} .package_sub ul { width:100%; display:block; float:none; padding:0 0 0 1%;} .package_sub ul li { width:18.3%; float:none; display:inline-block; margin:0 1% 14px 0;} .package_sub ul li a { display:block;} .package_sub ul li a img { display:block;} .package_sub2 { margin:0 0 39px 0;} .package_sub2 h2 { margin:0 0 20px 0;} .package_sub2 ul li { width:13%; margin: 0 0.9% 6px 0;} .channels_sec { width:100%;} .channels_sec h3 { font-family:Arial, Helvetica, sans-serif; font-size:38px; font-weight:bold; line-height:38px; color:#404041; margin: 0 0 24px 0;} .channels_sec ul { width:100%; display:block; float:none;} .channels_sec ul li { display:block; float:none; margin: 0 0 19px 0;} .channels_sec ul li small { float:left; display:inline-block; box-sizing: border-box; padding: 0 0 0 1%;} .channels_sec ul li small img { display:block;} .channels_sec ul li p { float:left; display:inline-block; font-family:Arial, Helvetica, sans-serifl; font-size:14px; font-weight:bold; line-height:16px; color:#58595B; box-sizing: border-box; padding:21px 0 0 3.5%;} /* ---------------------------------------------------------*/