.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }
@-webkit-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out }
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0, 0); z-index:2 }
.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-loaded { display: block }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel .owl-refresh .owl-item { display: none }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d }
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto }
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.no-js .owl-carousel { display: block }
.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease }
/*.owl-carousel .owl-item img { transform-style: preserve-3d }*/
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(globalSports/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease }
.owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1 }

.owl-theme .owl-controls { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none }
.owl-theme .owl-controls .owl-nav .disabled { opacity: .5; cursor: default }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display:inline}
.owl-dots .owl-dot:only-child {display:none}
.owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 5px 7px; background: #fff; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #000 }

/* box-sizing */
.fr-window, .fr-window [class^="fr-"],
.fr-overlay, .fr-overlay [class^="fr-"],
.fr-spinner, .fr-spinner [class^="fr-"] {
  box-sizing: border-box;
}

.fr-window { position: fixed;width: 100%;height: 100%; top: 0; left: 0; transform: translateZ(0px);}

/* z-index */
.fr-overlay { z-index:  99999998; }
.fr-window {  z-index:  99999999; }
.fr-spinner { z-index: 999999999; }


/* overlay */
.fr-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.fr-overlay-background {
  float: left;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .9;
  filter: alpha(opacity=90);
}

.fr-overlay-ui-fullclick .fr-overlay-background {
  background: #292929;
  opacity: 1;
  filter: alpha(opacity=100);
}


/* mobile touch has position:absolute to allow zooming */
.fr-window.fr-mobile-touch,
.fr-overlay.fr-mobile-touch {
  position: absolute;
  overflow: visible;
}


/* some properties on the window are used to toggle things
 * like margin and the fullclick mode,
 * we reset those properties after measuring them
 */
.fr-measured {
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

.fr-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-pages {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fr-page {
  position: absolute;
  width: 100%;
  height: 100%;
}


.fr-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  text-align: center;
}

.fr-hovering-clickable .fr-container { cursor: pointer; }


/*
   padding:
   youtube & vimeo always have buttons on the outside
   side button = 72 = 54 + (2 * 9 margin)
   close button = 48
*/
/* padding ui:inside */
.fr-ui-inside .fr-container { padding: 20px 20px; }
.fr-ui-inside.fr-no-sides .fr-container { padding: 20px; }

/* padding ui:outside */
.fr-ui-outside .fr-container { padding: 20px 82px; }
.fr-ui-outside.fr-no-sides .fr-container { padding: 20px 48px; }
.fr-box canvas { display:none}
/* reduce padding on smaller screens */
@media all and (max-width: 700px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 700px) {
  /* padding ui:inside */
  .fr-ui-inside .fr-container { padding: 12px 12px; }
  .fr-ui-inside.fr-no-sides .fr-container { padding: 12px; }

  /* padding ui:outside */
  .fr-ui-outside .fr-container { padding: 12px 72px; }
  .fr-ui-outside.fr-no-sides .fr-container { padding: 12px 48px; }
}

@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 500px) {
  /* padding ui:inside */
  .fr-ui-inside .fr-container { padding: 0px 0px; }
  .fr-ui-inside.fr-no-sides .fr-container { padding: 0px; }

  /* padding ui:outside */
  .fr-ui-outside .fr-container { padding: 0px 72px; }
  .fr-ui-outside.fr-no-sides .fr-container { padding: 0px 48px; }
}

/* padding ui:fullclick */
.fr-ui-fullclick .fr-container { padding: 0; }
.fr-ui-fullclick.fr-no-sides .fr-container { padding: 0; }

/* video fullclick */
.fr-ui-fullclick.fr-type-video .fr-container { padding: 0px 62px; }
.fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container { padding: 48px 0px; }

/* overflow-y should always have 0 padding top and bottom */
.fr-overflow-y .fr-container {
  padding-top: 0 !important;
  padding-bottom: 0!important;
}


.fr-content,
.fr-content-background {
  position: absolute;
  top: 30%;
  left: 50%;
  /* IE11 has a 1px blur bug on the edges of the caption (ui:inside)
     during animation with overflow:hidden */
  overflow: visible;
}

/* img/iframe/error */
.fr-content-element {
  float: left;
  width: 100%;
  height: 100%;
}

.fr-content-background {
  background: #101010;
}

.fr-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #efefef;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.fr-info-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  line-height: 1%;
  filter: none;
  opacity: 1;
}
.fr-ui-inside .fr-info-background {
  filter: alpha(opacity=80);
  opacity: .8;
  zoom: 1;
}
/* ui:outside has a slightly lighter info background to break up from black page backgrounds */
.fr-ui-outside .fr-info-background { background: #0d0d0d; }


/* info at the bottom for ui:inside */
.fr-content .fr-info {
  top: auto;
  bottom: 0;
}

.fr-info-padder {
  display: block;
  overflow: hidden;
  padding: 12px;
  position: relative;
  width: auto;
}

.fr-caption {
  width: auto;
  display: inline;
  white-space: wrap;
}

.fr-position {
  color: #b3b3b3;
  float: right;
  line-height: 21px;
  opacity: 0.99;
  position: relative;
  text-align: right;
  margin-left: 15px;
  white-space: nowrap;
}

/* positions not within the info bar
   for ui:outside/inside */
.fr-position-outside,
.fr-position-inside {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 12px;
  width: auto;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  line-height: 20px;
  text-shadow: 0 1px 0 rgba(0,0,0,.4);
  display: none;
  overflow: hidden;
  white-space: nowrap;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.fr-position-inside {
  border: 0;
}

.fr-position-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0d0d0d;
  filter: alpha(opacity=80);
  opacity: .8;
  zoom: 1; /* oldIE */
}
.fr-position-text { color: #b3b3b3; }
.fr-position-outside .fr-position-text,
.fr-position-inside .fr-position-text {
  float: left;
  position: relative;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  opacity: 1;
}

/* display it for the outside ui, hide the caption inside */
.fr-ui-outside .fr-position-outside { display: block; }
.fr-ui-outside .fr-info .fr-position { display: none; }

.fr-ui-inside.fr-no-caption .fr-position-inside { display: block; }

/* links */
.fr-info a,
.fr-info a:hover {
  color: #ccc;
  border: 0;
  background: none;
  text-decoration: underline;
}
.fr-info a:hover { color: #eee; }

/* no-caption */
.fr-ui-outside.fr-no-caption .fr-info { display: none; }
.fr-ui-inside.fr-no-caption .fr-caption { display: none; }


/* --- stroke */
.fr-stroke {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.fr-stroke-vertical { width: 1px; height: 100%; }
.fr-stroke-horizontal { padding: 0 1px; }

.fr-stroke-right { left: auto; right: 0; }
.fr-stroke-bottom { top: auto; bottom: 0; }

.fr-stroke-color {
  float: left;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.08);
}

/* the stroke is brighter inside the info box */
.fr-info .fr-stroke-color { background: rgba(80,80,80,.3); }

/* remove the stroke when outside ui has a caption */
.fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom { display: none; }

/* remove stroke and shadow when ui:fullclick */
.fr-ui-fullclick .fr-stroke { display: none; }
.fr-ui-fullclick .fr-content-background { box-shadow: none; }

/* the info box never bas a top stroke */
.fr-info .fr-stroke-top { display: none; }



/* < > */
.fr-side {
  position: absolute;
  top: 50%;
  width: 54px;
  height: 72px;
  margin: 0 9px;
  margin-top: -36px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  zoom: 1;
}
.fr-side-previous { left: 0; }
.fr-side-next { right: 0; left: auto; }

.fr-side-disabled { cursor: default; }
.fr-side-hidden { display: none !important; }

.fr-side-button {
  float: left;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.fr-side-button-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #101010;
  background-color: #ccc;
}
.fr-side-button-icon {
  float: left;
  position: relative;
  height: 100%;
  width: 100%;
  zoom: 1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
/* smaller side buttons */
@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 414px) {
  .fr-side {
    width: 54px;
    height: 60px;
    margin: 0;
    margin-top: -30px;
  }
  .fr-side-button {
    width: 48px;
    height: 60px;
    margin: 0 3px;
  }
}


/* X */
.fr-close {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 0;
  right: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.fr-close-background,
.fr-close-icon {
  position: absolute;
  top: 12px;
  left: 12px;
  height: 26px;
  width: 26px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.fr-close-background { background-color: #000; }




/* Thumbnails */
.fr-thumbnails {
  position: absolute;
  overflow: hidden;
}
.fr-thumbnails-disabled .fr-thumbnails { display: none !important; }
.fr-thumbnails-horizontal .fr-thumbnails {
  width: 100%;
  height: 12%;
  min-height: 74px;
  max-height: 160px;
  bottom: 0;
}

.fr-thumbnails-vertical .fr-thumbnails {
  height: 100%;
  width: 10%;
  min-width: 74px;
  max-width: 160px;
  left: 0;
}

.fr-thumbnails,
.fr-thumbnails * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fr-thumbnails-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
}
.fr-thumbnails-vertical .fr-thumbnails-wrapper {
  top: 50%;
  left: 0;
}

.fr-thumbnails-slider {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  zoom: 1;
}

.fr-thumbnails-slider-slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.fr-thumbnails-thumbs {
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
}

.fr-thumbnails-slide {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.fr-thumbnail-frame {
  position: absolute;
  zoom: 1;
  overflow: hidden;
}

.fr-thumbnail {
  position: absolute;
  width: 30px;
  height: 100%;
  left: 50%;
  top: 50%;
  zoom: 1;
  cursor: pointer;
  margin: 0 10px;
}
.fr-ltIE9 .fr-thumbnail * {
  overflow: hidden; /* IE6(7) */
  z-index: 1;
  zoom: 1;
}

.fr-thumbnail-wrapper {
  position: relative;
  background: #161616;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  display: inline; /* IE6(7) */
  z-index: 0; /* IE8 */
}

.fr-thumbnail-overlay { cursor: pointer; }
.fr-thumbnail-active .fr-thumbnail-overlay { cursor: default; }
.fr-thumbnail-overlay,
.fr-thumbnail-overlay-background,
.fr-thumbnail-overlay-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  overflow: hidden;
  border-style: solid;
  border-color: transparent;
}
.fr-ltIE9 .fr-thumbnail-overlay-border { border-width: 0 !important; }
.fr-thumbnail .fr-thumbnail-image {
  position: absolute;
  filter: alpha(opacity=85);
  opacity: .85;
  max-width: none;
}
.fr-thumbnail:hover .fr-thumbnail-image,
.fr-thumbnail-active:hover .fr-thumbnail-image {
  filter: alpha(opacity=99);
  opacity: .99;
}
.fr-thumbnail-active .fr-thumbnail-image,
.fr-thumbnail-active:hover .fr-thumbnail-image {
  filter: alpha(opacity=35);
  opacity: .35;
}
.fr-thumbnail-active { cursor: default;  }

/* Thumbnails loading */
.fr-thumbnail-loading,
.fr-thumbnail-loading-background,
.fr-thumbnail-loading-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fr-thumbnail-loading-background {
  background-color: #161616;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: .8;
  position: relative;
  float: left;
}
/* this element is there as an alternative to putting the loading image on the background */
.fr-thumbnail-loading-icon { display: none; }

/* error on thumbnail */
.fr-thumbnail-error .fr-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #202020;
}


/* Thumbnail < > */
.fr-thumbnails-side {
  float: left;
  height: 100%;
  width: 28px;
  margin: 0 5px;
  position: relative;
  overflow: hidden;
}
.fr-thumbnails-side-previous { margin-left: 12px; }
.fr-thumbnails-side-next { margin-right: 12px; }

.fr-thumbnails-vertical .fr-thumbnails-side {
  height: 28px;
  width: 100%;
  margin: 10px 0;
}
.fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; }
.fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; }

.fr-thumbnails-side-button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -14px;
  margin-left: -14px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.fr-thumbnails-side-button-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  filter: alpha(opacity=80);
  opacity: .8;
  -moz-transition: background-color .2s ease-in;
  -webkit-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
  background-color: #333;
  cursor: pointer;
  border-radius: 4px;
}
.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background { background-color: #3b3b3b; }

.fr-thumbnails-side-button-disabled * { cursor: default; }
.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background { background-color: #333; }

.fr-thumbnails-side-button-icon {
  height: 42px;
  width: 42px;
  position: absolute;
  /*top: -7px;
  left: -7px;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* vertical thumbnails */
.fr-thumbnails-vertical .fr-thumbnails-side,
.fr-thumbnails-vertical .fr-thumbnails-thumbs,
.fr-thumbnails-vertical .fr-thumbnail-frame { clear: both; }

/* ui:fullclick has a dark thumbnail background */
.fr-window-ui-fullclick .fr-thumbnails { background: #090909; }

/* put a stroke on the connecting caption*/
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom { display: block !important; } /*({ box-shadow: inset 0 -1px 0 rgba(255,255,255,.1); } */
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left { display: block !important; }

/* thumbnail spacing  */
.fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 12px 5px; }
.fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 5px 12px; }
.fr-thumbnails-measured .fr-thumbnails-thumbs { padding: 0 !important; }
/* horizontal */
@media all and (min-height: 700px) {
  .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 16px 8px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 8px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 16px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 16px; }
}
@media all and (min-height: 980px) {
  .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 20px 10px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 10px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 20px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 20px; }
}

/* vertical */
@media all and (min-width: 1200px) {
  .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 8px 16px; }
  .fr-thumbnails-vertical .fr-thumbnails-side { margin: 0 8px; }
  .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 16px; }
  .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 16px; }
}
@media all and (min-width: 1800px) {
  .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 10px 20px; }
  .fr-thumbnails-vertical .fr-thumbnails-side { margin: 10px 0; }
  .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; }
  .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; }
}

/* hide thumbnails on smaller screens
   the js always hides them on touch based devices
*/
@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 500px) {
  .fr-thumbnails-horizontal .fr-thumbnails { display: none !important; }
}
@media all and (max-width: 700px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 414px) {
  .fr-thumbnails-vertical .fr-thumbnails { display: none !important; }
}


