/*-----------------------------------------------------------------------------------

     

        Theme Name: 24h News - Broadcast News TV Channel & News Magazine Template

      Description: News Magazine Template

      Author: Via-Theme

      Author URI: https://themeforest.net/user/via-theme

      Version: 1.0

     

    -----------------------------------------------------------------------------------*/

/* ================================ */

/* ======== TABLE OF CONTENTS ========= */

/* ================================ */

/*

    * 1.0 - Common Styles

     *   1.1 - Basic Layout Styles

     *   1.2 - Heading Styles

     *   1.3 - Pagination

     *   1.4 - Row

     *   1.5 - Module

     *    1.5.1 - Schedule Promo Module 

     *   1.6 - Add Place

     *   1.7 - Social Media

     *   1.8 - Labels

     *   1.9 - Rollover Thumbnail

     *   1.10 - Breadcrumbs

     *   1.11 - Read More

     *   1.12 - Play Icon

     *   1.13 - Hour / Date / Day

     *   1.14 - UI Top

     *   1.15 - Blockquote

     *   1.16 - List Styles

     *   1.17 - Buttons

     *   1.18 - Page Loading

     * 2.0 - Header

     *   2.1 - nav-top 

     *    2.1.1 - Search Button 

     *   2.2 - site-title

     *   2.3 - navbar 

     *   2.4 - nav-main 

     *   2.5 - nav-below-main

     *    2.5.1 - Clock / Date 

     *   2.6 - dropdown menu

     *   2.7 - sidenav off-canvas menu 

     * 3.0 - Main Section

     *   3.1 - News

     *   3.2 - Container-Full & Container-Half

     *   3.3 - Entry Block

     *   3.4 - Category List

     *   3.5 - Article

     *   3.6 - Tabs

     *   3.7 - Tabels

     *   3.8 - Post

     *   3.9 - Breaking News Ticker & News On-Air

     *   3.10 - Exchange Rates

     *   3.11 - Currency Converter

     * 4.0 - Sidebar

     *   4.1 - sidebar-newsfeed and sidebar-post 

     *   4.2 - sidebar-image and sidebar-block

     *   4.3 - sidebar-newsletter

     *   4.4 - calendar

     *   4.5 - sidebar-scroll

     *   4.6 - sidebar-weather

     * 5.0 - Footer

     *   5.1 - copyrights

     * 6.0 - Contact

     * 7.0 - Sport

     *   7.1 - Sport Promo

     *   7.2 - Sport Fixtures & Results

     *   7.3 - Tennis Results

     *   7.4 - article-list shopping / article-list tickets

     * 8.0 - 404 Error Page

     * 9.0 - Single Post Page

     *   9.1 - Author Post

     *   9.2 - Comment Section

     * 10.0 - Video Page

     * 11.0 - Parallax

     * 12.0 - Owl Carousel

     *   12.1 - News Slider

     *   12.2 - Gallery Slider

     * 13.0 - Flex Slider

     * 14.0 - Typography Page

     * 15.0 - About Us Page

     * 16.0 - Coming Soon Page

     

    ---------------------------------------------------------------------- */

  

/* ----------------------------------------------------------------

      1.0 - Common Styles

    -----------------------------------------------------------------*/

  

/* 1.1 - Basic Layout Styles

    -----------------------------------------------------------------*/

html {

  -webkit-font-smoothing: antialiased !important;

  overflow-x: hidden;

  width: 100%;

  height: 100%;

  position: relative;

  font-size: 62.5%;

}

body {

  font-family: 'Roboto', sans-serif;

  font-weight: 400;

  font-size: 1.45rem;

  font-style: normal;

  color: #262626;

  width: 100%;

  background-color: #FCFCFC;

  position: relative;

  -webkit-font-smoothing: antialiased;

}

body, aside, footer, header, nav, section {

  margin: 0;

  padding: 0;

}

.clearfix:before, .clearfix:after {

  content: " ";

  display: table;

}

.clearfix:after {

  clear: both;

}

p {

  margin-top: 0;

  line-height: 22px;

  margin: 0 0 8px;

  color: #777;

}

strong {

  font-weight: 500;

}

h1, h2, h3, h4, h5, h6 {

  margin: 0;

}

h1 {

  line-height: 44px;

  margin: 0 0 22px 0;

  font-size: 33px;

  font-size: 3.3rem;

}

h2 {

  font-size: 25px;

  font-size: 2.5rem;

  font-weight: 300;

  line-height: 42px;

  margin: 0 0 22px 0;

}

h3 {

  font-family: 'Roboto Slab', serif;

  font-size: 20px;

  font-size: 2rem;

  font-weight: 400;

  letter-spacing: normal;

  line-height: 1.45;

  margin-top: 6px;

}

h4 {

  font-size: 16px;

  font-size: 1.6rem;

  font-weight: 400;

  letter-spacing: normal;

  line-height: 24px;

  margin: 0;

}

h5 {

  font-size: 14px;

  font-size: 1.4rem;

  font-weight: 600;

  letter-spacing: normal;

  line-height: 18px;

  margin: 0 0 14px 0;

}

h6 {

  font-size: 12px;

  font-size: 1.2rem;

  font-weight: 400;

  letter-spacing: normal;

  line-height: 18px;

  margin: 0 0 14px 0;

}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {

  font-size: 14px;

  color: #999;

  position: absolute;

  right: 0;

  bottom: 5px;

}

hr {

  margin: 10px 0;

  border-top: 1px solid #eee;

}

#wrapper {

  position: relative;

}

.row.no-gutter [class*='col-']:first-child {

  padding-left: 0;

}

.row.no-gutter [class*='col-']:last-child {

  padding-right: 0;

}

.col-md-15 {

  position: relative;

  min-height: 1px;

  padding-right: 10px;

  padding-left: 10px;

}

table {

  border-collapse: collapse;

}

.text-bold {

  font-weight: 700;

}

.text-semibold {

  font-weight: 500;

}

.text-regular {

  font-weight: 400;

}

.text-light {

  font-weight: 300;

}

.text-thin {

  font-weight: 100;

}

.text-italic {

  font-style: italic;

}

.content-group-sm {

  margin-bottom: 15px!important;

  position: relative;

}

.no-margin {

  margin: 0 !important;

}

br {

  display: block;

  line-height: 22px;

}

.clear {

  clear: both;

}

b {

  font-weight: 600;

}

a {

  color: #777;

}

a:hover {

  text-decoration: none;

}

a:focus, a:hover {

  color: #999;

  text-decoration: none;

}

.last {

  margin-bottom: 14px;

}

.container {

  max-width: 1248px;

  padding: 0;

  width: 100%;

  position: relative;

}

ul {

  list-style: none;

  padding-left: 0;

  margin-bottom: 14px;

}

.image {

  position: relative;

  width: 100%;

}

.video-container {

  position: relative;

  width: 100%;

  height: 0;

  padding-bottom: 57%;

}

.video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0;

}

.list-inline > li {

  display: inline-block;

  padding-left: 0;

}

.container-fluid {

  padding: 0px;

}

.center {

  text-align: center;

}

/* 1.2 - Heading Styles

    -----------------------------------------------------------------*/

.title-style01 {

  display: block;

  width: 100%;

  border-bottom: 1px solid rgba(0, 0, 0, .1);

  padding-bottom: 0;

  margin-bottom: 1.125em;

}

.title-style01>h3 {

  display: inline-block;

  font-weight: 400;

  padding-bottom: 4px;

  margin-bottom: -2px;

  margin-top: 0;

}

.title-style01 h3 b {

  font-weight: 500;

  color: #333;

}

.title-style02 {

  width: 100%;

  background-color: #2c2c34;

  margin-top: 0;

  margin-bottom: 1.625em;

  height: 40px;

  padding: 6px 16px;

}

.title-style02 h3, .title-style02-light h3 {

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: .05em;

  color: #FFF;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  margin: 0;

  font-family: 'Roboto', sans-serif;

}

.title-style02 a {

  color: #ecedf2;

}

.title-style02 a:hover {

  color: #FFF !important;

}

.title-style02-light {

  width: 100%;

  background-color: #8A8A90;

  margin-top: 0;

  margin-bottom: 1.625em;

  height: 40px;

  padding: 6px 16px;

}

.title-style03 {

  padding: 1px 0 2px;

  color: #c2c2c2;

}

.underline03 {

  display: inline-block;

  padding-bottom: 10px;

  position: relative;

}

.underline03::after {

  background: rgba(112, 113, 124, 0.3);

  content: "";

  display: block;

  height: 2px;

  margin: 3px auto 5px;

  width: 250px;

}

.underline03::before {

  bottom: 7px;

  content: "";

  display: block;

  height: 2px;

  position: absolute;

  width: 30px;

}

.title-left.underline03::after {

  width: 280px;

  margin-left: 2px;

}

.title-left.underline03::before {

  left: 2px;

  margin-bottom: 8px;

}

.underline04 {

  display: inline-block;

  padding-bottom: 4px;

  position: relative;

}

.underline04::after {

  background: rgba(133, 133, 133, 0.5);

  content: "";

  display: block;

  height: 1px;

  margin: 3px auto 5px;

  width: 250px;

}

.title-left.underline04::after {

  width: auto;

  margin-left: 2px;

}

.title-left.underline04::before {



  margin-left: 2px;

  margin-bottom: 2px;

}

.container-half .title-left.underline04::after {

  width: auto;

  margin-left: 22px;

}

.container-half .title-left.underline04::before {

  margin-left: 22px;

  margin-bottom: 2px;

}

.underline04::before {

  bottom: 7px;

  content: "";

  display: block;

  height: 2px;

  position: absolute;

  width: 30px;

}

.center-title {

  text-align: center;

  width: 100%;

  margin: 0 6px 1.625rem;

}

.title-style05 {

  text-transform: uppercase;

  text-align: center;

}

.title-style05.style-01 {

  color: #fff;

  position: relative;

  display: inline-block;

  border-radius: 2px;

  font-weight: 500;

  padding: 8px 35px;

  letter-spacing: .03em;

}

.title-style05.style-02 {

  color: #2c2c34;

  text-align: center;

  font-weight: 600;

}

.title-style05.style-02 span {

  display: inline-block;

  font-weight: 400;

}

.title-line-left, .title-line-right {

  display: inline-block;

  width: 200px;

  height: 1px;

  margin-top: 20px;

  position: relative;

}

.title-line-left::after, .title-line-right::after {

  content: '';

  width: 100%;

  height: 1px;

  background: #e3e2e2;

  position: absolute;

  bottom: 4px;

  left: 0;

}

.block-title-1 {

  display: table;

  table-layout: fixed;

  width: 100%;

  height: 40px;

  position: relative;

  border-radius: 1px;

  padding: 6px 16px 6px;

  margin-bottom: 1px;

  text-transform: uppercase;

}

.block-title-1 h3 {

  margin-bottom: 0 !important;

}

.block-title-1 h3 a::after, .block-title-2 h3 a::after {

  font-size: 18px;

  content: "\f105";

  color: #fff;

  font-family: "FontAwesome";

  position: absolute;

  right: 16px;

  top: 6px;

}

.block-title-2 {

  display: table;

  table-layout: fixed;

  width: 100%;

  height: 40px;

  position: relative;

  border-radius: 1px;

  padding: 6px 16px 6px;

  margin-bottom: 1.625em;

  text-transform: uppercase;

}

.block-title-3 {

  display: table;

  table-layout: fixed;

  width: 100%;

  height: 40px;

  position: relative;

  border-radius: 1px;

  padding: 6px 16px;

  background-color: #212126;

  text-transform: uppercase;

  letter-spacing: .5px;

  font-weight: 400;

}

.block-title-1 a, .block-title-1 a:hover, .block-title-2 a, .block-title-2 a:hover {

  color: #FFF !important;

}

.block-title-1 h3, .block-title-2 h3, .block-title-3 h3 {

  margin-top: 0;

  font-family: 'Roboto', sans-serif;

}

.block-title-3 h3 {

  text-align: center;

  color: #ced2d9;

}

.block-title-3 h3 a {

  color: #ced2d9;

}

.block-title-3 h3 a:hover {

  color: #FFF !important;

}

/* 1.3 - Pagination

    -----------------------------------------------------------------*/

.pagination {

  margin: 0 0 14px;

}

.pagination>li>a {

  min-width: 36px;

  text-align: center;

}

.pagination > li > a {

  color: #666;

}

/* 1.4 - Row

    -----------------------------------------------------------------*/

.row {

  width: auto;

  float: none;

  display: block;

  margin-right: auto;

  margin-left: auto;

  margin-top: 0;

  max-width: 1286px;

  padding: 0;

}

/* 1.5 - Module

    -----------------------------------------------------------------*/

.highlight {

  background-color: #ececed;

}

.module {

  position: relative;

  height: auto;

}

.module-top {

  position: relative;

  height: auto;

  padding-top: 0;

}

.dark {

  background-color: #141417;

  overflow: hidden;

}

.dark .video-post_content p {

  color: #CCC;

}

.module-title {

  margin-bottom: 1.625em;

  height: 40px;

  display: table;

  position: relative;

}

.module-title .title span {

  margin: 0;

  padding: 6px 16px;

  color: #fff;

  text-transform: uppercase;

  border-radius: 1px;

  font-weight: 500;

  display: table-cell;

}

.module-title h3 {

  margin-top: 0;

  letter-spacing: .5px;

  font-family: 'Roboto', sans-serif;

}

.module-title .subtitle {

  margin: 0;

  text-transform: uppercase;

  display: table-cell;

  font-weight: 500;

  letter-spacing: .5px;

  color: #49494d;

}

.module-title .subtitle::before {

  font-family: "FontAwesome";

  content: '\f105';

  padding: 0 14px 0 18px;

  font-style: normal;

  color: #5e5e66;

}

.module-media {

  padding-bottom: 6px;

  position: relative;

  margin-bottom: 1.3em;

  margin-top: 6px;

}

.module-media img {

  width: 100%;

}

/* 1.5.1 - Schedule Promo Module */

.schedule-logo {

  width: auto;

  height: auto;

  border-radius: 3%;

  opacity: 1;

  padding: 6px 16px;

  z-index: 999;

  letter-spacing: .03em;

  display: inline-block;

  margin-bottom: 8px;

}

.schedule-logo a, .schedule-logo a:hover {

  color: #FFF!important;

  display: inline;

  text-transform: uppercase;

}

.square1, .square2, .square3, .square4, .square5, .square6, .square7, .square8, .square9, .square10, .square11 {

  position: absolute;

  width: 9em;

  height: 9em;

  margin: -1em auto auto -1em;

  transform-origin: 50% 50%;

  border-radius: 2%;

  opacity: 0;

  animation: square1 11s ease-in-out infinite;

}

