@import url("https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600,700,800,900&display=swap"); /* @charset "utf-8"; */ html, body { font-size: 15px; color: #555555; font-family: Fira sans; vertical-align: baseline; font-weight: 400; overflow-x: hidden; line-height: 26px; } img { max-width: 100%; height: auto; } p { margin: 0 0 26px; line-height: 1.8; } h1, h2, h3, h4, h5, h6 { font-family: Fira sans; color: #111111; margin: 0 0 26px; } h1 { font-size: 45px; line-height: 45px; font-weight: 700; } h2 { font-size: 36px; line-height: 36px; font-weight: 700; } h3 { font-size: 25px; line-height: 30px; font-weight: 600; } h4 { font-size: 22px; line-height: 28px; font-weight: 600; } h5 { font-size: 19px; line-height: 25px; font-weight: 600; } h6 { font-size: 17px; line-height: 20px; font-weight: 600; } a { color: #fbc02d; transition: all 0.3s ease 0s; text-decoration: none !important; outline: none !important; } a:active, a:hover { text-decoration: none; outline: 0 none; color: #214790; } ul { list-style: outside none none; margin: 0; padding: 0; } /* ----------------------------------- 02. Common CSS -------------------------------------*/ .clear { clear: both; } .versase { font-size: 25px; font-weight: 500; color: #fbc02d; } .z-index-0 { z-index: 0 !important; } .primary-color { color: #fbc02d; } .title-color { color: #111111; } .text-center { text-align: center; } .margin-center { margin: 0 auto; } .overflow-hidden { overflow: hidden; } .no-background { background-color: unset !important; } .no-border { border: none !important; } .relative { position: relative !important; } .normal-font-weight { font-weight: 400 !important; } .medium { font-weight: 500 !important; } .semi-bold { font-weight: 600 !important; } .bold { font-weight: 700 !important; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .bs-none { box-shadow: none !important; } .no-bg { background: none !important; } .lh-1 { line-height: 1 !important; } .container-fluid { padding: 0 100px; } .sec-color { color: #eff4fd !important; } .sec-bg { background-color: #eff4fd !important; } .sec-bg2 { background-color: #f9f9f9 !important; } .radius-0 { border-radius: unset !important; } .gray-color { color: #eff4fd !important; } .dark-gray-color { color: #dddddd; } .gray-bg { background-color: #eff4fd !important; } .white-color { color: #ffffff !important; } .secondary-color { color: #214790 !important; } .white-bg { background-color: #ffffff !important; } .primary-color { color: #fbc02d !important; } .black-color { color: #000; } .primary-bg { background: #fbc02d !important; } .secondary-bg { background: #214790 !important; } .bg-fixed { background-attachment: fixed; background-repeat: no-repeat; } /* Background Images */ .bg1 { background-image: url(images/background/upcoming-match-bg.jpg); background-size: cover; } .bg2 { background-image: url(images/background/video1-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .bg3 { background-image: url(images/background/isf-bg1.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 548px; } .bg4 { background-image: url(images/background/about-home-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .bg5 { background-image: url(images/background/counter-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .bg6 { background-image: url(images/background/award-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .bg7 { background-image: url(images/background/subscribe-bg.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; } .bg8 { background-image: url(images/background/result-bg2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .bg9 { background-image: url(images/background/video2-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .bg10 { background-image: url(images/background/home3-about.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .bg11 { background-image: url(images/background/match-fixture-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .bg12 { background-image: url(images/background/result-bg3.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .bg13 { background-image: url(images/background/team-bg-dark.jpg); background-repeat: no-repeat; background-size: cover; } .bg14 { background: url(images/bg/pointbg.png); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 5px; } .shape-bg { background: url(images/shape.png); background-repeat: no-repeat; background-size: 100%; } .title-style h2 { font-size: 30px; line-height: 40px; letter-spacing: 2px; } .title-style h3 { font-size: 22px; line-height: 28px; } .title-style .sub-title { font-size: 18px; line-height: 26px; font-weight: 600; } .title-style .line-bg { position: relative; width: 150px; display: block; margin: 0 auto; } .title-style .line-bg:before, .title-style .line-bg:after { position: absolute; content: ""; width: 75px; bottom: 0; height: 3px; } .title-style .line-bg:after { left: 0; border-radius: 0 0 0 10px; } .title-style .line-bg:before { right: 0; border-radius: 0 10px 0 0; } .title-style .line-bg.y-w:after { background: #fbc02d; } .title-style .line-bg.y-w:before { background: #ffffff; } .title-style .line-bg.y-b:after { background: #fbc02d; } .title-style .line-bg.y-b:before { background: #214790; } .title-style .line-bg.left-line { margin: 0; } .title-style .sub-title { font-size: 18px; text-transform: capitalize; margin-top: 9px; } .title-style.bracket .title { font-weight: 500; letter-spacing: normal; } .title-style.bracket .title:after, .title-style.bracket .title:before { color: #fbc02d; } .title-style.bracket .title:before { content: "["; padding-right: 6px; } .title-style.bracket .title:after { content: "]"; padding-left: 6px; } .title-style .desc.custom { margin: 0 auto; max-width: 631px; } .box-shadow { box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.07); border-radius: 7px; } .max-750 { max-width: 750px; margin: 0 auto; } .bdru-4 { border-radius: 4px; } .readon { background-image: linear-gradient(to right, #fbc02d 0%, #ea950b 51%, #fbc02d 100%); color: #111111; border: none; padding: 15px 35px 13px; display: inline-block; position: relative; text-align: center; font-size: 16px; font-weight: 500; border-radius: 4px; text-transform: uppercase; background-size: 200% auto; outline: none; box-shadow: unset; cursor: pointer; transition: all 0.3s ease 0s; } .readon.big-btn { font-size: 18px; } .readon.big-btn2 { font-size: 20px; } .readon.solid { background: #fbc02d; padding: 11px 24px; font-size: 15px; } .readon.solid:hover { background: #f0ad05; } .readon:active, .readon:focus, .readon:visited { outline: none; box-shadow: unset; } .readon:hover { background-position: right center; color: #111111; } .readon.black { color: #fbc02d; background-image: linear-gradient(to right, #313a47 0%, #313a47 51%, #313a47 100%); border-color: #313a47; } .readon.black:hover { color: #ffffff; } .readon.black.dark { background-image: linear-gradient(to right, #222934 0%, #222934 51%, #222934 100%); border-color: #222934; } .rs-vertical-bottom { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; } .rs-vertical-middle { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } ::-moz-selection { background: #fbc02d; text-shadow: none; color: #ffffff; } ::selection { background: #fbc02d; text-shadow: none; color: #ffffff; } .align-center { align-items: center; } .dot-none .owl-controls .owl-dots { display: none !important; } .nav-none .owl-controls .owl-nav { display: none !important; } ul.offcanvas-icon { padding: 0; list-style: none; } ul.offcanvas-icon li span { background: #ffffff; height: 2px; width: 20px; display: block !important; margin: 0 0 4px 0 !important; border-radius: 30px; transition: all 0.3s ease 0s; cursor: pointer; list-style: none; } ul.offcanvas-icon li span:last-child { margin: 0 !important; } ul.offcanvas-icon:hover li span:nth-child(1) { width: 10px; } ul.offcanvas-icon:hover li span:nth-child(2) { width: 15px; transform: rotate(180deg); } .page-nav ul { display: inline-block; border: 2px solid #f2f2f2; padding: 10px 30px; border-radius: 30px; } .page-nav ul li { display: inline; font-size: 18px; border-right: 1px solid #e6e6e6; padding-right: 15px; margin-right: 15px; } .page-nav ul li a { color: #555555; } .page-nav ul li a i:before { margin: 0; font-size: 18px; } .page-nav ul li a:hover { color: #fbc02d; } .page-nav ul li.active a { color: #fbc02d; } .page-nav ul li:last-child { padding: 0; margin: 0; border: none; } .stylelisting { margin-left: 20px; } .stylelisting li { color: #111111; } .stylelisting li:before { font-family: FontAwesome; color: #fbc02d; content: "\f058"; margin-right: 15px; font-size: 20px; } .clearfix { clear: both; display: block; content: ""; } .size-60 { max-height: 60px; width: auto !important; margin: 0 auto; max-width: 100%; } .size-80 { max-height: 80px; width: auto !important; margin: 0 auto; max-width: 100%; } .size-140 { max-height: 140px; width: auto !important; margin: 0 auto; max-width: 100%; } .size-170 { max-width: 100%; margin: 0 auto; width: auto !important; max-height: 170px; } blockquote { padding: 40px 60px 40px 100px; margin: 0; font-size: 20px; position: relative; } blockquote .rotate-icon { transform: rotate(180deg); position: absolute; top: 25px; left: 50px; margin-left: 10px; } blockquote .last-icon { position: absolute; bottom: 30px; margin-left: 10px; } blockquote i:before { margin: 0 !important; font-size: 30px !important; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { margin: 0; } /*Search Modal*/ .search-modal .modal-content { background: transparent; position: initial; border: 0; } .search-modal .search-block input { height: 60px; line-height: 60px; padding: 0 15px; background: transparent; border-width: 0 0 1px 0; border-radius: 0; border-color: #ffffff; box-shadow: none; color: #ffffff; font-weight: 400; font-size: 40px; letter-spacing: 3px; } .search-modal .search-block ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ffffff; opacity: 1; } .search-modal .search-block ::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; opacity: 1; } .search-modal .search-block :-ms-input-placeholder { /* IE 10+ */ color: #ffffff; opacity: 1; } .search-modal .search-block :-moz-placeholder { /* Firefox 18- */ color: #ffffff; opacity: 1; } .search-modal .close { color: #214790; margin-top: 20px; background-color: #ffffff; height: 45px; width: 45px; line-height: 40px !important; text-align: center; border-radius: 50%; opacity: 1; outline: none; transition: all 0.3s ease 0s; transition: all 0.3s ease 0s !important; transform: rotate(0deg) !important; } .search-modal .close:hover { transform: rotate(90deg) !important; } .modal-backdrop { background-color: #214790; } .modal-backdrop.show { opacity: 0.9; z-index: 99; } /*Navigation*/ .nav-style .owl-carousel { padding-top: 0; } .nav-style .owl-carousel .owl-nav [class*="owl-"] { position: absolute; top: 50%; transform: translateY(-50%); background: transparent; border: 1px solid #fbc02d; color: #fbc02d; font-size: 25px; width: 45px; height: 45px; line-height: 45px; border-radius: 50%; display: inline-block; text-align: center; opacity: 0 !important; visibility: hidden !important; transition: all 0.3s ease 0s; } .nav-style .owl-carousel .owl-nav [class*="owl-"].owl-prev { left: 0; } .nav-style .owl-carousel .owl-nav [class*="owl-"].owl-next { right: 0; } .nav-style .owl-carousel .owl-nav [class*="owl-"]:hover { background-color: #fbc02d; color: #ffffff; } .nav-style .owl-carousel:hover [class*="owl-"] { opacity: 1 !important; visibility: visible !important; } .nav-style .owl-carousel:hover [class*="owl-"] .owl-prev { left: -60px; } .nav-style .owl-carousel:hover [class*="owl-"] .owl-next { right: -60px; } .slider-navigation .owl-carousel { padding-top: 0; } .slider-navigation .owl-carousel .owl-nav [class*="owl-"] { position: absolute; top: 50%; transform: translateY(-50%); background: transparent; border: 1px solid #ffffff; color: #ffffff; font-size: 25px; width: 45px; height: 45px; line-height: 45px; border-radius: 50%; display: inline-block; transition: all 0.3s ease 0s; text-align: center; opacity: 0 !important; visibility: hidden !important; } .slider-navigation .owl-carousel .owl-nav [class*="owl-"].owl-prev { left: 0px; } .slider-navigation .owl-carousel .owl-nav [class*="owl-"].owl-next { right: 0px; } .slider-navigation .owl-carousel .owl-nav [class*="owl-"]:hover { border-color: #fbc02d; background-color: #fbc02d; color: #ffffff; } .slider-navigation .owl-carousel:hover [class*="owl-"] { opacity: 1 !important; visibility: visible !important; } .slider-navigation .owl-carousel:hover [class*="owl-"] .owl-prev { left: 30px; } .slider-navigation .owl-carousel:hover [class*="owl-"] .owl-next { right: 30px; } .gridFilter button { font-size: 16px; background: 0 0 !important; color: #ffffff; display: inline-block; transition: 0.4s; outline: 0; -webkit-transition: 0.4s; -ms-transition: 0.4s; position: relative; padding: 5px 20px; border-radius: 30px; border: 0; border-radius: 3px; cursor: pointer; } .gridFilter button.active { color: #fbc02d; } .gridFilter button+button { margin-left: 20px; } /* ----------------------- 03. Header Section CSS --------------------------*/ .full-width-header { position: relative; } .full-width-header .rs-header { z-index: 999; } .full-width-header .rs-header .topbar-area { background: #222934; padding: 28px 0 65px; } .full-width-header .rs-header .topbar-area .logo-area img { max-height: 65px; } .full-width-header .rs-header .topbar-area .topbar-sl-share { display: flex; justify-content: flex-end; align-items: center; } .full-width-header .rs-header .topbar-area .topbar-sl-share .rs-contact-date { margin-right: 45px; } .full-width-header .rs-header .topbar-area .topbar-sl-share .rs-contact-date .top-date-4 { font-size: 14px; color: #ffffff; } .full-width-header .rs-header .topbar-area .topbar-sl-share .rs-contact-date .top-date-4 i { margin-right: 5px; background: #313a47; color: #ffffff; width: 35px; height: 35px; font-size: 14px; line-height: 35px; border-radius: 50%; text-align: center; } .full-width-header .rs-header .topbar-area .topbar-sl-share .social-icon li { display: inline-block; margin-right: 10px; } .full-width-header .rs-header .topbar-area .topbar-sl-share .social-icon li a i { color: #fff; } .full-width-header .rs-header .topbar-area .topbar-sl-share .social-icon li a i:before { font-size: 14px; } .full-width-header .rs-header .topbar-area .topbar-sl-share .social-icon li a i:hover { color: #fbc02d; } .full-width-header .rs-header .topbar-area .topbar-sl-share .social-icon li:last-child { margin-right: 0; } .full-width-header .rs-header .topbar-area.home6-topbar { padding: 9px 0; } .full-width-header .rs-header .topbar-area.home6-topbar .topbar-sl-share { display: unset; justify-content: unset; align-items: unset; } .full-width-header .rs-header .menu-area { font-family: Fira sans; } .full-width-header .rs-header .menu-area .logo-area { position: relative; } .full-width-header .rs-header .menu-area .logo-area img { max-width: 110px; margin: 0; max-height: 100%; transition: all 0.3s ease 0s !important; top:-1px; } .full-width-header .rs-header .menu-area .main-menu .expand-btn { float: right; position: relative; z-index: 1; margin-left: 40px; transition: all 0.3s ease 0s; } .full-width-header .rs-header .menu-area .main-menu .expand-btn .search-parent { position: relative; } .full-width-header .rs-header .menu-area .main-menu .expand-btn .search-parent .sticky_form { position: absolute; top: 90px; max-width: 300px; width: 300px; z-index: 9; border-radius: 4px; box-shadow: 0 12px 20px rgba(0, 0, 0, 0.09); opacity: 0; visibility: hidden; right: 0; transition: 0.4s; -webkit-transform: scaleY(0); transform: scaleY(0); /* -webkit-transform-origin: 0 0 0; */ } .full-width-header .rs-header .menu-area .main-menu .expand-btn .search-parent .sticky_form .screen-reader-text { position: absolute; top: -10000em; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .full-width-header .rs-header .menu-area .main-menu .expand-btn .search-parent .sticky_form [type="search-input"] { color: #444444; padding: 12px 17px; width: 100%; border: none; border-radius: 5px; position: relative; background: #f6f7f9; } .full-width-header .rs-header .menu-area .main-menu .expand-btn .search-parent .sticky_form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #444444; opacity: 1; } .full-width-header .rs-header .menu-area .main-menu .expand-btn .search-parent .sticky_form ::-moz-placeholder { /* Firefox 19+ */ color: #444444; opacity: 1; } .full-width-header .rs-header .menu-area .main-menu .expand-btn .search-parent .sticky_form :-ms-input-placeholder { /* IE 10+ */ color: #444444; opacity: 1; } .full-width-header .rs-header .menu-area .main-menu .expand-btn .search-parent .sticky_form :-moz-placeholder { /* Firefox 18- */ color: #444444; opacity: 1; } .full-width-header .rs-header .menu-area .main-menu .expand-btn .search-parent .sticky_form input { background: #fff; border: none; color: #101010; outline: none; font-size: 15px; border-radius: 4px; padding: 14px 17px; width: 100%; } .full-width-header .rs-header .menu-area .main-menu .expand-btn .search-parent .sticky_form input[type="submit"] { color: #101010 !important; } .full-width-header .rs-header .menu-area .main-menu .expand-btn .search-parent .sticky_form button { background: transparent !important; border: medium none; padding: 13px 18px; position: absolute; right: 0; top: 0; z-index: 1; font-size: 16px; outline: none; border-radius: 0; color: #106eea; } .full-width-header .rs-header .menu-area .main-menu .expand-btn .search-parent .sticky_form button i:before { font-size: 18px; font-weight: 600; opacity: 0.7; color: #333; } .full-width-header .rs-header .menu-area .main-menu .expand-btn .search-parent.open_add_class .sticky_form { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .full-width-header .rs-header .menu-area .main-menu .expand-btn .menu-cart-area { position: relative; padding-right: 10px; margin-left: 8px; } .full-width-header .rs-header .menu-area .main-menu .expand-btn .menu-cart-area a .icon-num { font-size: 11px; top: 50%; transform: translateY(-50%); position: absolute; text-align: center; margin-top: -16px; right: -2px; } .full-width-header .rs-header .menu-area .main-menu .expand-btn .menu-cart-area a:hover { color: #fbc02d; } .full-width-header .rs-header .menu-area .main-menu .expand-btn span { display: inline-block; margin-right: 20px; } .full-width-header .rs-header .menu-area .main-menu .expand-btn span a { padding: 0; color: #fff; height: 100px; line-height: 100px; transition: all 0.3s ease 0s; } .full-width-header .rs-header .menu-area .main-menu .expand-btn span a i:before { font-size: 15px; margin: 0; } .full-width-header .rs-header .menu-area .main-menu .expand-btn span a.nav-expander i { font-weight: 700; } .full-width-header .rs-header .menu-area .main-menu .expand-btn span a.nav-expander i:before { font-size: 21px; margin-left: 20px; } .full-width-header .rs-header .menu-area .main-menu .expand-btn span:last-child { margin: 0; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .nav-menu li { margin-right: 30px; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .nav-menu li a { color: #051557 !important; transition: all 0.3s ease 0s; font-weight: 550; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .nav-menu li a:hover { color: #fbc02d; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .nav-menu li:last-child { margin-right: 0 !important; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .nav-menu li:last-child a { padding-right: 0; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .nav-menu li:last-child i { margin: 0; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .sub-menu { background-color: #ffff; margin: 0; padding: 15px 0 10px; -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.06); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.06); } .full-width-header .rs-header .menu-area .main-menu .rs-menu .sub-menu li { margin: 0; border: none; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .sub-menu li a { padding: 10px 30px !important; height: unset !important; text-transform: capitalize; line-height: unset !important; color: #101010; font-weight: 400; transition: all 0.3s ease 0s; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .sub-menu li a:hover { color: #214790 !important; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .sub-menu li:last-child { margin: 0; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .sub-menu li.active>a, .full-width-header .rs-header .menu-area .main-menu .rs-menu .sub-menu li.current-menu-item>a { color: #214790 !important; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .rs-mega-menu .mega-menu { background-color: #ffffff; -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.06); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.06); } .full-width-header .rs-header .menu-area .main-menu .rs-menu .rs-mega-menu .mega-menu .mega-menu-container { padding: 0; margin: 0; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .rs-mega-menu .mega-menu .mega-menu-container .single-megamenu { width: 50%; float: left; padding: 0 15px; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .rs-mega-menu .mega-menu .mega-menu-container .single-megamenu .sub-menu { box-shadow: none; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .rs-mega-menu .mega-menu .mega-menu-container .single-megamenu .sub-menu .menu-title { font-size: 17px; text-transform: uppercase; font-weight: 600; padding: 10px 15px; color: #111111; transition: all 0.3s ease 0s; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .rs-mega-menu .mega-menu .mega-menu-container .single-megamenu .sub-menu li a { padding: 10px 15px !important; transition: all 0.3s ease 0s; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .rs-mega-menu .mega-menu .mega-menu-container .single-megamenu:hover .sub-menu .menu-title { color: #214790; } .full-width-header .rs-header .menu-area .main-menu .rs-menu .rs-mega-menu.current-menu-item .single-megamenu .sub-menu .menu-title.active { color: #214790 !important; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li a:hover, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item>a { color: #051557 !important; } .full-width-header .rs-header .menu-area.menu-sticky { box-shadow: none; transition: all 0.3s ease 0s; } .full-width-header .rs-header.home-style5 .menu-area .box-layout { background: #313a47; border-radius: 5px; position: relative; z-index: 1; top: -40px; max-width: 1330px; } .full-width-header .rs-header.home-style5 .menu-area .box-layout .col-cell { vertical-align: middle; display: flex; flex-direction: row-reverse; justify-content: center; } .full-width-header .rs-header.home-style5 .menu-area .box-layout .main-menu .rs-menu .expand-btn span a { height: 65px; line-height: 65px; } .full-width-header .rs-header.home-style5 .menu-area .box-layout .main-menu .rs-menu .expand-btn span a i:before { font-size: 15px; margin: 0; } .full-width-header .rs-header.home-style5 .menu-area .box-layout .main-menu .rs-menu .expand-btn span a.nav-expander i { font-weight: 700; } .full-width-header .rs-header.home-style5 .menu-area .box-layout .main-menu .rs-menu .expand-btn span a.nav-expander i:before { font-size: 21px; margin-left: 20px; } .full-width-header .rs-header.home-style5 .menu-area .box-layout .main-menu .rs-menu .expand-btn span:last-child { margin: 0; } .full-width-header .rs-header.home-style5 .menu-area .box-layout .main-menu .rs-menu .nav-menu { display: flex; } .full-width-header .rs-header.home-style5 .menu-area .box-layout .main-menu .rs-menu .nav-menu li a { line-height: 65px; height: 65px; } .full-width-header .rs-header.home-style5 .menu-area .box-layout .main-menu .rs-menu .rs-mega-menu .mega-menu { min-width: 650px; } .full-width-header .rs-header.home-style5 .menu-area .box-layout .sticky { background: unset !important; background: #ffffff !important; } .full-width-header .rs-header.home-style5 .menu-area.menu-sticky { box-shadow: none; transition: 0s; background: transparent !important; } .full-width-header .rs-header.home-style5 .menu-area.sticky { background: #ffffff !important; box-shadow: unset; transition: all 0.3s ease 0s; } .full-width-header .rs-header.home-style5 .menu-area.sticky .box-layout { top: 0; background: unset; } .full-width-header .rs-header.home-style5 .menu-area.sticky .main-menu .rs-menu ul.nav-menu li a { color: #111111; } .full-width-header .rs-header.home-style5 .menu-area.sticky .main-menu .rs-menu ul.nav-menu li a:hover { color: #fbc02d; } .full-width-header .rs-header.home-style5 .menu-area.sticky .main-menu .rs-menu ul.nav-menu li.current-menu-item>a { color: #fbc02d; } .full-width-header .rs-header.home-style6 .menu-area { background: #313a47; } .full-width-header .rs-header.home-style6 .menu-area .row-table { display: table; width: 100%; position: relative; } .full-width-header .rs-header.home-style6 .menu-area .row-table .logo-area a .sticky-logo { display: none; } .full-width-header .rs-header.home-style6 .menu-area .row-table .logo-area img { transition: 0.4s; -webkit-transition: 0.4s; max-height: 65px; } .full-width-header .rs-header.home-style6 .menu-area .row-table .logo-area .dark { display: none; } .full-width-header .rs-header.home-style6 .menu-area .row-table .logo-area .light { display: inherit; } .full-width-header .rs-header.home-style6 .menu-area .row-table .col-cell { display: table-cell; vertical-align: middle; } .full-width-header .rs-header.home-style6 .menu-area .row-table .main-menu .rs-menu .expand-btn span a { height: 85px; line-height: 85px; } .full-width-header .rs-header.home-style6 .menu-area .row-table .main-menu .rs-menu .expand-btn span a i:before { font-size: 15px; margin: 0; } .full-width-header .rs-header.home-style6 .menu-area .row-table .main-menu .rs-menu .expand-btn span a.nav-expander i { font-weight: 700; } .full-width-header .rs-header.home-style6 .menu-area .row-table .main-menu .rs-menu .expand-btn span a.nav-expander i:before { font-size: 21px; margin-left: 20px; } .full-width-header .rs-header.home-style6 .menu-area .row-table .main-menu .rs-menu .expand-btn span:last-child { margin: 0; } .full-width-header .rs-header.home-style6 .menu-area .row-table .main-menu .rs-menu .nav-menu { display: flex; } .full-width-header .rs-header.home-style6 .menu-area .row-table .main-menu .rs-menu .nav-menu li a { line-height: 85px; height: 85px; } .full-width-header .rs-header.home-style6 .menu-area .row-table .main-menu .rs-menu .rs-mega-menu .mega-menu { min-width: 650px; } .full-width-header .rs-header.home-style6 .menu-area.sticky { background: #ffffff !important; } .full-width-header .rs-header.home-style6 .menu-area.sticky .row-table { max-width: 1200px; margin: 0 auto; } .full-width-header .rs-header.home-style6 .menu-area.sticky .row-table .logo-area a .sticky-logo { display: block; } .full-width-header .rs-header.home-style6 .menu-area.sticky .row-table .logo-area a .normal-logo { display: none; } .full-width-header .rs-header.home-style6 .menu-area.sticky .row-table .main-menu .rs-menu .expand-btn { display: none; } .full-width-header .rs-header.home-style6 .menu-area.sticky .row-table .main-menu .rs-menu ul.nav-menu { justify-content: flex-end; } .full-width-header .rs-header.home-style6 .menu-area.sticky .row-table .main-menu .rs-menu ul.nav-menu li a { line-height: 70px; height: 70px; color: #111111; } .full-width-header .rs-header.home-style6 .menu-area.sticky .row-table .main-menu .rs-menu ul.nav-menu li a:hover { color: #fbc02d; } .full-width-header .rs-header.home-style6 .menu-area.sticky .row-table .main-menu .rs-menu ul.nav-menu li.current-menu-item>a { color: #fbc02d; } .full-width-header .rs-header .right_menu_togle { background: #fafafa; padding: 50px; right: -100%; width: 480px; box-shadow: inset 0px 5px 15px 0px #ccc; z-index: 999999; } .full-width-header .rs-header .right_menu_togle .close-btn { position: absolute; top: 20px; right: 20px; content: ""; padding: 0; } .full-width-header .rs-header .right_menu_togle .close-btn span { width: 40px !important; height: 40px !important; line-height: 40px !important; border-radius: 50% !important; background: #214790; color: #ffffff; border: none !important; transition: all 0.3s ease 0s; float: none !important; } .full-width-header .rs-header .right_menu_togle .close-btn span i { transition: all 0.3s ease 0s; } .full-width-header .rs-header .right_menu_togle .close-btn span i:before { margin: 0; font-size: 15px; } .full-width-header .rs-header .right_menu_togle .close-btn span:hover { transform: rotate(90deg); } .full-width-header .rs-header .right_menu_togle .canvas-logo { padding-left: 0; padding-bottom: 45px; } .full-width-header .rs-header .right_menu_togle .canvas-logo img { width: auto; height: 60px; } .full-width-header .rs-header .right_menu_togle .sidebarnav_menu { margin-bottom: 47px; } .full-width-header .rs-header .right_menu_togle .sidebarnav_menu li { margin-bottom: 15px; } .full-width-header .rs-header .right_menu_togle .sidebarnav_menu li a { font-size: 17px; color: #111111; padding-left: 0; display: block; } .full-width-header .rs-header .right_menu_togle .sidebarnav_menu li a:hover { color: #fbc02d; } .full-width-header .rs-header .right_menu_togle .sidebarnav_menu li.active a { color: #fbc02d; } .full-width-header .rs-header .right_menu_togle .sidebarnav_menu li:last-child { margin: 0; } .full-width-header .rs-header .right_menu_togle .canvas-contact .canvas-contact-title { padding: 0 0 15px; font-size: 20px; font-weight: 600; position: relative; } .full-width-header .rs-header .right_menu_togle .canvas-contact .canvas-contact-title:before { content: ""; position: absolute; background: #fbc02d; height: 2px; width: 50px; left: 0; bottom: 0; display: block; z-index: 1; } .full-width-header .rs-header .right_menu_togle .canvas-contact .contact { padding: 0 0 30px; } .full-width-header .rs-header .right_menu_togle .canvas-contact .contact li { padding: 0 0 13px; } .full-width-header .rs-header .right_menu_togle .canvas-contact .contact li i { padding-right: 10px; } .full-width-header .rs-header .right_menu_togle .canvas-contact .contact li a { color: #555555; } .full-width-header .rs-header .right_menu_togle .canvas-contact .contact li a:hover { color: #fbc02d; } .full-width-header .rs-header .right_menu_togle .canvas-contact .contact li:last-child { padding: 0; } .full-width-header .rs-header .right_menu_togle .canvas-contact .social li { display: inline-block; padding-right: 10px; } .full-width-header .rs-header .right_menu_togle .canvas-contact .social li a i { font-size: 18px; color: #ffffff; width: 40px; height: 40px; line-height: 40px; background: #214790; text-align: center; border-radius: 50%; } .full-width-header .rs-header .right_menu_togle .canvas-contact .social li a:hover { opacity: 0.82; } .full-width-header .rs-header .right_menu_togle .canvas-contact .social li:last-child { padding: 0; } .full-width-header .rs-header.homestyle { position: absolute; content: ""; left: 0; top: 0; width: 100%; background: transparent; } .full-width-header .rs-header.homestyle.dark-sticky .sticky { background: rgba(0, 0, 0, 0.8) !important; } .nav-expanded nav { right: 0 !important; } .rs-canvas-menu { max-width: 300px; margin: 0 auto; } .rs-canvas-menu .nav-menu li { display: block; position: relative; } .rs-canvas-menu .nav-menu li a { height: 45px; line-height: 45px; display: block; font-size: 15px; color: #555555; } .rs-canvas-menu .nav-menu li a:hover { color: #fbc02d; } .rs-canvas-menu .nav-menu li .sub-menu { opacity: 0; display: block; visibility: hidden; transform: translateX(-10px); position: absolute; top: 0; left: 100%; width: 300px; } .rs-canvas-menu .nav-menu li .sub-menu li { border-bottom: 1px solid #f6f5f5; } .rs-canvas-menu .nav-menu li .sub-menu li.active>a { color: #fbc02d; } .rs-canvas-menu .nav-menu li:hover .sub-menu { opacity: 1; visibility: visible; transform: translateX(0px); } .rs-canvas-menu .nav-menu li.current-menu-item>a { color: #fbc02d; } /* ------------------------------------ 04. Slider Section CSS -----------------------------------*/ .rs-slider.home-slider .single-slider { background: url(images/slider/h1s1.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; padding: 100px 0 0; height: 100vh; display: grid; align-items: center; overflow: hidden; } .rs-slider.home-slider .single-slider .text-part .sub-title { font-size: 60px; line-height: 1; color: #ffffff; font-weight: 500; margin-bottom: 18px; } .rs-slider.home-slider .single-slider .text-part .title { font-weight: 800; color: #ffffff; font-size: 85px; line-height: 1; text-transform: uppercase; margin-bottom: 23px; } .rs-slider.home-slider .single-slider .text-part .desc { color: #ffffff; font-size: 18px; line-height: 32px; } .rs-slider.home-slider .single-slider .text-part .slider-btn { margin-top: 37px; } .rs-slider.home-slider .single-slider .fly-layer { position: absolute; right: 0; top: 54%; transform: translateY(-46%); max-width: 50%; } .rs-slider.home-slider .single-slider .fly-layer .layer-image { position: relative; } .rs-slider.home-slider .single-slider .fly-layer .layer-image .parallax-ball { position: absolute; top: 113px; left: 17%; transform: translateX(-78%) rotate(-20deg) !important; } .rs-slider.home-slider .single-slider.slide2 .common { position: absolute; width: 50%; } .rs-slider.home-slider .single-slider.slide2 .text-part { right: 0; top: 60%; transform: translateY(-60%); } .rs-slider.home-slider .single-slider.slide2 .image-part { left: 5%; top: 50%; transform: translateY(-50%); } .rs-slider.home-slider .single-slider.slide2 .image-part .image-wrap { position: relative; } .rs-slider.home-slider .single-slider.slide2 .image-part .image-wrap .player { width: 85%; } .rs-slider.home-slider .single-slider.slide2 .image-part .image-wrap .ball { max-width: 90px; position: absolute; right: 265px; bottom: 0; } /*---------------------------------------- 05. Banner Section CSS ----------------------------------------*/ .rs-banner.home2banner { background: url(images/banner/home2-banner.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 100vh; } .rs-banner.home2banner .banner-content { position: absolute; content: ""; left: 50%; top: 54%; transform: translate(-50%, -46%); width: 100%; } .rs-banner.home2banner .banner-content .banner-title h1 { font-size: 60px; line-height: 70px; font-weight: 900; } .rs-banner.home2banner .banner-content .timecounter-inner { max-width: 550px; padding-left: 18px; margin: 0 auto; } .rs-banner.home2banner .banner-content .timecounter-inner .time_circles { position: relative; width: 100%; height: 100%; left: -14px; } .rs-banner.home2banner .banner-content .timecounter-inner .time_circles canvas { opacity: 1; } .rs-banner.home2banner .banner-content .timecounter-inner .time_circles div { position: absolute; text-align: left; padding-right: 0; } .rs-banner.home2banner .banner-content .timecounter-inner .time_circles div span { padding: 0; display: block; width: 100%; text-align: center; font-weight: 700; font-size: 40px !important; margin: 0 0 9px 0; color: #fbc02d; } .rs-banner.home2banner .banner-content .timecounter-inner .time_circles div h4 { color: #ffffff; margin: 0; padding: 0; text-align: center; font-weight: 400; text-transform: capitalize; line-height: 17px; font-size: 12px !important; } .rs-banner.home3banner { background: url(images/banner/home3-banner.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; display: grid; align-items: center; height: 850px; position: relative; } .rs-banner.home3banner .banner-content .layer-img { position: absolute; content: ""; bottom: 0; text-align: left; } .rs-banner.home3banner .banner-content .banner-sub-title { font-size: 56px; font-weight: 500; line-height: 66px; } .rs-banner.home3banner .banner-content .banner-title h1 { font-size: 66px; line-height: 76px; font-weight: 800; } .rs-banner.home4banner { background: url(images/banner/home4-banner.jpg); background-repeat: no-repeat; background-size: cover; padding: 180px 0; } .rs-banner.home4banner .banner-content .title { font-size: 80px; line-height: 85px; font-weight: 600; margin-bottom: 18px; } .rs-banner.home4banner .banner-content .desc { font-size: 18px; line-height: 28px; margin-bottom: 47px; } .rs-banner.home4banner .layer-img { position: relative; } .rs-banner.home4banner .layer-img ul li { display: inline; vertical-align: bottom; } .rs-banner.home4banner .layer-img ul li img.ball { max-width: 90px; position: absolute; bottom: 0; left: 180px; } .rs-banner.home4banner .layer-img ul li img.man { max-width: 500px; } .rs-banner.home5banner { background: url(images/banner/home5-banner.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .rs-banner.home5banner .item { padding: 370px 0 380px; max-width: 700px; margin: 0 auto; text-align: center; } .rs-banner.home5banner .item .bl-meta { padding-bottom: 25px; } .rs-banner.home5banner .item .bl-meta .cat a { background: #fbc02d; color: #111; padding: 3px 10px 1px; font-weight: 500; border-radius: 2px; text-transform: uppercase; text-align: center; display: inline-block; } .rs-banner.home5banner .item .bl-meta span { font-size: 12px; color: #ffffff; margin-left: 10px; } .rs-banner.home5banner .item .bl-meta span i { padding-right: 4px; } .rs-banner.home5banner .item .heading-block .feature-title { font-size: 55px; line-height: 61px; font-weight: 600; text-transform: uppercase; margin-bottom: 0; } .rs-banner.home5banner .item .heading-block .feature-title a { color: #ffffff; } /* ------------------------------------ 06. Breadcrumbs Section CSS -------------------------------------*/ .rs-breadcrumbs .breadcrumbs-wrap { position: relative; overflow: hidden; } .rs-breadcrumbs .breadcrumbs-wrap img { width: 100%; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner { width: 100%; position: absolute; bottom: 55px; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner.vertical-middle { top: 45%; transform: translateY(-55%); bottom: unset; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text { text-align: center; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-title { width: 100%; font-size: 45px; text-transform: uppercase; color: #ffffff; float: left; line-height: 50px; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .categories ul li { display: inline; color: #ffffff; font-size: 15px; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .categories ul li a { color: #ffffff; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .categories ul li a:hover { color: #ccc; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .categories ul li:after { font-family: Flaticon; content: "\f147"; margin: 0 3px 0 7px; color: #ffffff; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .categories ul li.active { color: #fbc02d; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .categories ul li:last-child:after { content: unset; margin: 0; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .post-date-author { margin-top: 10px; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .post-date-author ul li { display: inline; margin-right: 12px; color: #555555; font-size: 14px; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .post-date-author ul li i { margin-right: 10px; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .post-date-author ul li a { color: #555555; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .post-date-author ul li a:hover { color: #6f6f6f; } .rs-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .post-date-author ul li:last-child { margin-right: 0; } /* ------------------------------------ 07. Board Managment Section CSS -------------------------------------*/ .rs-board-staff .staf-wrap .staf-area .staff-item { overflow: hidden; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); margin: 0 40px 40px; padding: 40px 40px; border-radius: 5px; } .rs-board-staff .staf-wrap .staf-area .staff-item .item-wrap { display: table; } .rs-board-staff .staf-wrap .staf-area .staff-item .item-wrap .staff-img { display: table-cell; vertical-align: middle; width: 20%; text-align: center; } .rs-board-staff .staf-wrap .staf-area .staff-item .item-wrap .staff-desc { display: table-cell; vertical-align: middle; width: 80%; } .rs-board-staff .staf-wrap .staf-area .staff-item .item-wrap .staff-desc .inner-desc { padding-left: 40px; } .rs-board-staff .staf-wrap .staf-area .staff-item .item-wrap .staff-desc .inner-desc h3 { margin: 0; padding: 0; font-size: 20px; text-transform: uppercase; line-height: 30px; font-weight: 500; color: #111111; } .rs-board-staff .staf-wrap .staf-area .staff-item .item-wrap .staff-desc .inner-desc h4 { margin: 0; padding: 0 0 15px; font-size: 14px; text-transform: capitalize; line-height: 25px; color: #555555; } .rs-board-staff .staf-wrap .staf-area .staff-item .item-wrap .staff-desc .inner-desc span { display: block; margin: 5px 0; } .rs-board-staff .staf-wrap .staf-area .staff-item .item-wrap .staff-desc .inner-desc span i { font-style: normal; font-weight: 600; display: inline-block; min-width: 120px; } .rs-board-staff .staf-wrap .staf-area .staff-item .item-wrap .staff-desc .inner-desc span.sub3 { padding-bottom: 15px; } .rs-board-staff .staf-wrap .staf-area .staff-item:last-child { margin-bottom: 0; } /* ------------------------------------ 08. Upcoming Match Section CSS -------------------------------------*/ .rs-upcoming-match { padding: 52px 20px 60px; border-radius: 4px; } .rs-upcoming-match .match-info ul li { display: inline; color: #ffffff; padding-right: 13px; margin-right: 8px; position: relative; } .rs-upcoming-match .match-info ul li:after { position: absolute; content: ""; width: 1px; height: 12px; right: 0; top: 50%; transform: translateY(-50%); background: #fbc02d; } .rs-upcoming-match .match-info ul li:last-child { padding: 0; margin: 0; } .rs-upcoming-match .match-info ul li:last-child:after { display: none; } .rs-upcoming-match .match-info .time { font-size: 20px; } .rs-upcoming-match.sl-style .items { text-align: center; color: #111111; } .rs-upcoming-match.sl-style .items .vanues { text-transform: uppercase; } .rs-upcoming-match.sl-style .items .vanues .date { color: #fbc02d; font-size: 17px; font-weight: 500; line-height: 26px; } .rs-upcoming-match.sl-style .items .vanues .time { font-size: 18px; line-height: 26px; font-weight: 500; padding-top: 5px; } .rs-upcoming-match.sl-style .items .vanues .vs { color: #fbc02d; font-size: 25px; font-weight: 600; padding: 50px 0; } .rs-upcoming-match.sl-style .items .teams .score { font-size: 24px; line-height: 26px; font-weight: 600; } .rs-upcoming-match.sl-style .items .teams .logo .name { margin-top: 15px; font-weight: 600; text-transform: uppercase; } .rs-upcoming-match.sl-style .sl-wrap { max-width: 800px; margin: 0 auto; padding: 50px 40px; border-radius: 10px; } .rs-upcoming-match.sl-style2 { padding: 0; } .rs-upcoming-match.sl-style2 .owl-stage-outer { padding: 20px; margin: 0 -20px; } .rs-upcoming-match.sl-style2 .items { text-align: center; background: #ffffff; padding: 23px 30px; border-radius: 5px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.07); z-index: 1; } .rs-upcoming-match.sl-style2 .items .vanues .stadium { font-weight: 600; color: #111111; } .rs-upcoming-match.sl-style2 .items .teams { display: flex; align-items: center; } .rs-upcoming-match.sl-style2 .items .teams div { width: 100%; } .rs-upcoming-match.sl-style2 .items .teams .vs { font-size: 30px; font-weight: 500; text-transform: uppercase; color: #fbc02d; } .rs-upcoming-match.sl-style2 .items .teams .logo { display: flex; align-items: center; } .rs-upcoming-match.sl-style2 .items .teams .logo img { max-height: 70px; width: auto; margin: 0 auto; } .rs-upcoming-match.sl-style2 .items .teams .logo .name { color: #fbc02d; text-transform: uppercase; font-weight: 500; } .rs-upcoming-match.sl-style2 .items .ligue { margin-top: -6px; } .rs-upcoming-match.sl-style3 .today-match { background: #ffffff; box-shadow: 0 0 20px 5px #eee; padding: 40px 0 60px; } .rs-upcoming-match.sl-style3 .today-match .items { text-align: center; } .rs-upcoming-match.sl-style3 .today-match .items .title-head { padding: 18px 0 0; position: relative; top: 8px; } .rs-upcoming-match.sl-style3 .today-match .items .title-head .date { display: block; text-transform: capitalize; font-weight: 400; font-size: 15px; color: #555555; } .rs-upcoming-match.sl-style3 .today-match .items .today-score { padding: 0 20px 20px; display: inline-flex; align-items: center; width: 100%; } .rs-upcoming-match.sl-style3 .today-match .items .today-score .today-match-team { float: none; width: 100%; } .rs-upcoming-match.sl-style3 .today-match .items .today-score .today-match-team img { width: auto; max-height: 80px; max-width: 100%; margin-bottom: 5px; border-radius: 5px; display: block; margin: 0 auto; } .rs-upcoming-match.sl-style3 .today-match .items .today-score .today-match-team .name { color: #fbc02d; text-transform: uppercase; font-weight: 500; } .rs-upcoming-match.sl-style3 .today-match .items .today-score .today-final-score { float: none; width: 50%; top: -5px; position: relative; font-size: 24px; font-weight: 600; color: #fbc02d; } .rs-upcoming-match.sl-style3 .today-match .items .rs-vanues .vanue { color: #111111; } /* ------------------------------------ 09. Countdown Section CSS -------------------------------------*/ .rs-countdown .countdown { width: 100%; display: inline-flex; } .rs-countdown .countdown div { color: #fbc02d; display: inline-block; font-size: 35px; font-weight: 600; width: 100%; } .rs-countdown .countdown div span { color: #ffffff; text-transform: uppercase; display: block; font-size: 15px; font-weight: 400; margin-top: 5px; } .rs-countdown.home5-sports-grid { padding: 10px 30px 50px; background: #ffffff; box-shadow: 0 0 25px #eee; border-radius: 3px; } .rs-countdown.home5-sports-grid .date-vanue { text-align: center; font-weight: 700; color: #111111; } .rs-countdown.home5-sports-grid .date-vanue .vanue { display: inline-block; margin-top: 25px; position: relative; padding-right: 13px; } .rs-countdown.home5-sports-grid .date-vanue .vanue:after { position: absolute; content: ""; width: 1px; height: 12px; top: 50%; transform: translateY(-50%); right: 0; background: #111; } .rs-countdown.home5-sports-grid .date-vanue .date { padding-left: 8px; } .rs-countdown.home5-sports-grid .date-vanue .time { display: block; font-size: 17px; padding-top: 0; font-weight: 400; } .rs-countdown.home5-sports-grid .today-score { margin-top: 0; border-bottom: 1px solid #eee; padding: 0 0 30px; padding: 0 20px 26px; display: inline-flex; align-items: center; width: 100%; } .rs-countdown.home5-sports-grid .today-score .today-match-team { float: none; width: 100%; font-size: 15px; font-weight: 400; text-align: center; } .rs-countdown.home5-sports-grid .today-score .today-match-team img { max-height: 80px; width: auto; display: block; margin: 0 auto; } .rs-countdown.home5-sports-grid .today-score .today-match-team .name { color: #fbc02d; text-transform: uppercase; font-weight: 500; } .rs-countdown.home5-sports-grid .today-score .vs { float: none; width: 50%; top: -5px; position: relative; font-size: 25px; font-weight: 500; color: #fbc02d; } .rs-countdown.home5-sports-grid .timecounter-inner2 .CountDownTimer2 .time_circles { position: relative; text-align: center; margin: 0 auto; right: 0; } .rs-countdown.home5-sports-grid .timecounter-inner2 .CountDownTimer2 .time_circles canvas { opacity: 0; } .rs-countdown.home5-sports-grid .timecounter-inner2 .CountDownTimer2 .time_circles div { position: absolute; text-align: left; padding-right: 0; background: #222834; border-left: 7px solid #fff; border-right: 7px solid #fff; border-radius: 3px; padding: 12px 10px 12px; margin: 0; } .rs-countdown.home5-sports-grid .timecounter-inner2 .CountDownTimer2 .time_circles div span { padding: 0; display: block; width: 100%; text-align: center; font-weight: 600; font-size: 35px !important; margin: 0 0 9px 0; color: #fbc02d; } .rs-countdown.home5-sports-grid .timecounter-inner2 .CountDownTimer2 .time_circles div h4 { color: #ffffff; margin: 0; padding: 0; text-align: center; font-weight: 400; text-transform: uppercase; line-height: 17px; font-size: 15px !important; } .rs-countdown.home5-sports-grid .timecounter-inner2 .CountDownTimer2 .time_circles div:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; background: #fbc02d; height: 3px; } /* ------------------------------------ 10. About Section CSS -------------------------------------*/ .rs-about .about-img img { border-radius: 5px; } .rs-about.style2 .image-wrap { position: relative; border-radius: 3px; overflow: hidden; } .rs-about.style2 .image-wrap img { width: 100%; } .rs-about.style2 .image-wrap a { position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; color: #ffffff; opacity: 0; } .rs-about.style2 .image-wrap a i:before { font-size: 40px; } .rs-about.style2 .image-wrap a:hover { color: #fbc02d; } .rs-about.style2 .image-wrap:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; transition: all 0.3s ease 0s; height: 100%; opacity: 0; background: rgba(0, 0, 0, 0.7); } .rs-about.style2 .image-wrap:hover a { opacity: 1; } .rs-about.style2 .image-wrap:hover:after { opacity: 1; } .rs-about.after-bg { position: relative; } .rs-about.after-bg:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #214790; opacity: 0; visibility: hidden; z-index: -1; } /* ------------------------------------ 11. Tab Section CSS -------------------------------------*/ .rs-tab .club-details_data ul.nav { padding-bottom: 20px; margin-bottom: 40px; } .rs-tab .club-details_data ul.nav li { padding: 0 5px 0 0; border: none; border-radius: 0; display: inline-block; width: 20%; text-align: center; } .rs-tab .club-details_data ul.nav li a { color: #111111; font-weight: 600; text-transform: uppercase; border: 1px solid #eee; background: #ffffff; padding: 30px 10px; border-radius: 2px; position: relative; z-index: 1; display: block; font-size: 20px; } .rs-tab .club-details_data ul.nav li a.active { border: 1px solid #fbc02d; background: #fbc02d; } .rs-tab .club-details_data ul.nav li a.active:after { bottom: -11px; opacity: 1; } .rs-tab .club-details_data ul.nav li a:hover { border: 1px solid #fbc02d; background: #fbc02d; } .rs-tab .club-details_data ul.nav li a:after { position: absolute; bottom: 2px; left: 50%; background: #fbc02d; display: block; width: 15px; height: 15px; content: ""; opacity: 0; transform: rotate(45deg) translateX(-50%); transition: all 0.3s ease 0s; pointer-events: none; z-index: -1; } .rs-tab .club-details_data ul.nav li:last-child { padding-right: 0; } .rs-tab .club-details_data .tab-content .tab-pane .about-club .alignright { float: right; margin-left: 1.5em; } .rs-tab .club-details_data .tab-content .tab-pane .squad-list .squad-list-item { border: 1px solid #f9f9f9; } .rs-tab .club-details_data .tab-content .tab-pane .squad-list .squad-list-item div { padding: 0 20px; } .rs-tab .club-details_data .tab-content .tab-pane .squad-list .squad-list-item .name { padding-top: 20px; font-size: 25px; margin: 0 0 10px; font-weight: 600; } .rs-tab .club-details_data .tab-content .tab-pane .squad-list .squad-list-item .name a { color: #111111; } .rs-tab .club-details_data .tab-content .tab-pane .squad-list .squad-list-item .name a:hover { color: #fbc02d; } .rs-tab .club-details_data .tab-content .tab-pane .squad-list .squad-list-item .position { font-size: 18px; display: block; margin: 0 0 5px; } .rs-tab .club-details_data .tab-content .tab-pane .squad-list .squad-list-item .jersy { position: absolute; bottom: 20px; right: 20px; font-size: 50px; font-weight: 700; color: #fbc02d; opacity: 0.3; padding: 0; } .rs-tab .club-details_data .tab-content .tab-pane .club-awards .award-wrap { border: 1px solid #e6e6e6; padding: 25px 10px 0; } .rs-tab .club-details_data .tab-content .tab-pane .club-awards .award-wrap .champion-logo img { max-height: 260px; width: auto; margin: 0 auto; display: block; } .rs-tab .club-details_data .tab-content .tab-pane .club-awards .award-wrap .champion-details { margin-top: 15px; text-align: center; position: relative; padding-bottom: 25px; } .rs-tab .club-details_data .tab-content .tab-pane .club-awards .award-wrap .champion-details .year-details { text-align: center; } .rs-tab .club-details_data .tab-content .tab-pane .club-awards .award-wrap .champion-details .year-details span { margin-top: 10px; display: block; } .rs-tab .club-details_data .tab-content .tab-pane .club-awards .award-wrap .champion-details .champion-no { font-size: 40px; margin-top: 15px; text-align: center; padding: 5px 15px; color: #fbc02d; display: inline-block; border-radius: 3px; font-weight: 900; } .rs-tab .club-details_data .tab-content .tab-pane .club-gallery .gallery-wrap { position: relative; } .rs-tab .club-details_data .tab-content .tab-pane .club-gallery .gallery-wrap a { position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease 0s; color: #111111; opacity: 0; z-index: 2; text-align: center; } .rs-tab .club-details_data .tab-content .tab-pane .club-gallery .gallery-wrap a i:before { font-size: 46px; } .rs-tab .club-details_data .tab-content .tab-pane .club-gallery .gallery-wrap:after { position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0; height: 0; background: #fbc02d; opacity: 0; transition: all 0.3s ease 0s; } .rs-tab .club-details_data .tab-content .tab-pane .club-gallery .gallery-wrap:hover a { opacity: 1; } .rs-tab .club-details_data .tab-content .tab-pane .club-gallery .gallery-wrap:hover:after { width: 100%; height: 100%; opacity: 0.8; } .rs-tab .club-details_data .tab-content .tab-pane .club-jersy { text-align: center; } .rs-tab .club-details_data .tab-content .tab-pane .club-jersy .champion-details .year-details h3 { margin-top: 20px; margin-bottom: 0; font-size: 22px; } .rs-tab .single-team-data ul.nav { padding-bottom: 20px; margin-bottom: 33px; } .rs-tab .single-team-data ul.nav li { padding: 0 5px 0 0; border: none; border-radius: 0; display: inline-block; width: 20%; text-align: center; } .rs-tab .single-team-data ul.nav li a { color: #111111; font-weight: 600; text-transform: capitalize; border: 1px solid #eee; background: #ffffff; padding: 30px 10px; border-radius: 2px; position: relative; z-index: 1; display: block; font-size: 20px; } .rs-tab .single-team-data ul.nav li a.active { border: 1px solid #fbc02d; background: #fbc02d; } .rs-tab .single-team-data ul.nav li a.active:after { bottom: -11px; opacity: 1; } .rs-tab .single-team-data ul.nav li a:hover { border: 1px solid #fbc02d; background: #fbc02d; } .rs-tab .single-team-data ul.nav li a:after { position: absolute; bottom: 2px; left: 50%; background: #fbc02d; display: block; width: 15px; height: 15px; content: ""; opacity: 0; transform: rotate(45deg) translateX(-50%); transition: all 0.3s ease 0s; pointer-events: none; z-index: -1; } .rs-tab .single-team-data ul.nav li:last-child { padding-right: 0; } .rs-tab .single-team-data .tab-content .tab-pane { background: #ffffff; padding: 30px; } .rs-tab .single-team-data .tab-content .tab-pane .team-gallery .gallery-wrap { position: relative; } .rs-tab .single-team-data .tab-content .tab-pane .team-gallery .gallery-wrap a { position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease 0s; color: #111111; opacity: 0; z-index: 2; text-align: center; } .rs-tab .single-team-data .tab-content .tab-pane .team-gallery .gallery-wrap a i:before { font-size: 46px; } .rs-tab .single-team-data .tab-content .tab-pane .team-gallery .gallery-wrap:after { position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0; height: 0; background: #fbc02d; opacity: 0; transition: all 0.3s ease 0s; } .rs-tab .single-team-data .tab-content .tab-pane .team-gallery .gallery-wrap:hover a { opacity: 1; } .rs-tab .single-team-data .tab-content .tab-pane .team-gallery .gallery-wrap:hover:after { width: 100%; height: 100%; opacity: 0.8; } .rs-tab .single-team-data .tab-content .tab-pane .club-videos .video-wrap .popup-videos { position: relative; display: block; } .rs-tab .single-team-data .tab-content .tab-pane .club-videos .video-wrap .popup-videos img { width: 100%; } .rs-tab .single-team-data .tab-content .tab-pane .club-videos .video-wrap .popup-videos i { position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 40px; color: #ffffff; z-index: 1; } .rs-tab .single-team-data .tab-content .tab-pane .club-videos .video-wrap .popup-videos:after { position: absolute; background: rgba(0, 0, 0, 0.5); content: ""; left: 0; top: 0; width: 100%; height: 100%; } /* ------------------------------------ 12. Video Section CSS -------------------------------------*/ .rs-video { position: relative; } .rs-video .video-contents { position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } .rs-video .video-contents .play-btn { width: 81px; height: 80px; line-height: 90px; border-radius: 50%; background: #fbc02d; margin: 0 auto; display: block; position: relative; } .rs-video .video-contents .play-btn i { color: #111111; z-index: 1; position: relative; font-size: 30px; } .rs-video .video-contents .play-btn i:before { margin-left: 5px; } .rs-video .video-contents .play-btn:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 75px; height: 75px; background: #fbc02d; border-radius: 50%; animation: pulse-border 1200ms ease-out infinite; transition: all 0.3s ease 0s; z-index: 0; } .rs-video .video-contents.home5 .play-btn i { font-size: 30px; line-height: 80px; display: block; } .rs-video .video-contents.home5 .play-btn i:before { margin-left: 30px; } .rs-video.big-space { padding: 243px 0; } .rs-video.big-space2 { padding: 308px 0 300px; } .rs-video.home5-video-style { background: url(images/video-thumb/home5/1.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 247px 0 247px; border-radius: 3px; } .rs-video.home6-video-style { background: url(images/video-thumb/home6/highlights.png); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 4px; padding: 110px 0 110px; } /* ------------------------------------ 13. Result Section CSS -------------------------------------*/ .rs-result .result-info table.result-table { width: 100%; } .rs-result .result-info table.result-table tr td { padding: 50px; border: 0; text-align: center; } .rs-result .result-info table.result-table tr td .total-goal { color: #111111; padding: 14px 20px; border-radius: 4px; text-transform: uppercase; font-size: 25px; font-weight: 600; display: block; } .rs-result .result-info table.result-table tr td .readon { padding: 10px 20px; font-size: 15px; text-transform: capitalize; font-weight: 400; } .rs-result .result-info table.result-table tr td.logo { font-weight: 500; font-size: 15px; } .rs-result .result-info table.result-table tr td.logo img { display: block; margin-bottom: 7px; } .rs-result .result-info table.result-table tr:nth-child(odd) { background: #eff4fd; } .rs-result.style2 .items { text-align: center; background: #ffffff; padding: 23px 30px; border-radius: 5px; z-index: 1; } .rs-result.style2 .items .vanues .stadium { font-weight: 600; color: #111111; } .rs-result.style2 .items .teams { display: flex; align-items: center; } .rs-result.style2 .items .teams div { width: 100%; } .rs-result.style2 .items .teams .score { font-size: 30px; font-weight: 500; text-transform: uppercase; color: #fbc02d; } .rs-result.style2 .items .teams .logo { display: flex; align-items: center; } .rs-result.style2 .items .teams .logo img { max-height: 70px; width: auto; margin: 0 auto; } .rs-result.style2 .items .teams .logo .result { color: #fbc02d; text-transform: uppercase; font-weight: 500; } .rs-result.style2 .items .ligue { margin-top: -6px; } .rs-result.style2 .video-frame { max-width: 750px; margin: 100px auto -211px; position: relative; border-radius: 3px; overflow: hidden; } .rs-result.style2 .video-frame a { position: absolute; z-index: 1; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #ffffff; } .rs-result.style2 .video-frame a i:before { font-size: 45px; } .rs-result.style2 .video-frame a:hover { color: #fbc02d; } /* ------------------------------------ 14. Today Match Teams Section CSS -------------------------------------*/ .rs-match-result.style1 .items { border-radius: 3px; /* background: url(images/background/result-bg.jpg); */ background: url(images/background/foreign-bac.png); background-size: cover; text-align: center; } .rs-match-result.style1 .items a { padding: 18px 20px 20px; color: #ffffff; display: block; } .rs-match-result.style1 .items a .teams { display: inline-flex; vertical-align: middle; align-items: center; width: 100%; margin-top: -5px; } .rs-match-result.style1 .items a .teams div { width: 100%; } .rs-match-result.style1 .items a .teams div.score { font-size: 24px; line-height: 26px; font-weight: 600; } .rs-match-result.style1 .items a .teams div.logo .name { margin-top: 5px; } .rs-match-result.style1 .items a:hover { color: #ffffff; } .rs-match-result.style1.modify-style .items a .vanues .date { color: #fbc02d; font-size: 16px; line-height: 26px; } .rs-match-result.style1.modify-style .items a .vanues .stadium { font-size: 18px; margin-top: 15px; } .rs-match-result.style1.modify-style .items a .vanues .stadium span { font-weight: 600; margin-right: 5px; } .rs-match-result.style1.modify-style .items a .teams { display: inline-flex; vertical-align: middle; align-items: center; width: 100%; margin-top: -5px; } .rs-match-result.style1.modify-style .items a .teams div { width: 100%; } .rs-match-result.style1.modify-style .items a .teams div.score { font-size: 24px; line-height: 26px; font-weight: 600; } .rs-match-result.style1.modify-style .items a .teams div.logo .name { margin-top: 5px; } .rs-match-result.style1.modify-style .items a .teams div.time-vs span { display: block; } .rs-match-result.style1.modify-style .items a .teams div.time-vs span.time { font-size: 25px; margin-bottom: 25px; margin-top: 10px; } .rs-match-result.style1.modify-style .items a .teams div.time-vs span.vs { color: #fbc02d; font-size: 16px; } .rs-match-result.style1.modify-style .items a:hover { color: #ffffff; } .rs-match-result.style1.modify-style.fly-box { max-width: 430px; margin: 0 auto; margin-top: -110px; } .rs-match-result.style1.modify-style.fly-box .items { background: #ffffff; } .rs-match-result.style1.modify-style.fly-box .items a { color: #111111; } .rs-match-result.style1.modify-style.fly-box .items a .vanues .date { color: #214790; } .rs-match-result.style1.modify-style.fly-box .owl-controls .owl-nav { z-index: 1; } .rs-match-result.style1.modify-style.fly-box .owl-controls .owl-nav .owl-prev, .rs-match-result.style1.modify-style.fly-box .owl-controls .owl-nav .owl-next { position: absolute; content: ""; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; opacity: 0; } .rs-match-result.style1.modify-style.fly-box .owl-controls .owl-nav .owl-prev i, .rs-match-result.style1.modify-style.fly-box .owl-controls .owl-nav .owl-next i { width: 42px; height: 42px; line-height: 42px; color: #ffffff; border-radius: 50%; text-align: center; border: none; background: #fbc02d; transition: all 0.3s ease 0s; font-size: 20px; } .rs-match-result.style1.modify-style.fly-box .owl-controls .owl-nav .owl-prev i:hover, .rs-match-result.style1.modify-style.fly-box .owl-controls .owl-nav .owl-next i:hover { background: #214790; } .rs-match-result.style1.modify-style.fly-box .owl-controls .owl-nav .owl-prev i.fa-angle-left:before, .rs-match-result.style1.modify-style.fly-box .owl-controls .owl-nav .owl-next i.fa-angle-left:before { margin-right: 3px; } .rs-match-result.style1.modify-style.fly-box .owl-controls .owl-nav .owl-prev { left: 0; } .rs-match-result.style1.modify-style.fly-box .owl-controls .owl-nav .owl-next { right: 0; } .rs-match-result.style1.modify-style.fly-box:hover:hover .owl-controls .owl-nav .owl-prev, .rs-match-result.style1.modify-style.fly-box:hover:hover .owl-controls .owl-nav .owl-next { opacity: 1; } .rs-match-result.style1.modify-style.fly-box:hover:hover .owl-controls .owl-nav .owl-prev { left: -45px; } .rs-match-result.style1.modify-style.fly-box:hover:hover .owl-controls .owl-nav .owl-next { right: -45px; } .rs-match-result.style2 .items .result-item { display: flex; align-items: center; vertical-align: middle; } .rs-match-result.style2 .items .result-item .common { float: left; width: 33.33%; text-align: center; } .rs-match-result.style2 .items .result-item .today-match-team .logo .name { color: #ffffff; font-size: 18px; margin-top: 15px; } .rs-match-result.style2 .items .result-item .today-final-score { color: #ffffff; } .rs-match-result.style2 .items .result-item .today-final-score .score { font-weight: 600; font-size: 40px; line-height: 50px; margin-bottom: 14px; } .rs-match-result.style2 .items .result-item .today-final-score .info { opacity: 0.8; font-size: 14px; margin-bottom: 5px; } .rs-match-result.style2 .items .result-item .today-final-score .info i { margin-right: 7px; font-size: 15px; color: #fbc02d; } .rs-match-result.style2 .items .result-item .today-final-score .info:last-child { margin-bottom: 0; } .rs-match-result.style2 .owl-controls .owl-nav { position: absolute; content: ""; left: 50%; bottom: -15px; transform: translateX(-50%); z-index: 1; } .rs-match-result.style2 .owl-controls .owl-nav .owl-prev, .rs-match-result.style2 .owl-controls .owl-nav .owl-next { display: inline; } .rs-match-result.style2 .owl-controls .owl-nav .owl-prev i, .rs-match-result.style2 .owl-controls .owl-nav .owl-next i { width: 30px; height: 30px; line-height: 27px; color: #fbc02d; border-radius: 50%; text-align: center; border: 1.5px solid #fbc02d; background: transparent; transition: all 0.3s ease 0s; opacity: 0.7; font-size: 20px; } .rs-match-result.style2 .owl-controls .owl-nav .owl-prev i:hover, .rs-match-result.style2 .owl-controls .owl-nav .owl-next i:hover { opacity: 1; } .rs-match-result.style2 .owl-controls .owl-nav .owl-prev i.fa-angle-left:before, .rs-match-result.style2 .owl-controls .owl-nav .owl-next i.fa-angle-left:before { margin-right: 3px; } .rs-match-result.style2 .owl-controls .owl-nav .owl-prev { margin-right: 10px; } /* ------------------------------------ 15. Latest News Section CSS -------------------------------------*/ .rs-lates-news .latest-news-grid { position: relative; border-radius: 4px; overflow: hidden; transition: all 0.3s ease 0s; } .rs-lates-news .latest-news-grid .news-img a img { transition: all 0.3s ease 0s; transform: scale(1); } .rs-lates-news .latest-news-grid .news-info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 30px 35px; color: #ffffff; z-index: 1; } .rs-lates-news .latest-news-grid .news-info .news-date { color: #fbc02d; margin-bottom: 13px; } .rs-lates-news .latest-news-grid .news-info .news-title { font-size: 28px; line-height: 36px; margin: 0; } .rs-lates-news .latest-news-grid .news-info .news-title a { color: #ffffff; } .rs-lates-news .latest-news-grid .news-info .news-title a:hover { color: #fbc02d; } .rs-lates-news .latest-news-grid .news-info:after { position: absolute; content: ""; width: 100%; height: 220%; left: 0; bottom: 0; display: block; background-image: linear-gradient(to top, rgba(33, 71, 144, 0.85) 30%, rgba(255, 255, 255, 0) 70%); background-image: -webkit-linear-gradient(to top, rgba(33, 71, 144, 0.85) 30%, rgba(255, 255, 255, 0) 70%); background-image: -moz-linear-gradient(to top, rgba(33, 71, 144, 0.85) 30%, rgba(255, 255, 255, 0) 70%); background-image: -ms-linear-gradient(to top, rgba(33, 71, 144, 0.85) 30%, rgba(255, 255, 255, 0) 70%); background-image: -o-linear-gradient(to top, rgba(33, 71, 144, 0.85) 30%, rgba(255, 255, 255, 0) 70%); border-radius: 0 0 4px 4px; z-index: -1; } .rs-lates-news .latest-news-grid.small-grid .news-info { padding: 0 25px 25px; } .rs-lates-news .latest-news-grid.small-grid .news-info .news-title { font-size: 18px; line-height: 27px; } .rs-lates-news .latest-news-grid.small-grid .news-info .news-desc { display: none; } .rs-lates-news .latest-news-grid:hover .news-img a img { transform: scale(1.05); } .rs-lates-news .latest-news-grid.home-style6 .news-info:after { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.45) 30%, rgba(255, 255, 255, 0) 70%) !important; } .rs-lates-news .latest-news-slider { position: relative; } .rs-lates-news .latest-news-slider .news-slider-full .slider-item { position: relative; } .rs-lates-news .latest-news-slider .news-slider-full .slider-item img { width: 100%; } .rs-lates-news .latest-news-slider .news-slider-full .slider-item .contents { position: absolute; content: ""; padding: 0 0 30px 30px; left: 0; bottom: 0; width: 48%; } .rs-lates-news .latest-news-slider .news-slider-full .slider-item .contents .meta li { display: inline; margin-right: 15px; color: #ccc; font-size: 12px; } .rs-lates-news .latest-news-slider .news-slider-full .slider-item .contents .meta li i { margin-right: 5px; } .rs-lates-news .latest-news-slider .news-slider-full .slider-item .contents .meta li span a { color: #ccc; } .rs-lates-news .latest-news-slider .news-slider-full .slider-item .contents .meta li span a:hover { color: #fbc02d; } .rs-lates-news .latest-news-slider .news-slider-full .slider-item .contents .meta li:last-child { margin: 0; } .rs-lates-news .latest-news-slider .news-slider-full .slider-item .contents .news-title { font-size: 24px; font-weight: 600; margin-bottom: 8px; cursor: pointer; } .rs-lates-news .latest-news-slider .news-slider-full .slider-item .contents .news-title a { color: #ffffff; } .rs-lates-news .latest-news-slider .news-slider-full .slider-item .contents .news-title a:hover { color: #fbc02d; } .rs-lates-news .latest-news-slider .news-slider-full .slider-item .contents .desc { color: #ffffff; } .rs-lates-news .latest-news-slider .news-slider-full .slider-item:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .rs-lates-news .latest-news-slider .news-slider-nav { position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%); width: 34%; padding-right: 30px; } .rs-lates-news .latest-news-slider .news-slider-nav .slick-track { width: 100% !important; } .rs-lates-news .latest-news-slider .news-slider-nav .nav-item { display: flex; align-items: center; width: 100% !important; margin-bottom: 30px; } .rs-lates-news .latest-news-slider .news-slider-nav .nav-item .common { width: 100%; } .rs-lates-news .latest-news-slider .news-slider-nav .nav-item .nav-img { max-width: 130px; margin-right: 15px; } .rs-lates-news .latest-news-slider .news-slider-nav .nav-item .nav-img img { width: 100%; border-radius: 4px; } .rs-lates-news .latest-news-slider .news-slider-nav .nav-item .contents .meta li { display: inline; margin-right: 15px; color: #ccc; font-size: 12px; } .rs-lates-news .latest-news-slider .news-slider-nav .nav-item .contents .meta li i { margin-right: 5px; } .rs-lates-news .latest-news-slider .news-slider-nav .nav-item .contents .meta li:last-child { margin: 0; } .rs-lates-news .latest-news-slider .news-slider-nav .nav-item .contents .news-title { font-size: 18px; font-weight: 500; margin-bottom: 0; color: #ffffff; cursor: pointer; } .rs-lates-news .latest-news-slider .news-slider-nav .nav-item.slick-current .contents .news-title { color: #fbc02d; } .rs-lates-news .latest-news-slider .news-slider-nav .nav-item:last-child { margin: 0; } .rs-lates-news.home6-latest-news .match-details .title-part .title { position: relative; padding-left: 25px; font-size: 22px; line-height: 40px; font-weight: 700; color: #111; margin-bottom: 15px; letter-spacing: 2px; text-transform: uppercase; } .rs-lates-news.home6-latest-news .match-details .title-part .title:before { position: absolute; content: ""; left: 0; top: 7px; width: 0; height: 0; border-top: 12px solid transparent; border-left: 15px solid #fbc02d; border-bottom: 12px solid transparent; border-left-color: #fbc02d; } .rs-lates-news.home6-latest-news .match-details .link a { color: #fbc02d; border: 1px solid #fbc02d; padding: 14px 0; width: 320px; font-size: 16px; margin-top: 10px; display: inline-block; border-color: #fbc02d; text-transform: uppercase; } .rs-lates-news.home6-latest-news .match-details .link a:hover { background: #fbc02d; color: #111; } .rs-lates-news.home6-latest-news .match-details .match-list-sidebar { background: url(images/bg/fixture.png); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 5px; padding-top: 0px !important; padding-right: 20px !important; padding-bottom: 20px !important; padding-left: 20px !important; } .rs-lates-news.home6-latest-news .match-details .match-list-sidebar .match-list { text-align: center; color: #fff; padding: 20px 0; margin: 0; } .rs-lates-news.home6-latest-news .match-details .match-list-sidebar .match-list .sidebar-fixture { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 19px; padding-bottom: 18px; } .rs-lates-news.home6-latest-news .match-details .match-list-sidebar .match-list .sidebar-fixture .list-1 { flex: 0 0 25%; } .rs-lates-news.home6-latest-news .match-details .match-list-sidebar .match-list .sidebar-fixture .list-1 img { max-width: 35px; display: block; margin: 0 auto; } .rs-lates-news.home6-latest-news .match-details .match-list-sidebar .match-list .sidebar-fixture .list-1 span { color: #ffffff; } .rs-lates-news.home6-latest-news .match-details .match-list-sidebar .match-list .sidebar-fixture .list-2 { flex: 0 0 50%; } .rs-lates-news.home6-latest-news .match-details .match-list-sidebar .match-list .sidebar-fixture .list-2 table { margin: 0 auto; } .rs-lates-news.home6-latest-news .match-details .match-list-sidebar .match-list .sidebar-fixture .list-2 table tbody tr td { text-align: center; } .rs-lates-news.home6-latest-news .match-details .match-list-sidebar .match-list .sidebar-fixture .list-2 table tbody tr td span { display: block; } .rs-lates-news.home6-latest-news .match-details .match-list-sidebar .match-list .sidebar-fixture .list-2 table tbody tr td .match-time { color: #fbc02d; } .rs-lates-news.home6-latest-news .match-details .match-list-sidebar .match-list .sidebar-fixture .list-3 { flex: 0 0 25%; } .rs-lates-news.home6-latest-news .match-details .match-list-sidebar .match-list .sidebar-fixture .list-3 img { max-width: 35px; display: block; margin: 0 auto; } .rs-lates-news.home6-latest-news .match-details .match-list-sidebar .match-list .sidebar-fixture .list-3 span { color: #ffffff; } .rs-lates-news.home6-latest-news .match-details .match-videos { background: url(images/bg/video-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 5px; } .rs-lates-news.home6-latest-news .match-details .match-videos .match-part { padding: 35px; } .rs-lates-news.home6-latest-news .match-details .sidebar-result { background: url(images/bg/result-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 5px; padding: 33px 20px 33px 20px; text-align: center; } .rs-lates-news.home6-latest-news .match-details .sidebar-result .sidebar-part { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 18px; } .rs-lates-news.home6-latest-news .match-details .sidebar-result .sidebar-part .list-1-team { flex: 0 0 20%; } .rs-lates-news.home6-latest-news .match-details .sidebar-result .sidebar-part .list-1-team span { color: #fff; } .rs-lates-news.home6-latest-news .match-details .sidebar-result .sidebar-part .list-result { flex: 0 0 60%; } .rs-lates-news.home6-latest-news .match-details .sidebar-result .sidebar-part .list-result table tbody td { padding-right: 15px; padding-left: 0; } .rs-lates-news.home6-latest-news .match-details .sidebar-result .sidebar-part .list-result table tbody td img { max-width: 35px; } .rs-lates-news.home6-latest-news .match-details .sidebar-result .sidebar-part .list-result table tbody td span { display: block; color: #ffffff; } .rs-lates-news.home6-latest-news .match-details .sidebar-result .sidebar-part .list-result table tbody td .total-goal { font-size: 30px; font-weight: 600; padding: 15px 0; letter-spacing: 6px; color: #fbc02d; } .rs-lates-news.home6-latest-news .match-details .sidebar-result .sidebar-part .list-2-team { flex: 0 0 20%; } .rs-lates-news.home6-latest-news .match-details .sidebar-result .sidebar-part .list-2-team span { color: #fff; } .rs-lates-news.home6-latest-news .match-details .khelo-live-img { background: url(images/bg/add-2.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 5px; padding: 240px 0 230px; } .rs-lates-news.home6-latest-news .match-details .live-img { background: url(images/bg/add-sidebar.png); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 3px; padding: 143px 0 143px; } .rs-lates-news.home6-latest-news .sticky-sidebar .theiaStickySidebar { top: 36px !important; } .rs-lates-news .inside-khelo { background-color: #323a47; padding: 30px 35px 40px; } .rs-feature.home-style5 { width: 100%; position: absolute; margin-top: -250px; z-index: 99; } .rs-feature.home-style5 .overlay-feature { background: #222934; color: #ffffff; display: block; border-radius: 2px; } .rs-feature.home-style5 .overlay-feature a .bl-meta { padding-bottom: 15px; } .rs-feature.home-style5 .overlay-feature a .bl-meta span { text-transform: capitalize; font-size: 12px; color: #ccc; font-weight: 600; } .rs-feature.home-style5 .overlay-feature a .bl-meta span i { padding-right: 4px; } .rs-feature.home-style5 .overlay-feature a .bl-meta span:first-child { margin-right: 20px; } .rs-feature.home-style5 .overlay-feature a .title { font-size: 20px; line-height: 30px; font-weight: 600; color: #ffffff; margin-bottom: 0; } .rs-feature.home-style5 .overlay-feature a .title:hover { color: #fbc02d !important; } .rs-feature.home-style5 .item-thumb { display: flex; align-items: center; justify-content: space-between; } .rs-feature.home-style5 .item-thumb .overlay-feature { margin-left: 15px; margin-right: 15px; position: relative; z-index: 9999; transition: all 0.5s ease; opacity: 1; cursor: pointer; } .rs-feature.home-style5 .item-thumb .overlay-feature a { background: #222934; padding: 30px; display: block; border-radius: 2px; min-height: 166px; color: #fff; pointer-events: none; } .rs-feature.home-style5 .item-thumb .overlay-feature a:hover { color: #fbc02d !important; } .rs-blog .blog-item .blog-img { position: relative; background: #ffffff; } .rs-blog .blog-item .blog-img .image-wrap { overflow: hidden; } .rs-blog .blog-item .blog-img .image-wrap a img { transition: all 0.3s ease 0s; transform: scale(1); } .rs-blog .blog-item .blog-img .all-meta { padding: 15px 25px 0; } .rs-blog .blog-item .blog-img .all-meta .meta { display: inline-block; font-size: 14px; color: #909090; margin-right: 24px; } .rs-blog .blog-item .blog-img .all-meta .meta a { color: #909090; } .rs-blog .blog-item .blog-img .all-meta .meta a:hover { color: #fbc02d; } .rs-blog .blog-item .blog-img .all-meta .meta i:before { font-weight: 600; } .rs-blog .blog-item .blog-img .all-meta .meta .meta-folder { margin: 0; } .rs-blog .blog-item .blog-img .all-meta .meta-date { background: #fbc02d; border-radius: 3px; color: #111111; width: 75px; height: 75px; text-align: center; padding-top: 3px; line-height: 28px; font-weight: 500; margin-top: -48px; position: relative; top: -10px; transition: all 0.3s ease 0s; z-index: 30; } .rs-blog .blog-item .blog-img .all-meta .meta-date .month-day { margin-top: 20px; font-size: 30px; display: block; } .rs-blog .blog-item .blog-img .all-meta .meta-date .month-name { font-size: 16px; text-transform: uppercase; margin-top: 2px; } .rs-blog .blog-item .blog-img .all-meta .meta-author { text-transform: capitalize; } .rs-blog .blog-item .blog-img .all-meta .meta-author i { margin-right: 7px; } .rs-blog .blog-item .blog-content { padding: 20px 25px 55px; background: #ffffff; box-shadow: 0px 15px 34px -5px rgba(193, 193, 193, 0.3); } .rs-blog .blog-item .blog-content .blog-title { line-height: 30px; font-size: 20px; margin-bottom: 17px; } .rs-blog .blog-item .blog-content .blog-title a { color: #111111; } .rs-blog .blog-item .blog-content .blog-title a:hover { color: #fbc02d; } .rs-blog .blog-item .blog-content .read-button { margin-top: 26px; } .rs-blog .blog-item .blog-content .read-button a { color: #111111; position: relative; font-size: 16px; padding-right: 22px; } .rs-blog .blog-item .blog-content .read-button a:after { position: absolute; right: 0; top: 50%; font-size: 15px; transform: translateY(-50%); content: "\f133"; font-family: Flaticon; } .rs-blog .blog-item .blog-content .read-button a:hover { color: #fbc02d; padding-right: 26px; } .rs-blog .blog-item:hover .blog-img .image-wrap a img { transform: scale(1.1); } .rs-blog .cl-sidebar .cl-widget-title { font-weight: 600; margin-bottom: 48px; position: relative; font-size: 20px; } .rs-blog .cl-sidebar .cl-widget-title:after { position: absolute; content: ""; height: 2px; width: 50px; background: #fbc02d; left: 0; top: 40px; } .rs-blog .cl-sidebar .cl-search { overflow: hidden; position: relative; margin-bottom: 30px; } .rs-blog .cl-sidebar .cl-search input { border: 1px solid #ddd; color: #444444; padding: 0 17px; height: 45px; width: 100%; border-radius: 5px; outline: none; } .rs-blog .cl-sidebar .cl-search button { background: transparent; border: medium none; color: #111111; padding: 0 16px; position: absolute; height: 45px; right: 0px; top: 0; z-index: 10; outline: none; transition: all 0.3s ease 0s; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; } .rs-blog .cl-sidebar .cl-search button i:before { font-size: 18px; font-weight: 600; } .rs-blog .cl-sidebar .cl-search button:hover { background: #fbc02d; color: #ffffff; } .rs-blog .cl-sidebar .cl-recentpost ul li { border-top: 1px solid rgba(0, 0, 0, 0.06); padding: 10px 0; } .rs-blog .cl-sidebar .cl-recentpost ul li a { color: #101010; font-weight: 500; } .rs-blog .cl-sidebar .cl-recentpost ul li a:hover { color: #fbc02d; } .rs-blog .cl-sidebar .cl-recentpost ul li:last-child { padding-bottom: 0; } .rs-blog .cl-sidebar .cl-recentpost ul li:first-child { padding-top: 0; border-top: none; } .rs-blog .cl-sidebar .cl-recent-comments ul li { border-top: 1px solid rgba(0, 0, 0, 0.06); padding: 10px 0; } .rs-blog .cl-sidebar .cl-recent-comments ul li a { font-weight: 500; color: #101010; } .rs-blog .cl-sidebar .cl-recent-comments ul li a:hover { color: #fbc02d; } .rs-blog .cl-sidebar .cl-recent-comments ul li:last-child { padding-bottom: 0; } .rs-blog .cl-sidebar .cl-recent-comments ul li:first-child { padding-top: 0; border-top: none; } .rs-blog .cl-sidebar .cl-archives ul li+li { padding-top: 14px; } .rs-blog .cl-sidebar .cl-archives ul li a { color: #101010; transition: all 0.3s ease 0s; font-weight: 500; } .rs-blog .cl-sidebar .cl-archives ul li a:hover { color: #fbc02d; } .rs-blog .cl-sidebar .cl-archives ul li:before { content: "\f105"; font-family: FontAwesome; margin-right: 5px; color: #101010; } .rs-blog .cl-sidebar .cl-categories ul li+li { padding-top: 14px; } .rs-blog .cl-sidebar .cl-categories ul li a { color: #101010; font-weight: 500; transition: all 0.3s ease 0s; } .rs-blog .cl-sidebar .cl-categories ul li a:hover { color: #fbc02d; } .rs-blog .cl-sidebar .cl-categories ul li:before { content: "\f105"; font-family: FontAwesome; margin-right: 5px; color: #101010; } .rs-blog .cl-sidebar .cl-meta ul li { border-top: 1px solid rgba(0, 0, 0, 0.06); padding: 10px 0; } .rs-blog .cl-sidebar .cl-meta ul li a { color: #505050; } .rs-blog .cl-sidebar .cl-meta ul li a:hover { color: #fbc02d; } .rs-blog .cl-sidebar .cl-meta ul li:last-child { padding-bottom: 0; } .rs-blog .cl-sidebar .cl-meta ul li:first-child { padding-top: 0; border-top: none; } .rs-blog .cl-sidebar .cl-tags a { display: inline-block; margin: 10px 3px 0px 0; line-height: 20px; padding: 6px 11px; font-size: 13px !important; text-transform: capitalize; -webkit-transition: all 0.3s ease; transition: all 0.3s ease 0s; background: #ffffff; color: #555555; border: 1px solid #f0f0f0; border-radius: 5px; } .rs-blog .cl-sidebar .cl-tags a:hover { background-color: #fbc02d; color: #fff; border: 1px solid #fbc02d; } .rs-blog.style2 .blog-item .blog-img { position: relative; background: #ffffff; } .rs-blog.style2 .blog-item .blog-img .image-wrap { overflow: hidden; } .rs-blog.style2 .blog-item .blog-img .image-wrap a img { transition: all 0.3s ease 0s; transform: unset; } .rs-blog.style2 .blog-item .blog-img .all-meta { padding: 15px 40px 0; } .rs-blog.style2 .blog-item .blog-img .all-meta .meta { margin-right: 24px; } .rs-blog.style2 .blog-item .blog-img .all-meta .meta a { color: #909090; } .rs-blog.style2 .blog-item .blog-img .all-meta .meta a:hover { color: #fbc02d; } .rs-blog.style2 .blog-item .blog-img .all-meta .meta i { margin-right: 7px; } .rs-blog.style2 .blog-item .blog-img .all-meta .meta i:before { font-size: 16px; } .rs-blog.style2 .blog-item .blog-img .all-meta .meta-folder { margin: 0; } .rs-blog.style2 .blog-item .blog-content { padding: 25px 40px 40px; box-shadow: 0px 5px 40px 0px rgba(230, 230, 230, 0.5); } .rs-blog.style2 .blog-item .blog-content .blog-title { line-height: 38px; font-size: 28px; margin-bottom: 10px; font-weight: 500; } .rs-blog.modify .blog-item .blog-img .all-meta { padding: 15px 25px 0; } .rs-blog.modify .blog-item .blog-img .all-meta .meta i:before { font-size: 16px; } .rs-blog.modify .blog-item .blog-content { padding: 20px 25px 30px; } .rs-blog .single-blog-wrap .bs-img img { width: 100%; } .rs-blog .single-blog-wrap .single-content-full { box-shadow: 0px 5px 40px 0px rgba(230, 230, 230, 0.5); padding: 25px 40px 37px; overflow: visible; margin-bottom: 60px; } .rs-blog .single-blog-wrap .single-content-full h2 { color: #111111; font-size: 30px; } .rs-blog .single-blog-wrap .single-content-full h3 { color: #111111; margin-bottom: 17px; font-size: 22px; font-weight: 600; line-height: 28px; } .rs-blog .single-blog-wrap .single-content-full blockquote { margin: 40px 0; padding: 45px 60px 35px 85px; color: #666; position: relative; background-repeat: no-repeat; background-position: left 20px top 20px; background-size: 55px; font-size: 18px; font-weight: 400; font-style: italic; line-height: 30px; background: #eff4fd; } .rs-blog .single-blog-wrap .single-content-full blockquote p { margin-bottom: 10px; } .rs-blog .single-blog-wrap .single-content-full blockquote:before { font-family: Flaticon; content: "\f150" !important; position: absolute; left: 40px; top: 36px; z-index: 99; font-size: 60px; font-weight: 600; display: block; color: #101010; opacity: 0.05; transform: rotate(180deg); } .rs-blog .single-blog-wrap .single-content-full .stylelisting { margin-bottom: 20px; } .rs-blog .single-blog-wrap .single-content-full .single-page-info { border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 30px 0 0; margin-top: 40px; } .rs-blog .single-blog-wrap .single-content-full .single-page-info .meta { text-transform: capitalize; display: inline-block; margin-right: 24px; position: relative; z-index: 15; font-size: 14px; color: #909090; } .rs-blog .single-blog-wrap .single-content-full .single-page-info .meta a { color: #909090; } .rs-blog .single-blog-wrap .single-content-full .single-page-info .meta a:hover { color: #fbc02d; } .rs-blog .single-blog-wrap .single-content-full .single-page-info .meta i { margin-right: 7px; } .rs-blog .single-blog-wrap .single-content-full .single-page-info .meta i:before { font-size: 16px; } .rs-blog .single-blog-wrap .ps-navigation { width: 100%; border-bottom: 1px solid rgba(170, 170, 170, 0.25); padding: 0 0 30px; margin: 0 0 55px; } .rs-blog .single-blog-wrap .ps-navigation ul { list-style: none; } .rs-blog .single-blog-wrap .ps-navigation ul li { width: 50%; display: inline-block; } .rs-blog .single-blog-wrap .ps-navigation ul li a span { text-transform: uppercase; color: #909090; display: block; /* vertical-align: middle; */ transition: all 0.3s ease 0s; } .rs-blog .single-blog-wrap .ps-navigation ul li a span i { margin-top: -4px; display: inline-block; } .rs-blog .single-blog-wrap .ps-navigation ul li a span i:before { font-size: 15px; } .rs-blog .single-blog-wrap .ps-navigation ul li a span.link-text { text-transform: capitalize; color: #111111; font-weight: 500; transition: all 0.3s ease 0s; } .rs-blog .single-blog-wrap .ps-navigation ul li a:hover span { color: #fbc02d !important; } .rs-blog .single-blog-wrap .ps-navigation ul li.next { float: right; text-align: right; } .rs-blog .single-blog-wrap .ps-navigation ul li.next a span i { margin-left: 10px; } .rs-blog .single-blog-wrap .ps-navigation ul li.prev a span i { margin-right: 10px; } .rs-blog .single-blog-wrap .comments-area .comment-title { font-size: 24px; font-weight: 600; margin-bottom: 17px; margin-top: 40px; position: relative; padding: 0 0 12px; } .rs-blog .single-blog-wrap .comments-area .comment-title:before { content: ""; position: absolute; background: #fbc02d; height: 2px; width: 50px; left: 0; bottom: 0; display: block; z-index: 1; } .rs-blog .single-blog-wrap .comments-area .comment-form .from-control { margin-bottom: 33px; } .rs-blog .single-blog-wrap .comments-area .comment-form .from-control label { display: block; } .rs-blog .single-blog-wrap .comments-area .comment-form .from-control input { height: 50px; } .rs-blog .single-blog-wrap .comments-area .comment-form .from-control textarea { height: 160px; } .rs-blog .single-blog-wrap .comments-area .comment-form .from-control input, .rs-blog .single-blog-wrap .comments-area .comment-form .from-control textarea { width: 100%; line-height: normal; padding: 5px 10px; border: 1px solid #ddd; border-radius: 5px; background: #ffffff; outline: none; color: #555; } .rs-blog .single-blog-wrap .comments-area .comment-form .submit-comment { margin-top: -10px; } .rs-blog .single-blog-wrap .comments-area .comment-form .submit-comment .readon { outline: none; box-shadow: unset; font-weight: 400; padding: 14px 30px 12px; } .rs-blog.homestyle5-blog .title-inner { position: relative; padding: 10px 12px; background: #222834; border-radius: 3px; } .rs-blog.homestyle5-blog .title-inner .title { font-size: 20px; line-height: 40px; font-weight: 700; letter-spacing: 2px; color: #ffffff; text-transform: uppercase; padding-left: 25px; position: relative; margin-bottom: 0; } .rs-blog.homestyle5-blog .title-inner .title:after { content: ""; position: absolute; border: 0; width: 10px; height: 100%; background: #fbc02d; z-index: 9; margin-left: 0; left: 0; top: 0; bottom: 0; border-radius: 2px; } .rs-blog.homestyle5-blog .blog-item .blog-img .image-part { position: relative; } .rs-blog.homestyle5-blog .blog-item .blog-img .image-part a { z-index: 11; position: relative; } .rs-blog.homestyle5-blog .blog-item .blog-img .image-part:before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; z-index: 99; width: 100%; height: 100%; background: #000; opacity: 0.5; } .rs-blog.homestyle5-blog .blog-item .blog-img .blog-dates { position: absolute; left: 25px; bottom: 25px; right: 25px; z-index: 99; } .rs-blog.homestyle5-blog .blog-item .blog-img .blog-dates .category a { font-size: 12px; padding: 6px 10px; border-radius: 2px; margin-right: 15px; background: #fbc02d; color: #111; } .rs-blog.homestyle5-blog .blog-item .blog-img .blog-dates .post-dates { color: #fff; font-size: 12px; } .rs-blog.homestyle5-blog .blog-item .blog-img .blog-dates .post-dates i { margin-right: 8px; } .rs-blog.homestyle5-blog .blog-item .blog-img .blog-dates .post-dates i:before { font-size: 14px; margin: 0 3px 0 0; font-weight: 600; } .rs-blog.homestyle5-blog .blog-item .blog-bottom { padding: 25px 0 0; } .rs-blog.homestyle5-blog .blog-item .blog-bottom .blog-meta .blog-title { font-size: 24px; line-height: 34px; font-weight: 500; margin: 0 0 10px; } .rs-blog.homestyle5-blog .blog-item .blog-bottom .blog-meta .blog-title a { color: #111; } .rs-blog.homestyle5-blog .blog-item .blog-bottom .blog-meta .blog-title a:hover { color: #fbc02d; } .rs-blog.homestyle5-blog .blog-item .blog-bottom .blog-meta .blog-desc { margin: 0; } /* ------------------------------------ 16. Contact Section CSS -------------------------------------*/ .rs-contact .single-icon { background: url(images/background/contact-info-bg.jpg); background-size: cover; position: relative; color: #ffffff; box-shadow: 0px 5px 40px 0px rgba(230, 230, 230, 0.5); padding: 50px; border-radius: 5px; } .rs-contact .single-icon .icon-part { position: relative; height: 70px; width: 70px; line-height: 70px; border-radius: 100%; text-align: center; background: #fbc02d; margin: 0 auto 20px; z-index: 1; } .rs-contact .single-icon .icon-part i { color: #111111; z-index: 1; } .rs-contact .single-icon .icon-part i:before { font-size: 33px; } .rs-contact .single-icon .icon-part:before { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 70px; height: 70px; background: #fbc02d; border-radius: 50%; animation: pulse-border 1200ms ease-out infinite; visibility: hidden; opacity: 0; transition: all 0.3s ease 0s; } .rs-contact .single-icon .icon-text .icon-title { color: #ffffff; font-size: 20px; margin-bottom: 2px; } .rs-contact .single-icon .icon-text span { color: #ffffff; } .rs-contact .single-icon .icon-text a { color: #ffffff; } .rs-contact .single-icon .icon-text a:hover { color: #fbc02d; } .rs-contact .single-icon:hover .icon-part:before { opacity: 1; visibility: visible; } .rs-contact .g-map iframe { width: 100%; border: none; float: left; height: 490px; filter: grayscale(1); } .rs-contact .contact-area .contact-form .from-control { margin-bottom: 20px; } .rs-contact .contact-area .contact-form .from-control input, .rs-contact .contact-area .contact-form .from-control textarea { width: 100%; line-height: normal; border: 1px solid #ddd; border-radius: 5px; background: #ffffff; outline: none; color: #111111; } .rs-contact .contact-area .contact-form .from-control input { height: 50px; padding: 5px 15px; } .rs-contact .contact-area .contact-form .from-control textarea { height: 168px; padding: 10px 18px; } .rs-contact .contact-area .contact-form .from-control ::placeholder { color: #555555; opacity: 1; } /* ------------------------------------ 17. Point Table Section CSS -------------------------------------*/ .rs-pointtable table { color: #ffffff; border-collapse: collapse; border: 0; width: 100%; } .rs-pointtable table tr { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .rs-pointtable table tr th { padding: 12px 15px; color: #fbc02d; } .rs-pointtable table tr td { padding: 7px 15px; } .rs-pointtable table tr:last-child { border-bottom: none; } .rs-pointtable.style2 table { color: #555555; border: 0; background: #ffffff; } .rs-pointtable.style2 table tr { border-bottom: none; } .rs-pointtable.style2 table tr:nth-child(odd) { background: #f2f7ff; } .rs-pointtable.style2 table tr th { padding: 14px 10px; background: #214790; } .rs-pointtable.style2 table tr td { padding: 11px 10px; } .rs-pointtable.style3 table { color: #555555; border: 0; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); } .rs-pointtable.style3 table tr { border-bottom: 1px solid #f9f9f9; } .rs-pointtable.style3 table tr th { padding: 20px 15px; } .rs-pointtable.style3 table tr td { padding: 15px; } .rs-pointtable.style3 table tr td.dark { color: #111111; } .rs-pointtable.style3 table tr td:first-child { padding-left: 30px; } .rs-pointtable.style3 table tr:last-child { border-bottom: none; } .rs-pointtable.style3 .bracket-btn a { display: inline-block; color: #111111; text-transform: capitalize; font-weight: 500; border-bottom: 1px solid #fbc02d; } .rs-pointtable.style3 .bracket-btn a:hover { color: #fbc02d; } .rs-pointtable.style3 .bracket-btn i { margin-left: 5px; } .rs-pointtable.inner-style table { color: #555555; border: 0; background: #ffffff; } .rs-pointtable.inner-style table tr { border-bottom: none; } .rs-pointtable.inner-style table tr:nth-child(odd) { background: #f2f7ff; } .rs-pointtable.inner-style table tr th { padding: 20px 15px; background: #214790; } .rs-pointtable.inner-style table tr td { padding: 20px 15px; } .rs-pointtable.no-overflow table { display: inline-table; overflow: hidden; } .rs-pointtable.gaps { padding: 26px 15px; } .rs-pointtable.home-style5-pointtable { box-shadow: 0 0 25px #eee; } .rs-pointtable.home-style5-pointtable table { color: #111111; } .rs-pointtable.home-style5-pointtable table .bg-color { background-color: #fbc02d; } .rs-pointtable.home-style5-pointtable table .bg-color th { color: #111111; } .rs-pointtable.home-style5-pointtable table tr { background-color: #ffffff; border-bottom: 1px solid #eee; } .rs-pointtable.home-style5-pointtable table tr th { padding: 12px 15px; } .rs-pointtable.home-style5-pointtable table tr td { padding: 10px 20px; } .rs-pointtable.home-style5-pointtable table tr:last-child { border-bottom: none; } .rs-pointtable.home6-pointable { padding: 20px; } .rs-pointtable.home6-pointable table tbody .bg-colors { background-color: rgba(0, 0, 0, 0.01); border-bottom: unset; } .rs-pointtable.home6-pointable table tbody .bg-colors th { color: #fbc02d; padding: 10px; } .rs-pointtable.home6-pointable table tbody .row-border { background-color: rgba(255, 255, 255, 0.01); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .rs-pointtable.home6-pointable table tbody .row-border td { padding-top: 16px; padding-bottom: 16px; color: #ffffff; } .rs-pointtable.home6-pointable table tbody .row-border td img { max-width: 28px; margin-right: 10px; } .rs-pointtable.home6-pointable table tbody .row-border.border-no { border-bottom: none; } .rs-pointtable.rs-club-list .all-club-list { display: block; padding: 0 20px; flex: wrap; } .rs-pointtable.rs-club-list .all-club-list .list-point { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; } .rs-pointtable.rs-club-list .all-club-list .list-point .club-item { padding: 20px 5px; display: flex; flex: 0 0 auto; align-items: center; vertical-align: top; } .rs-pointtable.rs-club-list .all-club-list .list-point .club-item a img { width: 30px; height: unset; margin-right: 20px; } .rs-pointtable.rs-club-list .all-club-list .list-point .club-item a span { color: #ffffff; } .rs-pointtable.rs-club-list .all-club-list .list-point .point { color: #ffffff; } .rs-pointtable.full-ranking .ranking-wrap { margin: 0 0 1.5em; width: 100%; border-collapse: collapse; border-spacing: 0; } .rs-pointtable.full-ranking .ranking-wrap tbody tr th { padding: 20px; color: #555555; font-weight: 700; } .rs-pointtable.full-ranking .ranking-wrap tbody tr th.team { padding: 20px 110px 20px 0px; } .rs-pointtable.full-ranking .ranking-wrap tbody tr td { padding: 20px; color: #555; } .rs-pointtable.full-ranking .ranking-wrap tbody tr td .club-item { margin-left: -20px; } .rs-pointtable.full-ranking .ranking-wrap tbody tr td .club-item a { color: #214790; } .rs-pointtable.full-ranking .ranking-wrap tbody tr td .club-item a:hover { color: #555; } .rs-pointtable.full-ranking .ranking-wrap tbody tr td .club-item a img { max-width: 30px; padding-right: 10px; } .rs-pointtable.full-ranking .ranking-wrap tbody tr:nth-child(odd) { background: #eff4fd; } /* ------------------------------------ 18. Portfolio Table Section CSS -------------------------------------*/ .rs-portfolio.home5-portfolio .portfolio-filter { background: #222834; border-radius: 3px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; } .rs-portfolio.home5-portfolio .portfolio-filter .default-btn { background: #323a47; margin: 10px; padding: 0 10px; border-radius: 3px; } .rs-portfolio.home5-portfolio .portfolio-filter .default-title { color: #111; display: inline-block; padding: 17px 20px 15px; text-transform: uppercase; font-size: 20px; margin-left: 10px; font-weight: 600; position: relative; background: #fbc02d; } .rs-portfolio.home5-portfolio .portfolio-filter .default-title:before { content: ""; position: absolute; background: #fbc02d; left: 0; right: 0; bottom: -12px; width: 100%; height: 12px; border-radius: 0 0 3px 3px; } .rs-portfolio.home5-portfolio .portfolio-filter .default-title:after { content: ""; position: absolute; background: #fbc02d; left: 0; right: 0; top: -12px; width: 100%; height: 12px; border-radius: 3px 3px 0 0; } .rs-portfolio.home5-portfolio .gallery-item .inner-content { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .rs-portfolio.home5-portfolio .gallery-item .inner-content .post-img { flex: 0 0 47%; } .rs-portfolio.home5-portfolio .gallery-item .inner-content .post-img a img { border-radius: 3px; } .rs-portfolio.home5-portfolio .gallery-item .inner-content .c-text { flex: 0 0 53%; padding: 30px 0 30px 30px; } .rs-portfolio.home5-portfolio .gallery-item .inner-content .c-text .category { display: inline-block; padding: 3px 15px; background: #fbc02d; color: #111; border-radius: 3px; margin-right: 12px; font-size: 12px; } .rs-portfolio.home5-portfolio .gallery-item .inner-content .c-text .post-dates { margin-right: 10px; } .rs-portfolio.home5-portfolio .gallery-item .inner-content .c-text .post-dates i:before { font-size: 14px; margin: 0 6px 0 0; } .rs-portfolio.home5-portfolio .gallery-item .inner-content .c-text .post-author i:before { font-size: 14px; margin: 0 6px 0 0; } .rs-portfolio.home5-portfolio .gallery-item .inner-content .c-text .title { font-size: 24px; line-height: 32px; font-weight: 500; padding: 18px 0; margin: 0; } .rs-portfolio.home5-portfolio .gallery-item .inner-content .c-text .title a { color: #111111; } .rs-portfolio.home5-portfolio .gallery-item .inner-content .c-text .title a:hover { color: #fbc02d; } .rs-portfolio.home5-portfolio .gallery-item .inner-content .c-text .desc-txt { margin: 0; } .rs-portfolio.home5-portfolio .gallery-item .inner-content .c-text.no-padding { padding: 30px 30px 30px 0; } /* ------------------------------------ 19. Team Section CSS -------------------------------------*/ .rs-team.style1 .player-item { position: relative; } .rs-team.style1 .player-item .player-img img { border-radius: 4px 4px 6px 6px; } .rs-team.style1 .player-item .person-details { padding: 20px 25px; position: absolute; content: ""; bottom: 0; left: 0; width: 100%; transition: all 0.3s ease 0s; min-height: 80px; } .rs-team.style1 .player-item .person-details .player-title { font-size: 15px; text-align: left; overflow: hidden; text-transform: uppercase; margin: 0 0 10px; padding-bottom: 2px; transition: 0.4s; margin-bottom: 0; position: relative; z-index: 9; } .rs-team.style1 .player-item .person-details .player-title .squad-numbers { font-size: 55px; line-height: 60px; color: #fbc02d; float: left; padding-right: 16px; } .rs-team.style1 .player-item .person-details .player-title a { padding-top: 4px; display: inline-block; font-size: 22px; font-weight: 600; padding-bottom: 5px; color: #111111; } .rs-team.style1 .player-item .person-details .player-title a:hover { color: #fbc02d; } .rs-team.style1 .player-item .person-details .player-title .player-position { display: block; font-size: 15px; font-weight: 400; line-height: 17px; color: #555555; text-transform: capitalize; } .rs-team.style1 .player-item .person-details:after { content: ""; position: absolute; width: 100%; height: 100%; background: #eff4fd; color: #fff; opacity: 1; top: 0; left: 0; z-index: 0; border-radius: 0 0 4px 4px; } .rs-team.style1.modify-style .player-item .player-img img { border-radius: 4px 4px 6px 6px; } .rs-team.style1.modify-style .player-item .person-details .player-title { color: #ffffff; } .rs-team.style1.modify-style .player-item .person-details .player-title .squad-numbers { color: #fbc02d; } .rs-team.style1.modify-style .player-item .person-details .player-title a { color: #ffffff; } .rs-team.style1.modify-style .player-item .person-details .player-title a:hover { color: #ffffff; } .rs-team.style1.modify-style .player-item .person-details .player-title .player-position { color: #ffffff; } .rs-team.style1.modify-style .player-item .person-details:after { position: unset; content: unset; } .rs-team.style1.modify-style .player-item:after { position: absolute; content: ""; width: 100%; height: 50%; left: 0; bottom: 0; display: block; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.85) 30%, rgba(255, 255, 255, 0) 70%); } .rs-team.style1.modify-style .owl-controls .owl-nav { position: absolute; content: ""; right: 30px; bottom: 30px; z-index: 1; } .rs-team.style1.modify-style .owl-controls .owl-nav .owl-prev, .rs-team.style1.modify-style .owl-controls .owl-nav .owl-next { display: inline; } .rs-team.style1.modify-style .owl-controls .owl-nav .owl-prev i, .rs-team.style1.modify-style .owl-controls .owl-nav .owl-next i { width: 30px; height: 30px; line-height: 27px; color: #fbc02d; border-radius: 50%; text-align: center; border: 1.5px solid #fbc02d; background: transparent; transition: all 0.3s ease 0s; opacity: 0.5; font-size: 20px; } .rs-team.style1.modify-style .owl-controls .owl-nav .owl-prev i:hover, .rs-team.style1.modify-style .owl-controls .owl-nav .owl-next i:hover { opacity: 1; } .rs-team.style1.modify-style .owl-controls .owl-nav .owl-prev i.fa-angle-left:before, .rs-team.style1.modify-style .owl-controls .owl-nav .owl-next i.fa-angle-left:before { margin-right: 3px; } .rs-team.style1.modify-style .owl-controls .owl-nav .owl-prev { margin-right: 10px; } .rs-team.style2 .player-item { position: relative; } .rs-team.style2 .player-item .person-details { padding: 12px 12px 0 18px; position: absolute; content: ""; bottom: 0; left: 0; width: 100%; transition: all 0.3s ease 0s; min-height: 80px; } .rs-team.style2 .player-item .person-details .player-title { font-size: 15px; text-align: left; overflow: hidden; text-transform: capitalize; transition: all 0.3s ease 0s; margin-bottom: 0; position: relative; z-index: 9; } .rs-team.style2 .player-item .person-details .player-title .squad-numbers { font-size: 55px; line-height: 55px; color: #fbc02d; float: left; padding-right: 16px; } .rs-team.style2 .player-item .person-details .player-title a { display: inline-block; font-size: 18px; font-weight: 600; color: #ffffff; } .rs-team.style2 .player-item .person-details .player-title a:hover { color: #fbc02d; } .rs-team.style2 .player-item .person-details .player-title .player-position { display: block; font-size: 12px; font-weight: 400; line-height: 17px; color: #ffffff; text-transform: uppercase; } .rs-team.style2 .player-item .person-details:after { content: ""; position: absolute; width: 100%; height: 100%; background: #214790; opacity: 0.8; top: 0; left: 0; z-index: 0; } .rs-team.style2.modify-style .player-item .player-img img { border-radius: 4px 4px 6px 6px; } .rs-team.style2.modify-style .player-item .person-details .player-title { color: #ffffff; } .rs-team.style2.modify-style .player-item .person-details .player-title .squad-numbers { color: #fbc02d; } .rs-team.style2.modify-style .player-item .person-details .player-title a { color: #ffffff; } .rs-team.style2.modify-style .player-item .person-details .player-title a:hover { color: #ffffff; } .rs-team.style2.modify-style .player-item .person-details .player-title .player-position { color: #ffffff; } .rs-team.style2.modify-style .player-item .person-details:after { position: unset; content: unset; } .rs-team.style2.modify-style .player-item:after { position: absolute; content: ""; width: 100%; height: 50%; left: 0; bottom: 0; display: block; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.85) 30%, rgba(255, 255, 255, 0) 70%); } .rs-team.style2.modify-style .owl-controls .owl-nav { position: absolute; content: ""; right: 30px; bottom: 30px; z-index: 1; } .rs-team.style2.modify-style .owl-controls .owl-nav .owl-prev, .rs-team.style2.modify-style .owl-controls .owl-nav .owl-next { display: inline; } .rs-team.style2.modify-style .owl-controls .owl-nav .owl-prev i, .rs-team.style2.modify-style .owl-controls .owl-nav .owl-next i { width: 30px; height: 30px; line-height: 27px; color: #fbc02d; border-radius: 50%; text-align: center; border: 1.5px solid #fbc02d; background: transparent; transition: all 0.3s ease 0s; opacity: 0.5; font-size: 20px; } .rs-team.style2.modify-style .owl-controls .owl-nav .owl-prev i:hover, .rs-team.style2.modify-style .owl-controls .owl-nav .owl-next i:hover { opacity: 1; } .rs-team.style2.modify-style .owl-controls .owl-nav .owl-prev i.fa-angle-left:before, .rs-team.style2.modify-style .owl-controls .owl-nav .owl-next i.fa-angle-left:before { margin-right: 3px; } .rs-team.style2.modify-style .owl-controls .owl-nav .owl-prev { margin-right: 10px; } .rs-team.style3 .single-team .team-img { position: relative; overflow: hidden; } .rs-team.style3 .single-team .team-img a img { transition: all 0.3s ease 0s; } .rs-team.style3 .single-team .team-img .team-social { position: absolute; bottom: 0; right: -50px; opacity: 0; padding: 10px 0; background: #fbc02d; width: 50px; z-index: 2; text-align: center; transition: all 0.3s ease 0s; } .rs-team.style3 .single-team .team-img .team-social a { color: #111111; display: block; padding: 6px 8px; transition: all 0.3s; } .rs-team.style3 .single-team .team-img .team-social a:hover { color: #ffffff; } .rs-team.style3 .single-team .team-img .team-social a:last-child { margin-right: 0; } .rs-team.style3 .single-team .team-item-text .team-details { padding: 20px; text-transform: capitalize; background: #fff; box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1); z-index: 1; position: relative; text-align: center; } .rs-team.style3 .single-team .team-item-text .team-details .team-name { font-weight: 600; text-transform: uppercase; font-size: 22px; margin: 0; } .rs-team.style3 .single-team .team-item-text .team-details .team-name a { color: #232023; } .rs-team.style3 .single-team .team-item-text .team-details .team-name a:hover { color: #fbc02d; } .rs-team.style3 .single-team:hover .team-img a img { opacity: 0.8; } .rs-team.style3 .single-team:hover .team-img .team-social { right: 0; opacity: 1; } .rs-team.style4 .team-grid { overflow: hidden; position: relative; } .rs-team.style4 .team-grid .team-image { border-bottom: 2px solid #214790; } .rs-team.style4 .team-grid .text-bottom { text-align: center; background: #214790; padding: 20px 0 16px; position: absolute; content: ""; width: 100%; left: 0; bottom: -130px; z-index: 1; transition: all 0.3s ease 0s; } .rs-team.style4 .team-grid .text-bottom h4.person-name { font-size: 22px; text-transform: uppercase; font-weight: 600; margin-bottom: 2px; } .rs-team.style4 .team-grid .text-bottom h4.person-name a { color: #ffffff; } .rs-team.style4 .team-grid .text-bottom h4.person-name a:hover { color: #fbc02d; } .rs-team.style4 .team-grid .text-bottom span.designation { padding: 0 0 15px; line-height: 20px; color: #ffffff; } .rs-team.style4 .team-grid .social-links ul li { display: inline; margin-right: 10px; } .rs-team.style4 .team-grid .social-links ul li a { text-align: center; color: #ffffff; } .rs-team.style4 .team-grid .social-links ul li a:hover { color: #fbc02d; } .rs-team.style4 .team-grid .social-links ul li:last-child { margin: 0; } .rs-team.style4 .team-grid:hover .text-bottom { bottom: 0; } .rs-team.style5 .team-grid { overflow: hidden; position: relative; } .rs-team.style5 .team-grid .team-image { margin-bottom: 100px; } .rs-team.style5 .team-grid .team-image img { transition: all 0.3s ease 0s; border-radius: 5px 5px 0 0; } .rs-team.style5 .team-grid .text-bottom { text-align: center; border-bottom: 3px solid #fbc02d; border-radius: 0 0 5px 5px; background: #ffffff; padding: 15px 0 10px 0; position: absolute; content: ""; width: 100%; left: 0; bottom: 0; z-index: 1; transition: all 0.3s ease 0s; } .rs-team.style5 .team-grid .text-bottom h4.person-name { font-size: 20px; font-weight: 600; margin-bottom: 10px; } .rs-team.style5 .team-grid .text-bottom h4.person-name a { color: #fbc02d; } .rs-team.style5 .team-grid .text-bottom h4.person-name a:hover { color: #111111; } .rs-team.style5 .team-grid .text-bottom span.designation { display: block; color: #111111; transition: all 0.3s ease 0s; } .rs-team.style5 .team-grid .social-links { margin-top: 20px; padding-bottom: 10px; transition: all 0.3s ease 0s; margin-bottom: -50px; opacity: 0; } .rs-team.style5 .team-grid .social-links ul li { display: inline; padding: 0 5px; } .rs-team.style5 .team-grid .social-links ul li a { text-align: center; color: #111111; } .rs-team.style5 .team-grid .social-links ul li a:hover { color: #ffffff; } .rs-team.style5 .team-grid:hover .team-image img { transform: scale(1.1); } .rs-team.style5 .team-grid:hover .text-bottom { background: #fbc02d; } .rs-team.style5 .team-grid:hover .text-bottom .person-name a { color: #111111; } .rs-team.style5 .team-grid:hover .text-bottom .person-name a:hover { color: #ffffff; } .rs-team.style5 .team-grid:hover .text-bottom .social-links { margin-bottom: 0; opacity: 1; } .rs-team.style6 .player-item .player-img { border-radius: 3px 3px 0 0; } .rs-team.style6 .player-item .detail-wrap { padding: 17px 20px; background: #111111; position: relative; } .rs-team.style6 .player-item .detail-wrap .player-title .title { font-size: 20px; font-weight: 500; margin-bottom: 0; } .rs-team.style6 .player-item .detail-wrap .player-title .title a { color: #ffffff; } .rs-team.style6 .player-item .detail-wrap .player-title .title a:hover { color: #fbc02d; } .rs-team.style6 .player-item .detail-wrap .player-title .player-position { font-size: 15px; display: block; color: #fbc02d; text-transform: capitalize; } .rs-team.style6 .player-item .detail-wrap .squad-numbers { position: absolute; content: ""; right: 25px; top: -12px; font-size: 55px; font-weight: 500; color: #fbc02d; } .rs-team.swiper-slider .swiper-container { position: relative; } .rs-team.swiper-slider .swiper-container .swiper-pagination { bottom: 0; top: unset; height: 5px; border-radius: 3px; background: #555555; overflow: hidden; } .rs-team.swiper-slider .swiper-container .swiper-pagination span { background: #fbc02d; border-radius: 3px; } .rs-team.swiper-slider .swiper-container .slider-nav .nav { display: inline; cursor: pointer; position: absolute; content: ""; top: 50%; transform: translateY(-50%); z-index: 1; transition: all 0.3s ease 0s; opacity: 0; } .rs-team.swiper-slider .swiper-container .slider-nav .nav i:before { color: #111111; width: 40px; height: 40px; line-height: 40px; font-size: 20px; border-radius: 100%; border: 1px solid #fbc02d; background: #fbc02d; display: inline-block; text-align: center; transition: all 0.3s ease 0s; } .rs-team.swiper-slider .swiper-container .slider-nav .nav.prev { left: 0; } .rs-team.swiper-slider .swiper-container .slider-nav .nav.next { right: 0; } .rs-team.swiper-slider .swiper-container .slider-nav .nav:hover i:before { color: #ffffff; } .rs-team.swiper-slider .swiper-container:hover .slider-nav .nav { opacity: 1; } .rs-team.style7 .heading-title .title { font-size: 30px; line-height: 40px; color: #111; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; } .rs-team.style7 .heading-title .lines-bg { width: 150px; margin: 0; position: relative; display: block; } .rs-team.style7 .heading-title .lines-bg:before { content: ""; position: absolute; border: 0; display: block; width: 75px; height: 3px; background: #fbc02d; z-index: 9; margin-left: 0; left: 0; border-radius: 0 0 0 10px; bottom: 0; } .rs-team.style7 .heading-title .lines-bg:after { content: ""; position: absolute; width: 75px; height: 3px; bottom: 0; z-index: 1; right: 0; left: auto; border-radius: 0 10px 0 0; background: #214790; } .rs-team.style7 .team-item-inner { position: relative; } .rs-team.style7 .team-item-inner .normal-text { position: absolute; width: 100%; bottom: 0; padding: 12px 12px 8px 18px; } .rs-team.style7 .team-item-inner .normal-text .squad-numbers { font-size: 55px; line-height: 60px; font-weight: 500; color: #fbc02d; float: left; padding-right: 15px; z-index: 1; position: relative; } .rs-team.style7 .team-item-inner .normal-text a { z-index: 1; position: relative; font-size: 18px; text-transform: none; font-weight: 600; padding-top: 5px; display: inline-block; color: #fff; } .rs-team.style7 .team-item-inner .normal-text a:hover { color: #fbc02d; } .rs-team.style7 .team-item-inner .normal-text .player-position { display: block; font-size: 12px; font-weight: 400; z-index: 1; position: relative; line-height: 12px; color: #fff; text-transform: uppercase; margin-top: 5px; } .rs-team.style7 .team-item-inner .normal-text:after { content: ""; position: absolute; width: 100%; height: 100%; background: #111; color: #ffffff; opacity: 0.4; top: 0; left: 0; z-index: 0; } .rs-team.style7.first-team .team-item-inner .normal-text:after { background: #214790; opacity: 0.8; z-index: 0; } /* ------------------------------------ 20. Team Single Section CSS -------------------------------------*/ .rs-single-team .player-image .name-box { background: #ffffff; padding: 31px 31px 35px 120px; position: relative; border-top: 5px solid #fbc02d; } .rs-single-team .player-image .name-box .player-name { font-size: 22px; line-height: 28px; margin-bottom: 17px; } .rs-single-team .player-image .name-box .player-position { display: block; font-weight: 700; font-size: 16px; text-transform: uppercase; } .rs-single-team .player-image .name-box .club { display: block; text-transform: capitalize; } .rs-single-team .player-image .name-box .social-icon { margin-top: 10px; } .rs-single-team .player-image .name-box .social-icon li { display: inline-block; margin-right: 8px; } .rs-single-team .player-image .name-box .social-icon li a { color: #fbc02d; } .rs-single-team .player-image .name-box .social-icon li:last-child { margin-right: 0; } .rs-single-team .player-image .name-box .squad-no { position: absolute; top: 55px; left: 19px; font-size: 80px; font-weight: 700; color: #fbc02d; } .rs-single-team .player-detail { background: #ffffff; border-top: 5px solid #fbc02d; padding: 32px; } .rs-single-team .player-detail .title { font-size: 22px; margin-bottom: 17px; padding-bottom: 20px; border-bottom: 1px solid #ddd; } .rs-single-team .player-detail table { width: 100%; } .rs-single-team .player-detail table tr td { padding: 5px 10px; } .rs-single-team .player-detail table tr td:first-child { font-weight: 600; } /* ------------------------------------ 21. Breaking News Section CSS -------------------------------------*/ .rs-breaking-news { position: relative; } .rs-breaking-news .sl-wrap .breaking-title { background-image: linear-gradient(to right, #fbc02d 0%, #ea950b 51%, #fbc02d 100%); background-size: 200% auto; display: inline-block; color: #111111; text-align: left; padding: 20px; font-weight: bold; /* float: left; */ } .rs-breaking-news .sl-wrap .item { padding: 20px; } .rs-breaking-news .sl-wrap .item a { color: #555555; } .rs-breaking-news .sl-wrap .item a:hover { color: #fbc02d; } .rs-breaking-news .sl-wrap .owl-stage-outer { width: 70%; } .rs-breaking-news .sl-wrap .owl-controls .owl-nav { position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; } .rs-breaking-news .sl-wrap .owl-controls .owl-nav .owl-prev, .rs-breaking-news .sl-wrap .owl-controls .owl-nav .owl-next { display: inline; } .rs-breaking-news .sl-wrap .owl-controls .owl-nav .owl-prev i, .rs-breaking-news .sl-wrap .owl-controls .owl-nav .owl-next i { color: #fbc02d; transition: all 0.3s ease 0s; font-size: 15px; } .rs-breaking-news .sl-wrap .owl-controls .owl-nav .owl-prev { margin-right: 10px; } /* ------------------------------------ 22. Counter Section CSS -------------------------------------*/ .rs-counter.style1 .rs-counter-list .counter-number { margin: 0 0 20px; font-size: 60px; } .rs-counter.style1 .rs-counter-list .counter-number:after { content: "+"; margin-left: 5px; } .rs-counter.style1 .rs-counter-list .counter-text { margin: 0; font-size: 22px; font-weight: 500; } /* ------------------------------------ 23. Gallery Section CSS -------------------------------------*/ .rs-gallery.style1 .gallery-grid { position: relative; overflow: hidden; } .rs-gallery.style1 .gallery-grid .view-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; color: #ffffff; text-align: center; transition: all 0.3s ease 0s; z-index: 2; border-radius: 100%; } .rs-gallery.style1 .gallery-grid .view-btn i { display: block; } .rs-gallery.style1 .gallery-grid .view-btn i:before { font-size: 45px; } .rs-gallery.style1 .gallery-grid .gallery-title { position: absolute; content: ""; left: 0; bottom: -55px; background: #214790; padding: 10px 0; color: #ffffff; font-size: 18px; font-weight: 600; text-align: center; width: 100%; z-index: 20; transition: all 0.3s ease 0s; } .rs-gallery.style1 .gallery-grid:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #214790; content: ""; transition: all 0.3s ease 0s; visibility: hidden; opacity: 0; z-index: 1; } .rs-gallery.style1 .gallery-grid:hover .view-btn { visibility: visible; opacity: 1; } .rs-gallery.style1 .gallery-grid:hover .gallery-title { bottom: 0; } .rs-gallery.style1 .gallery-grid:hover:after { opacity: 0.5; visibility: visible; } /* ------------------------------------ 24. Champion Award Section CSS -------------------------------------*/ .rs-awards .item .award-wrap .champion-logo img { max-height: 260px; width: auto; margin: 0 auto; } .rs-awards .item .award-wrap .champion-details { margin-top: 24px; text-align: center; position: relative; padding-bottom: 30px; } .rs-awards .item .award-wrap .champion-details .year-details { text-align: center; } .rs-awards .item .award-wrap .champion-details .year-details h3 { display: block; margin-bottom: 0; font-weight: 600; font-size: 22px; position: relative; z-index: 99; text-transform: uppercase; color: #ffffff; } .rs-awards .item .award-wrap .champion-details .champion-no { font-size: 40px; margin-top: 15px; text-align: center; padding: 5px 15px; color: #fbc02d; display: inline-block; border-radius: 3px; font-weight: 900; position: relative; z-index: 99; } .rs-awards .item .award-wrap .champion-details:after { position: absolute; content: ""; width: 100%; height: 220%; left: 0; bottom: 0; display: block; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3) 20%, rgba(255, 255, 255, 0) 80%); background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.3) 20%, rgba(255, 255, 255, 0) 80%); background-image: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.3) 20%, rgba(255, 255, 255, 0) 80%); background-image: -ms-linear-gradient(to top, rgba(0, 0, 0, 0.3) 20%, rgba(255, 255, 255, 0) 80%); background-image: -o-linear-gradient(to top, rgba(0, 0, 0, 0.3) 20%, rgba(255, 255, 255, 0) 80%); border-radius: 0 0 4px 4px; } /* ------------------------------------ 25. Top Products Section CSS -------------------------------------*/ .rs-products .shop-guide .sorting select { padding: 10px; border: 1px solid #ced4da; border-radius: 5px; outline: none; color: #555555; } .rs-products .products { background: #eff4fd; text-align: center; padding: 30px; position: relative; } .rs-products .products .product-img { padding-bottom: 30px; } .rs-products .products .product-img img { width: auto; margin: 0 auto; } .rs-products .products .product-title { padding-top: 5px; padding-bottom: 5px; margin-bottom: 0; font-size: 18px; text-transform: uppercase; } .rs-products .products .product-title a { color: #111111; } .rs-products .products .product-title a:hover { color: #fbc02d; } .rs-products .products .product-price { font-size: 18px; color: #fbc02d; font-weight: 500; } .rs-products .products .cart-button { position: absolute; bottom: 30%; right: 20px; opacity: 0; transform: scaleY(0); transition: all 0.3s ease 0s; } .rs-products .products .cart-button a { color: #111111; } .rs-products .products .cart-button a i:before { font-size: 27px; } .rs-products .products:hover .cart-button { opacity: 1; transform: scaleY(1); bottom: 30px; } /* ------------------------------------ 26. Cart Section CSS -------------------------------------*/ .rs-cart .cart-wrap table.cart-table { border: 1px solid rgba(0, 0, 0, 0.1); width: 100%; border-collapse: collapse; } .rs-cart .cart-wrap table.cart-table td, .rs-cart .cart-wrap table.cart-table th { padding: 25px; text-align: center; border: 1px solid #ccc; } .rs-cart .cart-wrap table.cart-table th { border: none; font-size: 18px; padding: 25px; text-align: center; vertical-align: middle; font-weight: 700; } .rs-cart .cart-wrap table.cart-table td { border-bottom: none; border-left: none; border-right: none; border-top: 1px solid #e6e6e6; } .rs-cart .cart-wrap table.cart-table .product-remove a { margin: 0 auto; color: #111111; display: block; border-radius: 100%; border: 1px solid #ddd; font-size: 16px; font-weight: 400; height: 20px; width: 20px; line-height: 17px; text-align: center; } .rs-cart .cart-wrap table.cart-table .product-remove a:hover { background: #ff0000; color: #ffffff; } .rs-cart .cart-wrap table.cart-table .product-thumbnail { min-width: 32px; } .rs-cart .cart-wrap table.cart-table .product-thumbnail a img { width: 80px; height: auto; } .rs-cart .cart-wrap table.cart-table .product-name a { color: #555555; font-weight: 700; } .rs-cart .cart-wrap table.cart-table .product-name a:hover { color: #fbc02d; } .rs-cart .cart-wrap table.cart-table .product-price { font-weight: 700; } .rs-cart .cart-wrap table.cart-table .product-quantity input { border: 1px solid #e6e6e6; border-radius: 4px; padding: 0 0 0 10px; max-width: 65px; margin: 0 auto; outline: none; } .rs-cart .cart-wrap table.cart-table .action .coupon { float: left; } .rs-cart .cart-wrap table.cart-table .action .coupon input { box-sizing: border-box; border: 1px solid #d3ced2; padding: 6px 6px 5px; margin: 0 4px 0 0; outline: none; width: 320px; border-radius: 4px; height: 51px; margin-right: 20px; text-align: left; padding-left: 22px; } .rs-cart .cart-collaterals { width: 100%; overflow: hidden; } .rs-cart .cart-collaterals .cart-totals { float: right; width: 48%; } .rs-cart .cart-collaterals .cart-totals .title { font-weight: 700; color: #555555; text-transform: capitalize; } .rs-cart .cart-collaterals .cart-totals table.cart-total-table { text-align: left; width: 100%; border-collapse: collapse; border-radius: 5px; } .rs-cart .cart-collaterals .cart-totals table.cart-total-table tr { border-top: 1px solid rgba(0, 0, 0, 0.1); } .rs-cart .cart-collaterals .cart-totals table.cart-total-table tr th { font-size: 18px; font-weight: 700; } .rs-cart .cart-collaterals .cart-totals table.cart-total-table tr td, .rs-cart .cart-collaterals .cart-totals table.cart-total-table tr th { padding: 30px 10px; } /*----------------------------------------------- 27. Woocommerce Section CSS -----------------------------------------------*/ .woocommerce-mini-cart { line-height: 20px; background-color: #fff; position: absolute; right: 13.3%; font-size: 14px; top: 100%; width: 278px; z-index: 10000; transition: all 0.2s ease 0s; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); /* -webkit-transform-origin: 0 0 0; */ } .woocommerce-mini-cart .cart-bottom-part { padding: 25px 10px 0; } .woocommerce-mini-cart .cart-bottom-part .widget-title { text-align: center; text-transform: uppercase; position: relative; padding-top: 50px; color: #111; font-size: 14px; line-height: 20px; font-weight: 400; } .woocommerce-mini-cart .cart-bottom-part .widget-title:before { position: absolute; content: "\f131"; color: #161616; left: 50%; transform: translateX(-50%); bottom: 42px; font-family: Flaticon; font-size: 30px; font-style: normal; } .mini-cart-active { cursor: pointer; } .mini-cart-active:hover .woocommerce-mini-cart { visibility: visible; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } /* ------------------------------------ 28. Checkout Section CSS -------------------------------------*/ .rs-checkout .checkout-title { margin-bottom: 30px; } .rs-checkout .checkout-title h3 { font-size: 26px; margin: 0; } .rs-checkout .coupon-toggle .accordion .card { border: unset; border-top: 3px solid #fbc02d; border-radius: 0; } .rs-checkout .coupon-toggle .accordion .card .card-header { border: none; margin: 0; border-radius: unset; } .rs-checkout .coupon-toggle .accordion .card .card-header .card-title { margin: 0; } .rs-checkout .coupon-toggle .accordion .card .card-header .card-title span i { margin-right: 10px; } .rs-checkout .coupon-toggle .accordion .card .card-header .card-title button { background: unset; border: none; color: #214790; transition: all 0.3s ease 0s; outline: none; cursor: pointer; } .rs-checkout .coupon-toggle .accordion .card .card-header .card-title button:hover { color: #fbc02d; } .rs-checkout .coupon-toggle .accordion .card .card-body { border: 1px solid #d3ced2; padding: 20px 20px 50px 20px; margin-top: 2em; text-align: left; } .rs-checkout .coupon-toggle .accordion .card .card-body .coupon-code-input { width: 47%; float: left; margin-right: 50px; } .rs-checkout .coupon-toggle .accordion .card .card-body .coupon-code-input input { width: 100%; height: 55px; outline: none; padding: 10px 18px; color: #555555; border: 1px solid rgba(54, 54, 54, 0.1); } .rs-checkout .full-grid { margin-top: 25px; } .rs-checkout .full-grid .form-content-box { margin-bottom: 50px; } .rs-checkout .full-grid .form-content-box .form-group label { line-height: 2; display: block; margin-bottom: 5px; font-weight: 600; } .rs-checkout .full-grid .form-content-box .form-group select { color: #666666; opacity: 0.5; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #ccc; border-radius: 0; height: 45px; line-height: 45px; cursor: pointer; width: 100%; outline: none; } .rs-checkout .full-grid .form-content-box .form-group textarea { height: 4em; line-height: 1.5; display: block; box-shadow: none; width: 100%; border: 1px solid rgba(54, 54, 54, 0.1); padding: 10px 18px; margin: 0; outline: none; } .rs-checkout .full-grid .form-content-box .form-group .form-control-mod { border: 1px solid rgba(54, 54, 54, 0.1); height: 45px; padding: 10px 18px; width: 100%; margin: 0; outline: none; line-height: normal; border-radius: unset; } .rs-checkout .full-grid .form-content-box .form-group .form-control-mod.margin-bottom { margin-bottom: 10px !important; } .rs-checkout .full-grid .ordered-product table { width: 100%; } .rs-checkout .full-grid .ordered-product table tr th { border: 1px solid #ccc; padding: 9px 12px; } .rs-checkout .full-grid .ordered-product table tr td { border: 1px solid #ccc; padding: 6px 12px; } .rs-checkout .full-grid .payment-method .top-area { border-bottom: 1px solid #d3ced2; } .rs-checkout .full-grid .payment-method .top-area .payment-co { margin-bottom: 20px; } .rs-checkout .full-grid .payment-method .top-area .payment-co span { font-weight: 600; margin-right: 10px; } .rs-checkout .full-grid .payment-method .top-area .p-msg { position: relative; box-sizing: border-box; width: 100%; padding: 1em; margin: 1em 0 2em; font-size: 0.92em; border-radius: 2px; line-height: 1.5; background-color: #f9f9f9; } .rs-checkout .full-grid .payment-method .top-area .p-msg:before { content: ""; display: block; border: 1em solid #f9f9f9; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -0.75em; left: 0; margin: -1em 0 0 2em; } /* ------------------------------------ 29. My Account Section CSS -------------------------------------*/ .rs-my-account .login-side, .rs-my-account .recover-psw-side { padding: 30px 40px; } .rs-my-account .login-side form.login-form.border-style, .rs-my-account .recover-psw-side form.login-form.border-style { border: 1px solid rgba(54, 54, 54, 0.1); padding: 20px; border-radius: 5px; } .rs-my-account .login-side form.login-form .input-label, .rs-my-account .recover-psw-side form.login-form .input-label { font-weight: 600; margin-bottom: 15px; } .rs-my-account .login-side form.login-form .input-label span, .rs-my-account .recover-psw-side form.login-form .input-label span { color: #ff0000; font-weight: 700; font-size: 18px; } .rs-my-account .login-side form.login-form .input-control, .rs-my-account .recover-psw-side form.login-form .input-control { width: 100%; display: block; border: 1px solid rgba(54, 54, 54, 0.1); height: 45px; outline: none; padding: 10px 18px; line-height: 50px; margin-bottom: 15px; border-radius: 30px; } .rs-my-account .login-side form.login-form .login-control, .rs-my-account .recover-psw-side form.login-form .login-control { margin-bottom: 15px; } .rs-my-account .login-side form.login-form .login-control ul li, .rs-my-account .recover-psw-side form.login-form .login-control ul li { margin-right: 15px; display: inline; } .rs-my-account .login-side form.login-form .login-control ul li .readon, .rs-my-account .recover-psw-side form.login-form .login-control ul li .readon { padding: 0 25px; height: 40px; font-size: 15px; outline: none; line-height: 40px !important; } .rs-my-account .login-side form.login-form .login-control ul li:last-child, .rs-my-account .recover-psw-side form.login-form .login-control ul li:last-child { margin-right: 0; } .rs-my-account .login-side .recover-info, .rs-my-account .recover-psw-side .recover-info { margin-bottom: 50px; } .rs-my-account .regi-side { padding: 30px 40px; background: #f9f9f9; border-radius: 10px; } .rs-my-account .regi-side form.register-form.border-style { border: 1px solid rgba(54, 54, 54, 0.1); padding: 20px; border-radius: 5px; } .rs-my-account .regi-side form.register-form label.input-label { font-weight: 600; margin-bottom: 15px; } .rs-my-account .regi-side form.register-form label.input-label span.req { color: red; font-weight: 700; font-size: 17px; } .rs-my-account .regi-side form.register-form input.custom-placeholder { width: 100%; display: block; border: 1px solid rgba(54, 54, 54, 0.1); height: 45px; outline: none; padding: 10px 18px; line-height: 50px; margin-bottom: 15px; border-radius: 30px; } .rs-my-account .regi-side form.register-form .margin-space { margin-bottom: 25px; } .rs-my-account .regi-side form.register-form .gender-detect label span { margin-left: 5px; margin-right: 5px; } .rs-my-account .regi-side form.register-form .gender-detect label:last-child span { margin-right: 0; } .rs-my-account .regi-side form.register-form .date { padding: 7px; color: #555555; border-radius: 3px; outline: unset; border: 1px solid #e4e4e4; margin-right: 15px; } .rs-my-account .regi-side form.register-form .checkbox { margin-bottom: 25px; } /* ------------------------------------ 30. Our Poll Section CSS -------------------------------------*/ .rs-our-poll { background: url(images/background/our-poll-bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } .rs-our-poll form { padding: 40px 25px 45px; } .rs-our-poll form .title { font-size: 18px; line-height: 28px; font-weight: 500; margin-bottom: 17px; color: #ffffff; } .rs-our-poll form label { color: #ffffff; display: flex; align-items: center; font-weight: 500; cursor: pointer; transition: all 0.3s ease 0s; } .rs-our-poll form label:hover { color: #fbc02d; } .rs-our-poll form label input { margin-right: 15px; outline: none; } .rs-our-poll form ul li { display: inline; margin-right: 10px; } .rs-our-poll form ul li button { border-radius: 3px; border: none; padding: 0 16px; height: 34px; background: #fbc02d; color: #111111; outline: none; cursor: pointer; transition: all 0.3s ease 0s; } .rs-our-poll form ul li button:hover { background: #fccf5f; } .rs-our-poll form ul li:last-child { margin: 0; } .rs-our-poll.home-style5-poll { background: unset; background-color: #323a47; } /* ------------------------------------ 31. Match Fixture Section CSS -------------------------------------*/ .rs-match-fixture .match-list table { text-align: center; width: 100%; } .rs-match-fixture .match-list table tr td { padding: 15px 5px; } .rs-match-fixture .match-list table tr td.medium-font { font-weight: 500; text-transform: uppercase; } .rs-match-fixture .match-list table tr td.big-font { color: #fbc02d; font-weight: 500; text-transform: uppercase; } .rs-match-fixture .match-list table tr:nth-child(2n) td { background: #ffffff; } .rs-match-fixture.style2 .match-list table tr td { color: #ffffff; } .rs-match-fixture.style2 .match-list table tr td:nth-child(2n) { color: #fbc02d; } .rs-match-fixture.style2 .match-list table tr:nth-child(2n) td { background: rgba(0, 0, 0, 0.1); } /* ------------------------------------ 32. Subscribe Section CSS -------------------------------------*/ .rs-subscribe { padding: 60px 60px 50px; border-radius: 5px; margin-bottom: -94px; position: relative; z-index: 9; } .rs-subscribe .subscribe-form .title-part .title { font-size: 35px; margin-bottom: 14px; text-transform: uppercase; } .rs-subscribe .subscribe-form .title-part .desc { font-size: 14px; } .rs-subscribe .subscribe-form .subscribe-form-fields { position: relative; } .rs-subscribe .subscribe-form .subscribe-form-fields input { display: inline-block; padding: 20px; border: none; height: 60px; outline: none; } .rs-subscribe .subscribe-form .subscribe-form-fields input.news-email { width: 100%; background: #ffffff; border-radius: 5px; font-size: 14px; color: #555555; } .rs-subscribe .subscribe-form .subscribe-form-fields input.news-submit { position: absolute; right: 0; padding: 0 30px; background-image: linear-gradient(to right, #fbc02d 0%, #ea950b 51%, #fbc02d 100%); background-size: 200% auto; color: #111111; border-radius: 0 5px 5px 0; transition: all 0.3s ease 0s; cursor: pointer; } .rs-subscribe .subscribe-form .subscribe-form-fields input.news-submit.solid { background: #fbc02d; } .rs-subscribe .subscribe-form .subscribe-form-fields input.news-submit.solid:hover { background: #f0ad05; } .rs-subscribe .subscribe-form .subscribe-form-fields input.news-submit:hover { background-position: right center; } .rs-subscribe.shadow-style { box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.04); } .rs-subscribe.home5-subscribe { background: #2b333f; } /* ------------------------------------ 33. Sponsor Logo Section CSS -------------------------------------*/ .rs-sponsor .logos a img { filter: grayscale(100%); opacity: 0.6; } .rs-sponsor .logos a img:hover { filter: grayscale(0); opacity: 1; } .rs-sponsor.normal-mood .logos a img { filter: unset; opacity: 1; } .rs-sponsor.home5-sponsor .logos a img { width: 70%; filter: unset; opacity: unset; } /* ------------------------------------ 34. Sponsor Logo Inner Section CSS -------------------------------------*/ .rs-sponsor-inner .sponsor-item { text-align: center; } .rs-sponsor-inner .sponsor-item img { transition: all 0.3s ease 0s; filter: grayscale(0); opacity: 1; border: 1px solid rgba(0, 0, 0, 0.05); padding: 0 24px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.07); border-radius: 5px; cursor: pointer; } .rs-sponsor-inner .sponsor-item img:hover { opacity: 0.9; filter: grayscale(9); } /* ------------------------------------ 35. Single Club Section CSS -------------------------------------*/ .rs-single-club .club-details .team-info-list { overflow: hidden; } .rs-single-club .club-details .team-info-list li { margin: 0 0 12px; width: 33.333%; float: left; } .rs-single-club .club-details .team-info-list li strong { display: block; font-weight: 700; font-size: 18px; color: #214790; } .rs-single-club .rs-count .rs-counter-list .counter-number { font-size: 24px; width: 120px; height: 120px; margin: 0 0 15px; border-top: 4px solid #fbc02d; border-bottom: 4px solid #ddd; line-height: 120px; text-align: center; border-radius: 50%; } .rs-single-club .rs-count .rs-counter-list .counter-text { font-size: 18px; margin: 0; } .rs-single-club .club-videos .video-wrap .popup-videos { position: relative; display: block; } .rs-single-club .club-videos .video-wrap .popup-videos img { width: 100%; } .rs-single-club .club-videos .video-wrap .popup-videos i { position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 40px; color: #ffffff; z-index: 1; } .rs-single-club .club-videos .video-wrap .popup-videos:after { position: absolute; background: rgba(0, 0, 0, 0.5); content: ""; left: 0; top: 0; width: 100%; height: 100%; } /* ------------------------------------ 36. Footer Section CSS -------------------------------------*/ .rs-footer { background: url(images/background/footer-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } .rs-footer .footer-bootom { padding: 15px 0; background: #214790; } .rs-footer .footer-bootom .copyright p { margin: 0; color: #ffffff; font-size: 14px; } .rs-footer .footer-bootom .copyright p a { color: #fbc02d; } .rs-footer .footer-bootom .copyright p a:hover { color: #ffffff; } .rs-footer .footer-bootom .footer-share ul li { display: inline-block; margin-right: 1px; } .rs-footer .footer-bootom .footer-share ul li a { font-size: 13px; display: block; width: 30px; height: 30px; border-radius: 50%; line-height: 32px; text-align: center; color: #214790; transition: all 0.3s ease 0s; background-color: #ffffff; } .rs-footer .footer-bootom .footer-share ul li a:hover { background: #fbc02d; } .rs-footer .footer-bootom .footer-share ul li:last-child { margin: 0; } .rs-footer.dark-mode { background: url(images/background/footer-dark-bg.jpg); position: relative; } .rs-footer.dark-mode .footer-bootom { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.6); } .rs-footer.dark-mode .footer-bootom .footer-share ul li a { color: #111111; background: #ffffff; } .rs-footer.dark-mode .footer-bootom .footer-share ul li a:hover { color: #fbc02d; } .rs-footer.home5-footer { background: unset; background-color: #222934; } .rs-footer.home5-footer .footer-bootom { background: #313a47; } /* ------------------------------------- 37. Error Section CSS --------------------------------------*/ .rs-page-error { background: url(https://rstheme.com/); background-repeat: no-repeat; background-size: cover; padding: 127px 0 145px 0; } .rs-page-error .error-text { color: #214790; text-align: center; } .rs-page-error .error-text .error-code { font-size: 110px; line-height: 110px; font-weight: 800; margin-bottom: 5px; color: #214790; } .rs-page-error .error-text h3.error-message { color: #555555; font-size: 24px; line-height: 24px; font-weight: 600; } .rs-page-error .error-text form { position: relative; max-width: 400px; margin: 0 auto; } .rs-page-error .error-text form input { border: 1px solid #ddd; color: #444444; padding: 0 17px; height: 50px; line-height: 50px; width: 100%; border-radius: 5px; outline: none; margin-bottom: 30px; } .rs-page-error .error-text form button { background: transparent; border: medium none; color: #666666; padding: 0 16px; height: 48px; line-height: 48px; position: absolute; right: 0px; top: 1px; z-index: 10; font-size: 20px; outline: none; cursor: pointer; border-radius: 0 5px 5px 0; transition: all 0.3s ease 0s; } .rs-page-error .error-text form button:hover { background: #214790; color: #ffffff; } /*---------------------------------------- 38. ScrollUp Section CSS ----------------------------------------*/ #scrollUp { text-align: center; bottom: 40px; cursor: pointer; position: fixed; right: 40px; z-index: 999; background: #fbc02d; color: #111111; border-radius: 50%; width: 40px; line-height: 40px; font-size: 20px !important; height: 40px; transition: all 0.3s ease 0s; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); } #scrollUp:hover { opacity: 0.8; } /*---------------------------------------- 39. Preloader Section CSS ----------------------------------------*/ .loading { z-index: 99999; position: fixed; top: 0; width: 100%; height: 100%; background: #ffffff; } .loading .rs-loader { margin: 0 auto; width: 120px; height: 185px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .loading .rs-loader .rs-shadow { position: absolute; width: 100%; height: 10px; background-color: rgba(175, 175, 175, 0.3); bottom: 0; border-radius: 100%; transform: scaleX(0.8); opacity: 0.6; animation: shadowScale 1s linear infinite; } .loading .rs-gravity { width: 80px; height: 80px; animation: bounce 1s cubic-bezier(0.68, 0.35, 0.29, 0.54) infinite; margin: 0 auto; } .loading .rs-ball { width: 80px; height: 80px; background-image: url("images/ball2.png"); background-size: cover; animation: roll 1s linear infinite; } @keyframes roll { 100% { transform: rotate(360deg); } } @keyframes bounce { 50% { transform: translateY(100px); } } @keyframes shadowScale { 50% { transform: scaleX(1); opacity: 0.8; } } .footer-col h4 { font-size: 18px; color: #ffffff; text-transform: capitalize; margin-bottom: 35px; font-weight: 500; position: relative; } .footer-col h4::before { content: ''; position: absolute; left: 0; bottom: -10px; background-color: #e91e63; height: 2px; box-sizing: border-box; width: 50px; } .footer-col ul li:not(:last-child) { margin-bottom: 10px; } .footer-col ul li a { font-size: 16px; text-transform: capitalize; color: #ffffff; text-decoration: none; font-weight: 300; color: #ffff; display: block; transition: all 0.3s ease; } .footer-col ul li a:hover { color: #ffffff; padding-left: 8px; } .list-unstyled { padding-left: 0; list-style: none; } .list-unstyled li { font-size: 16px; color: white; } .space-bottom { padding: 60px 0px; } .about-thumb7 .about-img-1 { display: inline-block; } .ball { width: 30%; animation: rotate 5s infinite linear; position: absolute; top: 33%; left: 33%; } .text-theme { color: #051557 !important; } @keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .sub-title { color: #051557; text-transform: uppercase; font-size: 25px; letter-spacing: 3px; margin-bottom: 22px; position: relative; font-weight: 700; font-family: var(--body-font); display: block; align-items: center; margin-top: -0.4em; } /* extra Css */ .about-club h3 { color: #214790; } .about-club p { text-align: justify; } .about-club i { font-size: 12px; } .about-club h5 { color: #214790; } .content span { font-weight: 500; color: black; font-size: 24px; } .content p { color: #2e2d7f; font-size: 14px; display: block; } .general-body p { font-size: 16px; text-align: justify; } .general-body h3 { margin: 20px 0; font-size: 20px; color: rgba(0, 0, 0, 0.85); } .d-img img { width: 100px; height: auto; background: #f6f6f6; border-radius: 50%; margin: auto; display: block; } .info { padding: 20px 0 0 0; text-align: center; } .state-association { margin-bottom: 25px; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 8px 10px 0 rgba(30, 135, 240, 0.2); min-height: 100px; } .state-info { padding-left: 20px; font-size: 20px; color: #253388; font-weight: 700; } .animate5 { margin-top: 80px; } .animate6 { margin-left: 210px; margin-top: 55px; } /* Get Involved Css Start */ .card-body { background: linear-gradient(to bottom, #293895 0%, #202c5d 100%); color: #EEE; padding: 25px; height: 150px; } .card-body h5 { font-size: 25px; color: #fff; } .involve { width: 100%; height: 6px; margin: 20px 0px; background-image: linear-gradient(to left, #eeeeee, #293796 70%); border-radius: 5px; } .get-head h2 { font-family: "Roboto"; margin: 0; font-size: 36px; font-weight: 700; padding-bottom: 20px; color: rgba(0, 0, 0, 0.85); line-height: 1; } /* Get Involved Css End */ /* Our Director Css Start */ .data { padding-left: 50px; } .data span { font-size: 18px; color: #444; text-transform: uppercase; letter-spacing: 0px; font-weight: 600; font-family: var(--common-found); line-height: 1.2; } .data h2 { color: #111; text-transform: uppercase; font-weight: 500; width: 100% !important; font-family: var(--common-found); } .bdo { border-radius: 15px; border: 1px solid #214790; background-color: #f6f4f9; padding: 20px; width: 300px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .bdo img { border-radius: 3px; background-color: #bdbdbb; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .directory { padding: 14px 0px; } .directory h5 { font-family: math; text-align: center; } .directory p { text-align: center; } .more { margin: auto; display: block; background: #214790; padding: 6px 15px; font-size: 20px; font-weight: 900; color: #fff !important; border: none; } /* Our Director Css End */ /* Footer address Section Start */ .card-isf { box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; width: 80%; height: 150px; background-color: #fff; padding: 15px; border-radius: 5px; } .card-header-isf h5 { font-family: ui-rounded; color: #0f1f5e; font-weight: 800; } .phone { color: #0f1f5e; font-weight: 600; } .card-header-isf { height: 150px; } @media only screen and (max-width: 767px) { .card-isf { margin: auto; } } /* Footer Address Section End */ /* Match fixture css start */ .isf-bd-card { width: 330.2px; border: 1px solid grey; border-radius: 5px; } .isf-card-head-1 { background: linear-gradient(to right, rgb(69, 90, 119) 0%, rgb(41, 56, 150) 35%, rgb(41, 56, 150) 100%); border-radius: 5px 5px 0px 0px; } .isf-bdy { padding: 13px; font-size: 20px; font-weight: 800; } /* .isf-bd-month { padding-left: 17px; font-size: 20px; } .isf-bd-day { margin-top: -13px; padding-left: 14px; } */ .isf-bd-day-month { text-align: left; margin-left: 4px; font-size: 12px; margin-top: 4px; } .isf-bd-body { text-align: center; } .isf-bd-tournament-subtitle { color: black; font-size: 18px; font-weight: 600; } .isf-bd-tournament-logo img { width: 60px; } .isf-bd-team a img { height: 56px; } .isf-bd-venue { font-size: 9px; } .isf-bd-team-name a { color: black; font-size: 17px; font-weight: 500; } .isf-bd-vs { font-weight: 400; color: rgba(0, 0, 0, 0.25); line-height: 42px; } .isf-bd-details-btn { width: 100%; border: 1px solid black !important; background-color: #293895 !important; color: white !important; font-weight: 500 !important; } /* second */ .isf-card-head-2 { background: linear-gradient(to right, rgb(44, 159, 102) 0%, rgb(44, 159, 102) 55%, rgb(51, 212, 126) 100%); } .isf-bd-tournament-logo-head { position: relative; left: 16px; width: 59px; } /* Match fixture css End */ /* who we are css strat */ .who-we-are-image-part { height: 400px; margin-left: 150px; margin-top: -78px; }