/* force fullClick: true
   and force overflow: false */
@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 414px) {
  .fr-page { min-width: 100%; } /* fullclick */
  .fr-page { min-height: 100%; } /* overflow: false */
}


/* switch between ui modes
   we force everything not in the current UI mode to hide
*/
.fr-window-ui-fullclick .fr-side-next-outside,
.fr-window-ui-fullclick .fr-side-previous-outside,
.fr-window-ui-fullclick .fr-close-outside,
.fr-window-ui-fullclick .fr-content .fr-side-next,
.fr-window-ui-fullclick .fr-content .fr-side-previous,
.fr-window-ui-fullclick .fr-content .fr-close,
.fr-window-ui-fullclick .fr-content .fr-info,

.fr-window-ui-outside .fr-side-next-fullclick,
.fr-window-ui-outside .fr-side-previous-fullclick,
.fr-window-ui-outside .fr-close-fullclick,
.fr-window-ui-outside .fr-content .fr-side-next,
.fr-window-ui-outside .fr-content .fr-side-previous,
.fr-window-ui-outside .fr-content .fr-close,
.fr-window-ui-outside .fr-content .fr-info,

.fr-window-ui-inside .fr-page > .fr-info,
.fr-window-ui-inside .fr-side-next-fullclick,
.fr-window-ui-inside .fr-side-previous-fullclick,
.fr-window-ui-inside .fr-close-fullclick,
.fr-window-ui-inside .fr-side-next-outside,
.fr-window-ui-inside .fr-side-previous-outside,
.fr-window-ui-inside .fr-close-outside {
  display: none !important;
}


/* some ui elements can be toggled on mousemove.
   filter:alpha(opacity) is bugged so we use display in oldIE
*/
.fr-toggle-ui {
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fr-visible-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui { opacity: 1; }

.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fr-ltIE9.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-ltIE9.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui { display: none; }

/* Spinner */
.fr-spinner {
  position: fixed;
  width: 52px;
  height: 52px;
  background: #101010;
  background: rgba(16,16,16,.85);
  border-radius: 5px;
}
.fr-spinner div {
  position: absolute;
  top: 0;
  left: 0;
  height: 64%;
  width: 64%;
  margin-left: 18%;
  margin-top: 18%;
  opacity: 1;
  -webkit-animation: fresco-12 1.2s infinite ease-in-out;
  animation:         fresco-12 1.2s infinite ease-in-out;
}

.fr-spinner div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 8px;
  margin-left: -1px;
  background: #fff;
  box-shadow: 0 0 1px rgba(0,0,0,0); /* fixes rendering in Firefox */
}

.fr-spinner div.fr-spin-1 { -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.fr-spinner div.fr-spin-2 { -ms-transform: rotate(60deg); -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.fr-spinner div.fr-spin-3 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.fr-spinner div.fr-spin-4 { -ms-transform: rotate(120deg); -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.fr-spinner div.fr-spin-5 { -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.fr-spinner div.fr-spin-6 { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.fr-spinner div.fr-spin-6 { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.fr-spinner div.fr-spin-7 { -ms-transform: rotate(210deg); -webkit-transform: rotate(210deg); transform: rotate(210deg); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.fr-spinner div.fr-spin-8 { -ms-transform: rotate(240deg); -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.fr-spinner div.fr-spin-9 { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.fr-spinner div.fr-spin-10 { -ms-transform: rotate(300deg); -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.fr-spinner div.fr-spin-11 { -ms-transform: rotate(330deg); -webkit-transform: rotate(330deg); transform: rotate(330deg); -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
.fr-spinner div.fr-spin-12 { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-delay: 0s; animation-delay: 0s; }

@-webkit-keyframes fresco-12 {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fresco-12 {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}

/* Thumbnail spinner */
.fr-thumbnail-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  width: 40px;
  height: 40px;
}
.fr-thumbnail-spinner-spin {
  position: relative;
  float: left;
  margin: 8px 0 0 8px;
  text-indent: -9999em;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid #fff;
  -webkit-animation: fr-thumbnail-spin 1.1s infinite linear;
  animation: fr-thumbnail-spin 1.1s infinite linear;

}
.fr-thumbnail-spinner-spin,
.fr-thumbnail-spinner-spin:after {
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
@-webkit-keyframes fr-thumbnail-spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes fr-thumbnail-spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


/* Error */
.fr-error {
  float: left;
  position: relative;
  background-color: #ca3434;
  width: 160px;
  height: 160px;
}

.fr-error-icon {
  position: absolute;
  width: 42px;
  height: 42px;
  top: 50%;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
}


/* skin: 'fresco' */

/* Sprite */
.fr-window-skin-fresco .fr-side-button-icon,
.fr-window-skin-fresco .fr-close-icon,
.fr-window-skin-fresco .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco .fr-error-icon {
  background-image: url(../../../content/dam/IndusindSports/sprite.png);
}
/* fallback png sprite */
.fr-window-skin-fresco.fr-no-svg .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-close-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco .fr-error-icon {
  background-image: url(../../../content/dam/IndusindSports/sprite.png);
}

.fr-window-skin-fresco .fr-error-icon { background-position: -160px -126px; }

.fr-window-skin-fresco .fr-content-background {
  background: #101010;
  box-shadow: 0 0 5px rgba(0,0,0,.4);
}
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background { box-shadow: none; }

/* thumbnail shadow */
.fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1); }

canvas{display:none;}
/* < > */
.fr-window-skin-fresco .fr-side-button-background { background-color: transparent; }
.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-position: -13px -14px; }
.fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-position: -93px -14px; }

.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon { background-position: -93px -114px; }

/* transition (png) */
.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon { background-position: -93px -114px; }

/* disabled state (png) */
.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon { background-position: -13px -214px; }
.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon { background-position: -93px -214px; }

/* transition (svg) */
.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon { background-position: -93px -114px; }
.fr-window-skin-fresco.fr-svg .fr-side-button-icon { opacity: .5; }

.fr-window-skin-fresco.fr-svg .fr-side:hover .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-next .fr-side-button-icon { opacity: 1; }

.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side .fr-side-button-icon { opacity: .8; }  /* touch always active but at lower opacity */

/* disabled (svg) */
.fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-side-disabled:hover .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side-disabled .fr-side-button-icon { opacity: .2; } /* TODO: make sure this works */

/* hide for ui:inside/fullclick, only for the image type */
.fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon { background-image: none; }

/* < > responsive */
@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 414px) {
  .fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-position: 0px -300px; }
  .fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-position: -48px -300px; }

  .fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon { background-position: 0px -360px; }
  .fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon { background-position: -48px -360px; }

  /* transition (png) */
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon { background-position: 0px -360px; }
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon { background-position: -48px -360px; }

  /* transition (svg) */
  .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon { background-position: 0px -360px; }
  .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon { background-position: -48px -360px; }

  /* disabled state (png) */
  .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon { background-position: 0px -420px; }

  .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon { background-position: -48px -420px; }
}

/* X */
/* colors */
.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background { background-color: #363636; }
.fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background { background-color: #434343; }

.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background { background-color: #131313; filter: alpha(opacity=80); opacity: .8; }
.fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background { background-color: #191919; }

/* - image */
.fr-window-skin-fresco .fr-close .fr-close-icon { background-position: -168px -8px;}
.fr-window-skin-fresco .fr-close:hover .fr-close-icon { background-position: -210px -8px; }

/* - transition */
.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon {
  background-position: -210px -8px;
  opacity: .8;
}
.fr-window-skin-fresco .fr-close:hover .fr-close-icon { opacity: 1; }
/* iOS 8.4.1 bug: when opacity changes it'll require 2 taps
   force a single opacity to fix this
*/
.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon,
.fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon { opacity: 1; }

/* Thumbnails */
.fr-window-skin-fresco .fr-thumbnail-wrapper {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1); }
.fr-window-skin-fresco .fr-thumbnail-wrapper {
  box-shadow: 0 -1px 4px rgba(0, 0, 0, .3);
}
.fr-window-skin-fresco .fr-thumbnail-overlay-border {
  border-width: 1px;
  border-color: rgba(255, 255, 255, .08); /* should remain rgba */
}
/* no inner border on active thumbnail */
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border,
.fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border { border: 0px; }

/* Thumbnails < > */
.fr-window-skin-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -167px -49px;}
.fr-window-skin-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -209px -49px; }
.fr-window-skin-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -167px -91px;}
.fr-window-skin-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -209px -91px; }
/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -293px -49px;}
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -335px -49px; }
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -293px -91px;}
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -335px -91px; }

/* Thumbnails < > transition */
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-icon {
  -moz-transition: opacity .2s ease-in;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  opacity: .8;
}
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -167px -49px; }
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -209px -91px; }
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon { opacity: 1; }
/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -293px -49px; }
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -335px -91px; }

/* lower opacity on disabled states */
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled,
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled { opacity: .5; }

/* lower opacity IE < 9 using images */
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -251px -49px;
}
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -251px -91px;
}
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background {
  filter: alpha(opacity=50);
}
/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -377px -49px;
}
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -377px -91px;
}