.square2 {

  animation-delay: 2.5s;

  top: 20%;

  left: 50%;

  border: 3px solid rgba(0, 0, 0, .6);

}

.square3 {

  animation-delay: 5s;

  top: 20%;

  left: 10%;

  border: 4px solid rgba(65, 65, 77, .4);

}

.square4 {

  animation-delay: 1.5s;

  background-color: #333;

  top: 40%;

  left: 70%;

}

.square5 {

  animation-delay: 4.8s;

  top: 40%;

  left: 70%;

  border: 5px solid rgba(65, 65, 77, .3);

  background-color: #333;

}

.square6 {

  animation-delay: 4.5s;

  top: 40%;

  left: 60%;

  border: 9px solid rgba(65, 65, 77, .3);

}

.square7 {

  animation-delay: 2.5s;

  top: 50%;

  left: 20%;

  border: 4px solid rgba(65, 65, 77, .2);

}

.square8 {

  animation-delay: 4s;

  top: 20%;

  left: 40%;

  border: 3px solid rgba(139, 139, 153, .4);

}

.square9 {

  animation-delay: 3.5s;

  background-color: rgba(139, 139, 153, .3);

  top: 50%;

  left: 50%;

}

.square10 {

  animation-delay: 3.3s;

  border: 4px solid;

  top: 30%;

  left: 50%;

}

.square11 {

  animation-delay: 4.7s;

  border: 3px solid;

  top: 30%;

  left: 20%;

}

@keyframes square1 {

 0% {

 transform: scale(0);

 opacity: 0;

}

 33% {

 opacity: .05;

}

 66% {

 opacity: .5;

}

 99% {

 opacity: 0;

}

 100% {

 transform: scale(1.7);

}

}

.show-info {

  width: auto;

  position: relative;

  z-index: 300;

}

.show-info h3 {

  display: block;

  color: #CCC;

  margin-top: 0;

}

.show-info h2 {

  font-size: 3rem;

  font-weight: 400;

  display: inline;

  color: #FFF;

  text-transform: uppercase;

  margin-bottom: 0;

  line-height: 1.2;

}

.show-info-button {

  position: relative;

  display: inline-block;

  padding: 6px 12px;

  margin: 10px 0;

  border-radius: 2px;

  color: #FFF;

}

.show-info-button:hover {

  color: #FFF!important;

}

.show-info-button.bg-13:hover {

  color: #333!important;

}

.figure img {

  width: 260px;

  position: absolute;

  bottom: -20px;

  right: 0;

  z-index: 99999;

  display: inline;

}

/* 1.6 - Add Place

    -----------------------------------------------------------------*/

.sidebar-add-place, .top-sidebar-add-place {

  margin-bottom: 1.625em;

  text-align: center;

}

.top-sidebar-add-place h3 {

  margin-top: 0;

}

.add-place {

  margin: 30px 0;

  text-align: center;

}

.bottom-add-place {

  margin-bottom: 1.625em;

  text-align: center;

}

.add-place img, .sidebar-add-place img, .top-sidebar-add-place img, .bottom-add-place img {

  width: auto;

}

.sponsored, .sponsored:focus {

  display: block;

  text-align: center;

  color: #FFF;

  text-transform: uppercase;

  margin: 0 auto 1.25em;

  white-space: nowrap;

  border-radius: 1px;

  height: 40px;

  width: 400px;

  padding: 6px 16px;

  font-family: 'Roboto', sans-serif;

}

.sponsored-gray, .sponsored-gray:focus {

  display: block;

  text-align: center;

  color: #FFF;

  text-transform: uppercase;

  letter-spacing: .05em;

  margin: 0 auto 1px;

  white-space: nowrap;

  border-radius: 2px;

  height: 40px;

  background-color: #2c2c34;

  width: 400px;

  padding: 8px 16px;

}

.sponsored-gray {

  color: #FFF!important;

}

.header-add-place {

  overflow: hidden;

  padding: 20px 0;

  float: right;

  display: inline;

}

.header-add-place .desktop-add {

  margin: 0 auto;

  text-align: center;

}

/* 1.7 - Social Media

    -----------------------------------------------------------------*/

.google-plus{
  background-color: #dd4b39;
}

.google-plus i{
color: white;
}

.left-top-menu .linkedin {
  color: #FFF;
  background-color: #0976b4;
}

.left-top-menu .twitter{
  color: #FFF;
  background-color: #2e9edd;

}

.left-top-menu .facebook {
  background-color: #3b5998;
  color: white;

}

.left-top-menu .youtube {
  background-color: #e52d27;
    color: white;
}


.left-top-menu .instagram{
  background-color: #3f729b;
    color: white;
}

.left-top-menu .whatsapp{
  background-color: #25d366;
    color: white;
}

.follow .fa{
  color: white;
}

.google-plus, .linkedin, .twitter, .facebook{
  display: inline-block;
  
}



.menu-social-icons {

  overflow: hidden;

  padding: 6px 3px 0;

  margin-bottom: 3px;

}

.menu-social-icons li, .sidebar-social-icons li {

  float: left;

  width: 30px;

  margin-right: 16px;

}

.menu-social-icons li:last-child, .sidebar-social-icons li:last-child {

  margin-right: 0;

}

.sidebar-social-icons li:last-child {

  margin-right: 11px;

}

.sidebar-social-icons li a:hover, .menu-social-icons li a:hover {

  color: #FFF !important;

}

.menu-social-icons a {

  text-align: center;

  line-height: 40px;

  font-size: 1.3em;

  margin: 0;

  background-color: #f2f2f4;

  float: left;

  width: 40px;

  height: 40px;

  border-radius: 2px;

}

.sidebar-social-icons a {

  text-align: center;

  line-height: 40px;

  font-size: 1.3em;

  margin: 0;

  float: left;

  width: 40px;

  height: 40px;

  border-radius: 2px;

}

.menu-social-icons .google-plus:hover, .sidebar-social-icons .google-plus {

  color: #FFF;

  background-color: #dd4b39;

}

.menu-social-icons .linkedin:hover, .sidebar-social-icons .linkedin {

  color: #FFF;

  background-color: #0976b4;

}

.menu-social-icons .facebook:hover, .sidebar-social-icons .facebook {

  color: #FFF;

  background-color: #3b5998;

}

.menu-social-icons .twitter:hover, .sidebar-social-icons .twitter {

  color: #FFF;

  background-color: #2e9edd;

}

.menu-social-icons .youtube:hover, .sidebar-social-icons .youtube {

  color: #FFF;

  background-color: #e52d27;

}

.menu-social-icons .pinterest:hover, .sidebar-social-icons .pinterest {

  color: #FFF;

  background-color: #be0216;

}

.menu-social-icons .rss:hover, .sidebar-social-icons .rss {

  color: #FFF;

  background-color: #f90;

}

.menu-social-icons .tumblr:hover, .sidebar-social-icons .tumblr {

  color: #FFF;

  background-color: #36465d;

}

.sidebar-social-icons .google-plus:hover, .sidebar-social-icons .linkedin:hover, .sidebar-social-icons .facebook:hover, .sidebar-social-icons .twitter:hover, .sidebar-social-icons .youtube:hover, .sidebar-social-icons .pinterest:hover, .sidebar-social-icons .rss:hover, .sidebar-social-icons .tumblr:hover {

  opacity: .8;

}

.sidebar-social-icons {

  padding: 0;

  margin-bottom: 1.625em;

  margin-top: 0;

  height: auto;

  display: inline-block;

}

/* 1.8 - Labels

    -----------------------------------------------------------------*/

.label-1, .label-2, .label-3, .label-4, .label-5, .label-6, .label-7, .label-8, .label-9, .label-10, .label-11, .label-12, .label-14 {

  padding: 4px 6px;

  letter-spacing: .03em;

  font-weight: 400;

  color: #FFF;

  position: absolute;

  bottom: 4px;

  left: -3px;

  right: auto;

  top: auto;

  text-align: center;

  border-radius: 1px;

  text-transform: uppercase;

  border: none;

  margin-left: 16px;

  margin-bottom: 10px;

  z-index: 2;

}

a:hover[class^="label-"] {

  color: #FFF !important;

}

.entry-media a[class^="label-"] {

  bottom: 9px;

  margin-left: 22px;

}

.container-half .entry-media a[class^="label-"] {

  margin-bottom: 16px;

}

.label-13 {

  padding: 4px 6px;

  font-weight: 500;

  color: #FFF;

  position: absolute;

  bottom: 8px;

  left: 0;

  right: auto;

  top: auto;

  text-align: center;

  border-radius: 1px;

  border: none;

  margin-left: 10px;

}

.label-1, .bg-1 {

  background-color: rgba(212, 0, 4, 1.00);

  color: #FFF;

  border-radius: 1px;

}

.label-2, .bg-2 {

  background-color: rgba(64, 169, 255, 1.00);

  color: #FFF;

  border-radius: 1px;

}

.label-3, .bg-3 {

  background-color: rgba(0, 70, 154, 1.00);

  color: #FFF;

  border-radius: 1px;

}

.label-4, .bg-4 {

  background-color: rgba(76, 176, 80, 1.00);

  color: #FFF;

  border-radius: 1px;

}

.label-5, .bg-5 {

  background-color: rgba(100, 65, 165, 1.00);

  color: #FFF;

  border-radius: 1px;

}

.label-6, .bg-6 {

  background-color: rgba(255, 152, 0, 1.00);

  color: #FFF;

  border-radius: 1px;

}

.label-7, .bg-7 {

  background-color: rgba(255, 64, 17, 1.00);

  color: #FFF;

  border-radius: 1px;

}

.label-8, .bg-8 {

  background-color: rgba(57, 201, 187, 1.00);

  color: #FFF;

  border-radius: 1px;

}

.label-9, .bg-9 {

  background-color: rgba(234, 2, 83, 1.00);

  color: #FFF;

  border-radius: 1px;

}

.label-10, .bg-10 {

  background-color: rgba(100, 102, 108, 1.00);

  color: #FFF;

  border-radius: 1px;

}

.label-11, .bg-11 {

  background-color: rgba(44, 44, 52, 1.00);

  color: #FFF;

  border-radius: 1px;

}

.label-12, .bg-12 {

  background-color: rgba(0, 0, 0, 1.00);

  color: #FFF;

  border-radius: 1px;

}

.label-12, .bg-12 {

  background-color: rgba(0, 0, 0, 1.00);

  color: #FFF;

  border-radius: 1px;

}

.label-13, .bg-13 {

  background-color: rgba(239, 241, 242, 0.9);

  color: #141417;

  border-radius: 1px;

}

.label-14, .bg-14 {

  background-color: rgba(0, 0, 0, .7);

  color: #ced2d9;

  border-radius: 1px;

}

/* 1.9 - Rollover Thumbnail

    -----------------------------------------------------------------*/

span.rollover {

  -o-transition-duration: .5s;

  -moz-transition-duration: .5s;

  -webkit-transition: -webkit-transform .5s;

  background: url(../images/zoom.png) center center no-repeat #FFF;

  cursor: pointer;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: 10;

  opacity: 0;

}

span.rollover:hover {

  opacity: .7;

  -o-transition-duration: .5s;

  -moz-transition-duration: .5s;

  -webkit-transition: -webkit-transform .5s;

}

.rollover-thumbnail {

  box-shadow: none;

  border-radius: 1px;

  position: relative;

  margin-bottom: 14px;

}

/* 1.10 - Breadcrumb

    -----------------------------------------------------------------*/

.breadcrumb {

  border-radius: 0;

  margin-bottom: 0;

  background-color: transparent;

  padding-left: 0;

}

.breadcrumb > .active {

  color: #999;

}

.breadcrumb-line {

  position: relative;

  margin-left: 0;

  padding: 4px 15px;

}

.breadcrumb-line h5 {

  margin-top: 4px;

  margin-bottom: 4px;

}

.breadcrumb > li + li::before {

  padding: 0 5px;

  color: #333;

  content: "\203A\00a0";

}

/* 1.11 - Read More

    -----------------------------------------------------------------*/

.read-more {

  display: inline-block;

  text-transform: uppercase;

  border-radius: 2px;

  position: absolute;

  bottom: 10px;

  padding-left: 0;

  cursor: pointer;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

  font-size: .875em;

  font-weight: 400;

  color: #999;

}

.read-more::before {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 20px;

  height: 1px;

  content: '';

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

  background-color: #999;

}

.read-more:hover:before {

  width: calc(100% - 2px);

}

/* 1.12 - Play-Icon

    -----------------------------------------------------------------*/

.play-icon {

  background: rgba(236, 26, 46, .8);

  border-radius: 14%;

  color: #fff;

  cursor: pointer;

  left: 10px;

  position: absolute;

  top: 10px;

}

.play-icon {

  font-size: 12px;

  padding: 5px 9px 6px 10px;

  margin-top: 4px;

  margin-left: 12px;

  opacity: .8;

}

.play-icon:hover {

  opacity: 1;

}

[class^="play-"] {

 font-family: "FontAwesome";

 speak: none;

 font-style: normal;

 font-weight: 400;

 font-variant: normal;

 text-transform: none;

 line-height: 1;

 -webkit-font-smoothing: antialiased;

 -moz-osx-font-smoothing: grayscale;

}

.play-icon::before {

  content: "\f04b ";

}

/* 1.13 - Hour / Date / Day

    -----------------------------------------------------------------*/

.hour {

  border-left: 1px solid #999;

  padding-left: 4px;

}

.schedule-hour {

  padding-left: 16px;

  margin-top: .7em;

}

.date {

  border-right: 1px solid #999;

  padding-right: 5px;

}

.day {

  padding-right: 5px;

}

/* 1.14 - UI Top

    -----------------------------------------------------------------*/

#toTop {

  display: none;

  text-decoration: none;

  position: fixed;

  bottom: 10px;

  right: 10px;

  overflow: hidden;

  width: 41px;

  height: 41px;

  border: none;

  background: url(../images/ui.totop.png) no-repeat left top;

  z-index: 1000;

}

#toTopHover {

  background: url(../images/ui.totop.png) no-repeat left -40px;

  width: 40px;

  height: 40px;

  display: block;

  overflow: hidden;

  float: left;

  opacity: 0;

  -moz-opacity: 0;

}

/* 1.15 - Blockquote 

    -----------------------------------------------------------------*/

.blockquote {

  padding: 6px 12px;

  margin: 0;

  position: relative;

}

