/* @Author: Company Name @URL: http://companyname.com This file contains the styling for the actual theme, this is the file you need to edit to change the look of the theme. However we used Less script to make things easy to maintain, this is the compressed ourput, we recommend to edit the less files and then recombile the files and add the result here, if you don't like to use less you can edit this file here. This files contents are outlined below. 01. Theme Reset Style 02. Global Elements 03. Menu 04. Social 05. Article 06. Posts 07. Responsive 08. Widgets 09. Flexslider 10. Grid */ /* ============================================= Theme Reset Style ============================================= */ @import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700|Open+Sans:400,700,600); * { margin: 0px; padding: 0px; } html, body { position: relative; height: 100%; } body { color: #373542; overflow-x:hidden; font:400 14px/20px 'Open Sans', Arial, Helvetica, sans-serif; } body h1, body h2, body h3, body h4, body h5, body h6 { color: #3b5998; margin: 0 0 8px; font-weight: 400; line-height: 1.5; font-style: normal; text-transform:uppercase; font-family: 'Oswald', Arial, Helvetica, sans-serif; } h1 { font-size: 48px;} h2 { font-size: 36px;} h3 { font-size: 24px;} h4 { font-size: 21px;} h5 { font-size: 18px;} h6 { font-size: 16px;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #373542;} p a {} p a:hover {text-decoration:underline;} p { letter-spacing: normal; line-height: 20px; margin: 0 0 20px; } a {text-decoration: none;} a:hover, a:focus, a:active { outline: none; text-decoration: none; } ul { margin: 0; } figure { margin-bottom: 6px; position: relative; } img { height: auto; max-width: 100%; } strong { color: #414141; } .wp-caption, .wp-caption-text, .gallery-caption, .bypostauthor {} .wp-caption.alignleft, .wp-caption.alignnone { width: 100%; } button { border: none; } textarea, select, .tg-select select, .form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { outline: none; color: #666; height: 50px; background:#fff; font-size: 14px; line-height: 20px; padding: 15px 20px; display: inline-block; vertical-align: middle; border-radius: 0; box-shadow: none; border: 1px solid #e1e1e1; text-transform: capitalize; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-group{ margin:0 0 20px;} .form-control::-moz-placeholder{ text-transform: capitalize; color: #999; } .form-control:focus::-moz-placeholder, input:focus, .select select:focus, .form-control:focus{ color: #000; border-color: #000; box-shadow:none !important; } /*======================= Custom Select =======================*/ .tg-select{ width: 100%; float:left; color:#666; position: relative; text-transform:uppercase; } .tg-select:after{ content: '\f107'; top: 50%; right: 23px; z-index: 2; width: 13px; color: #aeaeae; display: block; font-size: 17px; margin-top: -5px; line-height: 10px; position: absolute; text-align: center; font-family: 'FontAwesome'; } .tg-select select { width: 100%; z-index: 1; color:#666; height:70px; font-size:14px; padding:10px 15px; line-height:20px; position: relative; background:#fff; border-color:#ddd; appearance: none; -moz-appearance: none; -webkit-appearance: none; text-transform:capitalize; } .tg-select select:focus{ background:#f7f7f7;} .tg-select select option{color:#373542;} .tg-select select option span{color:#aeaeae;} /*======================= Custom CheckBox =======================*/ .tg-radio, .tg-radio label, .tg-checkbox, .tg-checkbox label{ width: 100%; float: left; margin:0; position: relative; } .tg-radio label{ cursor:pointer; display:block; padding:0 0 0 20px; } .tg-radio input[type=radio] { display:none; } .tg-radio input[type=radio] + label:before { top: 4px; left: 0; color: #373542; font-size: 14px; line-height: 14px; content: "\f096"; position: absolute; font-family: 'FontAwesome'; } .tg-radio input[type=radio]:checked + label:before {content:'\f046';} .tg-checkbox input[type=checkbox]{ display:none; } .tg-checkbox label{ width:100%; height:26px; padding:0; color:#aeaeae; font-size:13px; text-align:center; line-height:26px; text-transform:uppercase; font-family: 'Oswald', Arial, Helvetica, sans-serif; } .tg-checkbox input[type=checkbox] + label:before{ top: 0; left: 0; width:100%; z-index:-1; height:100%; content: ''; background:#fff; position: absolute; border:1px solid #aeaeae; } .tg-checkbox input[type=checkbox]:checked + label{ color:#373542;} /*======================= IOS Style CheckBox =======================*/ .tg-iosstylcheckbox{ width:80px; float:left; position:relative; } .tg-iosstylcheckbox input[type=checkbox], .tg-iosstylcheckbox input[type=checkbox]:active {display:none;} .tg-iosstylcheckbox label { margin:0; width: 100%; height: 24px; display: block; overflow:hidden; cursor: pointer; font-size: 12px; line-height: 24px; position: relative; background: #ddd; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .tg-iosstylcheckbox label:before { top: 5px; left: 5px; z-index: 1; height: 14px; width: 14px; content: ''; background:#373542; display: block; line-height: 14px; position: absolute; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .tg-iosstylcheckbox label:after { top:0; left:0; z-index: 0; width:100%; height: 100%; color: #fff; display: block; font-size:13px; line-height:24px; text-align: right; padding:0 12px 0 0; position: absolute; white-space: nowrap; content: attr(data-private); } .tg-iosstylcheckbox input[type=checkbox]:checked + label:before { left: calc(100% - 19px); background:#373542; } .tg-iosstylcheckbox input[type=checkbox]:checked + label:after { padding:0 31px 0 0; content:attr(data-public); } label { color: #414141; display: block; font-weight: 400; margin-bottom: 10px; } form p { float: left; position: relative; width: 100%; } form p span i { color: #474747; left: 16px; position: absolute; top: 13px; } option { padding: 5px 15px; } table { background-color: transparent; max-width: 100%; } th { text-align: left; } table { margin-bottom: 15px; width: 100%; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { border-top: 1px solid #d2d2d2; border: 1px solid #d2d2d2; line-height: 2.5; padding-left: 3px; text-align: center; vertical-align: top; } table thead tr th { border-top: 1px solid #d2d2d2; text-align: center; text-transform: capitalize; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 1px solid #d2d2d2; } table > thead > tr > th { border-bottom: 2px solid #d2d2d2; vertical-align: bottom; } table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td { border-bottom: 0; } table > tbody + tbody { border-top: 2px solid #d2d2d2; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 6px 10px; } p ins { color: #999; } dl dd { margin-left: 20px; } address { font-style: italic; } /*============================================= Global Elements =============================================*/ .tg-haslayout{ width:100%; float:left; } .tg-main-section{ padding: 80px 0; overflow:hidden; } .tg-main-section > div { position:relative;} .tg-location-map{ width: 100%; float: left; height: 500px; } .tg-btn { padding:0 20px; background:#ffffff; border: 1px solid; overflow: hidden; position: relative; display:inline-block; vertical-align:middle; text-decoration: none; text-transform: uppercase; font:700 14px/50px 'Oswald', Arial, Helvetica, sans-serif; color: #3b5998!important; } .tg-sidenav .tg-nav ul li .tg-minicart > li > a.tg-btn span, .tg-btn span {z-index: 5;} .tg-sidenav .tg-nav ul li .tg-minicart > li > a.tg-btn:after, .tg-btn:after { background: #3b5998 !important; content: ""; height: 155px; left: -75px; opacity: .2; top: -50px; width: 50px; z-index:5; position: absolute; -webkit-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } .tg-sidenav .tg-nav ul li .tg-minicart > li > a.tg-btn:hover:after, .tg-btn:hover:after { left: 120%; -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } .tg-socialicons{ float:right; list-style: none; text-align:center; line-height:16px; } .tg-socialicons li{ float: left; padding: 0 18px; line-height:16px; position:relative; list-style-type: none; } .tg-socialicons li + li:before{ bottom:0; left:0; width:1px; height:1px; content:''; position:absolute; } .tg-socialicons li a{ color: #fff; display:block; line-height:16px; } .tg-socialicons li a i{ font-size:15px; line-height:16px; } .tg-verticalmiddle{ margin: 0 -1px; float: none !important; display: inline-block; vertical-align: middle; } .tg-section-name{ top:0; left:15px; z-index:1; position:absolute; border-bottom:2px solid #373542; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 20px 20px; -moz-transform-origin: 20px 20px; -ms-transform-origin: 20px 20px; -o-transform-origin: 20px 20px; transform-origin: 20px 20px; } .tg-section-name:after{ bottom:-2px; right:100%; content:''; width:100px; height:2px; z-index:-1; background:#373542; position:absolute; } .tg-section-name h2{ width:100%; float:left; margin:0 0 20px; font-size:18px; line-height:18px; } .tg-section-heading{ width:100%; float:left; margin:0 0 15px; padding:0 0 15px; border-bottom:1px solid #aeaeae; } .tg-section-heading h2{ margin:0; font-size:24px; line-height:27px; } .tg-description { width: 100%; float: left; } .tg-bglight{ background:#f7f7f7;} .tg-bgdark{ background:#373542 url(../images/bg-pattran.png);} .tg-stars span, .tg-stars{ width:100px; height: 16px; float: left; line-height:16px; position:relative; } .tg-stars span:after, .tg-stars:before { top: 0; left: 0; font-size: 16px; line-height: 16px; position: absolute; letter-spacing: 4px; color: rgba(218, 218, 218, .8); font-family: 'FontAwesome'; content: '\f005 \f005 \f005 \f005 \f005'; } .tg-stars span { width:75%; overflow: hidden; } .tg-stars span:after {color:#000;} .row.no-gutters{ margin-right: 0; margin-left: 0; } .no-gutters > [class^="col-"], .no-gutters > [class*="col-"], .row.no-gutters > [class^="col-"], .row.no-gutters > [class*="col-"]{ padding-right: 0; padding-left: 0; } .tg-theme-tag{ float:left; font-size:13px; line-height:20px; position:relative; text-align:center; background:#3b5998; padding:0 10px 1px 10px; text-transform:uppercase; font-family: 'Oswald', Arial, Helvetica, sans-serif; } .floating{ float: left; -webkit-animation-name: Floatingx; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: Floating; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; margin-left: 30px; margin-top: 5px; } @-webkit-keyframes Floatingx{ from {-webkit-transform:translate(0, 0px);} 65% {-webkit-transform:translate(0, 15px);} to {-webkit-transform: translate(0, -0px);} } @-moz-keyframes Floating{ from {-moz-transform:translate(0, 0px);} 65% {-moz-transform:translate(0, 15px);} to {-moz-transform: translate(0, -0px);} } .scaling{ float: left; -webkit-animation-name: scalex; -webkit-animation-duration:3s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -moz-animation-name: scale; -moz-animation-duration:3s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:ease-in-out; } @-webkit-keyframes scalex{ from {-webkit-transform: scale(0.9);} 65% {-webkit-transform: scale(1.0);} to {-webkit-transform: scale(0.9);} } @-moz-keyframes scale{ from {-moz-transform: scale(0.9);} 65% {-moz-transform: scale(1.0);} to {-moz-transform: scale(0.9);} } .tg-alignleft{ float: left; margin: 0 30px 28px 0; border: 1px solid #ddd; } .tg-alignright{ float:right; margin:0 0 28px 30px; border: 1px solid #ddd; } .tg-paddingbottom-zero{ padding-bottom:0 !important;} /*============================================= Theme Pagination =============================================*/ .tg-pagination{ width:auto; float: right; font-size:14px; line-height:25px; font-family: 'Oswald', Arial, Helvetica, sans-serif; text-align: center; margin:60px 0 0 0; padding:0; list-style:none; } .tg-pagination li{ float:left; padding:0 6px; line-height: 30px; list-style-type:none; position:relative; } .tg-pagination > li + li:after{ position:absolute; content:'/'; left:0; top:0; color:#373542; } .tg-pagination li:nth-child(2):after, .tg-pagination li:nth-child(4):after{display:none;} .tg-pagination li a{ width:auto; display:block; color:#373542; text-align:center; position:relative; line-height: inherit; } .tg-pagination li.tg-prevpage{ margin-left:0;} .tg-pagination li.tg-nextpage{ margin-right:0;} .tg-pagination li.tg-prevpage, .tg-pagination li.tg-nextpage{padding:0;} .tg-pagination li.tg-nextpage a, .tg-pagination li.tg-prevpage a{ width:30px; height:30px; display:block; font-size:18px; line-height:30px; text-align:center; padding:0; border:1px solid #373542; } .tg-pagination li.tg-nextpage a i, .tg-pagination li.tg-prevpage a i{ display:block; line-height:28px; } .tg-pagination li.tg-nextpage a:hover, .tg-pagination li.tg-prevpage a:hover{background:#373542;} .tg-pagination li.active{font-size:18px;} /*============================================= Theme BreadCrumb =============================================*/ .tg-breadcrumb { padding: 0; z-index:2; margin:0; list-style: none; text-align: right; position:relative; display:inline-block; text-transform: uppercase; font:16px/19px 'Oswald', Arial, Helvetica, sans-serif; } .tg-breadcrumb li{ width:auto; list-style-type:none; display: inline-block; vertical-align: middle; line-height:inherit; padding:0 5px; position:relative; } .tg-breadcrumb li:after{ content:'-'; position:absolute; top:0; left:-3px; } .tg-breadcrumb li:first-child:after{display: none;} .tg-breadcrumb li a{display:block;} .tg-prev, .tg-next{ top:0; right:0; font-size:14px; cursor:pointer; position:absolute; } .tg-prev span, .tg-next span{ color:#373542; display:block; line-height:16px; margin:0 14px 0 0; } .tg-prev{ top:-2px; right:40px; text-align:left; } .tg-next{ text-align:right; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .tg-prev span:after, .tg-next span:after{ content:''; top:50%; left:15px; width:20px; height:1px; z-index:-1; opacity:0; background:#373542; position:absolute; visibility:hidden; } .tg-prev:hover span:after, .tg-next:hover span:after{ opacity:1; visibility:visible; } .tg-prev:hover span:after, .tg-next:hover span:after{left:3px;} /*============================================= Sidebar =============================================*/ .tg-sidebar { width:100%; float:left; } .tg-widget { width: 100%; float: left; margin: 0 0 30px; } .tg-imagewidget{border:1px solid #aeaeae;} .tg-imagewidget figure{ width:100%; float:left; margin:0; } .tg-imagewidget figure img{ width:100%; height:auto; display:block; } .form-search { width: 100%; float: left; position: relative; } .tg-sidebar fieldset { margin:0; padding: 0; border: none; } .form-search fieldset input { z-index: 1; padding-right: 45px; } .form-search fieldset button { position: absolute; top: 0; right: 0; width: 45px; height: 46px; z-index: 2; cursor: pointer; background: transparent; } .tg-widget h3 { width: 100%; float: left; margin: 0; color: #fff; padding: 20px; font-size: 14px; line-height: 14px; background: #000; text-transform: uppercase; } .tg-widget ul { width: 100%; float: left; margin: 0; background:#fafafa; list-style: none; padding: 5px 20px; } .tg-widget ul li { width: 100%; float: left; padding: 14px 0; line-height: normal; list-style-type: none; } .tg-widget ul li + li {border-top: 1px solid #ddd;} .tg-widget ul li a { width: 100%; float: left; display: block; color: #373542; } .tg-widget ul li a:hover {text-decoration: none;} .tg-widget ul li a em, .tg-widget ul li a i { font-style: normal; font-family: 'Droid Sans', Arial, Helvetica, sans-serif; color: #373542; } .tg-widget ul li a em {float: left;} .tg-widget ul li a i { float: right; font-size: 12px; line-height: 20px; padding: 0 5px; background: #f5f5f5; } .tg-mostcommented-widget ul {padding:15px 30px;} .tg-mostcommented-widget ul li + li{border:0;} .tg-mostcommented-widget ul li figure{ width:100%; float:left; margin:0 0 10px; } .tg-mostcommented-widget .tg-posttitle{margin:0;} .tg-mostcommented-widget .tg-posttitle h3{ font-size:16px; line-height:16px; background:none; padding:0; } .tg-widget ul li a:hover em{font-weight:bold;} .tg-widget ul li a:hover i {color: #373542;} .tg-price-range, .tg-slideshow-widget{ width:100%; float:left; padding:20px; background:#fafafa; } .tg-slider-range{ border:0 !important; border-radius:0; margin:0 0 30px; background:#373542; } .tg-slider-range .ui-slider-handle{ width:6px; height:17px; margin-left:-0.3em; background:#373542 !important; border:0 !important; border-radius:0 !important; } .tg-slider-range .ui-slider-handle:focus{ outline:none; box-shadow:none; } .tg-slideshow-slider{ position:relative; overflow:hidden; } .tg-price-range p{ float:left; margin:3px 0; text-align: left; } .tg-price-range p label, .tg-price-range p input{ margin:0; padding:0; border:0; background:none; display:inline-block; vertical-align:middle; text-transform:capitalize; height:auto !important; font:400 14px/14px 'Open Sans', Arial, Helvetica, sans-serif; } .tg-price-range p input{width:80px !important;} .tg-price-range .tg-btn{ float:right; width:80px; height:30px; padding:0; line-height:30px; text-align:center; } .tg-slideshow-slider{ position:relative; overflow:hidden; } .tg-slideshow-slider .tg-postimg img{ width:100%; height:auto; display:block; } .tg-slideshow-slider .swiper-wrapper{margin:0 0 30px;} .tg-pagination-slider{bottom:5px;} .tg-pagination-slider span{ font-size:14px; line-height:14px; font-family: 'Oswald', Arial, Helvetica, sans-serif; } .tg-pagination-slider .swiper-pagination-current{font-size:18px;} .tg-slideshow-slider .tg-themebtnnext, .tg-slideshow-slider .tg-themebtnprev{z-index:99;} .tg-slideshow-slider .tg-themebtnprev{left:0;} .tg-slideshow-slider .tg-themebtnnext{right:0;} .tg-sidebar .tg-tags-widget{margin:0;} .tg-tags-widget > ul{padding:20px;} .tg-tags-widget > ul > li{ width:auto; float:left; padding:4px; } .tg-tags-widget > ul > li + li{border:0;} .tg-tags-widget > ul > li .tg-btn{ font-size:13px; line-height:22px; color:#aeaeae; padding:0 10px; border-color:#aeaeae; } .tg-tags-widget ul li .tg-btn:hover{color:#373542;} .tg-tags-widget ul li .tg-btn:after{display:none;} /*============================================= Theme Style =============================================*/ .tg-wrapper{ height:100%; position:relative; overflow-x:hidden; } /* ============================================= Search ============================================= */ .tg-searchbox{ top: 0; right: 0; width: 0; height: 0; opacity: 0; z-index: 9999; position: fixed; overflow: hidden; visibility: hidden; background: rgba(55, 53, 66, 0.90); } .tg-searchbox.in{ opacity: 1; width: 100%; height: 100%; visibility: visible; } .tg-close-search{ color: #fff; top: 50px; right: 50px; z-index: 5; position: absolute; } .tg-close-search:hover{color: #fff;} .tg-close-search span{ display: block; font-size: 15px; line-height: 15px; } .tg-searcharea{ width: 100%; height: 100%; float: left; color: #fff; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; } .tg-form-search{ width: 100%; float: left; margin: 0 0 30px; } .tg-commingsoon-content .tg-newsletter fieldset, .tg-form-search fieldset{ width: 100%; float: left; margin: 0; padding: 0; border: 0; position: relative; } .tg-form-search fieldset .form-control{ border:0; color:#fff; z-index: 1; height: 60px; padding: 10px 0; font-size: 36px; line-height: 40px; position: relative; background:transparent; border-bottom: 1px solid #fff; } .tg-form-search fieldset .form-control:-ms-input-placeholder, .tg-form-search fieldset .form-control:-moz-placeholder, .tg-form-search fieldset .form-control::-webkit-input-placeholder, .tg-form-search fieldset .form-control::-moz-placeholder{color: #fff !important;} .tg-searcharea form fieldset i{ right: 0; z-index: 5; bottom: 10px; cursor: pointer; font-size: 20px; line-height: 20px; position: absolute; } /* ============================================= LightBox ============================================= */ .tg-modalbox.fade {background:rgba(0, 0, 0, 0.80)} .tg-modalbox.fade .modal-dialog{ width:770px; top:10%; left:50%; overflow:hidden; background:#fff; position:absolute; box-shadow:none; margin:0 0 0 -385px; border-top:3px solid; } .tg-locationsearch .modal-dialog{ top:50%; border:0; width:1170px; padding:0 15px; background:none; margin:-40px 0 0 -585px; } .tg-modal-content{ width:100%; float:left; } .tg-logintype, .tg-modal-content .tg-formarea { width:60%; float:left; padding:27px 30px 30px; } .tg-logintype{ width:40%; background:#f7f7f7; } .tg-modal-content form{ width:100%; float:left; padding:15px 0 0; } .tg-modal-content form fieldset{ width:100%; float:left; padding:0; border:0; margin:0; } .tg-modal-content form fieldset .form-group{ width:100%; float:left; } .tg-modal-content form fieldset label{ float:left; margin:0; } .tg-modal-content form fieldset label input{ margin:0;} .tg-modal-content form fieldset .form-group a{ float:right; color:#373542; } .tg-modal-content form fieldset label input, .tg-modal-content form fieldset label em, .tg-modal-content form fieldset a em, .tg-modal-content form fieldset a i{ display:inline-block; vertical-align:middle; font-style:normal; } .tg-modal-content form fieldset p{ margin:0; text-align:center; } .tg-logintype ul{ width:100%; float:left; font-size:14px; list-style:none; line-height:48px; padding:15px 0 20px; text-transform:capitalize; } .tg-logintype ul li{ width:100%; float:left; text-align:center; padding:0 0 15px; list-style-type:none; line-height:inherit; } .tg-logintype ul li a{ color:#fff; display:block; line-height:inherit; background:#2e5894; } .tg-logintype ul li.tg-twitter a{background:#00adcf;} .tg-logintype ul li.tg-googleplus a{background:#e04b33;} .tg-logintype ul li.tg-linkedin a{background:#2099c6;} /*============================================= Header =============================================*/ .tg-wrapper > .tg-navigationm-mobile{ display:none !important;} .tg-header{ top:0; left:0; float:none; width:100%; clear:both; z-index:1000; position:absolute; padding:20px 0 15px; } .tg-colhalf{ width:50%; float:left; padding:52px 70px 20px 0; } .tg-colhalf + .tg-colhalf{ float:right; padding:52px 0 20px 70px; } .tg-topbar .tg-colhalf {padding:52px 0 20px 70px;} .tg-topbar .tg-colhalf + .tg-colhalf{padding:52px 70px 20px 0;} .tg-topbar .tg-colhalf ul{ z-index:20; position:relative; } .tg-topbar .tg-colhalf ul li:first-child{ padding-left:0;} .tg-topbar .tg-colhalf + .tg-colhalf ul li:last-child{ padding-right:0;} .tg-addnav{ float:left; z-index:22; font-size:16px; line-height:16px; position:relative; text-transform:uppercase; font-family:'Oswald', Arial, Helvetica, sans-serif; } .tg-addnav ul{ float:left; list-style:none; line-height:inherit; } .tg-addnav ul li{ float:left; padding:0 17px; position:relative; line-height:inherit; list-style-type:none; } .tg-addnav > ul > li + li:before{ bottom:0; left:0; width:1px; height:1px; content:''; position:absolute; } .tg-addnav > ul > li > div >a, .tg-addnav > ul > li > a{ color:#fff; display:block; line-height:inherit; } .tg-dropdowarrow { top: 10px; z-index: 5; color: #484848; right: 20px; width: 20px; height: 20px; display: none; cursor: pointer; font-size: 12px; background: #fff; line-height: 18px; position: absolute; text-align: center; } .tg-dropdowarrow i{color:#484848;} /*============================================= Mini Cart =============================================*/ .tg-cartcontent { top:100px; border:0; margin:0; padding:0; opacity:0; width:330px; display:block; border-radius:0; visibility:hidden; background:#373542; } .tg-cart.open .tg-cartcontent{ top:38px; opacity:1; visibility:visible; } .tg-cartcontent ul{ width:100%; float:left; padding:0; margin:0; } .tg-cartcontent ul li{ width:100%; float:left; padding:20px 30px !important; } .tg-cartcontent ul li:nth-child(even){background:#302e39;} .tg-cartcontent ul li figure{ float:left; margin:0; padding:0 8px 0 0; } .tg-cartcontent ul li figure a{ display:block;} .tg-cartcontent ul li figure a img{display:block;} .tg-cartcontent ul li .tg-product-detail{ overflow:hidden; position:relative; padding:11px 30px 11px 0; } .tg-cartcontent ul li .tg-product-detail h3{ margin:0; color:#fff; font-size:16px; line-height:16px; text-transform:uppercase; } .tg-cartcontent ul li .tg-product-detail h3 a{color:#fff;} .tg-cartcontent ul li .tg-product-detail span{ color:#fff; display:block; font-size:14px; padding:5px 0 0; line-height:17px; text-transform:capitalize; font-family:'Open Sans', Arial, Helvetica, sans-serif; } .tg-delete{ top:50%; right:0; width:11px; height:10px; display:block; margin:-5px 0 0 0; position:absolute; background:url(../images/icon-close.png) no-repeat 0 0; } .tg-delete:hover{ background-position:bottom left;} .tg-btnbox{ width:100%; float:left; } .tg-cartcontent ul li .tg-btnbox .tg-carttotal{ width:50%; color:#fff; float:left; padding:17px 0; font-weight:normal; text-transform:capitalize; font-family:'Open Sans', Arial, Helvetica, sans-serif; } .tg-cartcontent ul li .tg-btnbox .tg-btn{ padding:0; width:50%; float:right; line-height:50px; text-align:center; } /*============================================= Main Navigation =============================================*/ .tg-nav{ width:100%; float:left; } .tg-nav .navbar-header{ top:0; left:0; width:100%; position:absolute; } .tg-logo{ width:97px; height:160px; margin:0 auto; display:block; } .tg-logo a{ display:block;} .tg-logo a img{ width:100%; height:auto; display:block; } .tg-navigation{ width:100%; float:left; padding:0; text-transform:uppercase; font:16px/16px'Oswald', Arial, Helvetica, sans-serif; } .tg-navigation .tg-colhalf{ position:relative; padding:0 70px 0 0; } .tg-navigation .tg-colhalf + .tg-colhalf{padding:0 0 0 70px;} .tg-navigation .tg-colhalf:after{ top:0; content:''; height:1px; width:9999px; background:#aeaeae; position:absolute; } .tg-navigation .tg-colhalf:first-child:after{right:70px;} .tg-navigation .tg-colhalf:last-child:after {left: 70px;} .tg-navigation ul{ float:right; z-index:21; line-height:16px; list-style:none; position:relative; } .tg-navigation .tg-colhalf + .tg-colhalf ul{float:left;} .tg-navigation ul li{ float:left; line-height:16px; position:relative; padding:20px 17px; list-style-type:none; } .tg-navigation ul li:after{ position:absolute; content:''; left:0; top:1px; width:0; height:1px; background:#aeaeae; } .tg-navigation ul li.active:after, .tg-navigation ul li:hover:after{width:100%;} .tg-navigation > div > ul > li + li:before{ bottom:20px; left:-1px; width:2px; height:2px; content:''; position:absolute; } .tg-navigation ul li a{ color:#fff; line-height:16px; } .tg-navigation ul li ul{ top:120%; left:0; margin:0; width:230px; opacity:0; visibility:hidden; background:#302e39; position:absolute; } .tg-navigation ul li ul li{ width:100%; padding:0; } .tg-navigation ul li ul li a{ padding:15px 30px; display:block; position:relative; } .tg-navigation ul li ul li.tg-dropdown a:before{ top:50%; right:30px; margin:-7px 0 0; content:'\f105'; font-size:14px; line-height:14px; position:absolute; font-family:'FontAwesome'; } .tg-navigation ul > li > ul > li.active > a, .tg-navigation ul > li > ul > li.active > a, .tg-navigation ul > li > ul > li:hover > a, .tg-navigation ul > li > ul > li > a:hover{ background:#373542; padding:15px 30px 15px 40px; } .tg-navigation ul li ul li ul{ top:0; left:120%; opacity:0; visibility:hidden; } .tg-navigation ul > li:hover > ul, .tg-navigation ul > li > ul > li:hover > ul{ opacity:1; visibility:visible; } .tg-navigation ul > li:hover > ul{top:100%;} .tg-navigation ul > li > ul > li:hover > ul{ top:0; left:100%; } .tg-close{ top:50px; right:50px; z-index:2; cursor:pointer; font-size:18px; line-height:14px; position:absolute; } /*============================================= Slider =============================================*/ .tg-sliderbox{ width:100%; float:left; height:100%; overflow:hidden; position:relative; background:#373542; } .tg-sliderbox .tg-imglayer{ width:120%; height:120%; z-index:1; position:relative; margin:-5% 0 0 -5%; transform-style: preserve-3d; } .tg-imglayer img{ width:100%; height:auto; display:block; } .tg-home-slider{ top:0; left:0; z-index:2; width:100%; height:100%; position:absolute; padding:245px 0 70px; } .tg-home-slider .swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; align-content: center; } .tg-home-slider .swiper-slide > div{position:relative;} .tg-home-slider .swiper-slide figure{ width:100%; float:left; margin:0; z-index:2; position:relative; } .tg-home-slider .swiper-slide figure img{ display:block; margin:0 auto; } .tg-slider-content{ top:50%; left:0; width:100%; margin:-113px 0 0; position:absolute; } .tg-slider-content h1{ font-size:160px; line-height:146px; margin:0 0 30px; font-weight:bold; } .tg-slider-content h1 span{ color:#fff;} .tg-slider-content .tg-btnbox{ text-align:right;} .tg-slider-content .tg-btnbox h2{ float:left; color:#fff; z-index:3; font-size:40px; line-height:37px; font-weight:bold; position:relative; margin:7px 0 6px 0; } .tg-slider-content .tg-btnbox .tg-btn{ z-index:3; margin:0 0 0 25px; position:relative; } .tg-home-slider .tg-btn-next, .tg-home-slider .tg-btn-prev{ top:50%; width:60px; height:43px; z-index:5; cursor:pointer; font-size:16px; line-height:16px; margin:-30px 0 0; position:absolute; text-transform:uppercase; font-family: 'Oswald', Arial, Helvetica, sans-serif; } .tg-home-slider .tg-btn-next{ right:20px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .tg-home-slider .tg-btn-prev{ left:20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .tg-home-slider .tg-btn-next span, .tg-home-slider .tg-btn-prev span{ display:block; text-align:center; } .tg-home-slider .tg-btn-next span.fa, .tg-home-slider .tg-btn-prev span.fa{ opacity:0; visibility:hidden; -webkit-transform: translateY(-35px); -moz-transform: translateY(-35px); -ms-transform: translateY(-35px); -o-transform: translateY(-35px); transform: translateY(-35px); } .tg-home-slider .tg-btn-next:hover span.fa, .tg-home-slider .tg-btn-prev:hover span.fa{ opacity:1; visibility:visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .tg-home-slider .tg-btn-next span:first-child, .tg-home-slider .tg-btn-prev span:first-child{ padding:0 0 10px; margin:0 0 10px; border-bottom:2px solid; } /*============================================= Inner Banner =============================================*/ .tg-banner { width: 100%; height: 450px; float: left; background: #373542; padding:250px 0 0; overflow: hidden; position: relative; } .tg-banner .tg-imglayer { top: 0; z-index: 1; width: 120%; height: 120%; position: absolute; margin: -5% 0 0 -5%; transform-style: preserve-3d; } .tg-banner-content{ width:100%; float:left; text-align:center; position:relative; } .tg-pagetitle{ width:100%; float:left; height:90px; margin:0 0 -20px; } .tg-pagetitle h1{ margin:0; color:#55545d; position:relative; font:100px/93px 'Oswald', Arial, Helvetica, sans-serif; } .tg-pagetitle h1:after{ top:0; left:0; content:''; width:100%; height:100%; position:absolute; background: -moz-linear-gradient(top, rgba(255,255,255,0) 40%, rgba(56,54,67,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(56,54,67,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 40%,rgba(56,54,67,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#383643',GradientType=0 ); } /*============================================= Main Content =============================================*/ .tg-main{ padding:20px 0;} .tg-main .tg-main-section:first-child{ margin:-20px 0 0; padding:100px 0 80px; } /*============================================= About Us =============================================*/ .tg-aboutussection{ width:100%; float:left; } .tg-aboutussection figure{ width:100%; float:left; margin:0; } .tg-aboutussection figure img{ width:100%; height:auto; display:block; } .tg-contentbox{ width:100%; float:left; } /*============================================= Upcoming Match Counter =============================================*/ .tg-bgstyleone, .tg-bgstyletwo{ overflow:hidden; position:relative; } .tg-bgboxone, .tg-bgboxtwo{ top:0; z-index:1; height:100%; position:absolute; background:#373542; } .tg-bgstyleone .tg-bgboxone{ left:auto; right:0; } .tg-bgboxone{ left:0; z-index:2; width:68.5%; } .tg-bgboxone:before{ top:0; width:0; height:0; left:100%; content:''; position:absolute; border-top: 700px solid #373542; border-right: 70px solid transparent; } .tg-bgstyleone .tg-bgboxone:before{display:none;} .tg-bgstyleone .tg-bgboxone:after{ top:0; width:0; height:0; right:100%; content:''; position:absolute; border-bottom: 700px solid #373542; border-left: 70px solid transparent; } .tg-bgstyleone .tg-bgboxtwo{ right:auto; left:0; } .tg-bgboxtwo{ right:0; width:31.5%; } .tg-bgpattrant{ width:100%; float:left; z-index:2; position:relative; background:url(../images/bg-pattran.png); } .tg-upcomingmatch-counter{ width:100%; float:left; } .tg-upcomingmatch-counter figure{ width:100%; float:left; margin:15px 0; } .tg-upcomingmatch-counter figure img{ max-width:none; width:none; display:block; margin:-0 0 0 -265px; } .tg-upcomingmatch-counter .tg-contentbox{ color:#fff; padding:80px 0; } .tg-upcomingmatch-counter .tg-section-heading h2{ color:#fff;} .tg-upcomingmatch-counter .tg-description{} .tg-upcomingmatch-counter .tg-description p{ margin:0 0 25px;} .tg-upcomingmatch-counter .tg-btnbox .tg-btn{ float:left; margin:0 30px 0 0; } .tg-counters{ width:100%; float:left; padding:0 0 30px; } .tg-counter{ width:165px; height:130px; float:left; padding:20px; text-align:center; background:rgba(55,53,66,0.80); } .tg-counter + .tg-counter{ margin:0 0 0 30px;} .tg-counter h3{ margin:0; color:#fff; font-size:60px; line-height:60px; text-align:center; } .tg-counter h4{ margin:0; font-size:20px; line-height:20px; text-align:center; text-transform:capitalize; } /*============================================= Latest Result =============================================*/ .tg-latestresult{ width:100%; float:left; overflow:hidden; } .tg-matchresult{ width:100%; float:left; z-index:2; overflow:hidden; background:#373542; position:relative; } .tg-matchresult:after{ top:0; right:0; width:47%; height:100%; content:''; z-index:-1; position:absolute; } .tg-matchresult:before{ top:0; right:47%; content:''; z-index:-1; position:absolute; border-bottom: 500px solid; border-left: 70px solid transparent !important; } .tg-box{ width:100%; float:left; position:relative; } .tg-matchresult .tg-box{background:url(../images/bg-pattran.png);} .tg-score{ top:50%; left:50%; width:166px; height:56px; position:absolute; margin:-28px 0 0 -83px; } .tg-score h3{ margin:0; color:#fff; font-size:60px; line-height:56px; text-align:center; } .tg-teamscore{ width:50%; float:left; min-height:440px; text-align:center; display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; padding:30px 100px 30px 30px; } .tg-teamscore + .tg-teamscore{padding:30px 30px 30px 100px;} .tg-team-logo{ display:block; padding:0 0 25px; } .tg-team-logo a{ display:inline-block;} .tg-team-logo a img{ display:block;} .tg-team-nameplusstatus{ width:100%; float:left; padding:0 0 15px; } .tg-team-nameplusstatus h4{ margin:0; font-size:18px; line-height:18px; } .tg-playernameplusgoadtime{ color:#fff; list-style:none; line-height:20px; } .tg-teamscore + .tg-teamscore .tg-team-nameplusstatus h4 a, .tg-teamscore + .tg-teamscore .tg-playernameplusgoadtime{ color:#373542;} .tg-playernameplusgoadtime li{ float:left; width:100%; line-height:inherit; list-style-type:none; } .tg-matchscrollbar{ width:100%; float:left; height:350px; margin:0 0 30px; overflow:hidden; } .tg-matchtabnav{ width:100%; float:left; list-style:none; } .tg-matchtabnav li{ width:100%; float:left; margin:0 0 10px; list-style-type:none; } .tg-matchtabnav li:last-child{ margin:0;} .tg-matchtabnav li a{ display:block;} .tg-match{ width:100%; float:left; padding:20px; cursor:pointer; background:#f7f7f7; } .tg-match .tg-box{ width:33.33%; float:left; text-align:center; } .tg-match .tg-box:first-child{ text-align:left;} .tg-match .tg-box:last-child{ text-align:right;} .tg-match .tg-box:first-child .tg-teamlogo{ float:left; padding:0 10px 0 0; } .tg-match .tg-teamlogo a{display:block;} .tg-match .tg-teamlogo a img{display:block;} .tg-match h4{ margin:11px 0; overflow:hidden; font-size:18px; line-height:18px; } .tg-match .tg-box:last-child .tg-teamlogo{ float:right; padding:0 0 0 10px; } .tg-match h3{ margin:7px 0; overflow:hidden; font-size:26px; line-height:26px; } .tg-matchtabnav li a:hover .tg-match, .tg-matchtabnav li.active a .tg-match, .tg-allmatchstatus .tg-match:hover, .tg-allmatchstatus .swiper-slide-active .tg-match{ background:#373542;} .tg-matchtabnav li a:hover .tg-match h3, .tg-matchtabnav li a:hover .tg-match h4, .tg-matchtabnav li.active a .tg-match h3, .tg-matchtabnav li.active a .tg-match h4, .tg-match:hover h3, .tg-match:hover h4, .tg-allmatchstatus .swiper-slide-active .tg-match h3, .tg-allmatchstatus .swiper-slide-active .tg-match h4{color:#fff;} .tg-themebtnnext span, .tg-themebtnprev span, .tg-themebtnnext, .tg-themebtnprev{color:#373542;} .tg-themebtnnext, .tg-themebtnprev{ width:30px; height:30px; bottom:0; cursor:pointer; text-align:center; position:absolute; z-index:2; border:2px solid #373542; } .tg-themebtnnext{right:50px;} .tg-themebtnprev{right:15px;} .tg-themebtnnext span, .tg-themebtnprev span{ display:block; line-height:26px; font-size:17px; } .tg-themebtnnext:hover, .tg-themebtnprev:hover{ background:#373542;} /*============================================= Statistics =============================================*/ .tg-statistics{ width:100%; float:left; } .tg-statistic{ width: 25%; float: left; padding: 0 15px; text-align: center; position:relative; } .tg-statistic h2{ margin:0; color:#fff; z-index:2; font-size: 60px; line-height: 70px; font-weight:bold; position:relative; text-shadow: -6px -6px 0 #373542, -6px -3px 0 #373542, -6px 0px 0 #373542, -6px 3px 0 #373542, -6px 6px 0 #373542, -3px -6px 0 #373542, -3px -3px 0 #373542, -3px 0 0 #373542, -3px 3px 0 #373542, -3px 6px 0 #373542, 0 -6px 0 #373542, 0 -3px 0 #373542, 0 0 0 #373542, 0 3px 0 #373542, 0 6px 0 #373542, 3px -6px 0 #373542, 3px -3px 0 #373542, 3px 0 0 #373542, 3px 3px 0 #373542, 3px 6px 0 #373542, 6px -6px 0 #373542, 6px -3px 0 #373542, 6px 0 0 #373542, 6px 3px 0 #373542, 6px 6px 0 #373542; } .tg-statistic span.tg-icon{ top:-30px; right:30px; z-index:1; color:#9b9aa0; font-size:80px; line-height:80px; position:absolute; } .tg-statistic.tg-goals span.tg-icon, .tg-statistic.tg-activeplayers span.tg-icon, .tg-statistic.tg-activeteams span.tg-icon{right:50px;} .tg-statistic.tg-earnedawards span.tg-icon{right:66px;} .tg-statistic h2 span{ display:block;} .tg-statistic h3{ margin: 0; font-weight:bold; font-size: 20px; line-height: 23px; text-transform:capitalize; } /*============================================= Fixtures Style =============================================*/ .tg-upcomingmatch{ width:100%; float:left; height:360px; overflow:hidden; margin:0 0 50px; } .tg-upcomingmatch .tg-match { padding:0; overflow:hidden; position:relative; } .tg-match address, .tg-upcomingmatch .tg-match h3{ color:#fff;} .tg-matchdetail{ width:100%; float:left; padding:20px; z-index:1; position:relative; } .tg-matchhover{ top:0; left:0; z-index:2; width:100%; height:100%; padding:30px; position:absolute; background:#373542; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .tg-upcomingmatch .tg-match:hover .tg-matchhover{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .tg-matchhover address{ width:170px; float:left; margin:5px 0; font-style:normal; } .tg-matchhover .tg-btnbox{ overflow:hidden; float:none; width:auto; z-index:1; text-align:right; position:relative; } .tg-matchhover .tg-btnbox .tg-btn{padding:0 30px;} .tg-upcomingmatch .tg-match h3{ color:#373542;} .tg-upcomingmatch .tg-match + .tg-match{margin:10px 0 0;} .tg-upcomingmatch .tg-match .tg-box{width:10%;} .tg-upcomingmatch .tg-match .tg-box:last-child, .tg-upcomingmatch .tg-match .tg-box:first-child{width:45%;} .tg-upcomingmatch .tg-match .tg-box h3{ margin:23px 0;} /*============================================= Video Style =============================================*/ .tg-videobox{height:500px;} .tg-videobox figure{ width:100%; height:100%; float:left; margin:0; position:relative; } .tg-videobox figure img{ width:auto; height:100%; display:block; z-index:1; position:relative; } .tg-videobox figure figcaption{ top:0; left:0; width:100%; height:100%; z-index:2; position:absolute; padding:0 38%; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; } .tg-playbtn{ width:100px; height:100px; display:block; overflow:hidden; border-radius:50px; margin:0 0 30px; background:url(../images/icon-play.png) no-repeat; } .tg-videobox figure figcaption h2{ font-size:24px; line-height:27px; margin:0; text-align:center; } /*============================================= Top Rated Player Style =============================================*/ .tg-players{ width:100%; float:left; height:466px; } .mCSB_inside > .mCSB_container{ margin-right:10px;} .mCSB_scrollTools{ width:6px;} .mCSB_scrollTools .mCSB_draggerRail{ margin:0; width:6px; opacity:1; border-radius:0; background:#f7f7f7; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px; margin:0; opacity:1; border-radius:0; background-color:#373542; } .tg-player{ width:100%; float:left; height:150px; overflow:hidden; background:#f7f7f7; } .tg-player + .tg-player{margin:10px 0 0;} .tg-player:hover{ height:300px; background:#373542 url(../images/bg-pattran.png) no-repeat; } .tg-player figure{ float:left; width:100%; margin:0; padding:10px 0 0; } .tg-player figure a{ display:block;} .tg-player figure a img{ display:block; margin:0 auto; text-align:center; } .tg-playcontent{ width:100%; float:left; padding:48px 0; } .tg-playcontent h3{ margin:11px 0; width:100%; float:left; font-size:24px; line-height:24px; } .tg-playcontent .tg-stars{ margin:0 0 20px;} .tg-playcontent .tg-description{ color:#fff; padding:20px 0; border-top:1px solid #aeaeae; } .tg-playcontent .tg-description p{ margin:0;} .tg-playcontent .tg-socialicons{ width:100%; float:left; } .tg-playcontent .tg-socialicons li{ display:block; float:left; } .tg-playcontent .tg-socialicons li:first-child{ padding-left:0;} /*============================================= Points Table =============================================*/ .tg-pointstablewrapper{ width:100%; float:left; } .tg-pointstablewrapper figure{ width:100%; float:left; margin:0; padding:21px 0 24px 0; } .tg-pointstablewrapper figure img{ max-width:none; width:none; display:block; margin:0; } .tg-pointstable{ width:100%; float:left; padding:80px 0 0; } .tg-pointstable h2{ color:#fff;} .tg-pointstable-slider{ width:100%; float:left; height:375px; margin:0 0 30px; overflow:hidden; } .tg-pointtable{ width:100%; float:left; background:#f7f7f7; } .tg-pointtable .tg-box{ width:50%; padding:15px; text-align:left; font-size:16px; line-height:25px; text-transform:uppercase; font-family: 'Oswald', Arial, Helvetica, sans-serif; } .tg-pointtable .tg-box:nth-child(2n+1){background:#fff;} .tg-pointtable .tg-box + .tg-box{ width:12.5%; float:left; text-align:center; } .tg-pointstable-slider .tg-themebtnnext, .tg-pointstable-slider .tg-themebtnprev{ background:#373542;} /*============================================= Blog Style =============================================*/ .tg-blogpost{ width:100%; float:left; margin:-15px 0; } .tg-post{ width:100%; float:left; padding:15px 0; overflow:hidden; position:relative; } .tg-postimg{ width:100%; float:left; margin:0 0 20px; overflow:hidden; position:relative; background:#373542; } .tg-postimg a{ z-index:1; display:block; position:relative; } .tg-postimg a img{ width:100%; height:auto; display:block; } .tg-post:hover .tg-postimg a img{ opacity:0.60;} .tg-postimg figcaption{ left:0; bottom:0; width:100%; z-index:2; position:absolute; background:rgba(55, 53 ,66 , 0.70); } .tg-postmetadata{ width:100%; float:left; padding:0 13px; font-size:14px; line-height:14px; list-style:none; text-transform:uppercase; font-family: 'Oswald', Arial, Helvetica, sans-serif; } .tg-postmetadata li{ float:left; padding:0 13px; position:relative; list-style-type:none; } .tg-postmetadata li + li:before{ top:0; left:-2px; content:'/'; color:#fff; position:absolute; } .tg-postmetadata li a{ color:#fff; display:block; } .tg-posttitle{ width:100%; float:left; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #aeaeae; } .tg-posttitle h3{ margin:0; font-size:24px; line-height:24px; } /*============================================= Footer Style =============================================*/ .tg-footer{ background:#373542;} .tg-footerinfobox{position:relative;} .tg-footerinfobox .tg-bgboxone{ width:61.8%; background:url(../images/bg-pattran.png); } .tg-footerinfobox .tg-bgboxone:before{ display:none;} .tg-footerinfobox .tg-bgboxtwo{ width:38.2%; background:url(../images/bg-footer.jpg); background-size:cover; } .tg-footerinfobox .tg-bgboxtwo:after{ top:0; left:0; width:100%; height:100%; content:''; position:absolute; background:rgba(55, 53, 66, 0.80); } .tg-footerinfo{ width:100%; float:left; z-index:3; padding:80px 0; position:relative; } .tg-footercol{ width:100%; float:left; color:#fff; } .tg-footercol .tg-posttitle h3{ color:#fff; font-size:18px; line-height:18px; } .tg-form-newsletter{ width:100%; float:left; padding:0 0 30px; } .tg-form-newsletter fieldset{ width:100%; float:left; margin:0; padding:0; border:0; } .tg-form-newsletter fieldset .form-control{ height:40px; line-height:38px; background:#fff; padding:0 20px; border:1px solid #ddd; } .tg-tags{ overflow:hidden; clear:both; margin:-5px -3px; } .tg-tag{ float:left; height:24px; color:#aeaeae; padding:0 10px; margin:5px 3px; font-size:13px; font-weight:400; line-height:22px; background:#373542; text-transform:uppercase; border:1px solid #aeaeae; font-family: 'Oswald', Arial, Helvetica, sans-serif; } .tg-tag:hover{color:#373542;} .tg-toprated{ width:100%; float:left; } .tg-toprated ul{ width:100%; float:left; list-style:none; } .tg-toprated ul li{ width:100%; float:left; list-style-type:none; } .tg-toprated ul li + li{ padding:20px 0 0;} .tg-toprated ul li figure{ float:left; margin:0; } .tg-toprated ul li figure a{ display:block;} .tg-toprated ul li figure a img{ display:block;} .tg-toprated ul li .tg-productcontent{ overflow:hidden; padding:18px 0 19px 20px; } .tg-productcontent h4{ font-size:14px; line-height:14px; margin:0 10px 0 0; } .tg-productcontent h4 a{ color:#fff;} .tg-productcontent h4, .tg-productcontent .tg-stars{float:left;} .tg-price{ width:100%; float:left; display:block; font-size:14px; line-height:17px; } .tg-productcontent .tg-stars span, .tg-productcontent .tg-stars span:after, .tg-productcontent .tg-stars:before{ height:13px; font-size:13px; line-height:13px; } .tg-productcontent .tg-stars{ width:82px; height:13px; } .tg-footercol .tg-logo{ width:auto; height:auto; float:left; margin:0 0 30px; } .tg-contactinfo{ width:100%; float:left; list-style:none; line-height:17px; } .tg-contactinfo li{ width:100%; float:left; padding:0 0 15px; line-height:inherit; list-style-type:none; } .tg-contactinfo li i{ float:left; width:25px; } .tg-contactinfo li a, .tg-contactinfo li span, .tg-contactinfo li address{ float:left; margin:0; font-style:normal; } .tg-contactinfo li address{ float:none; overflow:hidden; } .tg-footercol .tg-btn{} .tg-footercol .tg-description{ padding:0 0 20px;} .tg-footercol .tg-description p{margin:0;} .tg-footerbar{ width:100%; float:left; background:#2c2b35; } .tg-copyright{ color:#fff; float:left; padding:20px 0; font-size:12px; line-height:20px; } .tg-footernav{ float:right; font-size:14px; line-height:20px; font-weight:300; padding:20px 0; font-family: 'Oswald', Arial, Helvetica, sans-serif; } .tg-footernav ul{ width:100%; float:left; line-height:20px; list-style:none; } .tg-footernav ul li{ float:left; line-height:20px; padding:0 0 0 20px; list-style-type:none; } .tg-footernav ul li a{ color:#fff; display:block; line-height:20px; } #ascrail2000{display: block !important;} /*============================================= Home Page Two =============================================*/ .tg-btnnav{ top:50px; left:50px; width:50px; height:50px; z-index:1000; display:block; cursor:pointer; position:fixed; border-radius:50%; background:#373542; border:2px solid #fff; -webkit-transition: all 600ms ease-in-out 0.1s; -moz-transition: all 600ms ease-in-out 0.1s; -ms-transition: all 600ms ease-in-out 0.1s; -o-transition: all 600ms ease-in-out 0.1s; transition: all 600ms ease-in-out 0.1s; } .tg-sidenav .tg-nav ul li.tg-cart a em:before, .tg-btnnav:before{ top:-5px; right:-5px; width:20px; height:20px; display:block; color:#373542; position:absolute; text-align:center; border-radius:50%; content:attr(data-product-count); font:bold 10px/20px 'Oswald', Arial, Helvetica, sans-serif; } .tg-sidenav .tg-nav ul li.tg-cart a em:before{ top:50%; right:60px; margin:-10px 0 0 0; } .tg-btnnav span{ width:20px; height:2px; display:block; margin:0 auto; background:#fff; position:relative; } .tg-sidenavshow .tg-btnnav span{ background:#373542;} .tg-btnnav span:after, .tg-btnnav span:before{ left:0; width:20px; height:2px; content:''; background:#fff; position:absolute; } .tg-sidenavshow .tg-btnnav span:after, .tg-sidenavshow .tg-btnnav span:before{ top:0; bottom:0; width:20px; } .tg-sidenavshow .tg-btnnav span:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .tg-sidenavshow .tg-btnnav span:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .tg-btnnav span:after{top:-7px;} .tg-btnnav span:before{bottom:-7px;} .tg-sidenavshow .tg-btnnav{ left:305px; position:fixed; } .tg-btnnav:focus, .tg-btnnav:visited{ outline:none;} .tg-sidenav{ top:0; left:0; width:350px; height:100%; z-index:999; position:fixed; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .tg-navscrollbar { top:0; left:0; height:100%; width:330px; padding:30px 0; position:absolute; background:#373542; -webkit-box-shadow: 0 0 15px 5px rgba(55,53,66,0.80); box-shadow: 0 0 15px 5px rgba(55,53,66,0.80); } .tg-sidenavshow .tg-sidenav{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .tg-sidenav #tg-nav .tg-navigation{display:block;} .tg-sidenav .tg-logo{ margin:0 auto 30px;} .tg-sidenav .tg-nav{ background:#302e39; position:relative; } .tg-sidenav .tg-nav ul li{ width:100%; padding:0; position:static; } .tg-sidenav .tg-nav ul li.tg-hasdropdown ul{ top:0; left:80%; width:330px; height:100%; background:#373542; -webkit-box-shadow: 5px 5px 15px 1px rgba(55,53,66,0.50); box-shadow: 5px 5px 15px 1px rgba(55,53,66,0.50); } .tg-sidenav .tg-nav ul li.tg-hasdropdown > ul:before{ top:100%; left:0; content:''; width:100%; height:261px; position:absolute; background:#373542; } .tg-sidenav .tg-nav ul li.tg-hasdropdown:hover ul{left:100%;} .tg-sidenav .tg-nav ul li.tg-hasdropdown ul li a:hover, .tg-sidenav .tg-nav ul li.tg-hasdropdown ul li a{background:none;} .tg-sidenav .tg-nav ul li.tg-hasdropdown ul li a:after{background:#302e39;} .tg-sidenav .tg-nav ul li:after{display:none;} .tg-sidenav .tg-nav ul li a{ display:block; padding:15px; position:relative; } .tg-sidenav .tg-nav ul li a em{ font-style:normal; display:block; position:relative; } .tg-sidenav .tg-nav ul li a:after{ top:0; left:0; width:0; content:''; height:100%; z-index:-1; position:absolute; background:#373542; } .tg-sidenav .tg-nav > div > ul > li:hover > a:after, .tg-sidenav .tg-nav > div > ul > li > a:hover:after, .tg-sidenav .tg-nav > div > ul > li.tg-hasdropdown > ul > li:hover > a:after, .tg-sidenav .tg-nav > div > ul > li.tg-hasdropdown > ul > li > a:hover:after, .tg-sidenav .tg-nav ul li.tg-hasdropdown ul li.tg-hasdropdown ul > li:hover > a:after, .tg-sidenav .tg-nav ul li.tg-hasdropdown ul li.tg-hasdropdown ul > li > a:hover:after{ width:100%;} .tg-sidenav .tg-nav ul li.tg-hasdropdown > a:before{ top:0; right:20px; content:'\f105'; font-size:16px; line-height:46px; position:absolute; font-family:'FontAwesome'; } .tg-sidenav .tg-nav ul li.tg-hasdropdown ul li.tg-hasdropdown ul, .tg-sidenav .tg-nav ul li.tg-hasdropdown ul li.tg-hasdropdown ul:before{ background:#302e39;} .tg-sidenav .tg-nav ul li.tg-hasdropdown ul li.tg-hasdropdown ul > li > a:after{ background:#373542;} .tg-socialiconslarge{ width:100%; float:left; display:table; margin:0 0 30px; text-align:center; table-layout:fixed; } .tg-socialiconslarge li{ padding:0; float:none; background:#ddd; display:table-cell; } .tg-socialiconslarge li + li:before{ display:none;} .tg-socialiconslarge li.tg-facebook a{background:#3b5998;} .tg-socialiconslarge li.tg-twitter a{background:#55acee;} .tg-socialiconslarge li.tg-linkedin a{background:#007bb5;} .tg-socialiconslarge li.tg-googleplus a{background:#dd4b39;} .tg-socialiconslarge li.tg-dribbble a{background:#ea4c89;} .tg-socialiconslarge li.tg-rss a{background:#ff6600;} .tg-socialiconslarge li a{ color:#fff; display:block; } .tg-socialiconslarge li a i{ font-size:20px; display:block; line-height:55px; } .tg-socialiconslarge li a:hover i{ color:#fff;} .tg-sidenav .tg-playerbox{ left:0; bottom:0; width:100%; padding:30px; position:absolute; background:#ffcc33 url(../images/player/img-04.png) no-repeat 100% 30px; } .tg-playerbox .tg-playcontent{padding:0;} .tg-playerbox .tg-playcontent h3 a:hover{ color:#373542;} .tg-playerbox .tg-stars:before{content:'\f006\f006\f006\f006\f006';} .tg-playerbox .tg-socialicons li a i, .tg-playerbox .tg-stars:before, .tg-playerbox .tg-stars span:after{ color:#373542;} .tg-playerbox .tg-socialicons li + li:before{ background:#373542;} .tg-playerbox .tg-socialicons li a:hover i{ color:#fff;} .tg-home-sliderfade{ width:100%; height:100%; z-index:1; position:relative; } .tg-home-sliderfade .swiper-slide{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .tg-home-slidertwobg{ top:0; left:-60px; width:70%; height:100%; z-index:2; position:absolute; -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg); background:#373542 url(../images/bg-pattran.png); } .tg-home-slidertwobg:after{ bottom:0; width:0; height:0; content:''; right:5px; position:absolute; border-bottom: 900px solid; border-left: 30px solid transparent !important; } .tg-home-slidertwo{ padding:0; z-index:3; } .tg-home-slidertwo .swiper-slide figure{ z-index:1;} .tg-home-slidertwo .swiper-slide figure img{ max-width:none; margin:0 0 0 -250px; } .tg-home-slidertwo .tg-slider-content{ float:left; margin:0; z-index:2; text-align:left; position:relative; } .tg-home-slidertwo .tg-slider-content .tg-btnbox{ text-align:left;} .tg-home-slidertwo .tg-slider-content .tg-btnbox .tg-btn{ margin:0 25px 0 0;} .tg-home-slidertwo .tg-slider-content h1{ margin:0; font-size:100px; line-height:90px; } .tg-home-slidertwo .tg-slider-content .tg-description{ color:#fff; font-size:18px; line-height:22px; padding:0 36% 0 0; font-family:'Open Sans', Arial, Helvetica, sans-serif; } .tg-sidenav .tg-nav ul li .tg-minicart li{padding:20px 30px;} .tg-sidenav .tg-nav ul li .tg-minicart li figure{ float:left; margin:0 15px 0 0; } .tg-sidenav .tg-nav ul li .tg-minicart li figure a{ padding:0; display:block; } .tg-sidenav .tg-nav ul li .tg-minicart li figure a img{display:block;} .tg-sidenav .tg-nav ul li .tg-minicart li .tg-productinfo{ width:auto; float:none; overflow:hidden; position:relative; padding:9px 20px 8px 0; } .tg-sidenav .tg-nav a.tg-btndelete{ top:50%; right:0; padding:0; position:absolute; } .tg-sidenav .tg-nav a.tg-btndelete:after{ display:none;} .tg-sidenav .tg-nav ul li .tg-minicart li .tg-productinfo h3{ margin:0; font-size:16px; line-height:16px; } .tg-sidenav .tg-nav ul li .tg-minicart li .tg-productinfo h3 a{ color:#fff; padding:0; } .tg-sidenav .tg-nav ul li .tg-minicart li .tg-productinfo span{ color:#fff; display:block; padding:10px 0 0; font:400 14px/17px 'Open Sans', Arial, Helvetica, sans-serif; } .tg-sidenav .tg-nav ul li .tg-minicart li .tg-minicarttotal{ float:left; color:#fff; padding:15px 0; font:400 18px/21px 'Open Sans', Arial, Helvetica, sans-serif; } .tg-sidenav .tg-nav ul li .tg-minicart > li > a.tg-btn{ float:right; width:50%; padding:0; line-height:50px; text-align:center; } /*============================================= Blog Pages =============================================*/ .tg-blogpostlist .tg-post, .tg-blogpostgrid .tg-post{ padding:0;} .tg-blogpostlist div[class*="col-"]:nth-child(odd) .tg-post, .tg-blogpostgrid div[class*="col-"]:nth-child(odd) .tg-post{padding:0 15px 0 0;} .tg-blogpostlist div[class*="col-"]:nth-child(even) .tg-post, .tg-blogpostgrid div[class*="col-"]:nth-child(even) .tg-post{padding:0 0 0 15px;} .tg-blogpostlist div[class*="col-"], .tg-blogpostgrid div[class*="col-"]{ padding:30px 0; border-bottom:1px solid #aeaeae; } .tg-blogpostgrid.tg-blogpost{ width:auto; float:none; margin:-30px 0; } .tg-blogpostgrid.tg-blogpost:after{ content:''; clear:both; display:block; } .tg-twocolumns .tg-pagination{ margin:60px -15px 0 0} /*============================================= Blog Detail page =============================================*/ .tg-postimg.tg-postimgdetail, .tg-postdetail .tg-tags-social{ margin:0 0 30px;} .tg-authorbox{ width:100%; float:left; padding:30px; color:#fff; margin:0 0 80px; background:#373542 url(../images/bg-pattran.png); } .tg-authorpic{ float:left; margin:-25px 30px -30px 0; } .tg-authorinfo{ padding:36px 0; overflow:hidden; } .tg-authorinfo .tg-theme-tag{ color:#373542; margin:0 0 10px; } .tg-authorinfo .tg-section-heading{ border-color:#aeaeae;} .tg-authorinfo .tg-section-heading h3{ margin:0; font-size:24px; line-height:24px; } .tg-authorinfo .tg-socialicons{ width:100%; float:left; } .tg-authorinfo .tg-socialicons li:first-child{ padding-left:0;} /*============================================= About Us Page =============================================*/ .tg-border-top{ padding: 60px 0 0; position:relative; overflow:hidden; } .tg-border-top:after{ position:absolute; content:''; width:97%; height:1px; background:#aeaeae; top:0; left:15px; } .tg-prohistory .tg-post .tg-postimg{cursor:pointer;} .tg-prohistory .tg-post:hover .tg-postimg img{opacity:0.5;} .tg-prohistory .tg-post .tg-description p{margin:0;} .tg-prohistory .tg-post a.tg-playbtn{ position:absolute; left:50%; top:-50px; width:40px; height:40px; background:url(../images/icon-play1.png); margin:-20px 0 0 -20px; } .tg-prohistory .tg-post:hover a.tg-playbtn{ top:50%;} .tg-testimonial{padding:80px 0;} .tg-testimonial-slider{ overflow:hidden; position:relative; } .tg-testimonial-slider .swiper-slide{ padding:0 120px;} .tg-testimonial-slider .swiper-slide figure{ float:left; margin:0 50px 0 0; background:none; } .tg-testimonial-slider .swiper-slide figure img{ width:100%; height:auto; display:block; } .tg-testimonial-slider .swiper-slide .tg-contentbox{ float:none; width:auto; overflow:hidden; padding:80px 0; } .tg-testimonial-slider .swiper-slide .tg-contentbox h2{ font-size:40px; line-height:43px; color:#fff; } .tg-testimonial-slider .swiper-slide .tg-description p{color:#fff;} .tg-testimonial-slider .swiper-slide .tg-socialicons{float:left;} .tg-testimonial-slider .swiper-slide .tg-socialicons li:first-child{padding-left:0;} .tg-testimonial-slider .tg-themebtnprev {left:15px;} .tg-testimonial-slider .tg-themebtnnext{right:15px;} .tg-testimonial-slider .tg-themebtnnext, .tg-testimonial-slider .tg-themebtnprev { top:50%; margin:-15px 0 0 0; } .tg-oursponsers .tg-upcomingmatch .tg-match .tg-matchdetail{padding:30px;} .tg-oursponsers .tg-upcomingmatch .tg-match .tg-box:last-child, .tg-oursponsers .tg-upcomingmatch .tg-match .tg-box:first-child{ width:40%; text-align:center; } .tg-oursponsers .tg-upcomingmatch .tg-match .tg-box:first-child{width:60%;} .tg-oursponsers .tg-upcomingmatch .tg-match .tg-box span{ float:left; font-size:13px ; line-height:21px; font-family: 'Oswald', Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 10px; padding:0 10px; background:#373542; } .tg-oursponsers .tg-upcomingmatch .tg-match .tg-box h3{ width:100%; float:left; text-align:left; margin:0; } .tg-oursponsers .tg-match .tg-box:first-child .tg-teamlogo{padding:10px 10px 0 0;} /*============================================= Player Grid 2 Page =============================================*/ .tg-player-slider{overflow:hidden;} .tg-player-slider .swiper-slide .tg-postimg{width:100%;} .tg-player-slider .swiper-slide .tg-postimg img{ display:block; width:100%; height:auto; } .tg-playerinfo{ width:100%; float:left; } .tg-player-slider .tg-postimg .tg-img-hover{ width:100%; height:250px; padding:20px; background:#373542; -webkit-transform: translateY(55%); -moz-transform: translateY(55%); -ms-transform: translateY(55%); -o-transform: translateY(55%); transform: translateY(55%); } .tg-player-slider .tg-postimg .tg-img-hover .tg-theme-tag{color:#373542;} .tg-player-slider .tg-postimg .tg-img-hover h3 a{color:#fff;} .tg-player-slider .tg-postimg .tg-img-hover .tg-description p{color:#fff;} .tg-player-slider .tg-postimg .tg-img-hover .tg-socialicons li:first-child{padding-left:0;} .tg-player-slider .tg-postimg:hover .tg-img-hover{ height:100%; padding:98px 20px; -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); /*display:flex; flex-direction:column; justify-content: center; align-content: center;*/ } .tg-player-slider .tg-postimg .tg-img-hover::after { border-bottom: 30px solid #373542; border-right: 260px solid transparent; width: 0; height: 0; content: ''; position: absolute; top: -29px; left: 0; } .tg-player-slider .tg-themebtnnext, .tg-player-slider .tg-themebtnprev {bottom: -20px;} /*============================================= Player Detail Page =============================================*/ .tg-player-detail .tg-widget.tg-mapwidget{ margin:0;} .tg-widget .tg-map{ height:305px; overflow:hidden; position:relative; } .tg-widget .tg-map iframe{ top:0; left:0; width:100%; height:100%; position:absolute; } .tg-player-data { width:100%; float:left; } .tg-player-data .tg-playcontent{ margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #aeaeae; } .tg-player-data .tg-playcontent .tg-theme-tag{color:#373542;} .tg-player-data .tg-playcontent .tg-stars{margin:0;} .tg-player-info{margin:0 0 80px;} .tg-player-info ul{ width:100%; float:left; background:#fff; list-style:none; border:1px solid #aeaeae; } .tg-player-info ul > li{ width:45%; float:left; padding:20px 12px; line-height:normal; list-style-type:none; color:#666 } .tg-player-info ul > li + li + li{border-top:1px solid #aeaeae;} .tg-player-info ul > li:nth-child(even){ width:55%; background:#f7f7f7; color:#373542; } .tg-player-info ul li .tg-socialicons{ float:left; margin:2px 0 1px 0; background:none; border:0; } .tg-player-info ul li .tg-socialicons li{ width:auto; line-height:16px; padding:0 18px; } .tg-player-info ul li ul.tg-socialicons li + li{border:0;} .tg-player-info ul li .tg-socialicons li:first-child{padding-left:0;} .tg-player-info ul li .tg-socialicons li a{color:#373542;} .tg-player-info ul li .tg-socialicons li + li:before{ width:2px; height:2px; background:#373542; } .tg-player-description .tg-section-heading{ width:auto; float:none; overflow:hidden; } .tg-player-description .tg-description p{margin:0 0 30px;} .tg-playerslider{ overflow:hidden; position:relative; margin:0 0 30px; } .tg-playerslider figure{ margin:0; width:100%; float:left; } .tg-playerslider .tg-videobox{ height:auto;} .tg-playerslider .tg-themebtnnext, .tg-playerslider .tg-themebtnprev{ top:50%; margin:-30px 0 0; } .tg-playerslider .tg-themebtnnext{right:30px;} .tg-playerslider .tg-themebtnprev{left:30px;} .tg-detail{ width:50%; float:left; margin:0 0 30px; list-style:none; } .tg-detail li{ width:100%; float:left; list-style-type:none; } .tg-detail li i{ font-size:14px; line-height:14px; margin:0 5px 0 0; } .tg-themetabs{ width:100%; float:left; position:relative; padding:0 0 80px 100px; } .tg-themetabnav{ top:0; left:31px; list-style:none; font-size:16px; line-height:56px; position:absolute; text-transform:uppercase; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 20px 20px; -moz-transform-origin: 20px 20px; -ms-transform-origin: 20px 20px; -o-transform-origin: 20px 20px; transform-origin: 20px 20px; font:16px/56px 'Oswald', Arial, Helvetica, sans-serif; } .tg-themetabnav li{ float:left; line-height:inherit; list-style-type:none; padding:0 10px 0 0; } .tg-themetabnav li a{ color:#aeaeae; display:block; min-width:150px; line-height:54px; text-align:center; margin:15px 0 0; padding:0 20px; border:1px solid #aeaeae; } .tg-themetabnav li.active a, .tg-themetabnav li a:hover{ color:#373542; margin:0 0 15px; } .tg-themetabcontent{ width:100%; float:left; padding:30px; min-height:500px; border:1px solid #aeaeae; } .tg-themetabcontent .tg-section-heading{ width:auto; float:none; overflow:hidden; } .tg-oldmatchresult{ width:100%; float:left; padding:20px; color:#373542; background:#f7f7f7; } .tg-oldmatchresult + .tg-oldmatchresult{ margin:10px 0 0;} .tg-oldmatchresult:hover{background:#373542;} .tg-matchdate{ width:76px; height:76px; float:left; color:#fff; padding:25px 0px 0px 0px; margin:0 10px 0 0; background:#3b5998; text-align:center; text-transform:uppercase; font:22px/22px 'Oswald', Arial, Helvetica, sans-serif; } .tg-matchdate span{ display:block; font-size:14px; line-height:14px; } .tg-oldmatchresult:hover .tg-matchdate, .tg-oldmatchresult:hover .tg-matchdate span{color:#373542;} .tg-oldmatchresult .tg-matchdetail{ width:auto; float:none; padding:0; overflow:hidden; } .tg-oldmatchresult .tg-matchdetail .tg-theme-tag{float:left;} .tg-oldmatchresult:hover .tg-matchdetail .tg-theme-tag{ color:#373542;} .tg-oldmatchresult .tg-matchdetail h4{ width:100%; float:left; margin:7px 0; font-size:24px; line-height:24px; } .tg-oldmatchresult .tg-matchdetail address{ width:100%; float:left; margin:0; font-size:14px; line-height:17px; font-style:normal; } .tg-oldmatchresult:hover .tg-matchdetail address{ color:#fff;} .tg-comments{ width:100%; float:left; padding:0 0 80px; } .tg-comments ul{ width:100%; float:left; list-style:none; } .tg-comments ul li{ width:100%; float:left; padding:30px; list-style-type:none; border:1px solid #aeaeae; } .tg-comments ul li + li{ margin:10px 0 0;} .tg-comment{ width:100%; float:left; } .tg-comment figure{ float:left; margin:0 30px 0 0; } .tg-comment figure a{ display:block;} .tg-comment figure a img{ display:block;} .tg-commentdata{ overflow:hidden; position:relative; } .tg-commentdata .tg-section-heading h3{ margin:0; font-size:24px; line-height:24px; } .tg-btnreply{ float:right; color:#272727; position:relative; padding:0 0 0 20px; text-transform:uppercase; font:14px/14px 'Oswald', Arial, Helvetica, sans-serif; } .tg-btnreply:before{ top:0; left:0; content:'\f112'; position:absolute; font-size:12px; line-height:14px; font-family:'FontAwesome'; } .tg-commentdata .tg-theme-tag{ margin:0 0 8px;} .tg-commentdata .tg-description p{ margin:0;} .tg-leavecomment{ width:100%; float:left; } .tg-commentform{ width:100%; float:left; } .tg-commentform fieldset{ width:100%; float:left; margin:0; border:0; padding:0; } .tg-commentform fieldset .form-group{ width:100%; float:left; } .tg-commentform input{ height:70px; line-height:68px; border-color:#ddd; } .tg-commentform textarea{ width:100%; resize:none; height:200px; } .tg-commentform textarea:focus, .tg-commentform input:focus{ background:#f7f7f7; box-shadow:none; border-color:#ddd; } /*============================================= Buy Tickets Page =============================================*/ .tg-tickets{ width:100%; float:left; } .tg-ticket{ width:100%; float:left; padding:20px; background:#f7f7f7; } .tg-ticket + .tg-ticket{ margin:10px 0 0;} .tg-ticket:hover{ color:#fff; background:#3b5998; } .tg-ticket:hover .tg-matchdate span, .tg-ticket:hover .tg-matchdate{ color:#3b5998;} .tg-ticket .tg-matchdetail{ width:350px; padding:13px 30px 0px 0px; } .tg-ticket .tg-theme-tag{float:left;} .tg-ticket:hover .tg-theme-tag{ color:#3b5998;} .tg-ticket h4{ width:100%; float:left; margin:7px 0; font-size:20px; line-height:20px; } .tg-matchmetadata{ margin:0; width:100%; float:left; color:#3b5998; font-size:14px; list-style:none; line-height:17px; } .tg-ticket:hover .tg-matchmetadata{color:#fff;} .tg-matchmetadata li{ float:left; line-height:17px; position:relative; list-style-type:none; } .tg-matchmetadata li + li{ padding:0 0 0 10px;} .tg-matchmetadata li + li:before{ left:1px; bottom:0; content:','; position:absolute; } .tg-matchmetadata li address{ margin:0; line-height:17px; font-style:normal; } .tg-btnsbox{ float:right; padding:12px 0; } .tg-btnsbox .tg-btn + .tg-btn{margin:0 0 0 30px;} /*============================================= Match Result Page =============================================*/ .tg-slider-matchresult{ overflow:hidden; position:relative; } .tg-tabscontent .tg-teamscore, .tg-slider-matchresult .tg-teamscore{ min-height:auto;} .tg-slider-matchresult .tg-themebtnnext, .tg-slider-matchresult .tg-themebtnprev{ bottom:auto; top:50%; margin-top:-15px; } .tg-slider-matchresult .tg-themebtnprev{left:15px;} .tg-slider-matchresult .tg-themebtnnext{right:15px;} .tg-tabnav{ width:100%; float:left; list-style:none; padding:30px 0 0; } .tg-tabnav > li + li{ padding:10px 0 0;} .tg-tabnav > li{ width:100%; float:left; list-style-type:none; } .tg-tabnav > li > a{ display:block; width:100%; float:left; } /*============================================= Match Reslut Detail Page =============================================*/ .tg-resultdetail{ width:100%; float:left; } .tg-resultdetail .tg-matchresult { margin:0 0 30px;} .tg-mathtextbox{ width:100%; float:left; } .tg-mathtextbox .tg-section-heading{ width:auto; float:none; overflow:hidden; } .tg-matchdetailslider{ width:370px; float:left; overflow:hidden; position:relative; margin:0 30px 30px 0; } .tg-matchdetailslider figure{ margin:0; width:100%; float:left; } .tg-matchdetailslider .tg-themebtnnext, .tg-matchdetailslider .tg-themebtnprev{ top:50%; margin:-15px 0 0 0; } .tg-matchdetailslider .tg-themebtnnext{left:30px;} .tg-matchdetailslider .tg-themebtnprev{right:30px;} blockquote{ background:#f7f7f7; border:1px solid #ddd; margin:10px 0 30px 0; padding:55px 60px; overflow:hidden; position:relative; text-align:center; z-index:1; } blockquote:after, blockquote:before{ position:absolute; font-size:180px; line-height:180px; font-family:'FontAwesome'; color:#f0efef; } blockquote:after{ content:'\f10d'; top:-45px; left:0; } blockquote:before{ content:'\f10e'; bottom:-60px; right:0; } blockquote q{ quotes:none; width:100%; float:left; z-index:2; position:relative; } .tg-playerslider figure img{ width:100%; height:auto; display:block; } .tg-playerslider figure figcaption{padding:0 28%;} .tg-playerslider .tg-themebtnnext, .tg-playerslider .tg-themebtnprev{margin:-15px 0 0;} .tg-tags-social{ margin:0 0 80px; padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .tg-tags-social .tg-tags{ width:auto; margin:0; } .tg-tags-social .tg-btn{ margin:0; line-height:24px; background:#fff; color:#aeaeae; padding:0 10px; border:1px solid #aeaeae; } .tg-tags-social .tg-btn:hover{color:#373542;} .tg-tags-social .tg-btn:after{display:none;} .tg-tags-social i, .tg-tags-social span{ font-size:14px; line-height:14px; color:#272727; text-transform:uppercase; } .tg-tags-social i{margin:0 5px 0 0;} .tg-tags-social span{ margin:0 10px 0 0; font-family: 'Oswald', Arial, Helvetica, sans-serif; } .tg-tags-social i, .tg-tags-social span, .tg-tags-social .tg-btn, .tg-social-share i, .tg-social-share span, .tg-social-share a{ display:inline-block; vertical-align:middle; } .tg-social-share ul{ width:auto; float:right; list-style:none; } .tg-social-share ul li{ width:30px; height:24px; float:left; overflow:hidden; list-style-type:none; } .tg-social-share ul li + li{ margin:0 0 0 10px;} .tg-social-share ul li:hover{ width:120px;} .tg-social-share li a{ width:150px; height:24px; display:block; position:relative; } .tg-social-share a i{ width:30px; height:24px; display:block; float:left; border:1px solid #ddd; margin:0; font-size:13px; line-height:22px; color:#999; text-align:center; } .tg-social-share ul li a i:after{ top:0; left:0; color:#fff; width:120px; padding:0 10px; font-size:12px; line-height:24px; font-family: 'Oswald', Arial, Helvetica, sans-serif; position:absolute; background:#3b5998; content:attr(data-iconname); text-transform:uppercase; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .tg-social-share ul li:hover a i:after{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .tg-social-share ul li:nth-child(2) a i:after{background:#55acee;} .tg-social-share ul li:nth-child(3) a i:after{background:#007bb5;} .tg-social-share ul li:nth-child(4) a i:after{background:#cb2027;} /*============================================= Fixture Page =============================================*/ .tg-otherfixtures-slider{ height:100%; margin:0 0 50px; overflow:auto; } /*============================================= Fixture Detail Page =============================================*/ .tg-fixturedetail{ width:100%; float:left; } .tg-fixturecounter{ width:100%; float:left; color:#fff; padding:30px; margin:0 0 30px; background:#373542 url(../images/bg-pattran.png); } .tg-fixturecounter .tg-section-heading h2{ color:#fff;} .tg-fixturecounter .tg-btnbox .tg-btn{float:left;} .tg-fixturecounter .tg-btnbox .tg-btn + .tg-btn{margin:0 0 0 30px;} /*============================================= Shop Grip Page =============================================*/ .tg-shopbanner{ width:100%; float:left; margin:0 0 70px; min-height:250px; position:relative; background:#373542; } .tg-shopbanner:before{ top:0; right:0; content:''; width:270px; height:100%; position:absolute; } .tg-shopbanner:after{ top:0; width: 0; height: 0; content:''; right:200px; position:absolute; border-bottom: 250px solid #373542; border-right: 70px solid transparent; } .tg-bgpattran{ top:0; left:0; z-index:2; width:100%; height:100%; position:absolute; background:url(../images/bg-pattran.png); } .tg-shopslider{ width:100%; float:left; overflow:hidden; padding:20px 0 0; margin:-20px 0 0; } .tg-shopslider figure{ width:100%; float:left; margin:-20px 0 0 -34px; } .tg-shopslider figure img{max-width:none;} .tg-shopslider .tg-shopcontent{ width:100%; float:left; padding:55px 0 55px 30px; } .tg-limitedoffer{ width:140px; height:140px; float:left; color:#373542; margin:0 30px 0 0; padding:45px 35px; position:relative; text-align:center; text-transform:uppercase; font:22px/25px 'Oswald', Arial, Helvetica, sans-serif; } .tg-limitedoffer:after{ top:20px; left:20px; z-index:-1; content:''; width:100px; height:100px; display:block; position:absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .tg-shopcontent .tg-contentbox{ width:auto; float:none; color:#fff; overflow:hidden; padding:17px 0 16px 0; } .tg-shopcontent .tg-contentbox .tg-theme-tag{ color:#373542;} .tg-shopcontent .tg-contentbox h2{ width:100%; float:left; margin:6px 0; font-size:30px; line-height:30px; } .tg-shopcontent .tg-contentbox .tg-price{ padding:0 0 6px; font:22px/22px 'Oswald', Arial, Helvetica, sans-serif; } .tg-shopslider .tg-sliderpagination{ bottom:auto;} .tg-shopslider .tg-sliderpagination .swiper-pagination-bullet{ width:9px; height:9px; opacity:1; margin:0 3px; background:#fff; border:2px solid #373542; } .tg-shopslider .tg-sliderpagination .swiper-pagination-bullet-active{ background:#373542;} .tg-shophead{ width:100%; float:left; margin:0 0 30px; padding:0 0 30px; border-bottom:1px solid #aeaeae; } .tg-shopviewnav{ float:right; list-style:none; line-height:px; } .tg-shopviewnav li{ float:left; width:40px; height:40px; list-style-type:none; } .tg-shopviewnav li + li{ margin:0 0 0 10px;} .tg-shopviewnav li a{ color:#aeaeae; display:block; line-height:38px; text-align:center; background:#f7f7f7; border:1px solid #ddd; } .tg-shopviewnav li a:hover, .tg-shopviewnav li.tg-active a{ background:#373542; border-color:#373542; } .tg-formfilter{float:left;} .tg-formfilter fieldset{ width:100%; float:left; margin:0; border:0; padding:0; } .tg-formfilter .tg-select{width:270px;} .tg-formfilter .tg-select + .tg-select{margin:0 0 0 30px;} .tg-formfilter .tg-select select{ height:40px; padding:0 15px; line-height:40px; } .th-products{ width:100%; float:left; margin:-15px 0 0; } .tg-product{ width:100%; float:left; margin:15px 0; border:1px solid #aeaeae; } .tg-productimg{ width:100%; float:left; margin:0; overflow:hidden; position:relative; border-bottom:1px solid #aeaeae; } .tg-productimg img{ z-index:1; margin:0 auto; display:block; position:relative; } .tg-productimg figcaption{ top:0; left:0; z-index:2; opacity:0; width:100%; height:100%; visibility:hidden; position:absolute; background:rgba(55, 53, 66, 0.80); display: flex; flex-direction:row; justify-content: center; align-items: center; align-content: center; -webkit-transform: translateY(40%); -moz-transform: translateY(40%); -ms-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%); } .tg-product:hover .tg-productimg figcaption{ opacity:1; visibility:visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .tg-btncart{ width:40px; height:40px; color:#fff; display:block; overflow:hidden; font-size:14px; line-height:36px; border-radius:50%; text-align:center; background:#373542; border:2px solid #fff; } .tg-btncart i{ display:block; line-height:36px; } .tg-productinfo{ width:100%; float:left; padding:20px; } .tg-productinfo .tg-theme-tag{ color:#373542;} .tg-producttitle{ width:100%; float:left; padding:10px 0; } .tg-producttitle h2{ margin:0; font-size:24px; line-height:24px; } .tg-producttitle h2 a{ color:#000;} .tg-productprice{ width:100%; float:left; padding:0 0 10px; } .tg-productprice h3{ margin:0; color:#000; font-size:18px; line-height:18px; } .tg-twocolumns .th-products .tg-pagination{ margin:15px 0 0; padding:30px 0 0; border-top:1px solid #aeaeae; } .th-products .tg-pagination{ width:100%; float:left; text-align:right; } .th-products .tg-pagination li{ float:none; display:inline-block; } /*============================================= Shop List Page =============================================*/ .tg-shoplist .tg-productimg{ width:auto; float:left; border:0; background:#373542; } .tg-shoplist .tg-productimg a{display:block;} .tg-shoplist .tg-productimg a:hover img{ opacity:0.20;} .tg-shoplist .tg-productinfo{ width:auto; float:none; padding:35px; overflow:hidden; border-left:1px solid #aeaeae; } .tg-product .tg-description{ margin:20px 0 0; padding:20px 0 0; border-top:1px solid #aeaeae; } .tg-product .tg-description p{} .tg-productcolorsize{ width:100%; float:left; padding:0 0 30px; } .tg-productsize{float:left;} .tg-productcolor{ float:right;} .tg-productsize span, .tg-productcolor span{ float:left; color:#272727; position:relative; padding:0 5px 0 20px; font:14px/26px 'Oswald', Arial, Helvetica, sans-serif; } .tg-productsize span:after, .tg-productcolor span:after{ top:0; left:0; position:absolute; font-family:'FontAwesome'; } .tg-productsize span:after{content:'\f065';} .tg-productcolor span:after{content:'\f040';} .tg-productsize .tg-checkbox, .tg-productcolor .tg-checkbox{ min-width:26px; width:auto; height:26px; float:left; margin:0 0 0 5px; } .tg-productsize .tg-checkbox label{padding:0 6px;} .tg-productcolor .tg-checkbox label{ border:1px solid #373542;} .tg-productcolor .tg-checkbox input[type=checkbox] + label.tg-colorone:before{ background:#ffcc33; border-color:#ffcc33; } .tg-productcolor .tg-checkbox input[type=checkbox] + label.tg-colortwo:before{ background:#ff336d; border-color:#ff336d; } .tg-productcolor .tg-checkbox input[type=checkbox] + label.tg-colorthree:before{ background:#ff7633; border-color:#ff7633; } .tg-productcolor .tg-checkbox input[type=checkbox] + label.tg-colorfour:before{ background:#339dff; border-color:#339dff; } .tg-productcolor .tg-checkbox input[type=checkbox] + label.tg-colorfive:before{ background:#b033ff; border-color:#b033ff; } .tg-productcolor .tg-checkbox input[type=checkbox]:checked + label:before{border:2px solid #fff;} .tg-btnaddtocart{ float:right; height:60px; line-height:56px; border:2px solid; } .tg-productquentity{ width:170px; float:left; height:60px; line-height:58px; position:relative; border:1px solid #aeaeae; } .tg-productquentity .minus, .tg-productquentity input, .tg-productquentity .plus{ width:auto; float:left; padding:0; border:0; height:58px; text-align:center; font-style:normal; line-height:58px; } .tg-productquentity .minus, .tg-productquentity .plus{ top:0; width:44px; z-index:2; font-size:18px; cursor:pointer; position:absolute; font-weight:bold; } .tg-productquentity .minus{left:0;} .tg-productquentity .plus{right:0;} .tg-productquentity input{ width:100%; z-index:1; padding:0 50px; position:relative; font:14px/58px 'Oswald', Arial, Helvetica, sans-serif; } /*============================================= Shop Detail =============================================*/ .tg-productdetail { border:0; margin:0; padding:0 0 80px; } .tg-productsliderbox{ width:100%; float:left; } .tg-productsliderbox figure{ width:100%; float:left; margin:0; } .tg-productsliderbox figure img{ display:block; margin:0 auto; } .tg-productlargeslider{ width:100%; float:left; overflow:hidden; margin:0 0 15px; border:1px solid #aeaeae; } .tg-productthumbslider{ width:auto; clear:both; margin:0 -8px; overflow:hidden; } .tg-productthumbslider .owl-item{ padding:0 8px; overflow:hidden; } .tg-productthumbslider .item{ width:100%; float:left; background:#373542; border:1px solid #aeaeae; } .tg-productthumbslider figure:hover img, .tg-productthumbslider .tg-active img{ opacity:0.20;} .tg-productdetail .tg-productinfo{padding:0;} .tg-productinfo .tg-description ul{ width:100%; float:left; padding:0 0 20px; list-style:none; } .tg-productinfo .tg-description ul li{ width:50%; float:left; position:relative; line-height:17px; padding:0 0 0 15px; list-style-type:none; } .tg-productinfo .tg-description ul li:before{ top:0; left:0; content:'\f0da'; position:absolute; font-family:'FontAwesome'; } .tg-productinfo .tg-description ul li + li + li{margin-top:10px;} .tg-productdetail .tg-productcolorsize{ padding:26px 0; margin:10px 0 26px; border-top:1px solid #aeaeae; border-bottom:1px solid #aeaeae; } .tg-productdetail .tg-btnaddtocart{ float:left; margin:0 30px; } .tg-productdetail .tg-btncheckout{ float:right; height: 60px; line-height: 56px; border: 2px solid; } .tg-productdetail .tg-btnaddtocart, .tg-productdetail .tg-btncheckout{ padding:0 45px;} .tg-themetabcontent .tg-comments{ padding:0;} .tg-themetabcontent .tg-reviews .tg-section-heading{ width:100%; float:left; } .tg-youmayalsolike{ width:100%; float:left; padding:0 0 80px; } .tg-relatedproductslider{ width:100%; float:left; overflow:hidden; position:relative; } .tg-relatedproductslider .tg-product{ margin:0;} .tg-fullcontrol{ width:100%; float:left; margin:30px 0 0; padding:30px 0 0; position:relative; text-align:right; border-top:1px solid #aeaeae; } .tg-fullcontrol > div{ position:static; display:inline-block; } .tg-fullcontrol > div.tg-pagination-slider{ width:auto; padding:0 30px; } /*============================================= Contact Us Page =============================================*/ .tg-contactinfobox{ width:100%; float:left; } .tg-contactus .tg-contactinfo li a, .tg-contactus .tg-contactinfo li i{color:#373542;} .tg-contactus .tg-contactinfo li i{line-height:20px;} .tg-mapcontent{ width:100%; float:left; } .tg-officeaddressnav{ width:100%; float:left; overflow:hidden; background:none; border:0; margin:60px 0 -150px ; position:relative; z-index:2; } .tg-officeaddressnav a{ width:100%; float:left; padding:30px; background:#373542; } .tg-officeaddressnav .tg-theme-tag{ margin:0 0 10px; color:#373542; } .tg-officeaddressnav .owl-item{ padding:0 15px;} .tg-officeaddressnav .item{ width:100%; float:left; padding:15px; } .tg-officeaddressnav .tg-section-heading h2{color:#fff;} .tg-officeaddressnav .tg-contactinfo > li > a{padding:0;} .tg-officeaddressnav .tg-contactinfo > li span, .tg-officeaddressnav .tg-contactinfo > li address{color:#fff;} .tg-officeaddressnav .item, .tg-officeaddressnav .item:hover .tg-theme-tag, .tg-officeaddressnav .owl-item.synced .item .tg-theme-tag{background:#373542;} .tg-officeaddressnav .item:hover .tg-section-heading, .tg-officeaddressnav .owl-item.synced .item .tg-section-heading{border-bottom-color:#373542;} .tg-officeaddressnav .item:hover .tg-section-heading h2, .tg-officeaddressnav .owl-item.synced .item .tg-section-heading h2{color:#373542;} .tg-officeaddressnav .item:hover .tg-contactinfo > li i, .tg-officeaddressnav .item:hover .tg-contactinfo > li span, .tg-officeaddressnav .item:hover .tg-contactinfo > li address, .tg-officeaddressnav .owl-item.synced .item .tg-contactinfo > li i, .tg-officeaddressnav .owl-item.synced .item .tg-contactinfo > li span, .tg-officeaddressnav .owl-item.synced .item .tg-contactinfo > li address{color:#373542;} .tg-mapcontent iframe{height:450px;} /* ============================================= Portfolio Style ============================================= */ .tg-portfolio {} .tg-filterbale-nav { width: 100%; float: left; list-style: none; padding: 0 0 15px; text-align: center; text-transform: uppercase; line-height:51px; font-family: 'Oswald', Arial, Helvetica, sans-serif; } .tg-filterbale-nav li { display: inline-block; vertical-align: middle; list-style-type: none; line-height: inherit; margin:0 7px 0 0; } .tg-filterbale-nav li a { color: #aeaeae; display: block; padding: 0 19px; line-height: inherit; background: #fff; border:1px solid #aeaeae; } .tg-filterbale-nav li a.active, .tg-filterbale-nav li a:hover{color:#373542;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ opacity:1; height:6px; margin:0; border-radius:0; background:#f7f7f7; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ opacity:1; height:6px; margin:0; border-radius:0; background:#373542; } .masonry-grid { width:335px; float: left; padding: 0; } .tg-project { float: left; width: 100%; overflow: hidden; background: #000; position: relative; } .tg-project figure { margin: 0; background:#373542; overflow: hidden; position:relative; } .tg-project figure .tg-playbtn{ width:40px; height:40px; background:url(../images/icon-play1.png); position:absolute; margin:-20px 0 0 -20px; top:-100px; left:50%; z-index:5; } .tg-project figure:hover .tg-playbtn{top:50%;} .tg-project figure img { z-index: 1; width: 100%; height: auto; display: block; position: relative; } .tg-project figure figcaption{ background:none; padding:0 30px; position:absolute; bottom:-50px; z-index:9; } .tg-project figure figcaption .tg-theme-tag{ margin:0 5px 0 0; color:#373542; cursor:pointer; } .tg-project figure figcaption h3{ width:100%; float:left; padding:20px 0; text-align:left; margin:0; color:#fff; } .tg-project figure:hover figcaption{bottom:0;} .tg-project figure:hover figcaption h3{padding-top:0;} .tg-project figure:hover img {opacity:0.40;} .tg-soccermedia-content2{ width:100%; height:auto; float:left; overflow:visible; padding:15px 0 0 0; } .tg-soccermedia-content2 .masonry-grid {width:20%;} .tg-soccermedia-content2 .tg-project figure figcaption .tg-theme-tag{margin:0 5px 10px 0;} .tg-soccermedia-content2 .tg-project figure figcaption h3{ padding:0; font-size:20px; line-height:23px; } .tg-soccermedia-content2 .tg-project figure figcaption{ bottom:-45px; padding:0 20px; } .tg-soccermedia-content2 .tg-project figure:hover figcaption{bottom:20px;} .tg-soccermedia-content2 .masonry-grid:hover .tg-project{ z-index:10; position:relative; border:2px solid #fff; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-box-shadow: 1px 1px 8px 2px rgba(55,53,66,0.7); box-shadow: 1px 1px 8px 2px rgba(55,53,66,0.7); } /* ============================================= 404 Error Style ============================================= */ .tg-404{ width:100%; float:left; text-align:center; } .tg-404 h2{ font-size:400px; line-height:370px; margin:0; position:relative; } .tg-404 h2 span{ width: 310px; height: 306px; background:url(../images/404-img.jpg); margin: 0 15px 0 0; display: inline-block; position: relative; left: 12px; background-position: bottom left; background-size: 100% auto; vertical-align: bottom; } .tg-404-content{ width:100%; float:left; } .tg-404-content .tg-description p{margin:0 0 30px;} .tg-404-content .tg-searcharea{display:block;} .tg-404-content .tg-searcharea fieldset{ margin:0; padding:0; border:0; } .tg-404-content .tg-searcharea .form-group{margin:0 0 30px;} .tg-404-content .tg-searcharea .form-group input{ width:100%; height:68px; } /* ============================================= Comming Soon Style ============================================= */ body.tg-comming-soon{ background:url(../images/bg-commingsoon.jpg) 100% bottom; background-size:cover; } body.tg-comming-soon .tg-main{ height:100%; padding:10%; } .tg-comming-sooncontent{ width:100%; height:100%; float:left; background:rgba(255, 255, 255, 0.90); display: flex; justify-content: center; align-items: center; align-content: center; } .tg-comming-sooncounter{ width:100%; float:left; } .tg-comming-sooncounter .timer_box{ width:33.33%; float:left; display: flex; justify-content: center; align-items: flex-end; align-content: flex-end; } .tg-comming-sooncounter .timer_box:first-child{ width:100%; margin:0 0 20px; } .tg-comming-sooncounter .timer_box:first-child h1{ font-size:350px; line-height:325px; margin:0 } .tg-comming-sooncounter .timer_box:first-child p{ font-size:100px; line-height:103px; } .tg-comming-sooncounter .timer_box h1{ float:left; font-size:80px; line-height:80px; margin:0 } .tg-comming-sooncounter .timer_box p{ font-size:25px; line-height:28px; font-family: 'Oswald', Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0; } .tg-comming-sooncounter .timer_box h1, .tg-comming-sooncounter .timer_box p{ display:inline-block; vertical-align:bottom; } .tg-leaguedetail{ width: 100%; float: left; } .points-table{ width: 100%; float: left; } .top-head{ background:#373542; color:#373542; } .second-head{ background:#212121; color:#fff; } .points-table tr th{ vertical-align:middle; border-bottom:0; text-transform:uppercase; } .points-table .position{ width:7px; padding:13px 20px; } .points-table .teamname{ padding:13px 20px; text-align:left; } .points-table tr .table-p{ width:5%; padding:13px 0; } .points-table .home{padding:13px 0;} .points-table .grid-score{ width:4%; padding:13px 6px; border:0; } .points-table tr th:nth-child(8), .points-table tr th:nth-child(13), .points-table tr th:last-child, .table-body tr td:nth-child(8), .table-body tr td:nth-child(13), .table-body tr td:last-child{border-right:1px solid #d2d2d2 !important;} .points-table .top-head th:nth-child(8), .points-table .top-head th:nth-child(13), .points-table .top-head th:last-child{border-color:#e2b01b !important;} .points-table .second-head th:nth-child(8), .points-table .second-head th:nth-child(13), .points-table .second-head th:last-child{border-color:#000 !important;} .table-body tr{background:#f7f7f7;} .table-body tr:nth-child(even){background:#ebebeb;} .table-body tr td{ font-weight:bold; color:#808080; text-transform:uppercase; } .table-body tr td figure{ float:left; margin:0 10px 0 0; } .points-table thead tr th, .points-table .table-body tr td{ border-top:0; border-bottom:0; } .table-body tr td.table-p{border-right:1px solid #d2d2d2;} .top-head th{border-color:#e2b01b !important;} .second-head th{border-color:#000;} /*-------------------Sticky-------------------*/ .sticky-queue{z-index:999996;position:fixed;width:320px;overflow:hidden;border-radius:5px;background:transparent;} .sticky-note{padding:20px;margin:0;line-height:15px} .sticky{font-size:12px;color:#555;position:relative} .sticky-close{position:absolute;top:5px;right:5px;height:11px;line-height:11px;width:11px;cursor:pointer;text-align:right} .sticky-close:before{content:"\2716"} .top-right{right:20px} .top-center{top:36px;left:50%;margin-left:-125px} .top-left{left:20px} .top-right,.top-center,.top-left{top:36px} .bottom-right{right:20px} .bottom-center{bottom:-2px;left:50%;margin-left:-125px} .bottom-left{left:20px} .bottom-right,.bottom-center,.bottom-left{bottom:36px} .border-top-right,.border-top-center,.border-top-left{margin-top:1px} .border-bottom-right,.border-bottom-center,.border-bottom-left{margin-top:1px} .success{background:#52c27d;color:#fff} .warning{background:#f89406;color:#fff} .important{background:#f15b5a;color:#fff} .system-site-wrap{width:100%;height:100%;z-index:99999;position:fixed;background-color:rgba(12, 12, 12, 0.51);} .system-site-wrap .system-loader{top:50%;left:50%;position:absolute;margin:-23px 0 0 -70px;} div.system-loader-wrap{top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:99999;position:absolute;background-color:rgba(0, 0, 0, 0.2);} .system-loader{top:0;left:45%;width:70px;margin:100px auto 0;text-align:center;position:absolute;} .system-loader > div{width:18px;height:18px;border-radius:100%;display:inline-block;background-color:#5dc560;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both;} .system-loader .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s;} .system-loader .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s;} .sp-profile-brochure .file_icon{font-size:20px;position:absolute;left:10px;top:10px;} .single-sp_jobs .tg-mapbox #location-pickr-map{height:260px;} @-webkit-keyframes sk-bouncedelay{0%, 80%, 100%{-webkit-transform:scale(0);transform:scale(0);} 40%{-webkit-transform:scale(1.0);transform:scale(1.0);} } @keyframes sk-bouncedelay{0%, 80%, 100%{-webkit-transform:scale(0);transform:scale(0);} 40%{-webkit-transform:scale(1.0);transform:scale(1.0);} } @media screen and (max-width: 922px) { .tg-ticket .tg-matchdetail { width: 230px; padding: 13px 0px 0px 0px; } }