@charset "utf-8";
/* CSS Document */
/* Reset Start */
html { height: 100%; font-size: 62.5%;}
body { background:#fff; font-family: 'roboto_slabregular'; color:#000}
/***** Global Classes and declarations *****/
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, input {list-style:none; }
* { outline:none; padding:0; border:none; margin:0; -webkit-text-size-adjust:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box;  box-sizing: border-box;}
a { text-decoration: none; outline:none; color:#333; } 
a:hover { text-decoration: none; }
a.selected { color:#333; cursor:default; }
a:hover.selected { text-decoration:none;}
img { border: none;}
p, { color:#333; }
p, input { font-size:1.3em; }
h1, h2, h3, h4, h5, h6, pre { font-weight:normal; margin:0 }
.clearfix:after { content: "."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:block; }
* html .clearfix { height: 1%; }
.clear { clear:both; font-size:1%; height:0; line-height:0; display:block; width:0; }
html[xmlns] .clearfix { display:block; }
.fl { float:left }
.hidden{display:none}
/* Reset End */
/*.media-box p {font-size: 25px;}
.media-box p {font-size: 15px; font-weight: 300;}
*/
.media-box p {font-size: 25px; font-weight: 300;}
.media-box p a {color: #fff;text-decoration: underline;}
.nivo-lightbox-theme-default.nivo-lightbox-overlay {background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;}
.media-box a:hover{
text-decoration: none;
}
@font-face {
font-family: 'roboto_slabbold';
src: url('../../../content/dam/IndusindSports/fonts/robotoslab-bold-webfont.woff2') format('woff2'),
url('../../../content/dam/IndusindSports/fonts/robotoslab-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'roboto_slablight';
src: url('../../../content/dam/IndusindSports/fonts/robotoslab-light-webfont.woff2') format('woff2'),
url('../../../content/dam/IndusindSports/fonts/robotoslab-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'roboto_slabregular';
src: url('../../../content/dam/IndusindSports/fonts/robotoslab-regular-webfont.woff2') format('woff2'),
url('../../../content/dam/IndusindSports/fonts/robotoslab-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'roboto_slabthin';
src: url('../../../content/dam/IndusindSports/fonts/robotoslab-thin-webfont.woff2') format('woff2'),
url('../../../content/dam/IndusindSports/fonts/robotoslab-thin-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'JosefinSlab-bold';
src: url('../../../content/dam/IndusindSports/fonts/JosefinSlab-Bold.eot');
src: url('../../../content/dam/IndusindSports/fonts/JosefinSlab-Bold.eot?#iefix') format('embedded-opentype'),
url('../../../content/dam/IndusindSports/fonts/JosefinSlab-Bold.woff') format('woff'),
url('../../../content/dam/IndusindSports/fonts/JosefinSlab-Bold.ttf') format('truetype'),
url('../../../content/dam/IndusindSports/fonts/JosefinSlab-Bold.svg#JosefinSlab-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'JosefinSlab-semibold';
src: url('../../../content/dam/IndusindSports/fonts/JosefinSlab-SemiBold.eot');
src: url('../../../content/dam/IndusindSports/fonts/JosefinSlab-SemiBold.eot?#iefix') format('embedded-opentype'),
url('../../../content/dam/IndusindSports/fonts/JosefinSlab-SemiBold.woff') format('woff'),
url('../../../content/dam/IndusindSports/fonts/JosefinSlab-SemiBold.ttf') format('truetype'),
url('../../../content/dam/IndusindSports/fonts/JosefinSlab-SemiBold.svg#JosefinSlab-SemiBold') format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}
/*.media-box {background: #f05700 none repeat scroll 0 0; border-radius: 10px; color: #fff; float: left; font-family: "Roboto Slab"; padding: 43px 60px; width: 654px;}*/
.media-box {background: #f05700 none repeat scroll 0 0; border-radius: 10px; color: #fff; display:none; float: left; font-family: "Roboto Slab"; padding: 43px 5%; width: 654px; position:fixed; left:50%; margin-left:-327px; top:50%; z-index:99999; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.lightbox-overlay {background:#000; display: none; height:100%; left:0; opacity:0.7; position: fixed; top:0; width:100%; z-index:99998; filter:alpha(opacity=70);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70)}
.lightbox-close {background: url(../../../content/dam/IndusindSports/close-popup.png) no-repeat 0 0; height: 40px; position: absolute; right: 20px; text-indent: -999999px; top: 15px; width: 42px;}
body{float:left; overflow-x:hidden; width:100%; }
section,nav{width:100%; float:left; position:relative}
.headerSection,nav{ z-index:2; background:#fff}
.paraChampionSection{ overflow-x: hidden;}
.wrapper{width:100%; max-width:1355px; margin:0 auto; }
.sportsLogo{width:247px; float:left; margin:10px 0;}
.indusindLogo{width:230px; float:right; margin:48px 0; }
.sportsLogo img,.indusindLogo img{ width:100%;}
nav{ background:#000}
nav ul{ float:left; width:100%}
nav ul li{ float:left; width:auto; position:relative}
nav ul li a{ width:100%; padding:20px 30px; color:#fff; float:left; font-size:1.6em; line-height:1em; text-transform:uppercase}
nav ul li a.subMenu:before {content: '';height: 6px;width: 6px;display: inline-block;border: 2px solid #fff;border-right-width: 0;border-top-width: 0;
transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);  position: absolute;top: 23px;right: 10px;}
.no-touch nav ul li:hover,.no-touch nav ul li.active a,.touchDevices nav ul li.active a{ background:#f6f6f6; color:#000}
.no-touch nav ul li:hover a{ color:#000}
.no-touch nav ul li:hover a.subMenu:before,.touchDevices nav ul li.active a.subMenu:before{ border-color:#000;transform: rotate(134deg);-webkit-transform: rotate(134deg);-moz-transform: rotate(134deg);-o-transform: rotate(134deg);-ms-transform: rotate(135deg);}
nav ul li ul{ position:absolute; left:0; top:56px; width:260px;  display:none; z-index:2}
nav ul li ul li{ width:100%; float:left;background:#f6f6f6;}
.no-touch nav ul li:hover ul{ display:block}
nav ul li ul a{ color:#000; font-size:1.3em}
.no-touch nav ul li ul li:hover{ background:#e6e6e6}
.bannerTop{ width:100%; float:left; position:relative}
.bannerTop p{ position:absolute; left:15%; top:0; z-index:5}
.bannerTop p.commonTxt{ color:#932b23; font-size:5em; line-height:1em; top:252px;}
.bannerTop p.bannertxt{ color:#fff; font-size:6.5em; line-height:1em; top:290px}
/*.banner p.bannertxt span{ opacity:0}*/
.bannerImgWrap{ float:left; width:100%}
.bannerImgWrap img{float:left; width:100%}
.bannerSection .owl-theme .owl-controls{ position:absolute; left:0; bottom:30px; width:100%}
.bannerSection .owl-theme .owl-dots .owl-dot span{margin: 5px;}
.bannerSection .owl-theme .owl-dots .owl-dot span{ background:#fff}
.bannerSection .owl-theme .owl-dots .owl-dot.active span,.bannerSection .owl-theme .owl-dots .owl-dot:hover span{ background:#c3590a}
.infoBox{ background-color:rgba(0,0,0,0.7); width:717px;/* height:285px;*/ position:absolute; left:15%; bottom:-55px; z-index:6; padding:72px 45px}
/* .bannerSection .infoBox{ width:520px} */
.infoBox .heading{ font-size:7.5em;color:#fff; line-height:1em}
.infoBox .heading1{ font-size:6em;color:#fff; line-height:1em}
.infoBox .heading2{ font-size:8.6em;color:#fff; line-height:1em}
.infoBox .description, .infoBox p{font-size:3em; line-height:1.1em; color:#eaeaea; padding-top:10px;font-family: 'roboto_slablight'; float:left; width:auto; clear:both}
.mediaSection .infoBox .description{ padding-top:25px}
.infoBox a{ float:left; width:auto; font-size:1em; color:#fff}
.infoBox a span{ width:42px;height:40px; float:left; margin-top:25px;  background:url(../../../content/dam/IndusindSports/cta-arrow.png) no-repeat 0 0; background-size:auto 25px}
.no-touch .infoBox a:hover{ color:#ffb100}
.no-touch .infoBox a:hover span{background:url(../../../content/dam/IndusindSports/cta-arrow-hover.png) no-repeat 0 0; background-size:auto 25px}
.paraChampionSection{ background:#ffb100;padding: 110px 0 30px; z-index:2}
.mediaSection .infoBox a span{ float: right;margin-top: 0;margin-left: 5px;}
.imgWrap{ margin-left: -100px; width: 80%; float:left; max-width:1080px}
.mediaSection .imgWrap{ max-width:1920px}
.imgWrap img{ width:100%; float:left}
.paraChampionSection .infoBox,.mediaSection .infoBox{bottom: 80px;left: auto;right:182px;/*width: 500px;*/}
.shootingStarSection{ background:#ff9c00;padding: 30px 0; z-index:2}
.shootingStarSection .imgWrap{ float:right; margin-left:0;margin-right: -114px;}
.shootingStarSection .infoBox{ bottom:80px; left:185px}
.mediaSection {background-color:#ffb100}
.mediaSection .imgWrap {width:100%; margin-left:0;}
footer{ background:#000; width:100%; float:left; padding:30px 15px;}
.copyrightsTxt,.socialMedia span{ float:left; width:auto; color:#978489; font-size:1.5em; padding-top:13px}
.socialMedia{ float:right; width:auto}
.socialMedia ul,.socialMedia li{ float:left; width:auto}
.socialMedia span{ margin-right:8px}
.socialMedia li{ margin-left:22px}
.socialMedia li:first-child{ margin-left:0}
.socialMedia li a{ width:48px; height:42px; float:left}
.socialMedia li a img{ width:100%}
/*.desktop.no-touch .mediaSection,.desktop.no-touch footer{ position:fixed; bottom:0; left:0}
.desktop.no-touch .mediaSection{ bottom:118px; z-index:0}
*//*.paraChampionSection .imgWrap img{ margin-left:-100px}
.paraChampionSection .infoBox{margin-right: -100px;}
*/
/*Commom Start (Abdul Wahid)*/
.inner-heading{font-size:52px; float:left; width:100%; font-weight:normal; text-transform:uppercase; line-height: 48px;}
.inner-heading span{display:block;}
.content{float:left; width:100%; margin-top:30px;}
.content p{clear: both; float: left; font-size: 14px; line-height: 22px; margin-bottom: 18px; text-align: justify; width: 50%; font-weight: 300;}
.content p span, .content h3 {float: left; font-size: 25px; font-weight: 300; margin: 15px 0; text-transform: uppercase; width: 100%; text-align: left; line-height:31px;}
.content p a {color:#000; text-decoration:underline}
.mob-imgs {display:none;}
/*Commom Start (Abdul Wahid)*/
/*About Us Start (Abdul Wahid)*/
.about-us{background:#ff9c00 url(../../../content/dam/IndusindSports/about-bg.jpg) no-repeat right bottom; min-height:600px; padding: 50px 0;}
/*About Us End (Abdul Wahid)*/
/*SpotLight Start (Abdul Wahid)*/
.spotlight {background:#ffca3c url("../../../content/dam/IndusindSports/spotlight-bg.jpg") no-repeat right 0; min-height:655px; padding: 50px 0;}
.spolightBox {clear:both;}
.spotbullet td{color:#000; text-decoration:none}
.bullets{width:380px;}
.bullets a,  .spotbullet td a{color:#000; text-decoration:none;  border:0; font-size:1.7em; font-family:Source Sans Pro;}
.spotbullet td .pdf-link{border:0;}
.spolightBox ul li, .bullets{list-style:none; background:url(../../../content/dam/IndusindSports/bullet.png) no-repeat 0 15px; padding:11px 0 11px 20px; }
.spolightBox ul li a{color:#000; text-decoration:none; border-bottom:1px dashed #bb5215;}
.pdf-link {background:url(../../../content/dam/IndusindSports/download-img.png) no-repeat right 3px; padding-right:20px;}
.spotlight .inner-heading span {text-transform:none;}
/*SpotLight End (Abdul Wahid)*/
/*Parachampions Start (Abdul Wahid)*/
.parachampions1, .parachampions2{background:#ffbb00 url(../../../content/dam/IndusindSports/parachampions1-bg.jpg) no-repeat right bottom; padding: 50px 0;}
.parachampions2{background:#ff9d00 url(../../../content/dam/IndusindSports/parachampions2-bg.jpg) no-repeat 5% bottom;}
.parachampions2 .inner-heading {float: right;width: 50%;}
.parachampions2 p{float:right;}
.parachampions3{background: #ffba00; padding: 50px 0;}
.detail-box-prfl {width:58%;}
.detail-box {float:left; width:52%;}
.detail-box ul {float:left; width:100%; list-style:none; margin-top: 50px;}
.detail-box li { display:block; width:100%; float:left; font-size:13px; color:#2a2b2f; margin:1px 0;}
.detail-box li span {float: left; font-weight: bold; width: 155px; height: 20px;}
.colon {float: left; margin-right: 7px; height:22px;}
.detail-box.detail-box-prfl span {background: none; padding:0; min-height:25px; /*font-weight:normal;*/}
.detail-box.detail-box-prfl > ul {margin-top:30px;}
.prfl-bx {background: #fff none repeat scroll 0 0; float: left; margin-bottom: 25px; padding: 25px 35px 25px 35px;}
.prfl-bx h2 {float: left;  font-weight: normal; text-transform: uppercase; width: 58%;}
.social > a {float: left;}
.detail-box.detail-box-prfl > a {color: #fff;  font-size: 13px; text-decoration: none; text-transform: uppercase; font-weight: bold; background: #f47435;  padding: 4px 10px; margin-top: 10px; float: left; border-radius: 5px; transition:all 0.3s ease;}
.detail-box.detail-box-prfl > a {background: #000; transition:all 0.3s ease;}
.prfl-img {float: right; width: 39%;}
.share { float:left;width:100%; margin:20px 0 0 0}
.share-tl, .twitter, .facebook, .google{display: inline-block;float:left; vertical-align: middle/*; padding:0 5px;*/}
.twitter span, .facebook span, .google span {cursor:pointer}
#athletePro .owl-controls, #videoLinks .owl-controls {height:99px; left:0; margin:0; position: absolute; top: 50%; margin-top:-50px; width: 100%;}
#athletePro .owl-controls .owl-nav [class*="owl-"], #videoLinks .owl-controls .owl-nav [class*="owl-"]{float:left; height:99px; margin:0; padding:0; position:absolute; text-indent:-9999px; width:47px}
#athletePro .owl-controls .owl-prev, #videoLinks .owl-controls .owl-prev {background: url(../../../content/dam/IndusindSports/arrow-left.png) no-repeat 0 0; left: -100px;}
#athletePro .owl-controls .owl-next {background: url(../../../content/dam/IndusindSports/arrow-rt.png) no-repeat 0 0; right: -100px}
#videoLinks .owl-controls .owl-next {background: url(../../../content/dam/IndusindSports/arrow-rt.png) no-repeat 0 0; right: -70px}
/*Parachampions End (Abdul Wahid)*/
/*Power X chromosome Start (Abdul Wahid)*/
.bannerTop {float:left; width:100%; position: relative; }
.bannerTop {background: #e66126 none repeat scroll 0 0; top: 0;}
.bannerTop img{float:left; width:100%;vertical-align:bottom;}
.row{float:left; width:100%;  padding:45px 0 35px 0;}
.bg-grey{background: #f3f3f5;}
.power-x p{color:#7c7c7e; margin:0 0 15px; font-size:15px;  text-align:justify; line-height:22px}
.bg-yellow{background:#fec93f; position:relative;}
.bg-yellow:before{content:""; left:0; right:0; position:absolute; margin:0 auto; background:url(../../../content/dam/IndusindSports/gender-icon.png) no-repeat; width:43px; height:69px; top:-17px; background-size:80% auto;}
.bg-yellow:after{content:""; left:0; right:0; position:absolute; margin:0 auto; background:url(../../../content/dam/IndusindSports/gender-icon.png) no-repeat; width:43px; height:69px; bottom:-50px; background-size:80% auto;}
.lhs-img{margin:0 0 0 -175px;; vertical-align: middle;display: inline-block; width:34%;}
.rhs-content{margin:0 0 0 60px; display:inline-block; vertical-align:middle; width:74%;}
.rhs-content h3{color:#c01839; font-size:22px; margin-bottom:10px; font-weight:bold;}
.rhs-content p{color:#7c7c7e; margin:0 0 15px; font-size:14px;  text-align:justify; line-height:22px}
.lhs-content{margin:0 60px 0 0; display:inline-block; vertical-align:middle; width:74%;}
.lhs-content h3{color:#f8522c; font-size:22px; margin-bottom:15px; font-weight:bold; }
.lhs-content p{color:#7c7c7e; margin:0 0 15px; font-size:14px;  text-align:justify; line-height:22px}
.rhs-img{margin:0 -175px 0 0; vertical-align: middle;display: inline-block; width:34%;}
.bottomcontent{background:#df5526 url(../../../content/dam/IndusindSports/bottom-bg.jpg) no-repeat bottom center; padding:50px 0; float:left; color:#FFF; }
.bottomcontent h2 {font-size:2.2em; font-weight:normal; padding-bottom:24px;}
.bottomcontent p {padding:12px 0; color:#fff; margin:0;}
.lhs-img img {float:left}
.rhs-img img {float:right}
/*End X chromosome Start (Abdul Wahid)*/
/*Conditioning Champion Start (Abdul Wahid)*/
.conditioning-champion  .lhs-content{margin:0 4% 0 0; display:inline-block; vertical-align:middle; width:62%;}
.conditioning-champion .rhs-img{margin:0; vertical-align: middle; display: inline-block; width:33%; max-width:338px;}
.conditioning-champion .lhs-img{margin:0; vertical-align: middle;display: inline-block; max-width:338px; width:33%;}
.conditioning-champion .rhs-content{margin:0 0 0 4%; display:inline-block; vertical-align:middle; width:62%;}
.conditioning-champion p{color:#7c7c7e; margin:0 0 15px; font-size:14px;  text-align:justify; line-height:22px}
.conditioning-champion .video-player{text-align:center; padding:4% 0; cursor:pointer; width:100%; max-width:560px;  margin:0 auto}
.conditioning-champion .video-player img{width:50%;}
/*Conditioning Champion End (Abdul Wahid)*/
/*Indian Sports Champion End (Abdul Wahid)*/
.indian-sports p{color:#58595b; margin:0 0 15px; font-size:14px;  text-align:justify; line-height:20px}
.indian-sports .no-padding{padding:0}
.indian-sports .bg-yellow:before, .bg-yellow:after{display:none;}
/*.indian-sports .lhs-img{width:auto;}
.indian-sports .rhs-content{width:82%;}*/
.sri-bg {background-color:#df5526}
.sri-bg p {color:#fff}
/*Article page*/
.profiledetails {float:left; width:100%}
.profiledetails .section3 {background: #ffba00 none repeat 0 0; float: left; padding: 65px 0 0px; width: 100%;}
.profiledetails .section6 {background: #ffba00 none repeat 0 0; float: left; padding: 0px 0 40px; width: 100%;}
.profiledetails .section4 {float:left; width:100%; background:#ff9c00; padding:35px 0;}
.profiledetails .section5 {float:left; width:100%; background: #ffba00 none repeat 0 0; padding:30px 0;}
.back {font-size:20px; padding-bottom:15px}
.back a {text-decoration:none; color:#000; font-size:20px;}
.back a:hover {text-decoration:underline;}
.back-media {margin-top: 137px;}
.details {float: left; margin-top: 30px; width: 100%;}
.img-bx {float:left; width:48%;}
.img-bx > img {float: right}
.othr-detls {float:left; margin-top:30px; width:100%;}
.stry {-webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 45px; /* Chrome, Safari, Opera */ -moz-column-gap: 45px; /* Firefox */ column-gap: 45px; color: #2a2b2f; float: left; font-size: 13px;  line-height: 21px; margin: 22px 0 40px 0; text-align: justify;}
.inside-sub-head {font-size:25px; float:left; width:100%; font-weight:normal; text-transform:uppercase;}
.othr-detls p{float: left; width: 100%}
.othr-detls p span {float: left; font-size: 25px; font-weight: 300; text-transform: uppercase; width: 100%; text-align: left; line-height:31px;}
.ins-tbl table {float:left; width:100%; color:#2a2b2f; margin-top:30px;}
.ins-tbl table th {text-align:left; font-size:21px; font-weight:normal; padding:10px}
.ins-tbl table td {text-align:left; font-size:14px; padding:10px}
/*.ins-tbl table td:first-child, .ins-tbl table th:first-child {padding-left:3px;}*/
.ins-tbl table th:last-child { padding-left:25px;}
.ins-tbl.achivement table th:last-child { padding-left:0;}
.ins-tbl table tr:nth-child(odd) {background:#ffb540;}
.ins-tbl.achivement table tr:nth-child(odd) {background:#ffcb40;}
.ins-tbl.achivement table th,.ins-tbl.achivement table td{text-align:center;}
.ins-tbl.achivement table th.left-align,.ins-tbl.achivement table td.left-align{text-align:left;}
a.event { float:left; text-align:center; background:#000; color:#fff; text-decoration:none; padding:4px 10px; font-size:13px;}
#videoLinks {float:left; margin:30px 0 0; width:100%}
#videoLinks .item{/*float:left; */margin-right:30px;}
#videoLinks.singleItem .item {width:500px}
#videoLinks .item span {background: #fff none repeat scroll 0 0; float: left; min-height: 158px; padding: 40px 22px 25px 20px; width: 100%;margin-top: -4px;}
#videoLinks .vdo-head {background: url(../../../content/dam/IndusindSports/btm-line.jpg) no-repeat left bottom; font-size:2em; margin-bottom: 10px; padding-bottom: 10px;}
#videoLinks p {font-size: 12px; line-height: 21px; }
.achvmnt {color: #2a2b2f; float: left; font-size: 13px;  line-height: 21px; margin: 22px 0 40px 0; text-align: justify; width:100%;}
#gallery {float:left; margin:30px 0 0; width:100%}
#gallery .item{float:left; margin-right:30px;}
.shooting, .shootingWrap1 {background:#ffba00 url(../../../content/dam/IndusindSports/shooting-stars-bg.jpg) no-repeat right bottom; background-size:47% auto; float:left; min-height:600px; padding: 50px 0 0; width:100%}
.athlete, .athlete .parachampions3 {background:#ff9c00; float: left; width: 100%;}
.media {background: url(../../../content/dam/IndusindSports/media.jpg) no-repeat center top #ff9c01; height:768px; padding-top:130px}
.para-chmp-p {float: left; font-size: 20px; line-height: 28px; margin:45px 0 0; width: 90%; font-weight: 300;}
.para-chmp-p.media-p a{background: url(../../../content/dam/IndusindSports/arrow-blck.png) no-repeat center right; color:#000; font-size:30px; padding-right:40px; text-decoration: none; }
.press {background:#ff9c01; float:left; height:auto; /*min-height:1000px; */padding: 70px 0 0; width:100%;}
.press-release-bullet {float:left;width:100%;}
.pdf-link {float:left;width:100%;padding:11px 0 11px 27px;background:url(../../../content/dam/IndusindSports/pdf-icon.png) no-repeat 0 11px;border-bottom:1px dashed #bb5215;}
.pdf-link.last{border-bottom:0;}
.pdf-link  a {color:#000; font-size:1.55em; text-decoration:none;}
.link .pdf-link {background: url(../../../content/dam/IndusindSports/bullet.png) no-repeat scroll 0 14px; padding: 11px 0 11px 20px;}
/***Css for Horizontal News ***/
.cd-horizontal-timeline {
opacity: 0;
margin: 2em auto;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
/* never visible - this is used in jQuery to check the current MQ */
content: 'mobile';
display: none;
}
.cd-horizontal-timeline.loaded {
/* show the timeline after events position has been set (using JavaScript) */
opacity: 1;
}
.cd-horizontal-timeline .timeline {
position: relative;
height: 100px;
width: 90%;
/*max-width: 800px;*/
margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
position: relative;
height: 100%;
margin: 0 36px;
overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper:after, .cd-horizontal-timeline .events-wrapper:before {
/* these are used to create a shadow effect at the sides of the timeline */
content: '';
position: absolute;
z-index: 1;
top: 0;
height: 50px;
width: 100%;/*background:#feb315;*/
}
.cd-timeline-navigation {list-style:none;}
.cd-horizontal-timeline .events-wrapper:before {
left: 0; background:url('../../../content/dam/IndusindSports/line.png') repeat-x center bottom;
/*background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));*/
}
.cd-horizontal-timeline .events-wrapper:after {
right: 0;
/*background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));*/
}
.cd-horizontal-timeline .events {
/* this is the grey line/timeline */
position: absolute;
z-index: 2;
left: 0;
top: 48px;
height: 2px;
/* width will be set using JavaScript */
background: #dfdfdf;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
width:105px !important
}
.cd-horizontal-timeline .filling-line {
/* this is used to create the green line filling the timeline */
position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #952e26;
/* -webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);*/
-webkit-transform: width;
-moz-transform: width;
-ms-transform: width;
-o-transform: width;
transform: width;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
position: absolute;
bottom: 0;
z-index: 2;
text-align: center;
font-size: 1.6em;
padding-bottom: 15px;
color: #383838;
/* fix bug on Safari - text flickering while timeline translates */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
text-decoration:underline
}
.cd-horizontal-timeline .events a:after {
/* this is used to create the event spot */
content: '';
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -5px;
height: 12px;
width: 12px;
border-radius: 50%;
border: 2px solid #dfdfdf;
background-color: #f8f8f8;
-webkit-transition: background-color 0.3s, border-color 0.3s;
-moz-transition: background-color 0.3s, border-color 0.3s;
transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
background-color: #952e26;
border-color: #952e26;
}
.cd-horizontal-timeline .events a.selected {
pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
background-color: #952e26;
border-color: #952e26;
}
.cd-horizontal-timeline .events a.older-event::after {
border-color: #952e26;
}
.background-yellow {background: #ffca3f;}
.background-grey2 {background:#f1f1f2 url(../../../content/dam/IndusindSports/shadow-grey1.png) no-repeat -10% 0; }
.backgroundslittop {background:#ffca3f url(../../../content/dam/IndusindSports/top-border.jpg) no-repeat right 0; position:relative; background-size: auto 80px}
.backgroundslittop:after {content:""; position:absolute; left:0; bottom:0; background:#ffca3f url(../../../content/dam/IndusindSports/bottom-slit-img.png) no-repeat 0 0; background-size: auto 80px; width:125px; height:80px;}
/*Zainab - 11/08/16*/
.newsletterbox {background-color:#ffe9ba; width:100%;}
.whitebg {background-color:#fff;}
.nsheader {width:100%; width:100%;background:url(../../../content/dam/IndusindSports/images/ns-header.png) no-repeat right 0; height:300px; background-size:cover; font-family:'typo_geoslab_regular_demoRg'; font-size:4em; padding:8% 0 0 2%; color:#be1e2d;}
.nsfooter {width:100%; background:url(../../../content/dam/IndusindSports/images/ns-footer.png) no-repeat right 0; height:119px; background-size:cover; clear:both;}
.nscontent {width:100%; clear:both;}
.nscontentLeft {width:44%; float:left; position:relative;  min-height:1000px;}
.nscontentRight {width:40%; float:left; padding:5% 0 0 2%;}
.mdimg {position:absolute; bottom:-83px; left:0; max-width:100%}
.nsmobileContent {display:none;}
.quotes1{margin-left:15%; margin-top: 5%;}
.quotesBox> p {color:#bb3326; font-size:2.1em; margin-left: 20%; margin-top: -3%;}
.quotes2 {margin-left:65%;  margin-top:-2%;}
/*Zainab - 1/01/16*/
.bulletssty {padding-bottom:14px;}
.bulletssty li {font-size:1.5em;}
.boxdiv {width:100%; clear:both;}
.boxleft {float:left; width:30%;}
iframe[name="google_conversion_frame"] {width:0; height:0;}
/*Shailesh - 20/12/16*/
.bliendCricket .bliendCricket1{background:#ff9d00 url("../../../content/dam/IndusindSports/batsman.jpg") no-repeat scroll right bottom; padding:50px 0;}
.bliendCricket .bliendCricket2{background:#ffbb00 url("../../../content/dam/IndusindSports/wkeeper.jpg") no-repeat scroll 5% 14%; padding:50px 0;}
.bliendCricket2 .inner-heading{float:right; width:50%}
.bliendCricket2 p{float:right}
.detail-box.detail-box-prfl p{width:100%; padding-top:10px; color:#2a2b2f; font-size:13px}
.detail-box.detail-box-prfl .achvmnt{margin:0}
.detail-box.detail-box-prfl ul.achvmnt-bullet{margin-top:0}
.detail-box.detail-box-prfl ul.achvmnt-bullet li{font-size:1.2em}
/*BFC Sport*/
.bfcwrap{background:#ffc83e; width:100%; float:left}
.bfcwrap .bfcContainer{margin: 40px auto; width:1355px;}
.bfcwrap .bfcContainer .bfcContentwrap{ float:left; margin-bottom:40px; position:relative}
.bfcwrap .bfcContainer .bfcContentwrap h2{color:#f15a29}
.bfcwrap .bfcContainer .bfcContentwrap .bfcleftimg{float: left; width: 30%; z-index: 23; position: absolute; top: 0; left: -4px;}
.bfcwrap .bfcContentwrap .bfcrightimg{ float:right; width: 30%; z-index: 23; position: absolute; top: 0; right: -15px;}
.bfcwrap .bfcContainer .bfcContentwrap .bfcleftimg img, .bfcwrap .bfcContentwrap .bfcrightimg img{width:100%;}
.bfcwrap .bfcContainer .bfcContentwrap .bfcrightContent{box-shadow: 10px 10px 5px #9c7a26; -moz-box-shadow: 10px 10px 5px #9c7a26; -webkit-box-shadow: 10px 10px 5px #9c7a26; color: #58595b; font-size: 14px; float: left; width: 100%; padding: 50px 30px 15px 421px; box-sizing: border-box; border-radius: 0 15px 15px 15px; margin-top: 63px; background: #fff; z-index: 22;}
.bfcwrap .bfcContainer .bfcContentwrap .bfcleftContent{box-shadow: 10px 10px 5px #9c7a26; -moz-box-shadow: 10px 10px 5px #9c7a26; -webkit-box-shadow: 10px 10px 5px #9c7a26; color: #58595b; font-size: 14px; float: left; width: 100%; padding: 0 421px 30px 28px; box-sizing: border-box; border-radius: 0 15px 15px 15px; margin-top: 63px; background: #fff; z-index: 22;}
/*Bliend cricket*/
.blindCrick { width: 100%; float: left; background: url(../../scripts/forsports/images/bg.jpg) no-repeat 0 0; }
.blindCrick .bcContainer { margin: 0 auto; width: 100%; margin-top:80px }
.blindCrick .bcContainer .bcContentwrap { float: left; margin-bottom: 40px; position: relative;  background: #a1fafe;  -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.32);
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.32);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.32);}
.blindCrick .bcContainer .bcContentwrap h2 { color: #231f20; }
.blindCrick .bcContainer .bcContentwrap .bcleftimg { width: 30%; float: left; z-index: 23; }
.blindCrick .bcContentwrap .bcrightimg { width: 30%; float: right; z-index: 23; text-align: right; }
.blindCrick .bcContainer .bcContentwrap .bcleftimg img, .blindCrick .bcContentwrap .bcrightimg img { width: 100%; }
.blindCrick .bcContainer .bcContentwrap .bcrightContent,.blindCrick .bcContainer .bcContentwrap .bcleftContent { color: #58595b; font-size: 14px; width: 70%; padding-left: 10px; padding-right: 40px; padding: 20px 50px; box-sizing: border-box; margin-top: 0px; z-index: 22; min-height: 100px; }
.blindCrick .bcContainer .bcContentwrap .bcrightContent.left { float: left; }
.blindCrick .bcContainer .bcContentwrap .bcleftContent.right { float: right; }
.clear { font-size: 1%; height: 0; line-height: 0; width: 0; float: none; clear: both; }
/*Sporting IndusIndians*/
.mainWrapper {background: #ffba00; float: left; width: 100%; box-sizing: border-box;}
.mainWrapper .content { max-width: 1355px; width: 100%; margin: 30px auto; display: block; float:none;}
.mainWrapper .content .left { float: left; width: 40%; padding-right: 5%; margin-top: 18%;}
.mainWrapper .content .left h1 { font-size: 52px; float: left; width: 100%; font-weight: normal; text-transform: uppercase; line-height: 1.2em;}
.mainWrapper .content .left p { clear: both; float: left; font-size: 14px; line-height: 22px; margin-bottom: 18px; text-align: justify; width: 100%; font-weight: 300; color:#000;}
.mainWrapper .content .left .arrowBtn { float: right; width: auto; font-size: 1em; color: #fff;}
.mainWrapper .content .left .arrowBtn span { width: 32px; height: 40px; float: right; margin-top: 25px; background: url(../../../content/dam/IndusindSports/cta-arrowblack.png) no-repeat 0 0; background-size: auto 25px;}
.mainWrapper .content .right { float: right; width: 32%; margin-right: 10%;}
.mainWrapper .content .right img { width: 100%;}
.sportingindusIndiansWrap{background:#ffba00; float: left; width: 100%;}
.sportingindusIndiansWrap .contentwrap{width:100%; max-width: 1355px; margin: 50px auto 0;}
.sportingindusIndians{background:#ffba00; width:50%; float:left}
.sportingindusIndians p.si-head, .sportingindusIndians .discription{width100%; float:left;}
.sportingindusIndians p.si-head{font-size:5em; color:#000000; line-height:0.9em}
.sportingindusIndians .discription{font-size: 13px; line-height: 21px; margin: 22px 0 40px 0; text-align: justify; padding-right:20px; box-sizing:border-box;}
.si-img-bx{width:50%; max-width:500px; float:left; padding-left:50px; box-sizing: border-box;}
.si-img-bx img{width:100%}
.sportingindusIndians .section5{float: left; width: 100%; background: #ff9c00; padding: 30px 0;}
/*AN OPEN LETTER SUPER FAN!*/
.openLetterwrapper { float: left; width: 100%; padding: 0% 4%; background-image: url(../../../content/dam/indusind/forsports/aol-bg1.jpg), url(../../../content/dam/indusind/forsports/aol-bg2.jpg); background-position: 100% 0%, 0% 100%; background-repeat: no-repeat, no-repeat; background-size: 51%, 51%; }
.openLetterRow { float: left; width: 100%; font-size: 20px; }
.openLetterRow .rowContent { float: left; width: 100% }
.openLetterRow .rowContent p, .openLetterRow .imgsideContent .contentWith-img p  { margin: 20px 0px; font-size:20px; line-height:1.5em; }
.openLetterRow .imgsideContent { float: left; width: 100% }
.openLetterRow .imgsideContent .contentWith-img { width: 68%; float: left; }
.openLetterRow .imgsideContent .imgwarp1 { float: right; width: 25%; margin-right: -4.5%; }
.openLetterRow .imgsideContent .imgwarp1 img,.imgsideContent .imgwarp2 img { width: 100%; }
.openLetterRow .imgsideContent .contentWith-img.right { width: 68%; float: right; }
.openLetterRow .imgsideContent .imgwarp2 { float: left; width: 25%; margin-left: -4.5%; }
.openLetterRow .imgsideContent .imgwarp3 { float: left; width: 10%; margin-bottom: -3%; margin-left: 2%; }
.openLetterRow .imgsideContent .imgwarp3 img { width: 100%; z-index: 2; position: relative; }
.openLetterRow .footer { float: left; width: 100%; height: 135px; background: #004a64; position: relative; z-index: 1; }
/*SQUASH!*/
.squashWrap { margin: 0 auto; width: 100%; }
.squashWrap .squashBox { float: left; font-size: 15px; padding: 20px 4%; width: 100%; }
.squashWrap .squashBox .pFirst .imgLeft { float: left; margin: 20px 20px 20px 0; width: 40%; }
.squashWrap .squashBox .pFirst .imgRight { float: right; margin: 20px 0 20px 20px; width: 40%; }
.squashWrap .squashBox .head1 { color: #be1e2d; font-size: 25px; font-weight: bold; text-align: left !important; width: 100%; }
.squashWrap .squashBox .pFirst { width: 100%; }
.squashWrap .squashBox .squashPara p { float: left; padding: 10px 0; width: 100%; }
.squashWrap .squashBox .pFirst, .squashWrap .squashBox .squashPara p { color: #000; font-size: 18px; line-height: 26px; text-align: justify; }
.squashWrap .footer { background: #f15a29 none repeat scroll 0 0; float: left; height: 20px; width: 100%; }
.squashWrap .squashBox.dark { background-color: #f9bb5a; }
.squashWrap .squashBox.light { background-color: #fdf8ad; }
.squashBox.one { background:url(../../../content/dam/indusind/forsports/slv12-bg1.jpg) no-repeat scroll 0 0 / 85% auto; }
.squashBox.two { background:url(../../../content/dam/indusind/forsports/slv12-bg2.jpg) no-repeat scroll 0 0 / 85% auto; }
.squashBox.three { background:url(../../../content/dam/indusind/forsports/slv12-bg3.jpg) no-repeat scroll 100% 0 / 85% auto; }
.squashBox.four { background:url(../../../content/dam/indusind/forsports/slv12-bg4.jpg) no-repeat scroll 0 0 / 85% auto; }
.squashBox.five { background: url(../../../content/dam/indusind/forsports/slv12-bg5.jpg) no-repeat scroll 0 0 / 85% auto; }
/*Himalayan Odyssey*/
.HimalayanOdyssey{  background:#c2deff; margin:0 auto; width:100%;}
.HimalayanOdyssey .wrapper{ width:100%; margin:0 auto; max-width:1368px;}
.HimalayanOdyssey .wrapper h1{ color:#000000; width:100%; float:left; font-size:36px; text-align:center; margin:0 0 15px}
.HimalayanOdyssey .wrapper h2{ color:#000000; width:100%; float:left; font-size:45px; text-align:center; margin:0 0 15px}
.HimalayanOdyssey .wrapper .bikerProfile{ width:100%; float:left; background:#fff; margin-bottom:20px; padding:10px; box-sizing:border-box;}
.HimalayanOdyssey .wrapper .bikerProfile .lhs-img{width:30%; float:left; padding: 20px; box-sizing:border-box; margin:0}
.HimalayanOdyssey .wrapper .bikerProfile .lhs-img img {width:100%}
.HimalayanOdyssey .wrapper .bikerProfile .rhs-content{width:70%; float:left; margin:0}
.HimalayanOdyssey .wrapper .bikerProfile .rhs-content .riderInfo{ float:left; background:#fff; padding:10px 15px; box-sizing:border-box;}
.HimalayanOdyssey .wrapper .bikerProfile .rhs-content .riderInfo p{ margin:0 0 4% 0}
.HimalayanOdyssey .wrapper .bikerProfile .rhs-content h3{ background: #eebe3b ; box-sizing: border-box;    float: right;    font-size: 30px;    margin: 5px 0 0;    padding: 10px 0 10px 12px;    width: 100%;	}
/*powergirl page*/
/*.powergirl .powergirl2 {background: #ffbb00 url("../../../content/dam/IndusindSports/powergirl2.jpg") no-repeat scroll right 14%; padding: 50px 0;}
.powergirl .powergirl1 {background: #ff9d00 url("../../../content/dam/IndusindSports/powergirl1.jpg") no-repeat scroll left bottom; padding: 50px 0;}*/
.powergirl .powergirl2 {background: #ffd833 url("../../../content/dam/IndusindSports/powergirl2.jpg") no-repeat scroll right 14%; padding: 50px 0;}
.powergirl .powergirl1 {background: #ffa800 url("../../../content/dam/IndusindSports/powergirl1.jpg") no-repeat scroll 10% top; padding: 50px 0;}
.powergirl2 p { float: left;}
.powergirl2 .inner-heading { float: left; width: 50%;}
.powergirl1 p { float: right;}
.powergirl1 .inner-heading { float: right; width: 50%; line-height:60px}
.athletesProfile {background-color:#ff8b00; float:left; width:100%;}
.athletesProfile * {box-sizing:border-box}
.athletesProfile li {list-style-type:none}
.athletesProfile .common {max-width:1322px; margin: 0 auto; width:100%}
.athletesProfile .inside-main-head {color:#fff; font-size: 52px; font-family: "JosefinSlab-bold"; padding-bottom:20px}
.athletesProfile .profileTab li {background:rgba(255,255,255,.5); cursor:pointer; float:left; color:#000; font-family: "JosefinSlab-bold"; font-size:30px; margin-right:3px; padding:15px 30px; position:relative; z-index:1}
.athletesProfile .profileTab li.active {background:rgba(255,255,255,1); cursor:default}
.athletesProfile .tabContent {float:left; height:0; margin-top:-20px; overflow:hidden; width:100%}
.athletesProfile .tabContent.active {height:auto; overflow: visible}
.athletesProfile .carousel li {float:left; width:100%}
.athletesProfile .profileBoxOuter {background-color:#fff; float:left; margin:22px 0; padding:15px 0; width:100%;min-height:414px;}
.athletesProfile .profileBox {border-right:1px solid #bcbec0; float:left; padding:20px 25px 5px; width:99.90%}
.athletesProfile .owl-item.active:last .profileBox {border-right:none;}
.athletesProfile .profileBox .proPic {margin:0 auto; width:211px}
.athletesProfile .profileBox .proCont {float:left; width:100%}
.athletesProfile .profileBox .proCont p {color:#231f20; font-family: 'JosefinSlab-semibold'; font-size:14px; line-height:1.5em}
.athletesProfile .profileBox .proCont p.title {color:#f26200; font-family: "JosefinSlab-bold"; font-size:22px; padding-top:10px}
.athletesProfile .owl-controls .owl-prev, .athletesProfile .owl-controls .owl-next {height:99px; position:absolute; top:50%; text-indent:-9999px; transform:translateY(-50px); width:47px}
.athletesProfile .owl-theme .owl-controls .owl-prev, .athletesProfile .owl-theme .owl-controls .owl-prev:hover {background: transparent url(../../../content/dam/IndusindSports/arrow-left.png) 0 0 no-repeat; background-size:100%; left:-80px}
.athletesProfile .owl-theme .owl-controls .owl-next, .athletesProfile .owl-theme .owl-controls .owl-next:hover {background: transparent url(../../../content/dam/IndusindSports/arrow-rt.png) 0 0 no-repeat; background-size:100%; right:-80px}
.athletesProfile .owl-controls .owl-prev.disabled, .athletesProfile .owl-controls .owl-next.disabled {opacity:.3; cursor:default}
.athletesProfile .blank-profile-bg-color{background-color:#ff8b00;}
.athletesProfile .blank-profile-bg-color .profileBox {border-right:none;}
@media only screen and (min-width: 1100px) {
.cd-horizontal-timeline {
margin: 6em auto;
}
.cd-horizontal-timeline::before {
/* never visible - this is used in jQuery to check the current MQ */
content: 'desktop';
}
}
.cd-timeline-navigation a {
/* these are the left/right arrows to navigate the timeline */
position: absolute;
z-index: 1;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 34px;
width: 34px;
border-radius: 50%;
border: 2px solid #000;
/* replace text with an icon */
overflow: hidden;
color: transparent;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
/* arrow icon */
content: '';
position: absolute;
height: 16px;
width: 16px;
left: 63%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(../../../content/dam/IndusindSports/cd-arrow.png) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
left: 2px;
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
right: 2px;
}
.no-touch .cd-timeline-navigation a:hover {
border-color: #952e26;
}
.cd-timeline-navigation a.inactive {
cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
background-position:0 -24px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
border-color: #dfdfdf;
}
.cd-horizontal-timeline .events-content {
position: relative;
width: 100%;
margin: 2em 0;
overflow: hidden;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
position: absolute;
z-index: 1;
width: 100%;
left: 0;
top: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
padding: 0 5%;
opacity: 0;
-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
/* visible event content */
position: relative;
z-index: 2;
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
-webkit-animation-name: cd-enter-right;
-moz-animation-name: cd-enter-right;
animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
-webkit-animation-name: cd-enter-left;
-moz-animation-name: cd-enter-left;
animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
-webkit-animation-direction: reverse;
-moz-animation-direction: reverse;
animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
max-width: 800px;
margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
font-weight: bold;
font-size: 2.6rem;
font-family: "Playfair Display", serif;
font-weight: 700;
line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
display: block;
font-style: italic;
margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
content: '- ';
}
.cd-horizontal-timeline .events-content p {
font-size: 1.4rem;
color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
line-height: 1.6;
}
@media only screen and (min-width: 768px) {
.cd-horizontal-timeline .events-content h2 {
font-size: 7rem;
}
.cd-horizontal-timeline .events-content em {
font-size: 2rem;
}
.cd-horizontal-timeline .events-content p {
font-size: 1.8rem;
}
}
@-webkit-keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes cd-enter-right {
0% {
opacity: 0;
-moz-transform: translateX(100%);
}
100% {
opacity: 1;
-moz-transform: translateX(0%);
}
}
@keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes cd-enter-left {
0% {
opacity: 0;
-moz-transform: translateX(-100%);
}
100% {
opacity: 1;
-moz-transform: translateX(0%);
}
}
@keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
/*Press Release inner page starts*/
.press-release-panel .press {padding:40px 0 20px}
.press-release a {color:#000; text-decoration:underline}
.press-release h2.media-h {font-size:4em; line-height:1.2em; padding-bottom:15px}
.press-release p {font-size:1.5em; line-height: 24px; padding: 0 0 15px;}
.press-release table{width:100%; border:1px solid #000}
.press-release table td, .press-release table th{border-bottom:1px solid #000}
.press-release table th, .press-release table td{font-size:1.5em; padding:5px 8px; text-align:left;}
ul.achvmnt-bullet {float:left; padding:0 0 15px; width:100%;}
ul.achvmnt-bullet li{background:url(../../../content/dam/IndusindSports/bullet.png) no-repeat 0 8px; float:left; font-size:1.5em; padding:5px 0 5px 18px; width:100%;}
.profiledetails .section3 ul.achvmnt-bullet li {font-size:1.2em}
.contact-panel {float:left; font-size:1.5em;line-height: 24px; padding-bottom:15px; width:100%;}
.contact-panel1 {float:left;width:27%;}
.contact-panel2 {float:left;width:38%;}
/*Press Release inner page ends*/
@media  screen and (max-width:1400px) {
.bannerTop p,.infoBox{ left:13%}
.wrapper{width:100%; max-width:1002px;}
.imgWrap{ margin-left:-100px; width:75%}
.bannerSection .infoBox,.infoBox{ width:400px; padding:45px}
.shootingStarSection .imgWrap{ margin-right:-94px}
.paraChampionSection .infoBox,.mediaSection .infoBox{right:6%; width:550px}
.shootingStarSection .infoBox{ width:550px; left:6%}
.infoBox .heading{ font-size:5em;}
.infoBox .heading1{ font-size:4em;}
.infoBox .heading2{ font-size:5em;}
.infoBox .description, .infoBox p{font-size: 2em;}
.infoBox a span{ width:27px; height:26px}
.rhs-content, .lhs-content{width:77%;}
.mainWrapper .content{max-width:1002px}
.athletesProfile .common {padding:0 100px}
}
@media  screen and (max-width:1280px) {
.bannerSection .infoBox {padding: 39px;}
.bannerTop p, .infoBox {left: 11%;}
.paraChampionSection .infoBox, .mediaSection .infoBox{right:3.5%}
.shootingStarSection .infoBox{ left:3.5%}
.bfcwrap .bfcContainer{width:100%}
.blindCrick .bcContainer { width: 100% }
}
@media only screen and (min-width:768px) and (max-width:1025px)
{
.lhs-content, .rhs-content{width:70%; margin: 20px 0;display:inline-block; float:none; vertical-align:middle;}
.lhs-img, .rhs-img{width:26%;margin: 0px 35px 0 -10px; display:inline-block; float:none; vertical-align:middle;}
.lhs-img img, .rhs-img img{width:100%;}
.rhs-img{ margin: 0 -10px 0 35px; }
/*Zainab*/
.nscontentLeft .mdimg {bottom:-101px;}
}
@media  screen and (max-width:1024px) {
.bannerTop p.bannertxt{top: 222px;font-size: 5.8em;}
.bannerTop p.commonTxt{top: 183px;font-size: 4.5em;}
.bannerTop p, .infoBox {left: 1.5%;}
.infoBox .heading{font-size: 3.8em;}
.infoBox .description, .infoBox p{font-size: 1.8em;}
.bannerSection .infoBox {padding: 30px;width: 350px;}
.imgWrap{ margin-left:0}
.shootingStarSection .imgWrap {margin-right: 0;}
.paraChampionSection .infoBox, .mediaSection .infoBox {right: 12px;}
.shootingStarSection .infoBox {left: 12px;}
.paraChampionSection .infoBox,.shootingStarSection .infoBox,.mediaSection .infoBox{width:450px}
.mediaSection .infoBox a span{ margin-top:-2px}
#athletePro, #videoLinks{padding:0 10%}
#athletePro .owl-controls, #videoLinks .owl-controls {transform:translateY(-50%)}
#athletePro .owl-controls .owl-prev, #videoLinks .owl-controls .owl-prev {left:0}
#athletePro .owl-controls .owl-next, #videoLinks .owl-controls .owl-next {right:0}
#videoLinks .item {margin-right:0}
#athletePro.oneItem {padding:0}
.media {background: url("../../../content/dam/IndusindSports/media.jpg") no-repeat scroll center bottom / cover #ff9c01; height: 550px; padding-top:65px}
.about-us {background-position:550px bottom}
.parachampions2 {background-position: -205px 70px;}
.bfcwrap .bfcContainer .bfcContentwrap .bfcleftContent{padding: 0 28% 30px 28px;}
.bfcwrap .bfcContainer .bfcContentwrap .bfcrightContent{padding: 50px 30px 15px 30%;}
/*Zainab*/
.nsheader {height:200px; font-size:2em; padding:9% 0 0 2%;}
.nscontentLeft{min-height:790px;}
.nscontentRight {width:50%;}
.mdimg {bottom:auto; max-width:100%}
}
@media  screen and (max-width:980px) {
.about-us .wrapper, .spotlight .wrapper, .power-x .wrapper, .conditioning-champion .wrapper, .para-champions .wrapper, .profiledetails .wrapper, .shooting .wrapper, .athlete .wrapper, .media .wrapper, .press .wrapper, .indian-sports .wrapper, .shootingWrap1 .wrapper, .press-release .wrapper, .parachampions .wrapper, .parachampions3 .wrapper {padding:0 15px;}
.paraChampionSection .infoBox, .mediaSection .infoBox{ right:0}	
.shootingStarSection .infoBox{ left:0}
.bannerTop p.bannertxt {top: 212px;}
.bannerTop p.commonTxt {top: 173px;}
.parachampions1 {background-position: 235% bottom;}
.parachampions2 .inner-heading {margin: 220px 0 0; width: 57%;}
.parachampions2 p {width: 57%;}
.detail-box ul {margin-top:20px}
.spotlight {background-size: auto 80%}
}
@media  screen and (max-width:800px) {
.bannerTop p.commonTxt {font-size: 3em;top: 124px;}	
.bannerTop p.bannertxt {font-size: 3.5em;top: 148px;}
.infoBox {bottom: -40px;}
/*.infoBox a{margin-top: 10px;}*/
.paraChampionSection{padding: 80px 0 30px;}
.paraChampionSection .infoBox, .mediaSection .infoBox,.shootingStarSection .infoBox {width: 400px;}
.infoBox .heading1{font-size: 3em;}
.infoBox .heading2{font-size: 4em;}
.infoBox .description,.paraChampionSection .infoBox .description, .shootingStarSection .infoBox .description,.mediaSection .infoBox .description, .infoBox p{font-size: 1.5em;}
.bannerSection .infoBox {padding: 22px;width: 295px; bottom:-80px}
.mediaSection .infoBox{ bottom:40px}
.inner-heading {font-size:4em}
.about-us {background-position:400px bottom}
}
@media  screen and (max-width:767px) {
.wrapper{ float:left}
.sportsLogo{max-width:160px; margin:10px 0 10px 10px;}
.indusindLogo{max-width:130px; margin:40px 10px 30px 0;}
nav{ z-index:10}
.imgWrap{ width:100%}
.paraChampionSection .infoBox, .mediaSection .infoBox, .shootingStarSection .infoBox{background-color:#4c3500; position:relative; float:left; width:100%; left:auto; bottom:auto; top:auto; right:auto}	
.paraChampionSection,.shootingStarSection{ padding-bottom:0}
.bannerTop p.bannertxt {top: 137px;}
.bannerTop p.commonTxt {top: 114px;}
.infoBox{width: 250px;}	
nav ul{ background: #000;float: none;left: 0;position: absolute;top: 30px;z-index: 10; display:none}
nav ul li ul{ position:relative; top:0}
nav ul li,nav ul li ul{ width:100%}
.menuIcon {
position: relative;
display: block;
width: 30px;
height: 30px;
cursor: pointer;
z-index: 2;
top:0;
float:right;
}
.menuIcon span {
position: absolute;
top: 50%;
left: 5px;
display: block;
width: 70%;
height: 2px;
margin-top: -2px;
background-color: #fff;
font-size: 0px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
transition: ease-in All 0.2s;
-webkit-transition: ease-in All 0.2s;
-moz-transition: ease-in All 0.2s;
-ms-transition: ease-in All 0.2s;
-o-transition: ease-in All 0.2s;
}
.menuIcon.menuIconOpen {
background: white;
}
.menuIconOpen.menuIcon span {
background-color: transparent;
}
.menuIcon span:before,
.menuIcon span:after {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.menuIcon span:before {
-webkit-transform: translateY(-300%);
transform: translateY(-300%);
}
.menuIcon span:after {
-webkit-transform: translateY(300%);
transform: translateY(300%);
}
.menuIconOpen.menuIcon span:before {
-webkit-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
background: #030303;
}
.menuIconOpen.menuIcon span:after {
-webkit-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
background: #030303;
}
.bannerSection .owl-theme .owl-controls{ bottom:10px}
.about-us, .spotlight, .parachampions2 {background: #ff9c00; min-height:auto; padding:30px 0;}
.parachampions1, .shooting, .shootingWrap1{background: #ffbb00; min-height:auto; padding:30px 0;}
.parachampions2 .inner-heading {margin-top:0; width:100%}
.parachampions3 {padding:30px 0}
.spotlight{background: #ffca3c;}
.inner-heading {font-size: 23px; line-height: 27px;}
.inner-heading span{display:inline-block;}
.mob-imgs {display:block; text-align:center; float:left; width:100%; margin:30px 0 0 0 ;}
.mob-imgs img {width:100%;}
.content{margin: 30px 0 0 0; padding:20px}
.content p {width: 100%;}
.parachampions3 .content {margin-top:15px}
.lhs-content, .rhs-content{width:100%; margin: 0px;}
/*.rhs-content{margin: 0px 0 0 25px;}
.rhs-img, .lhs-img{width:33%;}*/
.rhs-img, .lhs-img{text-align:center; width:100%;}
.lhs-img{margin: 0}
.rhs-img img, .lhs-img img{float:none}
.power-x p {font-size:13px;}
.rhs-content p, .lhs-content p, .indian-sports p, .conditioning-champion p{font-size:13px;}
.socialMedia li a {height: auto;width: 30px;}
.copyrightsTxt, .socialMedia span{font-size:1.3em; padding-top:4px;}
.prfl-bx {
background: transparent none repeat scroll 0 0;
padding: 10px;
width: 100%;
}
.prfl-img {float:left; margin:0 0 30px; width:100%}
.detail-box, .prfl-bx h2, .detail-box li span {width:100%}
.detail-box.detail-box-prfl > ul {margin-top: 0;}
.detail-box li span {margin-top:10px}
.colon {display: none;}
.profiledetails .section3 {padding-top:25px}
.details, .detail-box ul {margin-top:0}
.detail-box, .img-bx, .img-bx > img, .achvmnt {width:100%}
.stry {-webkit-column-count:1; /* Chrome, Safari, Opera */ -moz-column-count:1; /* Firefox */ column-count:1; -webkit-column-gap:0; /* Chrome, Safari, Opera */ -moz-column-gap:0; /* Firefox */ column-gap: 0;}
.othr-detls p span, .inside-sub-head {font-size:22px}
.ins-tbl table td { font-size:13px;}
.ins-tbl table th {font-size: 15px;}
a.event { font-size:12px; text-align:center; float:left;}
.para-chmp-p {margin:25px 0 0}
.para-chmp-p.media-p a {background-size:20px auto; font-size:18px; padding-right:30px}
.media-box {left:5%; margin:0; padding:5%; width:90%}
.backgroundslittop, .backgroundslittop:after {background-image:none}
.press-release h2.media-h {font-size:2.3em}
.press-release p {font-size:1.4em}
ul.achvmnt-bullet li {font-size:1.3em}
.profiledetails .section3 ul.achvmnt-bullet li {font-size:13px}
.contact-panel {padding:0}
.contact-panel1, .contact-panel2 {padding-bottom:15px; width:100%}
.sportingindusIndians, .si-img-bx{width:100%}
.sportingindusIndiansWrap .contentwrap{padding:0 20px}
.mainWrapper .content { width: 100%; margin: 0px;}
.mainWrapper .content .left { width: 92%; padding: 4%; margin-top: 0%;}
.mainWrapper .content .right { width: 50%; margin: 0 25%;}
.bfcwrap .bfcContainer .bfcContentwrap .bfcleftimg, .bfcwrap .bfcContentwrap .bfcrightimg{top:28px;}
.blindCrick .bcContainer { margin-top: 80px; }
.blindCrick .bcContainer .bcContentwrap { margin-bottom: 80px; }
.blindCrick .bcContainer .bcContentwrap .bcleftimg { position: absolute; left: 0; top: -60px; }
.blindCrick .bcContentwrap .bcrightimg { position: absolute; right: 0; top: -60px; }
.blindCrick .bcContainer .bcContentwrap .bcleftimg, .blindCrick .bcContentwrap .bcrightimg { width: 40%; }
.blindCrick .bcContainer .bcContentwrap .bcrightContent, .blindCrick .bcContainer .bcContentwrap .bcleftContent { width: 100%; padding: 18% 20px 20px 20px; }
.openLetterwrapper { background-image: url(../../../content/dam/indusind/forsports/aol-bg1.jpg), url(../../../content/dam/indusind/forsports/aol-bg2.jpg); background-position: 100% 38%, 0% 82%; background-repeat: no-repeat, no-repeat; background-size: 100%, 100%; }
.openLetterRow .rowContent p, .openLetterRow .imgsideContent .contentWith-img p { font-size:15px; line-height:1.1em}
.openLetterwrapper .imgsideContent .contentWith-img { float: left; width: 100%; }
.openLetterwrapper .imgsideContent .imgwarp1 { float: left; width: 100%; margin-right: 0px; }
.openLetterwrapper .imgsideContent .contentWith-img.right { float: left; width: 100%; }
.openLetterwrapper .imgsideContent .imgwarp2 { float: left; width: 100%; margin-left: 0px; }
.openLetterwrapper .imgsideContent .imgwarp3 { width: 30%; }
.openLetterwrapper .footer { height: 20px; }
.athletesProfile .common {padding:0 50px}
.athletesProfile .profileTab li {font-size:20px}
.athletesProfile .owl-controls .owl-prev, .athletesProfile .owl-controls .owl-next {height:60px; transform:translateY(-30px); width:28px}
.athletesProfile .owl-controls .owl-prev {left:-35px}
.athletesProfile .owl-controls .owl-next {right:-35px}
.powergirl .powergirl1{background:#ffa800}
.powergirl .powergirl2{background:#ffd833}
.powergirl1 .inner-heading, .powergirl2 .inner-heading{width: 100%; text-align: center; line-height: 25px;}
}
@media  screen and (max-width:640px) {
.infoBox{width: 242px;bottom: -58px;}
.mediaSection .infoBox a{margin-top: -4px;}	
.bannerSection .infoBox {padding: 20px;width: 260px;}
.infoBox .heading {font-size: 2.8em; padding:0}
.infoBox .description, .infoBox p{ font-size:1.3em}
.media {background-size:auto 90%}
#videoLinks.singleItem .item {width:auto}
.bfcwrap .bfcContainer .bfcContentwrap .bfcleftimg, .bfcwrap .bfcContentwrap .bfcrightimg{top:31px;}
.blindCrick .bcContainer .bcContentwrap .bcleftimg, .blindCrick .bcContentwrap .bcrightimg { width: 50%; }
.blindCrick .bcContainer .bcContentwrap .bcrightContent, .blindCrick .bcContainer .bcContentwrap .bcleftContent { width: 100%; padding: 20% 20px 20px 20px; }
/*Zainab */
.nsheader {height:120px; font-size:1.5em;}
/*Shailesh*/
.openLetterwrapper { background-image: url(../../../content/dam/indusind/forsports/aol-bg1.jpg), url(../../../content/dam/indusind/forsports/aol-bg2.jpg); background-position: 100% 38%, 0% 82%; background-repeat: no-repeat, no-repeat; background-size: 100%, 100%; }
.openLetterRow .rowContent p, .openLetterRow .imgsideContent .contentWith-img p { font-size:15px; line-height:1.1em}
.openLetterwrapper .imgsideContent .contentWith-img { float: left; width: 100%; }
.openLetterwrapper .imgsideContent .imgwarp1 { float: left; width: 100%; margin-right: 0px; }
.openLetterwrapper .imgsideContent .contentWith-img.right { float: left; width: 100%; }
.openLetterwrapper .imgsideContent .imgwarp2 { float: left; width: 100%; margin-left: 0px; }
.openLetterwrapper .imgsideContent .imgwarp3 { width: 30%; }
.openLetterwrapper .footer { height: 20px; }
.squashWrap .squashBox .pFirst .imgLeft { width: 50%; }
.squashWrap .squashBox .pFirst .imgRight { width: 50%; }
.athletesProfile .common {padding:0 40px}
.athletesProfile .profileTab li {font-size:15px; padding:12px 15px}
.athletesProfile .tabContent {margin-top:-3px}
.athletesProfile .profileBoxOuter {margin:5px 0}
.athletesProfile .profileBox {border:none; padding:5px 10px}
.athletesProfile .profileBox .proCont p {font-size:12px}
.athletesProfile .profileBox .proCont p.title {font-size:18px}
}
@media  screen and (max-width:600px) {
.bannerTop p.bannertxt {top: 132px;font-size: 3.3em;}
.bannerTop p.commonTxt {top: 107px;font-size: 2.8em;}
.bannerSection .infoBox {padding: 12px;width: 233px;}
.lhs-img, .rhs-img, .conditioning-champion .rhs-img, .conditioning-champion .lhs-img, .indian-sports .lhs-img{width:100%;  margin:0 0 15px; text-align: center; max-width:100%;}
.lhs-img img, .rhs-img img{width:100%; max-width:250px;}
.rhs-content, .lhs-content, .conditioning-champion  .lhs-content, .conditioning-champion .rhs-content, .indian-sports .rhs-content{width:100%; margin:0;}
.media-box p {font-size:23px}
.media-box p br {display:none}
}
@media  screen and (max-width:480px) {
.bannerSection .infoBox{background-color:#4c3500;bottom: auto;float: left;left: auto;position: relative;width: 100%;}
.paraChampionSection{ padding-top:30px}
.bannerTop p.commonTxt {font-size: 2em;top: 89px;}
.bannerTop p.bannertxt {font-size: 2.5em;top: 104px;}
/*.socialMedia {float: left;width: 100%;}*/
.paraChampionSection .infoBox, .mediaSection .infoBox, .shootingStarSection .infoBox{ padding:12px}
.socialMedia{width:100%; text-align:center; float:none;}
.socialMedia span, .socialMedia ul{float:none; display:inline-block;}
.socialMedia span{position:relative; padding:0; top:-10px;}
.copyrightsTxt{width:100%; text-align:center; float:none; padding:0 0 20px;}
#gallery .item {margin-right:0; width:100%}
#athletePro .owl-controls .owl-prev, #videoLinks .owl-controls .owl-prev {left:-15px}
#athletePro .owl-controls .owl-next, #videoLinks .owl-controls .owl-next {right:-15px}
.ins-tbl table td { font-size:11px;}
.ins-tbl table th {font-size: 13px;}
a.event { font-size:10px; padding:2px 5px; text-align:center; float:left;}
.lightbox-close {background-size:30px auto; height:30px; right:10px; top:10px; width:30px}
.media-box p {font-size:2em; padding-top:20px}
/*Zainab */
.nsheader {padding:8% 0 0 2%;}
.nsfooter {height:50px;}
.nsmobileContent {display:block;}
.nsmobileHide {display:none;}
.nscontentLeft {width:91%; min-height:185px; clear:both; float:left;}
.nscontentLeft .mdimg {bottom:auto; float:left; position:relative; width:32%;}
.nscontentLeft p {float:left; width:68%;}
.nscontentRight {width:85%; margin:1% auto 0 auto; text-align:justify; float:none; padding:0; clear:both;}
.mainWrapper .content .right { width: 80%; margin: 0 10%;}
.bfcwrap .bfcContainer .bfcContentwrap .bfcrightContent{padding: 37% 14px 15px 14px; text-align:justify;}
.bfcwrap .bfcContainer .bfcContentwrap .bfcleftimg{top: 16px; left: -4px; width:60%;}
.bfcwrap .bfcContentwrap .bfcrightimg{top: 21px; right: -5px; width: 60%;}
.bfcwrap .bfcContainer .bfcContentwrap .bfcleftContent{padding:38% 14px 30px 14px; text-align:justify;}
.blindCrick .bcContainer .bcContentwrap .bcleftimg, .blindCrick .bcContentwrap .bcrightimg { width: 70%; }
.blindCrick .bcContainer .bcContentwrap .bcrightContent, .blindCrick .bcContainer .bcContentwrap .bcleftContent { width: 100%; padding: 30% 20px 20px 20px; }
}
@media  screen and (max-width:420px) {
.bannerTop p.bannertxt {font-size: 2.3em;top: 90px;}	
.bannerTop p.commonTxt {font-size: 1.8em;top: 71px;}
.infoBox .heading {font-size: 2.5em;}
.boxleft {float:none; width:100%; clear:both;}
}
@media  screen and (max-width:360px) {
.bannerTop p.bannertxt {top: 82px;}
.bannerTop p.commonTxt {top: 64px;font-size: 1.7em;}
.inner-heading {font-size: 16px; line-height: 27px;}
.content p{font-size:12px;}
.content p span, .content h3{font-size:15px;}
.bullets a{font-size:12px;}
.back a, .spotbullet td a {font-size:14px}
.para-chmp-p.media-p a {font-size:14px}
.blindCrick .bcContainer .bcContentwrap .bcleftimg, .blindCrick .bcContentwrap .bcrightimg { width: 100%; }
.blindCrick .bcContainer .bcContentwrap .bcleftimg, .blindCrick .bcContentwrap .bcrightimg { position: relative; float: left; top: 0; }
.blindCrick .bcContainer .bcContentwrap .bcrightContent, .blindCrick .bcContainer .bcContentwrap .bcleftContent { width: 100%; padding: 10px 20px; }
.HimalayanOdyssey .wrapper .bikerProfile .rhs-content, .HimalayanOdyssey .wrapper .bikerProfile .lhs-img{width:100%}
/*Zainab */
.nsheader {padding:12% 0 0 2%;}
.nscontentLeft img {width:30%}
.nscontentLeft p {width:67%;}
}
@media  screen and (max-width:320px) {
.bannerTop p.bannertxt {font-size: 2em;top: 69px;}
.bannerTop p.commonTxt {font-size: 1.5em;top: 57px;}
.infoBox .heading {font-size: 2.2em;}
.infoBox .description, .infoBox p {font-size: 1.2em;}
/*Zainab*/
.nscontentLeft img {width:40%}
.nscontentLeft p {width:60%;}
/*shailesh*/
.mainWrapper .content .left h1 { font-size: 32px;}
.bfcwrap .bfcContainer .bfcContentwrap .bfcrightContent{padding: 47% 14px 15px 14px; text-align:justify;}
.bfcwrap .bfcContainer .bfcContentwrap .bfcleftimg{top: 23px; left: -4px; width:80%;}
.bfcwrap .bfcContentwrap .bfcrightimg{top: 27px; right: -9px; width: 80%;}
.bfcwrap .bfcContainer .bfcContentwrap .bfcleftContent{padding:50% 14px 30px 14px; text-align:justify;}
.HimalayanOdyssey .wrapper .bikerProfile .rhs-content, .HimalayanOdyssey .wrapper .bikerProfile .lhs-img{width:100%}
}
.inline-test-content .detailContent {
display: inline;
}
@charset "utf-8";

/* CSS Document */

.newsletterbox {
    background-color: #ffe9ba;
    width: 100%;
}
.orange-background{
  background-color: #ce4627;
}
.blue-background{
  background-color:#13234e;
}

.whitebg {
    background-color: #fff;
}

.nsheader {
    width: 100%;
    width: 100%;
    background: url(../../../content/dam/IndusindSports/images/ns-header.png) no-repeat right 0;
    height: 300px;
    background-size: cover;
    font-family: 'typo_geoslab_regular_demoRg';
    font-size: 4em;
    padding: 8% 0 0 2%;
    color: #be1e2d;
}

.nsfooter {
    width: 100%;
    background: url(../../../content/dam/IndusindSports/images/ns-footer.png) no-repeat right 0;
    height: 119px;
    background-size: cover;
    clear: both;
}

.nscontent {
    width: 100%;
    clear: both;
}

.nscontentLeft {
    width: 44%;
    float: left;
    position: relative;
    min-height: 1000px;
}

.nscontentRight {
    width: 40%;
    float: left;
    padding: 2% 0 0 2%;
}

.mdimg {
    position: absolute;
    bottom: -83px;
    left: 0;
    max-width: 100%
}

.nsmobileContent {
    display: none;
}

.quotesBox {
    margin-top: -3%;
    padding: 0 0 0 2%;
    width: 98%;
}

.quotes1 {
    float: left;
    vertical-align: top;
    width: 36px;
    margin-top: 0;
}

.quotesBox .wrapper>p {
    color: #bb3326;
    font-size: 4.5em;
    margin: 3% 0 0 1%;
    width: 70%;
    line-height: 45px;
    float: left;
    text-align: left
}

.quotes2 {
    float: left;
    margin-top: -2%;
    vertical-align: bottom;
    width: 36px;
    margin-left: 71%;
}

.main-im {
    width: 100%;
    margin: 0 auto
}

.mainc {
    width: 90%;
    margin: 0 auto
}

.mainc.main-color p {
    color: #fff;
}

.title {
    font-size: 40px;
    color: #bb3326;
    text-align: center
}

.text-color{
   color:#f7931e;
}
.white-text{
   color: #FFF;
}

.d-content {
    width: 100%;
    padding-top: 2%
}

.d-leftcontent {
    width: 50%;
    float: left
}

.d-leftcontent.paddingLeft {
    width: 47%;
    margin-left: 3%;
}

.d-rightcontent {
    width: 48%;
    padding-left: 3%;
    float: left;
    box-sizing: border-box
}

.nscontent1 {
    height: 1490px;
    margin: 0 auto
}

.newsletterbox1 {
    background: rgba(0, 0, 0, 0) url(../../../content/dam/indusind/forsports/images/Globetrotting2.png) no-repeat scroll 0 0
}

.indian-sports1 p {
    color: #231f20
}

.quotes22,
.quotes11 {
    width: 23px;
    float: left;
    vertical-align: bottom
}

.quotes1-2 {
    float: left;
    margin-top: 2%;
    width: 23px
}

.quotes2-2 {
    width: 23px;
    float: left;
    margin-left: 42%;
    margin-top: -6%
}

.quotes22 {
    margin-top: 18%
}

.q_msg {
    float: left;
    width: 84%;
    margin: 3%;
}

.q_msg>p {
    color: #bb3326;
    font-size: 63px;
    float: left;
    width: 100%;
    line-height: 52px;
    text-align: left;
}

.tete_msg>p {
    color: #bb3326;
    font-size: 35px;
    margin-left: 6%;
    margin-top: 8%;
    line-height: 34px
}

.newsletterbox.indian-sports.globetrotting3 p {
    background-color: #ffe9ba;
}

.title-globe3 {
    color: #c55937;
    font-size: 40px;
    padding-bottom: 2%;
}

.fpimg {
    height: 600px
}

.fp1 {
    background: rgba(0, 0, 0, 0) url(../../../content/dam/IndusindSports/images/footprint_1.png) no-repeat scroll 0 0
}

.fp2 {
    background: rgba(0, 0, 0, 0) url(../../../content/dam/IndusindSports/images/footprint_2.png) no-repeat scroll 0 0
}

.fp3 {
    background: rgba(0, 0, 0, 0) url(../../../content/dam/IndusindSports/footprint_3.png) no-repeat scroll 0 0
}

.fp4 {
    background: rgba(0, 0, 0, 0) url(../../../content/dam/IndusindSports/footprint_4.png) no-repeat scroll 0 0
}

.indian-sports .fp-title p {
    font-size: 27px;
    color: #231f20
}

.indian-sports .fp1-title {
    color: #bb3426;
    font-size: 23px
}

.tips_tricks {
    background: rgba(0, 0, 0, 0) url(../../../content/dam/indusind/forsports/images/Tips_and_Tricks.png) no-repeat scroll 0 0
}

.tt-title p {
    font-size: 27px;
    text-align: center
}

.mainc .subject p {
    color: #bb3426
}

.mainc .matter p {
    color: #231f20
}

.main-tt p {
    margin: 0 auto 18px;
    width: 90%
}

.tt-main p {
    font-size: 15px;
    text-align: center
}

.title-homegroundd p {
    font-size: 30px;
    color: #bb3426;
    font-weight: 700
}

.indian-sports .hg-title p {
    font-size: 24px;
    color: #231f20
}

.dark_main.main-image {
    height: 450px;
    width: 100%
}

.indian-sports .inner1-c {
    color: #231f20;
    float: right;
    padding-right: 14%;
    width: 57%
}

.indian-sports .row1-title {
    color: #be1e2d;
    font-size: 20px;
    padding-top: 4%;
    text-align: center
}

.indian-sports .inner2-c {
    float: left;
    padding-left: 2%;
    width: 40%;
    color: #231f20
}

.indian-sports .row2-title {
    color: #be1e2d;
    font-size: 20px;
    padding-left: 2%;
    padding-top: 4%
}

.sprinter {
    background: rgba(0, 0, 0, 0) url(../../../content/dam/indusind/forsports/images/homeground_1.png) no-repeat scroll 0 0
}

.marathoner {
    background: rgba(0, 0, 0, 0) url(../../../content/dam/indusind/forsports/images/homeground_2.png) no-repeat scroll 0 0
}

.rowing {
    background: rgba(0, 0, 0, 0) url(../../../content/dam/indusind/forsports/images/homeground_3.png) no-repeat scroll 0 0
}

.boxer {
    background: rgba(0, 0, 0, 0) url(../../../content/dam/indusind/forsports/images/homeground_4.png) no-repeat scroll 0 0
}

.gymnast {
    background: rgba(0, 0, 0, 0) url(../../../content/dam/indusind/forsports/images/homeground_5.png) no-repeat scroll 0 0
}

.lhs-content.newleft {
    width: 100%
}

.bg-yellow {
    background: #ffca3f none repeat scroll 0 0
}

.lhs-new>img {
    margin-top: -21%
}

.row.bg-yellow {
    border-radius: 28px
}

.conditioning-champion .red-title {
    color: #f06633;
    font-weight: 700
}

.rh-img>img {
    float: right;
    position: relative;
    top: -20px
}

.wrapper.cont2 {
    float: left;
    margin-left: 2%;
    margin-top: -24%;
    text-align: justify;
    width: 71%
}

.rhs-img img {
    float: right;
    margin-top: -19%;
    position: relative
}

.lhs-content.leftpad {
    margin-left: 2%
}

.lhs-content.leftpad.culminate {
    width: 90%
}

.lhs-content.leftpad.culminate a {
    color: #f7992b;
    text-decoration: underline
}

.row.bg-yellow.bgnone {
    background-image: none
}

.row.bg-yellow.bgnone::before {
    background-image: none!important
}

.row.bgnext {
    background-color: #e7e8e9;
    border-radius: 32px
}


/*Hope newsltter*/

.hopeNs .wrapper {
    max-width: none;
}

.wrapper-border {
    border-bottom: 15px solid #f15a29;
}

.bg-grey1 {
    background: #f1f1f2;
}

.bg-yellow1 {
    background: #ffca3f;
    position: relative;
}

.banner>img {
    width: 100%;
}

.row1 {
    float: left;
    width: 100%;
}

.hopeNs .rhs-img img {
    margin-top: 0;
}
/*
.hopeNs .rhs-img,
.hopeNs .lhs-content {
    display: table-cell;
}
*/

.hopeNs .lhs-img,
.hopeNs .rhs-img {
    margin: 0;
    width: 30%;
}

.hopeNs .rhs-content {
    width: 60%;
    margin: 0;
}

.hopeNs .lhs-content {
    width: 58%;
    padding: 0 0 0 2%
}

@media only screen and (min-width:768px) and (max-width:1025px) {
    .nscontentLeft .mdimg {
        bottom: -101px;
    }
}

@media screen and (max-width:1024px) {
    .nsheader {
        height: 200px;
        font-size: 2em;
        padding: 9% 0 0 2%;
    }
    .nscontentLeft {
        min-height: 790px;
    }
    .nscontentRight {
        width: 50%;
    }
    .mdimg {
        bottom: auto;
        max-width: 100%
    }
    .quotesBox {
        margin-top: 0;
    }
    .quotes2 {
        margin-top: 10%;
    }
    .quotesBox>p {
        line-height: 22px;
        width: 78%;
        font-size: 2.5em;
        line-height: 30px;
    }
    .d-leftcontent img {
        max-width: 100%
    }
    /*.d-leftcontent{float:left;margin-left:3%;padding-bottom:3%}*/
    .tete_msg>p {
        font-size: 30px
    }
    .quotes2-2 {
        margin-left: 57%;
        margin-top: -9%
    }
    .dark_main {
        width: 100%
    }
    .main-im,
    .left-im,
    .right-im {
        width: 100%
    }
    .q_msg>p {
        font-size: 48px
    }
    .title {
        font-size: 20px
    }
    .title-globe3 {
        font-size: 30px;
    }
    /*.d-leftcontent{float:left;margin-left:3%;padding-bottom:3%}*/
    .fpimg {
        width: 100%;
        background-size: 100%
    }
    .sprinter,
    .marathoner,
    .rowing,
    .boxer,
    .gymnast {
        background-size: 100%;
        width: 100%;
        background-size: 100% 100%;
        width: 100%
    }
    .indian-sports .row1-title,
    .indian-sports .row2-title {
        padding-top: 6%
    }
    .indian-sports .inner1-c {
        float: right;
        padding-right: 1%
    }
    .indian-sports .inner2-c {
        width: 61%
    }
    .rhs-img img {
        float: right;
        margin-top: 0
    }
    .conditioning-champion .rhs-img {
        float: right;
        margin: -26% 0 0;
        width: 33%
    }
}

@media screen and (max-width:768px) {
    .dark_main {
        width: 100%;
    }
    .main-im {
        width: 100%;
    }
    .title {
        font-size: 20px;
    }
    /*.d-leftcontent {float:left; margin-left:3%; padding-bottom:3%;}*/
    .q_msg {
        width: 87%;
    }
    .quotes22 {
        margin-top: 14%;
    }
    .dark_main {
        width: 100%
    }
    .main-im,
    .left-im,
    .right-im {
        width: 100%
    }
    .title-globe3 {
        font-size: 20px;
    }
    .title {
        font-size: 20px
    }
    /*17-08-2016*/
    .d-leftcontent {
        width: 100%
    }
    .d-leftcontent.paddingLeft {
        width: 100%;
        margin-left: 0%;
    }
    .indian-sports .row1-title,
    .indian-sports .row2-title {
        padding-left: 16%;
        padding-top: 7%
    }
    .sprinter,
    .marathoner,
    .rowing,
    .boxer,
    .gymnast {
        background-size: 100% 93%
    }
    .conditioning-champion .rhs-content {
        margin: 0 0 0 25%;
        width: 40%
    }
    .lhs-content.leftpad {
        margin-left: 2%;
        width: 40%
    }
    .conditioning-champion .rhs-img {
        float: right;
        margin: 0;
        width: 33%
    }
    .hopeNs .rhs-content h3,
    .hopeNs .lhs-content h3 {
        margin-top: 10px;
    }
}

@media screen and (max-width:640px) {
    .nsheader {
        height: 120px;
        font-size: 1.5em;
    }
    .quotesBox {
        padding: 0 0 6% 2%;
        float: left;
        margin-top: 0;
    }
    .quotes1,
    .quotes2 {
        width: 22px;
    }
    .quotes2 {
        margin-top: 22%;
    }
    .quotesBox>p {
        line-height: 22px;
        width: 78%;
        font-size: 3em;
        line-height: 30px;
    }
    /*.d-leftcontent{float:left;margin-left:3%;padding-bottom:3%}*/
    .tete_msg>p {
        font-size: 30px
    }
    .quotes2-2 {
        margin-left: 57%;
        margin-top: -9%
    }
    .q_msg {
        margin: 2%;
    }
    .q_msg>p {
        font-size: 40px;
    }
    .indian-sports .row1-title,
    .indian-sports .row2-title {
        padding-left: 18%;
        padding-top: 10%
    }
    .indian-sports .inner1-c,
    .indian-sports .inner2-c {
        font-size: 11px;
        line-height: 14px
    }
    .lhs-img.lhs-new {
        width: 34%
    }
    .lhs-content.leftpad {
        width: 55%
    }
    .conditioning-champion .rhs-content {
        margin: 0 0 0 15%
    }
    .hopeNs .lhs-img,
    .hopeNs .rhs-img,
    .hopeNs .rhs-content {
        width: 100%;
    }
    .hopeNs .lhs-content {
        width: 98%
    }
    .hopeNs .rhs-content h3 {
        font-size: 16px;
    }
    .hopeNs .lhs-img img,
    .hopeNs .rhs-img img {
        width: 100%;
        max-width: 510px;
    }
}

@media screen and (max-width:480px) {
    .nsheader {
        padding: 8% 0 0 2%;
    }
    .nsfooter {
        height: 50px;
    }
    .nsmobileContent {
        display: block;
    }
    .nsmobileHide {
        display: none;
    }
    .nscontentLeft {
        width: 91%;
        min-height: 185px;
        clear: both;
        float: left;
    }
    .nscontentLeft .mdimg {
        bottom: auto;
        float: left;
        position: relative;
        width: 32%;
    }
    .nscontentLeft p {
        float: left;
        width: 68%;
    }
    .nscontentRight {
        width: 85%;
        margin: 1% auto 0 auto;
        text-align: justify;
        float: none;
        padding: 0;
        clear: both;
    }
    .quotes2 {
        margin-top: 18%;
    }
    .title {
        font-size: 12px;
    }
    .quotes22,
    .quotes11 {
        width: 17px;
    }
    /*.d-leftcontent {float:left; margin-left:3%; padding-bottom:3%;}
.quotes22 {margin-top:-6%;}*/
    /*.d-leftcontent{float:left;margin-left:3%;padding-bottom:3%}*/
    .q_msg>p {
        font-size: 30px;
        line-height: 32px;
    }
    .tete_msg>p {
        font-size: 29px
    }
    .quotes2-2 {
        margin-left: 56%;
        margin-top: -10%
    }
    .title-globe3 {
        font-size: 10px;
    }
    .inner1-c.last-c {
        font-size: 9px;
        line-height: 12px
    }
}

@media screen and (max-width:360px) {
    .nsheader {
        padding: 12% 0 0 2%;
    }
    .nscontentLeft img {
        width: 30%
    }
    .nscontentLeft p {
        width: 67%;
    }
    .quotesBox>p {
        font-size: 2em;
    }
    .quotes2 {
        margin-top: 50%;
    }
    .quotes22,
    .quotes11 {
        width: 10px;
    }
    /*.d-leftcontent{float:left;margin-left:3%;padding-bottom:3%}*/
    .q_msg>p {
        font-size: 20px
    }
    .q_msg>p br {
        display: none
    }
    .tete_msg>p {
        font-size: 28px
    }
    .quotes2-2 {
        margin-left: 67%;
        margin-top: -10%
    }
    .lhs-img.lhs-new {
        margin-top: -27%
    }
    .hopeNs .rhs-content h3 {
        font-size: 16px;
    }
}

@media screen and (max-width:320px) {
    .nscontentLeft img {
        width: 40%
    }
    .nscontentLeft p {
        width: 60%;
    }
    .quotes2 {
        margin-top: 54%;
    }
    /*.d-leftcontent{float:left;margin-left:3%;padding-bottom:3%}*/
    .q_msg>p {
        font-size: 19px
    }
    .q_msg>p br {
        display: none
    }
    .tete_msg>p {
        font-size: 23px
    }
    .quotes2-2 {
        margin-left: 58%;
        margin-top: -13%
    }
}
.lhs-img.lhs-new.imageAlign .image img {
	margin-top: -21%;
}

.font-fourteen {
	color: #58595b;
	margin: 0 0 15px;
	font-size: 14px;
	text-align: justify;
	line-height: 20px;
}

.symbolOfHopeFontColour {
	color: #7c7c7e;
    font-size: 14px;
    line-height: 22px;
    }

.bannerSection .infoBox {
	width: 520px;
    bottom: -45px;
}

.newsletterbox1 .detailContent .nscontent .mainc .detailContent .upper-content .rteComponent .wrapper {
	max-width: none !important;
    padding: 0px !important;
}

.newsletterbox1 .detailContent .nscontent .mainc .detailContent .d-content .detailContent .d-leftcontent .rteComponent .wrapper {
	max-width: none !important;
    padding: 0px !important;
}
.newsletterbox .detailContent .nscontent .mainc .detailContent .title-globe3 .rteComponent .wrapper {
	max-width: none !important;
    padding: 0px !important;
}
.openLetterTextAlign .detailContent .rowContent .rteComponent .wrapper{
	max-width: none !important;                    
}


@media only screen and (max-width: 767px) {
	.md-desk-heading {
		width: 74% !important;
		font-size: 2em !important;
		line-height: 30px !important;
	}
	.nscontentLeft {
		display: flex;
	}
	.nscontentLeft .image img {
		width: 100%;
	}
	.nsmobileContent {
		width: 100% !important;
	}
	.bannerSection .infoBox {
    	margin-top: -45px;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1023px) {
	.md-desk-heading {
		width: 78% !important;
		font-size: 2.25em !important;
		line-height: 30px !important;
	}

}

@media only screen and (min-width: 1024px) {
	.rhs-img.abc .image img {
		right: -13%;
	}
	.abcd {
		width: 62% !important;
	}
	.md-desk-heading {
		width: 74% !important;
		font-size: 4.5em !important;
		line-height: 45px !important;
	}
    .shootingStarSection .imgWrap {
		margin-right: -62px;
    }

	.paraChampionSection .imgWrap {
    	margin-left: -50px;
    }
	.shootingStarSection .infoBox {
		bottom: 50px;
    }
}
a:focus-visible{
 outline: 2px solid #4A90E2 !important;
 outline-offset: 2px;
}