.blockquote_style01 {

  margin: 24px 30px;

  border-top: 1px solid #e3e2e2;

  border-bottom: 1px solid #e3e2e2;

}

.blockquote_style01 {

  padding: 8px 10px 8px 20px;

  border-left: none;

}

.blockquote_style02 {

  padding: 3px 0 0 30px;

  color: #2c2c34;

  margin-bottom: 20px;

}

.blockquote_style03 {

  padding: 3px 0 0 30px;

  color: #2c2c34;

  border-left: 3px solid #e3e2e2;

  margin-bottom: 20px;

}

.blockquote_style01::before {

  position: absolute;

  top: 10px;

  left: 0;

  font-size: 36px;

  font-weight: 600;

  line-height: 1;

  content: '“';

}

.blockquote_style02 cite, .blockquote_style03 cite {

  text-transform: uppercase;

}

.blockquote_style02 h4 {

  line-height: 1.4;

  padding-bottom: 16px;

}

.blockquote_style03 h5 {

  line-height: 1.4;

  font-weight: 400;

  padding-bottom: 6px;

  margin: 0;

}

.blockquote-source {

  display: block;

  font-size: .775em;

  margin-top: 6px;

  color: #999;

}

.blockquote_style01 h4 {

  font-weight: 500;

  color: #999;

  letter-spacing: .03em;

  text-transform: uppercase;

  font-style: italic;

  margin: 0;

}

.blockquote cite {

  font-style: normal;

  font-size: .875em;

}

.blockquote_style01 .blockquote_author {

  font-weight: 500;

  padding-top: 14px;

}

.blockquote_author {

  display: block;

  font-weight: 600;

  line-height: 1;

  color: #222;

}

.blockquote_style01 .blockquote_author::before {

  display: inline-block;

  width: 16px;

  height: 1px;

  margin-top: 6px;

  margin-right: 15px;

  line-height: 1;

  vertical-align: top;

  background-color: #999;

  content: '';

}

blockquote img {

  height: 42px;

  width: auto;

  float: left;

  margin-right: 20px;

}

.typography-blockquote {

  margin-bottom: 62px;

}

/* 1.16 - List Styles

    -----------------------------------------------------------------*/

.list li {

  position: relative;

  margin-bottom: 3px;

  padding-left: 0;

}

.list li::before {

  position: absolute;

  top: 0;

  left: 0;

  transition: all .3s;

}

.list>li, .list>li .list>li {

  margin-top: 4px;

}

.list>li:first-child {

  margin-top: 0;

}

.list-mark-1 li::before {

  top: 3px;

  font: normal normal normal 14px/1 FontAwesome;

  color: #999;

  content: '\f105';

}

.list-mark-1 li, .list-mark-2 li {

  padding-left: 20px;

}

.list-mark-2 li::before {

  top: 3px;

  font: normal normal normal 14px/1 FontAwesome;

  color: #999;

  content: '\f046';

}

/* 1.17 - Buttons

    -----------------------------------------------------------------*/

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-primary:focus {

  background: #83838f;

  border-radius: 2px;

  text-shadow: none;

  background-image: none;

  box-shadow: none;

  border: none;

}

.btn-default {

  background-color: #939399;

  color: #fefefe;

  border-radius: 2px;

  text-shadow: none;

  background-image: none;

  box-shadow: none;

  border: none;

}

.btn-default:hover {

  color: #fefefe;

  border-radius: 2px;

  text-shadow: none;

  background-image: none;

  box-shadow: none;

  border: none;

}

.btn-default.active, .btn-default:visited, .btn-default:focus {

  color: #FFF;

}

.btn-lg {

  padding: 12px 46px;

  margin-bottom: 20px;

}

.btn-black {

  background-color: #212121;

  color: #fff;

}

.btn-icon {

  padding-left: 9px;

  padding-right: 9px;

}

.btn {

  position: relative;

  border-radius: 2px;

}

.input-group-btn>.btn {

  height: 34px;

  padding: 5px 10px;

  border-radius: 2px;

}

.input-group-btn>.btn:hover {

  color: #FFF;

}

.btn-success {

  color: #fff;

  background-color: #49494d;

  border: none;

  background-image: none;

  border-radius: 1px;

}

.btn-success.disabled {

  background-color: #49494d;

}

.btn-success:focus, .btn-success.disabled:focus {

  color: #fff;

  background-color: #d4000e;

  border: none;

}

/* 1.19 Page Loading

-----------------------------------------------------------------*/

#pageloader {

  width: 100%;

  height: 100%;

  position: fixed;

  background-color: #FFF;

  z-index: 999999;

}

.loader-item {

  position: absolute;

  width: auto;

  height:height;

  margin: -25px 0 0 -25px;

  top:50%;

  left:50%;

  text-align:center;

}

.loader-item h2 {

  color:#ccc;

  margin:0 auto;

  font-size:20px;

}

/* ----------------------------------------------------------------

      1.0 - Common Styles End

    -----------------------------------------------------------------*/



/* ----------------------------------------------------------------

      2.0 - Header

    -----------------------------------------------------------------*/

header {

  height: 250px;

}

/* 2.1 - Top-menu 

    ---------------------------------------------------------------------- */

.top-menu {

  height: 40px;

  background-color: #2c2c34;

  margin: 0px;

  padding: 0px;

  width: 100%;

}

.top-menu ul {

  margin: 0;

  padding: 0;

}

.top-menu ul li {

  list-style: none;

  float: left;

  margin: 0;

  padding: 0;

}

.top-menu ul li a {

  color: #BBBABB;

  display: inline-block;

  padding: 0 15px;

  height: 40px;

  line-height: 40px;

  border-left: 1px solid #4c4c59;

}

.top-menu ul li a:hover {

  color: #FFF !important;

  text-decoration: none;

}

.corona{
  border: 1px solid #9b0658;
  color: #9b0658;
  background-color: white;
}

.corona > a {
  color: #9b0658!important;
}
.corona > a:hover{
  color: white!important;

}


/* 2.1.1 - Search Button

    -----------------------------------------------------------------*/

.search-container *, .search-container:after, .search-container:before {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  box-sizing: border-box;

}

.search-container:focus {

  background: #fbfbfb;

  color: #333;

  outline: 0;

  float: right;

}

.search-container {

  display: table;

  position: relative;

  width: 40px;

  height: 40px;

  float: right;

}

.search-icon-btn {

  display: table-cell;

  height: 40px;

  color: white;
  background-color: #d58512 !important;

  position: relative;

  text-align: center;

  vertical-align: middle;

  width: 40px;

  z-index: 2;

}

.search-input {

  position: absolute;

  right: 0;

  z-index: 1;

}

input.search-bar {

  border: 2px solid #2c2c34;
  background-color: #d4cdcd;

  height: 40px;

  padding: 0 10px;

  width: 350px;


}

.search-input input.search-bar:focus {

  padding-left: 60px;

  padding-right: 10px;

  width: 200px;

  background-color: #f2f2f4;

  color: #939399;

}

.search-input input.search-bar, .search-icon-btn {

  -webkit-transition: all .5s;

  -moz-transition: all .5s;

  -ms-transition: all .5s;

  -o-transition: all .5s;

  transition: all .5s;

}

.search-container:hover > .search-input input.search-bar {
  padding-left: 60px;
  padding-right: 10px;
  width: 300px;
  background-color: #f2f2f4;
}

.covid{
  background-color: #6f023e;
}

.newsLetter{
      float: right;
          height: 40px;
          position: relative;
          
}


#forms2{
  display: flex;
  padding-top: 3px;
}

.input-group {
    display: inherit;
        /*margin-bottom:0 !important;*/
        width: 300px;
            display: flex;
}

.newsBtn{
  background-color: #444444;
  color: white;
}

.btns{
  color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btns:hover{
    background-color: #d58512 !important;
    color: #fff;
}
/* 2.2 - Header Logo 

    ---------------------------------------------------------------------- */

.header-logo {

  display: inline-block;

  font-weight: 700;

  margin-top: 34px;

  padding: 0;

  border: none;

  width: 300px;

  position: relative;

}

.header-logo h1 {

  color: #818285;

  font-weight: 400;

  display: inline;

  line-height: 1.1;

}

.header-logo h1 span {

  color: #515252;

  font-weight: 700;

}

.header-logo h4 {

  color: #2C2C34;

  font-weight: 400;

  margin: 0;

}

.header-logo img {

  margin: 8px 10px 8px 0;

  float: left;

  display: inline;

  max-width: 100%;

}

.sidenav-header-logo {

  display: none;

}

.sidenav-header-logo {

  display: none;

  font-weight: 700;

  margin-top: 12px;

  padding: 0;

  border: none;

  width: 200px;

  position: relative;

  height:63px;

}

.sidenav-header-logo h2 {

  color: #818285;

  font-weight: 400;

  line-height: 1.1;

  margin: 0;

  display: inline;

}

.sidenav-header-logo h2 span {

  color: #515252;

  font-weight: 700;

}

.sidenav-header-logo h5 {

  color: #2C2C34;

  font-weight: 400;

  line-height: 1.3;

  margin-top: 0;

}

.sidenav-header-logo img {

  /*margin: 7px 6px 8px 0;*/

  margin: 0px 6px 0px 0;

  float: left;

  display: inline-block;

  width: 180px;

}

/* 2.3 - navbar 

    ---------------------------------------------------------------------- */

.follow{
   display: none;
}


.affix.navbar {

  z-index: 1030;

  top: 0;

  width: 100%;

}

.navbar {

  margin-bottom: 0;

  border-width: 0;

  padding-left: 0;

  padding-right: 0;

  min-height: 0;

  border-radius: 0;

}

.navbar-nav > li > a {

  text-shadow: none;

  color: #FFF;

}

/* Headroom */

.headroom {

  -webkit-transition: top .4s ease-in-out, bottom .4s ease-in-out;

  -o-transition: top .4s ease-in-out, bottom .4s ease-in-out;

  transition: top .4s ease-in-out, bottom .4s ease-in-out;

}


.navbar-nav {

  margin: 0;

}

.nav>li {

  position: relative;

  display: block;

  text-transform: uppercase;

  border-left: 1px solid rgba(255, 255, 255, .2);

}

.nav .mega-dropdown li {

  text-transform: none;

}

.nav .mega-dropdown p:last-child {

  margin-bottom: 0;

}

.nav>li>a {

  position: relative;

  display: block;

  padding: 10px 15px;

}

.nav > li > a:focus, .nav > li > a:hover {

  text-decoration: none;

  background: transparent;

}

.navbar-collapse {

  padding-left: 0;

  padding-right: 0;

}

/* 2.4 - nav-main 

    ---------------------------------------------------------------------- */

.nav a:active {

  color: #000;

}

/* 2.5 - nav-below-main

    ---------------------------------------------------------------------- */

#nav-below-main {
  z-index: 1;
  width: 100%;
    /*z-index: -99;*/
  border-bottom: solid 1px #e3e3e3;

  background-color: rgba(255, 255, 255, .95);

}

#nav-below-main .navbar-collapse {

  padding-left: 0;

  float: left;

}

#nav-below-main .nav li a {

  height: 40px;

  color: #49494d;

  font-weight: 400;

  font-size: 1em;

  padding: 0 12px;

  line-height: 40px;

}

#nav-below-main .nav li a:hover {

  background: rgba(255, 255, 255, 0);

}

#nav-below-main .nav li a::before {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0;

  height: 2px;

  content: '';

  margin-left: 4px;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

}

#nav-below-main .nav li a:hover:before {

  width: calc(100% - 6px);

}

.currentLink {

  height: 40px;

}

/* 2.5.1 - Clock / Date

    -----------------------------------------------------------------*/

.clock {

  float: right;

}

#date {

  margin-right: 5px;

  margin-top: 9px;

  width: auto;

  color: #333;

  text-align: center;

  font: 15px/22px Roboto, Helvetica, Arial, sans-serif;

  float: right;

}

#time {

  margin: 7px 0;

  position: relative;

  padding: 2px;

  width: 100px;

  height: 25px;

  color: #fff;

  text-align: center;

  font: 15px/22px Roboto, Helvetica, Arial, sans-serif;

  float: right;

  border-radius: 2px;

}

/* 2.6 - dropdown menu

    ---------------------------------------------------------------------- */


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.dropdown-menu > li > a:hover {
  color: black!important;
}
.dropdown-menu > li > a:focus {
  outline: none;
}


/*.mega-dropdown {

  position: static!important;

  cursor: pointer;

}

.dropdown-menu {

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 1000;

  display: none;

  float: left;

  padding: 0;

  margin: 2px 0 0;

  text-align: left;

  list-style: none;

  background-color: #fff;

  border:0;

  border-radius: 2px;

}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  
  top: 0;
  left: 100% !important;
  margin-top: -1px;
}

.dropdown-menu > li > a {

  display: block;

  padding: 10px 15px;

  clear: both;

  font-weight: 400;

  line-height: 1.42857143;

  color: #333;

  white-space: nowrap;

  -webkit-transition: all .1s ease-in-out;

  -moz-transition: all .1s ease-in-out;

  -ms-transition: all .1s ease-in-out;

  -o-transition: all .1s ease-in-out;

  transition: all .1s ease-in-out;

}

#fixed-navbar-toggle li ul {

  display: block;

  left: 0;

  z-index: 10;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: 400ms ease;

  -moz-transition: 400ms ease;

  -o-transition: 400ms ease;

  transition: 400ms ease;

}

.open > .dropdown-menu {

  display: block;

}

#fixed-navbar-toggle ul > li:hover ul {

  visibility: visible;

  opacity: 1;

}

.nav ul:before, .nav ul:after {

  content: "";

  display: table;

}

.nav ul:after {

  clear: both;

}

.mega-dropdown-menu {

  padding: 20px;

  width: 100%;

}

.mega-dropdown-menu .title {

  padding-bottom: 2px;

  margin-bottom: 5px;

  border-bottom: 1px solid #eee;

  padding-left: 0;

  font-weight: 700;

  height: auto;

  display: inline-block;

}

.mega-dropdown-menu ul {

  background-color: #FFF;

}

.mega-dropdown-menu .media-list span {

  padding: 2px 6px;

  margin-right: 8px;

  color: #FFF!important;

}

.carousel-inner > .item, .media-list {

  margin-top: 10px;

}

.carousel-control.right, .carousel-control.left {

  background-image: none;

}

.carousel-control .glyphicon-chevron-right, .carousel-control .glyphicon-chevron-left {

  font-size: 20px;

}

.dropdown:hover .dropdown-menu {

  display: block;

}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

  background: none;

  text-decoration: none;

  color: #333;

}

.mega-dropdown-menu .video {

  position: absolute;

  top: 10px;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0;

}

.dropdown-toggle:after {

  font-family: FontAwesome;

  content: "\f107";

  right: 1px;

  font-size: 14px;

  color: #FFF;

  margin-left: 6px;

}

/* 2.7 - sidenav off-canvas menu*/

    ---------------------------------------------------------------------- */

.navbar-default {

  background-image: none;

  box-shadow: none;

  background-color: transparent;

  border: none;

}

.navbar-toggle {

  margin: 0;

  border-radius: 3px;

  padding: 9px;

}

.navbar-toggle .icon-bar {

  position: relative;

}

.sidenav .navbar-toggle {

  margin-right: 12px;

}

.navbar-toggle.active .icon-bar:nth-of-type(1) {

  top: 6px;

  transform: rotate(45deg);

}

.navbar-toggle.active .icon-bar:nth-of-type(2) {

  background-color: transparent;

}

.navbar-toggle.active .icon-bar:nth-of-type(3) {

  top: -6px;

  transform: rotate(-45deg);

}

.sidenav {

  background: rgba(44, 44, 52, .9);

  display: none;

  font-size: 1.4rem;

  font-weight: 400;

  left: 0;

  transform: translate(-100%, 0);

  transition: transform .3s;

  width: 100%;

  z-index: 999;

  height: 100%;

  position: fixed;

  overflow-y: scroll!important;

  -webkit-overflow-scrolling: touch;

  top: 0;

  bottom: 0;

}

.sidenav.show {

  transform: translate(0, 0);

}

.sidenav-brand {

  background: #FFF;

  color: #FAFAFA;

  font-weight: 400;

  padding: 4px 24px 4px 20px;

}

.sidenav-brand .sidenav-header-logo {

  margin-top: 8px;

}

.sidenav-brand h2 {

  display: inline;

  vertical-align: bottom;

  color: #d4000e;

  font-weight: 400;

}

.sidenav-brand h2 span {

  color: #515252;

  font-weight: 700;

}

.sidenav-menu {

  list-style: none;

  margin: 0;

  padding: 0;

}

.sidenav-menu li {

  display: block;

  position: relative;

  border-bottom: 1px solid rgba(161, 161, 179, .23);

  text-transform: uppercase;

}

.sidenav-menu li a:hover {

  color: #FFF!important;

}

.sidenav-menu a {

  background: 0 0;

  color: rgba(255, 255, 255, .6);

  letter-spacing: .3px;

  text-transform: uppercase;

  display: block;

  line-height: 22px;

  padding: 16px 22px;

  overflow-x: hidden;

}

.sidenav-menu .icon-sub-menu {

  position: absolute;

  top: 0;

  right: 0;

  height: 54px;

  width: 54px;

  border-left: 1px solid rgba(161, 161, 179, .23);

  cursor: pointer;

}

.sidenav-dropdown-icon.show::after {

  font-family: FontAwesome;

  content: "\f107";

  right: 1px;

  font-size: 18px;

  color: rgba(161, 161, 179, .73);

  position: absolute;

  text-align: center;

}

.sidenav-dropdown-icon.up-icon::after {

  font-family: FontAwesome;

  content: "\f106";

  right: 1px;

  font-size: 18px;

  color: #FFF;

  position: absolute;

  text-align: center;

  padding: 14px 20px;

}

.icon-sub-menu .up-icon {

  position: absolute;

  top: 0;

  right: 0;

  height: 54px;

  width: 54px;

  color: #FFF;

}

.sidenav-menu a:hover {

  background: #55555e;

  color: #FFF!important;

}

.sidenav-menu a.active {

  color: #FAFAFA;

}

.sidenav-dropdown-icon {

  color: #757575;

  position: absolute;

  text-align: center;

  top: 16px;

}

.sidenav-dropdown {

  display: none;

  list-style: none;

  padding: 0;

  background-color: #5c5c66;

}

.sidenav-dropdown a {

  padding-left: 22px;

}

.sidenav-dropdown a:hover {

  color: #FFF;

}

.sidenav-dropdown li:first-child a {

  box-shadow: inset 0 1px 1px rgba(92, 92, 92, .23);

}

.sidenav-dropdown-icon {

  display: none;

  height: 16px;

  right: 20px;

}

.sidenav-dropdown-icon.show {

  display: block;

}

.sidenav-overlay {

  background: rgba(255, 255, 255, .8);

  display: none;

  height: 100%;

  left: 0;

  position: fixed!important;

  top: 0;

  width: 100%;

  z-index: 99;

}

.sidenav-no-scroll {

  overflow: hidden!important;

  position: fixed!important;

}

.sidenav-brand img {

  /*margin: 7px 6px 8px 0;*/

  margin: 0px 6px 0px 0;

  float: left;

  display: inline-block;

  width: 180px;

}

.sidenav .icon-bar {

  background-color: #888;

}

/* ----------------------------------------------------------------

      2.0 - Header End

    -----------------------------------------------------------------*/



/* ----------------------------------------------------------------

      3.0 - Main Section

    -----------------------------------------------------------------*/



/* 3.1 - News

    -----------------------------------------------------------------*/

.news .item .item-image {

  display: table-cell;

  vertical-align: top;

  width: 40%;

  z-index: 1;

}

.item .item-image-1 {

  display: table-cell;

  vertical-align: top;

  width: 48.2%;

  z-index: 1;

}

.item .item-image-2 {

  display: table-cell;

  vertical-align: top;

  width: 40%;

}

.item .item-image-3 {

  display: table-cell;

  vertical-align: top;

  width: 48%;

}

.panel .item .item-image-2 {

  top: 10px;

}

.item .item-image-full {

  display: table-cell;

  vertical-align: top;

  width: 48%;

  padding-top: 22px;

}

.item-image-1, .item-image-2, .item-image-3 {

  display: block;

  position: relative;

  overflow: hidden;

  margin-bottom: 0;

}

.item-image-1 .img-link, .item-image-2 .img-link, .item-image-3 .img-link {

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  overflow: hidden;

  position: absolute;

}

.item-image-1 .img-link::after, .item-image-2 .img-link::after, .item-image-3 .img-link::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 1;

  background-color: rgba(0, 0, 0, 0.5);

  transform: scale(1);

  opacity: 0;

  transition: all .5s ease;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -o-transition: all .5s ease;

}

.news .item-image::before {

  display: block;

  content: '';

  padding-top: 57%;

}

.item-image-1::before {

  display: block;

  content: '';

  padding-top: 67%;

}

.item-image-2::before {

  display: block;

  content: '';

  padding-top: 57%;

}

.item-image-3::before {

  display: block;

  content: '';

  padding-top: 54%;

}

.item-image-1 .img-full, .item-image-2 .img-full, .item-image-3 .img-full {

  width: auto;

  height: 100%;

  max-width: none;

  position: absolute;

  top: 0;

  margin: 0;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

}

.news .item-image .img-full {

  width: auto;

  height: 100%;

  max-width: none;

  position: absolute;

  top: 0;

  margin: 0;

}

.news img {

  max-width: 100%;

}

.news .item .item-content {

  padding: 8px 30px 6px;

}

.item .item-content, .item .content {

  display: table-cell;

  vertical-align: top;

  width: auto;

}

.news .item {

  display: table;

  width: 100%;

  margin-bottom: 1.625em;

  position: relative;

  background-color: rgba(245, 245, 247, 0.9);

}

.news .item-small {

  display: table;

  width: 100%;

  margin-bottom: 16px;

  position: relative;

  background-color: rgba(249, 249, 252, 0.9);

}

.news-block {

  margin-left: -15px;

  margin-right: -15px;

  font-size: 0;

}

.news-block img {

  max-width: 100%;

}

.item-block {

  display: inline-block;

  vertical-align: top;

  padding: 0 15px;

  margin-bottom: 22px;

  font-size: 14px;

  width: 25%;

}

.item-block p {

  margin-bottom: 0;

}

.news-block .item-image::before {

  display: block;

  content: '';

  padding-top: 67%;

}

.news-block .item-image .img-link {

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 3;

  overflow: hidden;

  position: absolute;

}

.news-block .item-image .img-full {

  width: auto;

  height: 100%;

  max-width: none;

  position: absolute;

  top: 0;

  left: 50%;

  margin: 0;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

}

.news-block .item-image .img-link::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 1;

  background-color: rgba(0, 0, 0, 0.5);

  transform: scale(1);

  opacity: 0;

  transition: all .5s ease;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -o-transition: all .5s ease;

}

.news .news-block .item-content, .news-block .item-block .item-content, .news-block .item-block .content {

  padding: 6px 0 0;

  position: relative;

  display: block;

}

.news .item-image-1:hover, .news .item-image-2:hover, .news .item-image-3:hover {

  opacity: .9;

}

.news ul {

  display: inline-block;

  margin-bottom: 0;

}

.news ul li {

  margin-top: 2px;

  width: 22.75%;

  float: left;

}

.news .item h3 {

  font-weight: 400;

  font-size: 1.8rem;

}

.news li:nth-child(4n+1), .news li:nth-child(4n+2), .news li:nth-child(4n+3) {

  margin-right: 3%;

}

.news li:last-child {

  margin-right: 0;

}

.news .content p, .news .item-content p {

  border-bottom: 1px solid rgba(0, 0, 0, 0.065);

}

.content h3 a, .item-content h3 a {

  text-transform: none;

  color: #262626;

}

.news-block .twitter {

  background: url(../images/twitter.gif) no-repeat 0 3px;

  padding-left: 18px;

  color: #2c2c34;

  margin-bottom: 0;

}

/* 3.2 - Container-Full & Container-Half

    -----------------------------------------------------------------*/



/* Full-Block-Four-Columns */



.full-block-four-columns {

  float: left;

  width: 24%;

  margin: 0 1.333% 22px 0;

}

.full-block-four-columns:nth-of-type(4n+4) {

  margin-right: 0;

}

/* Full-Block-Three-Columns */



.full-block-three-columns {

  float: left;

  margin: 0 2% 0 0;

}

.full-block-three-columns:nth-of-type(3n+2) {

  width: 24%;

}

.full-block-three-columns:nth-of-type(3n+1) {

  width: 48%;

}

.full-block-three-columns:nth-of-type(3n+3) {

  margin-right: 0;

  width: 24%;

}

.full-block-three-columns img {

  height: auto;

  margin: 0;

}

/* Full-Block-Three-Columns-Equal */



.full-block-three-columns-equal {

  float: left;

  width: 32%;

  margin: 0 1.999% 11px 0;

}

.full-block-three-columns-equal:nth-of-type(3n+3) {

  margin-right: 0;

}

/* Container-Full */



.container-full {

  -webkit-transition: box-shadow .2s ease-in-out;

  -webkit-transition-delay: 0;

  -moz-transition: box-shadow .2s ease-in-out;

  -o-transition: box-shadow .2s ease-in-out;

  transition: box-shadow .2s ease-in-out;

  background: #fff;

  margin-bottom: 1.625em;

  position: relative;

  height: 600px;

  color: #281e1e;

}

.container-full .entry-media .image {

  background-size: cover;

  background-position: center center;

}

.container-full:hover {

  position: relative;

  z-index: 999;

  -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);

  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);

}

.container-full .content {

  padding: 0;

}

.container-full .content p {

  padding: 0 22px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.065);

  padding: 0 22px;

}

.container-full .content .entry-title {

  padding: 0 22px;

}

.container-full .content .entry-title h3 {

  padding: 12px 22px 0 0;

  margin: 0;

}

.container-full .content:after {

  content: ' ';

  display: block;

}

.container-full h3 {

  padding: 0;

  margin-bottom: 10px;

}

.container-full h2 {

  font-family: 'Roboto Condensed', sans-serif;

  padding: 14px 22px 7px;

  margin: 0;

  text-transform: uppercase;

  line-height: 1.275;

}

.container-full h2 a {

  font-weight: 400;

}

.container-full h2 a:hover {

  color: #ec1a2e;

}

/* Container-Full Big-Photo */



.container-full.big-photo.bottom-text {

  display: table;

  border: 1px solid rgba(0, 0, 0, 0.065);

  padding-bottom: 12px;

}

.container-full.big-photo.bottom-text h4 {

  padding: 8px 22px 3px;

  margin: 0;

}

.container-full.big-photo.bottom-text .entry-media {

  height: auto;

  position: relative;

}

.container-full.big-photo.bottom-text .entry-media .image {

  display: table-cell;

}

.container-full.big-photo h2 a:hover {

  color: #ec1a2e;

}

.container-full.big-photo.bottom-text > div {

  display: table-row;

  height: 1px;

}

/* Container-Full Full-Photo */



.container-full.bottom-text.full-photo .content h4 {

  padding: 0 22px;

  margin: 0;

  color: #eaeaea;

  position: relative;

  z-index: 2;

  letter-spacing: .02em;

}

.container-full.full-photo .content {

  padding-top: 200px;

  padding-bottom: 16px;

}

.container-full.full-photo h2 a {

  position: relative;

  z-index: 2;

}

.container-full.full-photo h2 a, .container-full.full-photo h2 a:hover {

  color: #FFF!important;

}

.container-full.full-photo .entry-media .image {

  height: 100%;

  width: 100%;

  background-size: cover;

  background-position: center center;

}

.container-full.full-photo .entry-media {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}

.container-full.full-photo .content {

  bottom: 0;

  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));

  background: -moz-linear-gradient(top, transparent, #000);

  background: -ms-linear-gradient(top, transparent 0, #000 110%);

  background: linear-gradient(to bottom, transparent 0, #000 110%);

  width: 100%;

}

/* Container-Half */



.container-half {

  margin-right: 0;

  -webkit-transition: box-shadow .2s ease-in-out;

  -webkit-transition-delay: 0;

  -moz-transition: box-shadow .2s ease-in-out;

  -o-transition: box-shadow .2s ease-in-out;

  transition: box-shadow .2s ease-in-out;

  display: table;

  background: #fff;

  border: 1px solid #e3e2e2;

  margin-bottom: 22px;

  height: 290px!important;

}

.container-half:hover {

  position: relative;

  z-index: 999;

  -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);

  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);

}

.container-half p {

  border-bottom: 1px solid rgba(0, 0, 0, 0.065);

  padding: 0 22px;

}

.container-half h3 {

  padding: 12px 22px 0;

  margin: 0;
}


.container-half .entry-content h3 {

  padding: 0 22px;

  margin: 0;

}

.container-half .entry-content h3:first-child {

  padding: 8px 22px 0;

  margin-top: 12px;

}

.container-half h3 a {

  color: #281e1e;

  font-weight: 400;

}

.container-half h3 a:hover {

  color: #ec1a2e;

}

.container-half h4 {

  padding: 10px 20px 10px;

  margin-top: 0;

}

.container-half .entry-content h4 {

  padding: 0 22px 10px;

  margin-top: 0;

}

.container-half > div {

  display: table-row;

  height: 1px;

}

.container-half .entry-media {

  height: auto;

  position: relative;

}

.container-half .entry-media .image {

  display: table-cell;

  background-size: cover;

  background-position: top center;

}

.container-half .content:after {

  content: ' ';

  display: block;

}

.entry-meta {

  font-size: 12px;

  font-weight: 600;

  text-transform: uppercase;

  display: inline;

  padding: 3px 12px;

}

.entry-media .image {

  height: 160px;

  position: relative;

}

/* 3.3 - Entry Block

    -----------------------------------------------------------------*/

.entry-block-full {

  width: 100%;

  overflow: hidden;

  margin-bottom: 1.625em;

  border-radius: 1px;

  background-color: #fff;

  position: relative;

  -webkit-transition: box-shadow .2s ease-in-out;

  -webkit-transition-delay: 0;

  -moz-transition: box-shadow .2s ease-in-out;

  -o-transition: box-shadow .2s ease-in-out;

  transition: box-shadow .2s ease-in-out;

  border: 1px solid rgba(0, 0, 0, 0.065);

  text-align: left;

}

.entry-block-full img {

  max-width: 100%;

}

.entry-block-full .content {

  padding: 12px 22px;

}

.entry-block-full h3 {

  margin-bottom: 6px;

}

.entry-block {

  display: inline-block;

  vertical-align: top;

  margin-bottom: 22px;

  height: 560px!important;

  background-color: #fff;

  position: relative;

}

.entry-block .underline04 {

  margin-right: 4px;

}

.entry-block-small {

  display: inline-block;

  vertical-align: top;

  margin-bottom: 1.625em;

  height: 420px!important;

  background-color: #fff;

  position: relative;

}

.entry-block-xs {

  display: inline-block;

  vertical-align: top;

  margin-bottom: 1.625em;

  height: auto!important;

  background-color: #fff;

  position: relative;

}

.entry-block-xs h3 {

  margin-top: 0;

}

.entry-block, .entry-block-small, .entry-block-xs {

  float: left;

  width: 32%;

  margin: 0 2% 1.625em 0;

  border: 1px solid rgba(0, 0, 0, 0.065);

}

.entry-block:nth-of-type(3n+3), .entry-block-small:nth-of-type(3n+3), .entry-block-xs:nth-of-type(3n+3) {

  margin-right: 0;

}

.entry-block img {

  width: 100%;

  height: auto;

  margin: 0;

}

.entry-block-small:nth-of-type(3n+4), .entry-block-xs:nth-of-type(3n+4) {

  clear: left;

}

.entry-image {

  display: block;

  position: relative;

  overflow: hidden;

  margin-bottom: 0;

}

.entry-block .entry-image::before, .entry-block-small .entry-image::before, .entry-block-xs .entry-image::before {

  display: block;

  content: '';

  padding-top: 67%;

}

.entry-block .entry-image .img-link, .entry-block-small .entry-image .img-link {

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  overflow: hidden;

  position: absolute;

}

.entry-block .entry-image .img-full, .entry-block-small .entry-image .img-full, .entry-block-xs .entry-image .img-full {

  width: auto;

  height: 100%;

  max-width: none;

  position: absolute;

  top: 0;

  left: 50%;

  margin: 0;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

}

.entry-block .entry-image .img-link::after, .entry-block-small .entry-image .img-link::after, .entry-block-xs .entry-image .img-link::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 1;

  background-color: rgba(0, 0, 0, 0.5);

  transform: scale(1);

  opacity: 0;

  transition: all .5s ease;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -o-transition: all .5s ease;

}

.article .entry-block .entry-content, .article .entry-block-small .entry-content, .entry-block-xs .entry-content {

  display: block;

  vertical-align: top;

  width: auto;

  padding: 12px 22px 6px;

}

.entry-block .entry-content span.day-hour {

  padding: 4px 7px;

  display: inline-block;

}

.article .entry-block .entry-content p, .article .entry-block-small .entry-content p, .entry-block-xs .entry-content p {

  border-bottom: 1px solid rgba(0, 0, 0, 0.065);

}

.article .entry-block-small .entry-content h4 {

  margin-bottom: .275em;

}

.entry-block:hover, .entry-block-small:hover, .entry-block-xs:hover {

  z-index: 999;

  -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);

  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);

}

.entry-block-small .content {

  padding: 6px 22px;

}

.entry-block h3 {

  display: inline-block;

  margin-top: 0;

}

.entry-block-small .content p {

  border-bottom: 1px solid rgba(0, 0, 0, 0.065);

  padding: 2px;

}

.content p:last-child, .item-content p:last-child {

  border: none;

}

.entry-block-small h3 {

  margin-bottom: .36em;

  margin-top: 8px;

  font-weight: 400;

  line-height: 1.3;

  font-size: 1.8rem;

}

.entry-block-small h3 a {

  color: #262626;

}

.entry-block h3 a {

  font-size: 1.8rem;

  margin-bottom: 0;

  font-weight: 400;

  color: #262626;

}

.external-link::after {

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  cursor: pointer;

  font-family: "FontAwesome";

  font-style: normal;

  font-variant: normal;

  font-weight: 400;

  line-height: 1;

  speak: none;

  text-transform: none;

  color: #c1cacf;

  content: "\f08e";

  font-size: 12px;

  vertical-align: baseline;

  padding-left: 4px;

}

.video-post_content .content p:first-child {

  border-bottom: 1px solid rgba(0, 0, 0, 0.065);

}

/* 3.4 - Category List

    -----------------------------------------------------------------*/

.category-list {

  list-style: none;

  border: 1px solid #e3e2e2;

  padding: 10px 18px;

  margin-bottom: 1.625em;

}

.category-list_item {

  padding: 0;

}

.category-list_header {

  color: #333;

  display: block;

  position: relative;

  margin-bottom: 8px;

  margin-top: 14px;

  padding: 6px 16px;

  border-bottom: 1px solid #dcdcdc;

  background-color: #e3e2e2;

}

.category-list_sub-links {

  list-style: none;

  -moz-column-count: 3;

  -moz-column-gap: 14px;

  -webkit-column-count: 3;

  -webkit-column-gap: 14px;

  column-count: 3;

  column-gap: 14px;

}

.category-list_sub-link {

  font-weight: 400;

  font-size: 1.125em;

  color: inherit;

  display: inline-block;

  width: 100%;

  line-height: 1.2em;

  margin: 0 0 .25em;

  padding: .36em 0 .5em 3px;

}

/* 3.5 - Article

    -----------------------------------------------------------------*/

.article a {

  text-decoration: none;

}

.first {

  margin-left: 0;

  float: left;

}

.last {

  margin-right: 0;

}

/* 3.6 - Tabs

    -----------------------------------------------------------------*/

.nav-tabs.nav-justified {

  background-color: rgba(247, 247, 252, 0.9);

  border-bottom: 1px solid #c8c8cc;

}

.nav-tabs.nav-justified>li>a {

  border-color: transparent;

}

.tab-content>.active {

  display: block;

}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {

  color: #fff;

}

.nav-tabs.nav-tabs-bottom > li.active > a, .nav-tabs.nav-tabs-bottom > li.active > a:hover, .nav-tabs.nav-tabs-bottom > li.active > a:focus {

  color: #333;

}

.nav-tabs.nav-justified > li > a {

  border-radius: 0;

  margin-bottom: 0;

  position: relative;

  display: block;

  padding: 9px 15px;

}

.nav-tabs>li {

  position: relative;

  display: block;

  border-left: none;

  border-right: 1px solid #c8c8cc;

}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {

  border: none;

}

.nav-tabs.nav-tabs-bottom > li > a:hover {

  border-bottom: 2px solid #999;

  background-color: transparent;

}

.panel .nav-tabs {

  border-bottom: 1px solid #e3e2e2;

  margin-bottom: 10px;

  background-color: #f0f0f5;

}

.panel .nav-tabs li:last-of-type {

  border-right: none;

}

.panel .nav-tabs li:first-of-type {

  border-left: none;

}

.panel .nav-tabs li.active a {

  border: none;

}

.panel .tab-content ul li {

  width: 100%;

  display: inline-block;

  margin-top: 6px;

  border-bottom: #f44336;

}

.panel .tab-content ul li:first-child {

  margin-top: 0;

}

.panel .tab-content ul li:last-child {

  margin-bottom: 6px;

}

.panel .tab-content ul li span {

  color: #818181;

  display: inline;

}

.panel .tab-content ul li p {

  margin-bottom: 0;

  margin-right: 15px;

}

.sidebar-tabs .panel .tab-content .img-responsive {

  float: left;

  margin: 6px 20px 0 22px;

}

.nav-tabs.nav-tabs-bottom>li.active>a, .nav-tabs.nav-tabs-bottom>li.active>a:hover, .nav-tabs.nav-tabs-bottom>li.active>a:focus {

  border-color: transparent;

  border-bottom: 1px solid #f44336;

  background-color: transparent;

}

/* 3.7 - Tables

    -----------------------------------------------------------------*/

.panel {

  margin-bottom: 1.625em;

  border-radius: 2px;

  color: #333;

  box-shadow: none;

  background-color: rgba(245, 245, 247, 0.9);

  border: 1px solid #e3e2e2;

}

.panel .title-style01 {

  padding-left: 16px;

}

.panel-body {

  padding: 0;

}

.panel-title {

  background-color: #fff;

}

.panel-title h5 {

  padding: 0;

  ;

}

.table > thead > tr > th {

  font-weight: 400;

  border-bottom: 1px solid #bbb;

  vertical-align: middle;

  padding: 12px 16px;

  border-right: 1px solid #ddd;

}

.table > tbody > tr > td {

  vertical-align: middle;

  padding: .675em 1.1em;

}

.bg-red {

  background-color: #d4000e;

  border-color: #d4000e;

  color: #fff;

}

.bg-gray {

  background-color: #939399;

  color: #fff;

}

.bg-underline {

  background: transparent;

  border-bottom: 2px solid #d4000e;

}

.table-footer {

  padding: 6px 14px 7px;

  border-top: 1px solid #e3e2e2;

}

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child {

  padding: 12px 16px;

}

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child {

  border-right: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

/* 3.8 - Post

    -----------------------------------------------------------------*/

.item .item-image {

  display: table-cell;

  vertical-align: top;

  width: 110px;

}

.item .item-image-full {

  display: table-cell;

  vertical-align: top;

  width: 48%;

  margin-top: 22px;

}

.sidebar-scroll .item {

    display: table;

    width: 100%;

    position: relative;

    background-color: rgba(245, 245, 247, 0.9);

}

.item .item-image-full .img-link {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    overflow: hidden;

    position: absolute;

}

.item-image-full::before {

    display: block;

    content: '';

    padding-top: 57%;

}

.item-image-full .img-full {

    width: auto;

    height: 100%;

    max-width: none;

    position: absolute;

    top: 0;

    margin: 0;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}

.item-image-full .img-link::after {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 1;

    background-color: rgba(0, 0, 0, 0.5);

    transform: scale(1);

    opacity: 0;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

}

.item-image {

  display: block;

  position: relative;

  overflow: hidden;

  margin-bottom: 0;

}

.item-image .img-link  {

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  overflow: hidden;

  position: absolute;

}

.item-image .img-link::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 1;

  background-color: rgba(0, 0, 0, 0.5);

  transform: scale(1);

  opacity: 0;

  transition: all .5s ease;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -o-transition: all .5s ease;

}

.item-image::before {

  display: block;

  content: '';

  padding-top: 54%;

}

.item-image .img-full {

  width: auto;

  height: 100%;

  max-width: none;

  position: absolute;

  top: 0;

  margin: 0;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

}

.entry-post .item .item-content p {

  margin-top: 6px;

  margin-bottom: 0;

}

.item .item-content {

  display: table-cell;

  vertical-align: top;

  width: auto;

}

.entry-post .item {

  display: table;

  width: 100%;

  margin-bottom: 17px;

  position: relative;

  -webkit-transition: box-shadow .2s ease-in-out;

  -webkit-transition-delay: 0;

  -moz-transition: box-shadow .2s ease-in-out;

  -o-transition: box-shadow .2s ease-in-out;

  transition: box-shadow .2s ease-in-out;

}

.entry-post .item .item-image {

  display: table-cell;

  vertical-align: top;

  width: 100px;

}

.entry-post .item .item-content {

  padding-left: 15px;

}

.entry-post .item-image:hover {

  opacity: .8;

}

/* 3.9 - 3.9 - Breaking News Ticker & News On-Air

    -----------------------------------------------------------------*/

.outer {

  width: auto;

  height: 40px;

  overflow: hidden;

  background-color: #000;

  margin-bottom: 1.625em;

}

.outer ul {

  padding: 0;

}

.outer li {

  padding: 8px 0 8px 15px;

}

.outer li a {

  text-decoration: none;

  color: #CCC;

  font-weight: 400;

}

.breaking-ribbon h4 {

  margin: 0;

}

.newsticker h4, .news-on-air h4 {

  margin: 0;

}

.breaking-ribbon {

  color: #FFF;

  width: auto;

  height: 100%;

  padding: 8px 16px;

  float: left;

  text-transform: uppercase;

  display: inline;

  letter-spacing: .01em;

}

.breaking-ribbon h5 {

  margin: 0;

  padding-top: 4px;

}

.newsticker, .news-on-air {

  position: relative;

  overflow: hidden;

  display: block;

  color: #CCC;

  height: 40px;

  background-color: #212126;

}

.news-on-air .fa {

  padding-right: 8px;

}

.outer .category {

  color: #FFF;

}

.outer a:hover {

  color: #FFF !important;

}

.navi {

  float: right;

  padding-top: 8px;

  padding-right: 10px;

  padding-left: 10px;

}

button.up, button.down {

  background-color: transparent;

  border: none;

  color: #FFF;

  float: left;

  font-size: 18px;

  transition: color .2s;

  opacity: .5;

  padding-right: 2px;

}

button.up:hover, button.down:hover {

  opacity: 1;

}

/* 3.10 - Exchange Rates

    -----------------------------------------------------------------*/

.currency {

  width: auto;

  margin-bottom: 1.625em;

  background-color: #FFF;

  padding: 8px 16px;

  text-align: center;

  border: 1px solid rgba(0, 0, 0, 0.2);

}

.currency h3 {

  font-family: 'Roboto', sans-serif;

  color: #393942;

  margin-top: .4em;

  margin-bottom: 0;

}

.currency h5 {

  margin-top: .4em;

}

.rates {

  display: block;

}

.currency h4 {

  text-align: left;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  padding: 3px 30px;

  margin-top: .4em;

  margin-bottom: 0;

}

.currency h4:first-child {

  margin-top: 0;

}

.currency h4:last-child {

  border-bottom: none;

  padding-bottom: 0;

}



.currency span {

  color: #393942;

}

/* 3.11 - Currency Converter

    -----------------------------------------------------------------*/

.conversionForm {

  margin: auto;

  width: 100%;

  font-size: 1.175em;

  border: 1px solid rgba(0, 0, 0, 0.2);

  margin-bottom: 1.625em;

}

.conversionForm label {

  font-weight: 500;

}

.conversionForm-amount {

  width: 94%;

  margin: 6px auto;

}

.conversionForm-amount label {

  text-align: center;

  display: block;

}

.conversionForm-amount input {

  margin: 5px auto;

  display: block;

}

.conversionForm-currencies {

  width: 100%;

  clear: left;

  margin: 6px 0;

}

.conversionForm-currencies div {

  width: 50%;

  float: left;

  padding: 4px 14px 10px;

}

.conversionForm-currencies div label {

  text-align: center;

  display: block;

}

.conversionForm-currencies div select {

  width: 55px;

  display: block;

  margin: 5px auto;

  border: none;

}

.conversionForm .currencySubmit {

  display: block;

  margin: 8px auto;

  width: 100px;

  border-radius: 2px;

  border: none;

  padding: 6px 8px;

  text-transform: uppercase;

}

.output {

  text-align: center;

}

.open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-primary:hover {

  color: #fff;

  background-color: #d4000e;

  border-color: #d4000e;

}

.no-spinners {

  -moz-appearance: textfield;

}

.no-spinners::-webkit-outer-spin-button, .no-spinners::-webkit-inner-spin-button {

 -webkit-appearance: none;

 margin: 0;

}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {

  color: #FFF;

}

.open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {

  color: #fff;

  background-color: #83838f;

  border-color: #83838f;

}

.bootstrap-select.btn-group .dropdown-menu li a {

  color: #666;

}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {

  z-index: 3;

}

.bootstrap-select.show-menu-arrow .dropdown-toggle::after {

  bottom: -8px;

}

/* ----------------------------------------------------------------

      3.0 - Main Section End

    -----------------------------------------------------------------*/



/* ----------------------------------------------------------------

      4.0 - Sidebar

    -----------------------------------------------------------------*/



/* 4.1 - sidebar-newsfeed and sidebar-post

    ---------------------------------------------------------------------- */

.sidebar-newsfeed, .sidebar-post {

  overflow: hidden;

  background-color: #2c2c34;

  margin-bottom: 1.625em;

}

.sidebar-newsfeed ul li {

  display: table-cell;

  vertical-align: top;

  width: 100%;

}

.sidebar-newsfeed ul li p {

  display: table-cell;

  vertical-align: top;

  width: auto;

  font-size: .975em;

}

.sidebar-post h3 {

  color: #838384;

  font-weight: 400;

  margin-top: .175em;

  margin-bottom: 0;

}

.sidebar-newsfeed li, .sidebar-post li {

  padding: 9px 4px;

  width: 100%;

  float: left;

  background-color: transparent;

  border-bottom: 1px solid #727273;

}

.container-full .sidebar-post li {

  padding: 11px 4px;

}

.sidebar-post li a:hover, .sidebar-post p, .sidebar-newsfeed li a:hover {

  color: #FFF!important;

}

.sidebar-newsfeed li img, .sidebar-post li img {

  width: 100px;

  float: left;

  margin: 0 12px 8px 4px;

  padding-top: 3px;

}

.sidebar-newsfeed li:last-child, .sidebar-post li:last-child {

  margin-bottom: 0;

}

.sidebar-newsfeed li:nth-child(even), .sidebar-post li:nth-child(even) {

  background: transparent;

}

.newsfeed-1, .newsfeed-2, .newsfeed-3, .newsfeed-4, .newsfeed-5, .newsfeed-6 {

  border-radius: 2px;

  margin-bottom: 0;

  width: auto;

  height: auto;

  overflow: hidden;

}

.newsfeed-1 ul, .newsfeed-2 ul, .newsfeed-3 ul, .newsfeed-4 ul, .newsfeed-5 ul, .newsfeed-6 ul {

  list-style: none;

}

.newsfeed-1 img, .newsfeed-2 img, .newsfeed-3 img, .newsfeed-4 img, .newsfeed-5 img, .newsfeed-6 img {

  float: left;

  width: auto;

  height: auto;

}

.sidebar-post .date {

  color: #e6e6eb!important;

}

.sidebar-newsfeed .item .item-image, .sidebar-post .item .item-image {

  display: table-cell;

  vertical-align: top;

  width: 100px;

}

.sidebar-newsfeed .item, .sidebar-post .item {

  display: table;

  width: 100%;

  position: relative;

  padding: 6px 16px;

  height: 86px;

}

.sidebar-newsfeed .item-content p a, .sidebar-post .item-content p a {

  color: #ced2d9;

  margin: 0;

}

.sidebar-newsfeed .item-content h4 a, .sidebar-post .item-content h4 a {

  color: #e9edf5;

  font-weight: 400;

}

.sidebar-post .item-content h3, .sidebar-newsfeed .item-content h3 {

  color: #838384;

  font-weight: 400;

  margin-top: .175em;

  margin-bottom: 0;

}

.sidebar-newsfeed .item .item-content, .sidebar-post .item .item-content {

  padding: 0 0 0 20px;

}

/* 4.2 - sidebar-image and sidebar-block

    ---------------------------------------------------------------------- */

.sidebar-image {

  opacity: 1;

}

.sidebar-image:hover {

  opacity: .7;

}

.sidebar-block {

  padding: 0;

  border: 1px solid #e3e2e2;

  border-radius: 1px;

  margin-bottom: 1.625em;

  margin-top: 0;

  text-align: center;

}

.sidebar-block p {

  margin-bottom: 0;

}

.sidebar-block img {

  max-width: 100%;

}

.sidebar-block .sidebar-content {

  padding: 6px;

  height: auto;

}

.sidebar-content h3 {

  margin-top: 0;

}

/* 4.3 - sidebar-newsletter

    ---------------------------------------------------------------------- */

.sidebar-newsletter-form {

  padding: 0;

  border-radius: 1px;

  margin-bottom: 22px;

  height: 30px;

  margin-top: 8px;

}

/* 4.4 - sidebar calendar

    ---------------------------------------------------------------------- */

#calendar {

  margin: auto;

  display: table;

  border-radius: 2px;

  font-weight: 400;

  margin-bottom: 1.625em;

  background-color: #393942;

  width: 100%;

}

#calendar .ui-datepicker {

  position: relative;

  width: auto;

  padding: 0;

  margin: 0;

  border-radius: 0;

  border: 0;

  background: transparent;

  display: table-cell;

  vertical-align: middle;

  -webkit-font-smoothing: antialiased;

}

#calendar .ui-datepicker-calendar tr {

  border-bottom: 1px solid #70717c;

}

#calendar .ui-datepicker-header {

  position: relative;

  height: 40px;

  padding: 0;

  margin: 0;

  border-radius: 0;

  border: 0;

  background: transparent;

}

#calendar .ui-datepicker-prev, #calendar .ui-datepicker-next {

  cursor: pointer;

  position: absolute;

  top: 0;

  bottom: 0;

  height: auto;

  margin: auto;

  border-radius: 0;

  background: transparent;

  z-index: 10;

  -webkit-transition: background .15s ease-in-out;

}

#calendar .ui-datepicker-prev {

  left: 0;

}

#calendar .ui-datepicker-next {

  right: 0;

}

#calendar .ui-datepicker-prev:hover, #calendar .ui-datepicker-next:hover {

  border: 0;

  background: #656D78;

}

#calendar .ui-datepicker-prev .ui-icon, #calendar .ui-datepicker-next .ui-icon {

  position: absolute;

  top: 0;

  left: 4px;

  right: 0;

  bottom: 0;

  width: 8px;

  height: 8px;

  margin: auto;

  border-width: 2px 0 0 2px;

  border-style: solid;

  border-color: #FFF;

  background: transparent;

  -webkit-transition: border-color .15s ease-in-out;

  -webkit-transform: rotate(-45deg);

}

#calendar .ui-datepicker-next .ui-icon {

  left: -4px;

  border-width: 2px 2px 0 0;

  -webkit-transform: rotate(45deg);

}

#calendar .ui-datepicker-prev:hover .ui-icon, #calendar .ui-datepicker-next:hover .ui-icon {

  border-color: #FFF;

}

#calendar .ui-datepicker-title {

  cursor: default;

  position: relative;

  width: 100%;

  height: 40px;

  padding: 0;

  margin: auto;

  font-weight: 500;

  font-size: 1.225em;

  color: #f0f0fa;

  line-height: 40px;

  text-transform: uppercase;

  border-bottom: solid thin #fff;

}

#calendar .ui-datepicker-calendar {

  margin: 0;

}

#calendar .ui-datepicker-calendar thead th {

  cursor: default;

  height: auto;

  padding: 0;

  background: #70717c;

  color: #dcdce5;

  border-right: 1px solid #393942;

  font-size: 1em;

  line-height: 35px;

  text-transform: uppercase;

}

#calendar .ui-datepicker-calendar thead th:last-child {

  border: none;

}

#calendar .ui-datepicker-calendar tbody td {

  padding: 0;

  margin: 0;

}

#calendar .ui-datepicker-calendar tbody td a.ui-state-default {

  width: auto!important;

  height: auto;

  border: 0;

  background: #393942;

  -webkit-transition: background .15s ease-in-out, color .15s ease-in-out;

  color: #dcdce5;

  font-size: 1.225em;

  text-align: center;

  line-height: 36px;

}

#calendar .ui-datepicker-calendar tbody td a.ui-state-default:hover, #calendar .ui-datepicker-calendar tbody td a.ui-state-active {

  background: #656D78;

  color: #FFF;

}

#calendar .ui-datepicker-calendar tbody td a.ui-state-highlight {

  background: #dcdce5;

}

#calendar .ui-datepicker-calendar tbody td.ui-datepicker-unselectable {

  background: #434A54;

  opacity: .3;

}

#calendar .ui-datepicker-calendar tbody td.ui-datepicker-week-end.ui-datepicker-unselectable {

  background: #434A54;

  opacity: .6;

}

/* 4.5- sidebar-scroll

    ---------------------------------------------------------------------- */

.sidebar-scroll {

  overflow: hidden;

  position: relative;

  padding: 22px 22px 0;

  background-color: rgba(249, 249, 252, 0.9);

  margin: 0 0 26px;

  width: 97%;

  height: 800px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border: 1px solid #ebebeb;

}

.sidebar-scroll h3 {

  font-size: 1.8rem;

  margin-bottom: 6px;

}

.sidebar-scroll .scroll-item {

  display: table;

  width: 100%;

  position: relative;

  padding: 10px 0;

  border-bottom: 1px solid #ebebeb;

}

.sidebar-scroll .item .item-content {

  padding: 0 0 0 22px;

}

.sidebar-scroll .item .item-content-1 {

  padding: 0;

}

.sidebar-scroll .item .item-content p, .sidebar-scroll .item .item-content-1 p {

  margin: 0;

}

.scroll {

  position: relative;

}

.scroll .scroll-image img {

  width: 100%;

}

.scroll-recent-post {

  display: table;

  width: 100%;

  margin-bottom: 20px;

  border-bottom: 1px solid #ebebeb;

}

.scroll-recent-post .thumb {

  position: relative;

  display: table-cell;

  width: 115px;

  padding: 0 15px 5px 0;

}

.scroll-recent-post .thumb img {

  -webkit-transition: all .6s ease;

  -moz-transition: all .6s ease;

  -o-transition: all .6s ease;

  transition: all .6s ease;

}

.scroll-recent-post .post-info {

  position: relative;

  display: table-cell;

  width: auto;

  vertical-align: top;

}

.scroll-recent-post:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border: none;

}

.sidebar-scroll .fa {

  color: #7E7B7B;

}

/* 4.6- sidebar-weather

    ---------------------------------------------------------------------- */

.weather-card {

  width: 100%;

  display: inline-block;

  height: auto;

  background-color: #2c2c34;

  padding-top: 4px;

  padding-bottom: 2px;

}

.temperature {

  color: rgba(220, 220, 229, 0.9);

  display: inline-block;

  font-size: .9em;

}

.temp {

  font-size: 3.4em;

  font-weight: 300;

  line-height: .75;

  color: rgba(255, 255, 255, 0.9);

  margin-top: 8px;

  display: table;

  margin-left: 16px;

}

.switch {

  font-size: 1em;

  font-weight: 400;

}

.weather-icon {

  display: inline-block;

  margin-right: 8px;

  left: 24px;

}

.weather-city {

  text-align: left;

  padding: 8px 16px;

  border-bottom: solid thin #fff;

  text-transform: uppercase;

  height: 40px;

}

.weather-city-text {

  color: rgba(255, 255, 255, 0.9);

  letter-spacing: .05em;

  margin: 0;

  font-size: 1.375em;

  text-transform: uppercase;

}

.sidebar-weather {

  position: relative;

  padding: 0;

  margin-bottom: 1.625em;

}

.sidebar-weather .btn-primary {

  background-color: #70717c;

  bottom: 3px;

}

.desc-text {

  display: inline-block;

  padding: 4px 8px 4px 16px;

  color: #dcdce5;

}

#description {

  text-align: left;

  border-top: 1px solid #626262;

  margin-top: 18px;

}

#description i {

  color: #dcdce5;

}

/* ----------------------------------------------------------------

      4.0 - Sidebar End

    -----------------------------------------------------------------*/



/* ----------------------------------------------------------------

      5.0 - Footer

    -----------------------------------------------------------------*/



/* ----------------------------------------------------------------

      5.0 - Footer End

    -----------------------------------------------------------------*/



/* ----------------------------------------------------------------

      6.0 - Contact

    -----------------------------------------------------------------*/

.contact-us {

  height: auto;

  margin-top: 26px;

}

.contact-us p {

  margin-bottom: 16px;

}

.contact-us ul li {

  margin-bottom: 10px;

}

.contact-us ul li i {

  width: 30px;

  font-size: 20px;

}

.google-map-area {

  margin-bottom: 16px;

}

.contact-us span {

  color: #919199;

}

#map-canvas {

  height: 400px;

  margin-top: 4px;

}

/* ----------------------------------------------------------------

      6.0 - Contact End

    -----------------------------------------------------------------*/



/* ----------------------------------------------------------------

      7.0 - Sport

    -----------------------------------------------------------------*/



/* 7.1 - Sport Promo

    -----------------------------------------------------------------*/

.sport-promo {

  background-color: rgba(245, 245, 247, 0.9);

  margin-bottom: 1.625em;

  border: 1px solid #e3e2e2;

}

.sport-promo .time {

  color: #4cb050;

  margin: 0;

  letter-spacing: .03em;

  font-weight: 400;

}

.sport-promo-block a {

  position: relative;

  padding: 10px 22px;

  line-height: 1;

  display: block;

  border-bottom: 1px solid #e3e2e2;

}

.sport-promo ul {

  margin-bottom: 2px;

}

.sport-promo .list a {

  position: relative;

  padding: 10px;

  line-height: 1;

  display: block;

  border-bottom: none;

}

.sport-promo h3 {

  position: relative;

  font-weight: 400;

  color: inherit;

  margin-bottom: 8px;

  line-height: 1.2;

  padding-right: 100px;

}

.sport-promo-badge:last-child {

  right: 46px;

  z-index: 2;

}

.sport-promo-badge {

  position: absolute;

  right: 0;

  bottom: 0;

  width: auto;

  height: 36px;

}

.sport-promo-teams {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.sport-promo-break {

  padding: 0;

}

.link-action {

  display: inline-block;

  font-weight: 400;

  font-size: 1.125em;

  color: inherit;

  text-decoration: none;

}

.link-action::before {

  content: "\f105";

  font-family: "FontAwesome";

  font-size: .75em;

  display: inline-block;

  left: 1px;

  color: #999;

  margin-right: 8px;

  position: relative;

}

/* 7.2 - Sport Fixtures & Results

    -----------------------------------------------------------------*/

.matches {

  background-color: rgba(245, 245, 247, 0.9);

  padding: 22px;

  padding-top: 12px;

  padding-bottom: 10px;

  -webkit-transform: translateZ(0);

  border: 1px solid #e3e2e2;

  margin-bottom: 22px;

}

.matches-header {

  color: inherit;

  text-align: center;

  padding: 5px 0;

  background: #eaeaea;

  margin-bottom: 2px;

}

.matches-list {

  padding: 0;

  list-style: none;

  margin-bottom: 0;

  position: relative;

}

.match {

  border-bottom: 1px solid #dcdcdc;

}

.match:last-child {

  border-bottom: none;

}

span.info {

  position: relative;

  display: table-cell;

  height: 36px;

  margin-bottom: 8px;

  margin-top: 8px;

  vertical-align: middle;

  white-space: nowrap;

  font-weight: 400;

  color: inherit;

}

span.side-1 {

  text-align: right;

  padding-right: 8px;

}

span.side-2 {

  text-align: left;

  padding-left: 8px;

}

.status {

  width: 3.74em;

  border-left: .3em solid transparent;

  border-right: .3em solid transparent;

}

.score-side {

  display: table-cell;

  background: inherit;

  vertical-align: middle;

  position: relative;

  text-align: center;

  color: #fff;

  color: inherit;

  width: 50%;

  text-indent: 0;

  -webkit-transition: all .33s linear;

  -moz-transition: all .33s linear;

  transition: all .33s linear;

  border: 1px solid;

  border-color: inherit;

  border-right-width: 0;

}

.score-side + .score-side {

  border-left-width: 0;

  border-right-width: 1px;

}

.score-side + .score-side::before {

  content: "-";

  width: 1em;

  text-align: center;

  position: absolute;

  left: -.5em;

  -webkit-transition: opacity .1s ease-in-out;

  -moz-transition: opacity .1s ease-in-out;

  transition: opacity .1s ease-in-out;

}

.info {

  width: 2em;

  text-align: right;

}

.matches .list {

  list-style: none;

  padding: 0;

  padding-top: 4px;

  margin-bottom: 0;

}

.list-bar > .list_item {

  display: inline-block;

  margin-right: 11px;

}

.list_item {

  margin-bottom: .2em;

  position: relative;

}

.list-bar > .list_item:last-child {

  margin-right: 0;

}

/* 7.3 - Tennis Results

    -----------------------------------------------------------------*/

.tennis-block {

  background: #fff;

  padding: 12px 18px 0;

  border: 1px solid #e3e2e2;

  margin-bottom: 1.625em;

}

.tennis-block ul {

  margin-top: 10px;

}

.tennis {

  display: table;

  background: #fff;

  table-layout: fixed;

  width: 100%;

  border-top: 1px solid #dcdcdc;

  border-bottom: 1px solid #dcdcdc;

  border-top-width: 0;

  position: relative;

  color: inherit;

  z-index: 1;

  padding: 8px;

}

.tennis-players {

  display: table-cell;

  width: 55%;

  vertical-align: top;

}

.tennis-player {

  text-align: left;

  padding-left: 1.8em;

  position: relative;

  text-overflow: ellipsis;

}

.tennis-sets {

  display: table-cell;

  width: 33%;

  vertical-align: top;

}

.tennis-col {

  display: block;

  width: 20%;

  float: left;

}

.tennis-score {

  padding-right: .5em;

}

.tennis-points {

  width: 12%;

  display: table-cell;

  vertical-align: top;

}

.tennis-point {

  color: inherit;

}

.tennis-player:before {

  content: "";

  position: absolute;

  left: 0;

  display: block;

  width: 12px;

  height: 12px;

  background: #ffe001;

  border-radius: 50%;

  margin-top: .35em;

  visibility: hidden;

}

.tennis-players[data-winner]>.tennis-player:before {

  background: #ed1f24;

  visibility: hidden;

}

.tennis-players[data-winner="side1"]>.tennis-player:first-child:before {

  visibility: visible;

  -webkit-animation: server 1s ease-in-out 5;

}

.tennis-players[data-winner="side2"]>.tennis-player:before {

  visibility: visible;

  -webkit-animation: server 1s ease-in-out 5;

}

.tennis-players[data-winner="side2"]>.tennis-player:first-child:before {

  visibility: hidden;

}

.tennis-time {

  display: none;

  width: 9%;

}

.tennis[data-status="upcoming"]>.tennis-points, .tennis[data-status="upcoming"]>.tennis-sets {

  display: none;

}

.tennis[data-status="upcoming"]>.tennis-time {

  display: table-cell;

}

/* 7.4 - article-list shopping / article-list tickets

    -----------------------------------------------------------------*/

.article-list {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background-color: rgba(255, 255, 255, .9);

  border: 1px solid #e6e7e9;

  margin: 30px 0;

  padding: 22px;

  height: auto;

  position: relative;

}

.article-list .article-list-title {

  position: relative;

}

.article-list .article-list-title .title-style01 {

  margin-bottom: 0;

}

.shopping-list-block {

  display: table;

  width: 100%;

  ;

}

.double-title.shop-small {

  color: #232323;

  font-weight: 600;

  letter-spacing: 1px;

  position: relative;

  text-transform: uppercase;

  padding-bottom: 10px;

  margin-bottom: 0;

}

.shopping {

  padding-bottom: 12px;

}

.shopping .shopping-title-link {

  letter-spacing: 1px;

  text-transform: uppercase;

  position: absolute;

  right: 0;

  top: 10px;

}

.shopping-title {

  padding-top: 10px;

}

.shopping .shopping-item-block {

  float: left;

  text-align: center;

  max-width: 23.5%;

  padding-top: 8px;

  margin-right: 2%;

}

.shopping .shopping-item-block:last-of-type {

  margin-right: 0;

}

.tickets-button {

  padding: 6px;

  color: #FFF;

  text-align: center;

  width: 100%;

  background-color: #4cb050;

}

.tickets-button:hover {

  color: #fff;

  background-color: #5db761;

}

.tickets .tickets-content {

  display: block;

  margin-bottom: 16px;

  margin-top: 6px;

  width: 100%;

}

.tickets .tickets-image {

  vertical-align: top;

  width: 108px;

  float: left;

  margin-right: 16px;

  margin-bottom: 18px;

}

.tickets .tickets-content p {

  font-weight: 400;

  letter-spacing: .05px;

  text-transform: none;

  margin-left: 22px;

  vertical-align: top;

  display: block;

}

/* ----------------------------------------------------------------

      7.0 - Sport End

    -----------------------------------------------------------------*/



/* ----------------------------------------------------------------

      8.0 - 404 Error Page

    -----------------------------------------------------------------*/

.error-404 {

  color: #49494d;

  margin-top: 26px;

  padding-top: 26px;

}

.error-msg {

  font-size: 90px;

}

.error-404 h2 {

  font-size: 3.125em;

  font-weight: 400;

  margin-bottom: 1.625em;

  margin-top: 0;

}

.main-search {

  margin-bottom: 1.625em;

  margin-top: 13px;

}

.error-404.text-center {

  margin-bottom: 0;

}

/* ----------------------------------------------------------------

      8.0 - 404 Error Page End

    -----------------------------------------------------------------*/



/* ----------------------------------------------------------------

      9.0 - Single Post Page

    -----------------------------------------------------------------*/

.post {

  position: relative;

}

.post .entry-media {

  position: relative;

}

.post .entry-media img {

  margin-bottom: 0;

}

.post-full .entry-title {

  margin-top: 36px;

  margin-bottom: 9px;

  font-weight: 500;

  text-transform: uppercase;

}

.post .entry-title, .post .entry-title a {

  color: #222;

}

.post .entry-title {

  line-height: 1.3;

  letter-spacing: .025em;

}

.post-full .entry-meta {

  margin-bottom: 24px;

}

.post .entry-meta {

  font-size: .9em;

  color: #999;

  text-transform: uppercase;

  margin-left: 0;

  padding-left: 0;

  font-weight: 400;

}

.post-full .entry-meta_item {

  margin-right: 20px;

}

.post .entry-meta_item {

  margin-right: 15px;

}

.post .entry-meta_link {

  color: #999;

  transition: all .3s;

  margin-left: 4px;

}

.post-full .title {

  margin-top: 20px;

  margin-bottom: 14px;

}

.post .title {

  font-family: 'Roboto', sans-serif;

  color: #222;

  letter-spacing: .03em;

  text-transform: uppercase;

}

.post-full-block {

  margin-top: 20px;

  margin-bottom: 30px;

}

.post .entry-content img {

  margin-top: 0;

  margin-bottom: 30px;

  max-width: 100%;

}

.post-full p + p {

  margin-top: 25px;

}

.post p + p {

  margin-top: 10px;

  padding-top: 10px;

}

.post-tags {

  float: left;

  margin-top: 10px;

}

.post-tags_title {

  font-weight: 500;

  text-transform: uppercase;

}

.post-tags_link {

  margin-left: 3px;

  font-weight: 400;

  color: #999;

}

.post-content {

  padding: 8px 14px 6px;

  display: table-cell;

}

/* 9.1 - Author Post

    -----------------------------------------------------------------*/

.author-post {

  padding: 30px 20px 0;

  background-color: #f7f7fa;

  margin-bottom: 12px;

}

.author-post_img {

  float: left;

  width: 100px;

  margin-right: 16px;

}

.author-post_img img {

  border-radius: 50%;

}

.author-post_content {

  display: table-cell;

  vertical-align: top;

  width: auto;

}

.author-post_title {

  margin-top: 0;

  margin-bottom: 10px;

  font-weight: 500;

  color: #999;

  letter-spacing: .02em;

  text-transform: uppercase;

  display: block;

  width: 100%;

  border-bottom: 1px solid rgba(0, 0, 0, .1);

  padding-bottom: 0;

}

.author-post_name {

  margin-left: 3px;

  font-weight: 600;

  color: #222;

  text-transform: uppercase;

  display: inline-block;

  border-bottom: 2px solid #d4000e;

  padding-bottom: 4px;

  margin-bottom: -2px;

}

.author-post_info {

  display: inline-block;

}

.author-post .social-links {

  margin-top: 8px;

}

.author-post ul {

  margin-bottom: 0;

}

.social-links .social-link {

  color: #aaa;

  padding: 8px;

}

.post-meta-elements {

  margin-bottom: 8px;

}

.post-meta-elements, .post-meta-elements a, .post-meta-elements .fa {

  font-size: 13px;

}

.post-meta-elements, .post-meta-elements a {

  color: #999;

  display: inline-block;

}

.post-meta-author, .post-meta-date, .post-meta-cat, .post-meta-comments {

  display: inline-block;

  margin: 0 16px 0 0;

}

.post-meta-elements .fa {

  margin: 0 6px 0 0;

  transition-duration: 0.3s;

}

/* 9.2 - Comment Section

    -----------------------------------------------------------------*/

.comment-section {

  margin-top: 22px;

}

.comment {

  margin-bottom: 1.625em;

  padding: 16px;

  border: 1px solid #eee;

}

.comment p {

  display: inline-block;

}

.comment-title {

  margin-bottom: 1.625em;

  text-transform: uppercase;

  letter-spacing: .02em;

}

.comment-title .fa {

  margin: 0 6px 0 0;

}

.comment-title h4 {

  display: inline-block;

  border-bottom: 2px solid #d4000e;

  padding-bottom: 0;

  margin-bottom: -2px;

}

.comments-list {

  margin-top: 12px;

}

.comments-list .avatar {

  float: left;

  width: 70px;

  margin: 0 16px 10px 0;

}

.avatar img {

  width: 100%;

  height: auto;

  border-radius: 50%;

}

.comment-content {

  display: table-cell;

  vertical-align: top;

  width: auto;

}

.comment-body p {

  padding-top: 10px;

}

.comments-list .comment-author {

  font-weight: 600;

  font-style: normal;

  text-transform: uppercase;

  margin-top: 0;

}

.comments-list .comment-date {

  font-size: .9em;

  font-weight: 500;

  color: #999;

  text-transform: uppercase;

}

.comments-list .comment-btn {

  float: right;

  margin-left: 10px;

}

.comments-list .children {

  margin-left: 60px;

}

.comments-list .children .comment {

  border-left-width: 4px;

}

.form-reply-section {

  margin-top: 10px;

}

.form-reply-section .col-xs-12 {

  padding-left: 0;

}

.form-reply {

  margin-top: 0;

  margin-bottom: 1.625em;

}

.form-control {

  display: block;

  width: 100%;

  font-size: 1em;

  color: #555;

  background-color: #fff;

  background-image: none;

  border: 1px solid #e3e2e2;

  box-shadow: none;

  border-radius: 0;

  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

  font-weight: 400;

  padding: 6px 10px;

  letter-spacing: .02em;

  margin-bottom: 1.625em;

}

.form-group {

  margin-left: 0;

  margin-bottom: 1.625em;

}

.form-control:focus {

  outline: 0;

  box-shadow: none;

  border: 1px solid #49494d;

}

.has-error .help-block {

  color: #d4000e;

}

.form-reply-section .btn {

  display: inline-block;

  background-color: #49494d;

  margin-bottom: 0;

  font-weight: 400;

  text-align: center;

  vertical-align: middle;

  cursor: pointer;

  background-image: none;

  border: none;

  white-space: nowrap;

  padding: 8px 30px;

  line-height: 1;

  text-transform: uppercase;

  border-radius: 1px;

}

.form-reply-section .btn:hover {

  color: #FFF;

}

textarea {

  resize: vertical;

}

.sidebar-categories {

  margin-bottom: 30px;

  font-size: 1.175em;

  display: inline-block;

  width: 100%;

  border: 1px solid rgba(0, 0, 0, 0.2);

  margin-bottom: 1.625em;

  padding: 22px 22px 8px;

}

.sidebar-categories ul {

  margin-bottom: 0;

}

.sidebar-categories ul li {

  margin-bottom: 1em;

  position: relative;

  border-bottom: 1px solid rgba(0, 0, 0, .1);

  padding-bottom: 12px;

}

.sidebar-categories ul li:last-child {

  margin-bottom: 0;

  border-bottom: none;

}

.sidebar-categories span {

  float: right;

}

.sidebar-reviews {

  width: 100%;

  display: inline-block;

  list-style: none;

  border: 1px solid rgba(0, 0, 0, 0.2);

  padding: 8px 22px;

  margin-bottom: 1.625em;

}

.sidebar-reviews > li {

  width: 100%;

  float: left;

  padding: 8px 0 12px;

  list-style: none;

  border-bottom: 1px solid rgba(0, 0, 0, .1);

}

.sidebar-reviews > li:last-child {

  border-bottom: none;

  margin-bottom: 0;

}

.sidebar-reviews > li:first-child {

  margin-top: 0;

}

.sidebar-reviews li .reviews-content {

  margin: 0 0 8px;

}

.reviews-content h3 {

  font-family: 'Roboto', sans-serif;

  margin-top: 0;

  margin-bottom: 4px;

}

.ranking-star {

  width: 100%;

  float: left;

  margin: 0;

  padding: 0;

  list-style: none;

}

.ranking-star li:first-child {

  margin: 0;

}

.ranking-star li {

  width: auto;

  float: left !important;

  margin: 0 0 0 4px;

  border: 0;

  padding: 0;

  list-style-type: none;

  line-height: normal;

  color: #d4000e;

}

.pager {

  margin: 10px 0 16px;

  border-top: 1px solid rgba(0, 0, 0, 0.065);

  padding-top: 12px;

}

.pager a:first-child {

  float: left;

}

.pager a {

  display: inline-block;

  float: right;

  text-transform: uppercase;

}

.pager a:first-child i {

  margin-left: 0;

  margin-right: 1em;

}

.pager a i {

  font-size: 9px;

  margin-left: 1em;

}

/* ----------------------------------------------------------------

      9.0 - Single Post Page End

    -----------------------------------------------------------------*/



/* ----------------------------------------------------------------

      10.0 - Video Page

    -----------------------------------------------------------------*/

.video-post {

  padding: 2px 2px 0;

  margin-bottom: 5px;

}

.video-post_content {

  padding-left: 8px;

  margin-top: 10px;

  line-height: 24px;

  display: table-cell;

}

.dark .video-post_content {

  padding-left: 0;

}

.video-post_content .social-links {

  padding-top: 4px;

  border-top: 1px solid #e3e2e2;

  display: inline-block;

}

.module.dark .video-post_content .social-links {

  padding-top: 0;

  border-top: none;

}

.social-links .social-link {

  color: #aaa;

}

.content-wrap {

  position: relative;

  padding: 10px 0;

}

.video-full {

  display: block;

  width: 100%;

  margin-bottom: 1.625em;

}

.video-full h2, .video-full h4 {

  margin-bottom: 10px;

  margin-top: 10px;

}

.content-wrap ul li i {

  width: 22px;

  font-size: 1.1em;

  color: #666;

}

.content-wrap span {

  color: #919199;

}

.social-links li a i {

  color: #BBBABB;

  font-size: 1.1em;

  text-align: center;

  display: inline-block;

}

.social-links li a {

  border-radius: 2px;

}

.social-links li a i:hover {

  color: #FFF;

}

/* ----------------------------------------------------------------

      10.0 - Video Page End

    -----------------------------------------------------------------*/









/* Image Overlays */



.overlay {

  position: relative;

}

.overlay:after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: .3;

}

.img-overlay1:after {

  background: #000;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: block;

  position: absolute;

  opacity: .6;

}

.img-overlay2:after {

  background: #000;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: block;

  position: absolute;

  opacity: .9;

}

/* Helper Classes */

.color-white {

  color: #FFF!important;

}

.weight-300 {

  font-weight: 300;

}

.weight-400 {

  font-weight: 400;

}

.weight-800 {

  font-weight: 800;

}



/* ----------------------------------------------------------------

      11.0 - Parallax End

    -----------------------------------------------------------------*/



/* ----------------------------------------------------------------

      12.0 - Owl Carousel

    -----------------------------------------------------------------*/



/* ----------------------------------------------------------------

      13.0 - Flex Slider

    -----------------------------------------------------------------*/

.flexslider {

  border: none;

}

.flex-prev, .flex-next {

  font-size: 0;

}

.flexslider li .meta {

  position: absolute;

  bottom: 20px;

  left: 20px;

  color: #fff;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

}

.flexslider li h3 {

  background: rgba(44, 44, 52, 0.5);

  padding: 6px 18px;

  margin-bottom: 0;

  font-weight: 400;

  border-radius: 1px;

  line-height: 1.3;

  max-width: 720px;

}

.flexslider li h4 {

  padding: 6px 18px;

  margin-top: 5px;

  border-radius: 1px;

  letter-spacing: .4px;

}

.flexslider li.flex-active-slide .meta {

  -webkit-animation-delay: .4s;

  animation-delay: .4s;

  -webkit-animation-duration: .6s;

  animation-duration: .6s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

  color: #fff;

}

.flexslider .flex-direction-nav a.flex-prev, .flexslider .flex-direction-nav a.flex-next {

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -ms-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

}

.flex-direction-nav a:before {

  font-family: "FontAwesome";

  font-size: 40px;

  display: inline-block;

  content: '\f104';

  color: rgba(255, 255, 255, 0.8);

  text-shadow: none;

}

.flex-direction-nav a.flex-next:before {

  content: '\f105';

}

/* ----------------------------------------------------------------

      13.0 - Flex Slider End

    -----------------------------------------------------------------*/



/* ----------------------------------------------------------------

      14.0 - Typography Page

    -----------------------------------------------------------------*/

.typography-section {

  border-bottom: 1px solid #e3e2e2;

  margin-top: 20px;

  margin-bottom: 1.625em;

  padding-bottom: 26px;

}

.typography-section p {

  margin-bottom: 0;

  padding-bottom: 0;

}

.typography-section .panel-body p {

  padding: 16px;

}

.typography-section h3 {

  font-family: 'Roboto', sans-serif;

}

.typography-section [class^="label-"] {

  padding: 4px 8px;

  font-weight: 400;

  color: #FFF;

  left: 0;

  right: auto;

  top: auto;

  bottom: 0;

  text-align: center;

  border-radius: 1px;

  border: none;

  margin-right: 8px;

  margin-left: 0;

  position: relative;

}

.typography-section .label-13 {

  background-color: rgba(239, 241, 242, 0.9);

  color: #141417;

  text-transform: uppercase;

  padding: 5px 8px;

}

.typography-section .container {

  max-width: 1248px;

}

.typography-section .wrap {

  padding: 0 14px;

}

.wrap .panel-body {

  padding: 15px;

}

.typography-title {

  margin-top: 0;

  margin-bottom: 4px;

  font-weight: 300;

  color: #777;

  text-decoration: underline;

}

.typography-subtitle {

  margin-top: 0;

  margin-bottom: 16px;

  font-weight: 300;

  color: #777;

}

.text-muted {

  padding-top: 6px;

  padding-bottom: 6px;

}

.demo-color {

  height: 100px;

  position: relative;

  margin: 0;

  margin-bottom: 0;

}

.demo-footer {

  padding: 8px!important;

}

.media-body {

  position: relative;

}

.demo-color > span {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  text-align: center;

  padding: 6px;

  background-color: rgba(0, 0, 0, 0.1);

  font-size: .9em;

  color: #fff;

}

/* ----------------------------------------------------------------

      14.0 - Typography Page End

    -----------------------------------------------------------------*/

  

/* ----------------------------------------------------------------

      15.0 - About Us Page

    -----------------------------------------------------------------*/



/* Editorial Section */



.editorial-section {

  margin-top: 1.625em;

  margin-bottom: 30px;

}

.editorial-section .media .media-left {

  padding: 20px 0 20px 20px;

}

.editorial-section .media-body {

  padding: 16px;

}

.editorial-section .media {

  border-bottom: 1px solid #e2e2e2;

}

.editorial-section h2 {

  padding-bottom: 6px;

  font-weight: 300;

  margin-bottom: 0;

}

.editorial-section h2 b {

  font-weight: 400;

}

.editorial-section .twitter {

  background: url(../images/twitter.gif) no-repeat 0 3px;

  padding-left: 18px;

  margin-bottom: 8px;

}

.editorial-section .nav > li {

  border-left: none;

}

.editorial-section li a {

  transition-duration: .2s;

}

.nav-pills > li > a {

  border-radius: 1px;

  font-size: .975em;

  border-bottom: 1px solid #e2e2e2;

}

.nav-pills > li + li {

  margin-left: 0;

}

.nav-stacked > li + li {

  margin-top: 0;

  margin-left: 0;

}

#topPos:before {

  display: block;

  content: " ";

  height: auto;

  visibility: hidden;

}

/* Affix Styles */



.panel-affix {

  min-width: 225px;

}

/* Online Section */



.online-section {

  background-color: #eff1f2;

  position: relative;

  height: auto;

  margin-top: 20px;

  padding-bottom: 20px;

}

.online-section h2 {

  padding-left: 16px;

  margin-top: 30px;

  margin-bottom: 10px;

}

.online-section img {

  padding-right: 16px;

  margin-top: 90px;

  max-width: 100%;

}

/* ----------------------------------------------------------------

      15.0 - About Us Page End

    -----------------------------------------------------------------*/



/* ----------------------------------------------------------------

      16.0 - Coming Soon Page

    -----------------------------------------------------------------*/



.intro-title {

  margin-bottom: 20px;

  margin-top: 26px;

  text-transform: uppercase;

}

.intro-subtitle {

  margin-bottom: 40px;

  padding-bottom: 10px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.16);

}

.countdown {

  text-align: center;

}

.styled {

  margin-bottom: 30px;

  background: #141417;

}

.styled div {

  display: inline-block;

  font-weight: 400;

  text-align: center;

  margin: 0 1px;

  width: auto;

  padding: 25px;

  text-shadow: none;

  vertical-align: middle;

  border-right: 1px solid rgba(255, 255, 255, 0.26);

  border-radius: 1px;

  color: rgba(255, 255, 255, 1);

}

.styled div:last-child {

  border: none;

}

.styled div:first-child {

  margin-left: 0;

}

.styled div span {

  display: block;

  border-top: 1px solid rgba(255, 255, 255, 0.36);

  padding-top: 3px;

  font-size: 21px;

  font-weight: 400;

  text-align: center;

}

.newsletter-form {

  vertical-align: middle;

  width: 460px;

  border: 1px solid rgba(255, 255, 255, 0.76);

  padding: 0 10px;

  height: 40px;

  margin: 10px auto;

}

/* ----------------------------------------------------------------

      16.0 - Coming Soon Page End

    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------

      5.0 - Footer

    -----------------------------------------------------------------*/

     .w-100{
      width: 100%;
    }
    .w-70{
      width: 70%;
    }

    .w-30{
      width: 30%;
    }

    .white{
      color: white;
    }

#footer .tagcloud a {

  color: #fff;

  background-color: #70717c;

  padding: 5px 10px;

  margin: 7px 7px 7px 0;

  border-radius: 2px;

  display: inline-block;

}

#footer .tagcloud a:hover {

  background-color: #f2f2f6;

  color: #70717c;

}

.sideBarDiv{
      
    color: white;
    display: flex;
    padding: 6px 10px;
    justify-content: space-between;
    font-size: 13px;
}

.sideBarDiv:hover{
      opacity: .80;
      cursor: pointer;
}

.news{
  background-color: #ef3679;
}


.blog{
  background-color: #9d63ab;
}

.classified{
  background-color: #404c94;
}

.images{
  background-color: #ff902b;
}

.videos{
  background-color: #ef3679;
}

.pl-0{
  padding-left: 0;
  padding-right: 3px;
}

.pr-0{
  padding-right: 0;
      padding-left: 3px;
}

.mb-3{
  margin-bottom: 6px;
}

.mt-4{
  margin-top: 4px;
}

.mt-20{
  margin-top: 20px;
}

.statis{
    background-color: #222327;
    border: 2px solid black;
  color: white;
  margin: 10px 0 0;   
  padding: 9px;   
  width: 100%;  
  clear: both;    
}

.statis li {
 color: white;
     margin-bottom: 10px;
}

.textRight{
  text-align: right;
}

.newsletterdisplayDestop{
  display: none;
}

.reportDetail{
  color: white;
    width: 20%;
    text-align: center;
    padding: 10px 0;
}

@media only screen and (max-device-width: 480px) {

  .newsletterdisplayDestop{
  display: block;
}

  .newsletterdisplay{
    display: none;
  }

input.search-bar{
  width: 265px;
    }

    .pl-0{
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 6px;
}

.pr-0{
  padding-right: 0;
      padding-left: 0;
      margin-bottom: 6px;
}

.mb-3{
  margin-bottom: 0;
}

.right-top-menu.pull-right{
  margin-top: 10px;
}

.statis{
      display: flex;
    flex-direction: column;
}


.mt-sm-20{
  margin-top: 20px !important;
}
}


.redColor{
  color: red;
}

p#subscribe3-result{
  z-index: 9999;
  position: absolute;
      width: 100%;
      top: 40px;
}
.p-0{
  padding: 0;
}